From 1acd8ed4b9fb400dcf8e8cfc677be5dd563e2e48 Mon Sep 17 00:00:00 2001
From: Nick Szaunig <nick.szaunig@encry.de>
Date: Sat, 12 Sep 2026 00:18:25 +0200
Subject: [PATCH] fix: Hero-Verlauf verstaerken, damit Text auf hellem
 Videomaterial lesbar bleibt

Live-Check des hochgeladenen Hero-Videos zeigte: die Headline lag streckenweise
direkt ueber hellen Honigglas-Etiketten, der bisherige rein vertikale
Verlauf (bg-gradient-to-t, 70/10) verdunkelt dort zu wenig, wo die
Textspalte tatsaechlich sitzt (vertikal mittig links). Zusaetzliche
gleichmaessige 25%-Abdunklung ueber die gesamte Flaeche plus staerkerer,
diagonaler Verlauf (to-tr, 70/25) gezielt hinter der Textspalte - visuell
gegen das echte Video verifiziert (Screenshot-Vergleich alt/neu).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/hero.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/hero.tsx b/src/components/hero.tsx
index f0e070d..989d0ee 100644
--- a/src/components/hero.tsx
+++ b/src/components/hero.tsx
@@ -72,7 +72,13 @@ export function Hero({
           priority
         />
       )}
-      <div className="absolute inset-0 flex items-center bg-gradient-to-t from-forest/70 via-forest/10 to-transparent">
+      {/* Gleichmaessige Abdunklung ueber die gesamte Flaeche — noetig, weil
+          redaktionell gepflegtes Bild-/Videomaterial (z.B. helle Etiketten,
+          Himmel) sonst je nach Motiv beliebig hell ausfallen und den Text
+          unlesbar machen kann. Der gerichtete Verlauf darunter verstaerkt das
+          gezielt dort, wo die Textspalte tatsaechlich sitzt (unten links). */}
+      <div className="absolute inset-0 bg-forest/25" />
+      <div className="absolute inset-0 flex items-center bg-gradient-to-tr from-forest/70 via-forest/25 to-transparent">
         <Container>
           <motion.div
             className="max-w-xl text-cream"