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"