From 00da58224033552c74fd06742fabdb01a813e13a Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Mon, 13 Apr 2026 15:45:51 -0400
Subject: [PATCH] fix: make all images visible - add min-height to offering
 cards, lighten overlays

Offering card images had height:100% with no intrinsic height causing
them to collapse to zero. Hero and contact background overlays were
too dark to see the photographs behind them.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 styles.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/styles.css b/styles.css
index e8fde01..d244942 100644
--- a/styles.css
+++ b/styles.css
@@ -307,9 +307,9 @@ p:last-child {
     justify-content: center;
     background: linear-gradient(
         to bottom,
-        rgba(31, 58, 46, 0.55) 0%,
-        rgba(31, 58, 46, 0.7) 50%,
-        rgba(31, 58, 46, 0.8) 100%
+        rgba(31, 58, 46, 0.4) 0%,
+        rgba(31, 58, 46, 0.55) 50%,
+        rgba(31, 58, 46, 0.65) 100%
     );
     padding: calc(80px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);
 }
@@ -709,11 +709,13 @@ p:last-child {
 
 .offering-img-wrap {
     overflow: hidden;
+    min-height: 300px;
 }
 
 .offering-img {
     width: 100%;
     height: 100%;
+    min-height: 300px;
     object-fit: cover;
 }
 
@@ -729,6 +731,10 @@ p:last-child {
     grid-column: 1 / -1;
 }
 
+.offering-gallery .offering-img {
+    min-height: 150px;
+}
+
 /* Wertschätzung */
 .wertschaetzung {
     max-width: 700px;
@@ -873,7 +879,7 @@ p:last-child {
 }
 
 .contact-overlay {
-    background: rgba(31, 58, 46, 0.88);
+    background: rgba(31, 58, 46, 0.75);
     padding: var(--spacing-xl) 0;
 }