/* ENDLICH DU V21 — Pink · Apricot · Gold, final abgestimmter Hero-Look.
   Bewahrt V20-Layout, echte Szenen, Filmstreifen-Animation und Typografie.
   CSS-Layer hinter dem Content: nichts am Formular/Tracking verändert.
*/
:root{
 --enddu-rose:#C45179;
 --enddu-coral:#E97977;
 --enddu-apricot:#F4A36E;
 --enddu-gold:#F3BB50;
}
/* Äußere Bereiche mit leichtem Farbklang, statt flacher rosa Fläche. */
#hero.hero{background-color:#ebbed1!important;}
#hero.hero::before{
 background:
  linear-gradient(180deg,rgba(227,99,141,.075) 0%,rgba(251,171,127,.035) 46%,rgba(237,122,151,.13) 100%)!important;
}
#hero.hero::after{
 background:
  radial-gradient(ellipse 48% 65% at 92% 72%,rgba(247,177,91,.16),transparent 100%),
  linear-gradient(180deg,rgba(251,223,212,.025),rgba(236,109,143,.07) 73%,rgba(215,86,131,.13))!important;
}
/* Von der Bildmitte nach außen transparent: gleiche weiche V20-Maske,
   nun mit Kampagnenfarben statt einem monochromen Pink.
   Die authentischen Filmfotos bleiben außen gut sichtbar. */
@media(min-width:768px){
 #hero .hero-film-wall::after{
  background:
   radial-gradient(ellipse 68% 57% at 50% 25%,
     rgba(255,226,206,.91) 0%,
     rgba(255,212,198,.82) 23%,
     rgba(252,192,181,.66) 48%,
     rgba(232,120,155,.27) 77%,
     rgba(222,97,142,0) 100%),
   radial-gradient(ellipse 69% 68% at 93% 76%,
     rgba(250,181,81,.23) 0%,rgba(250,155,104,.09) 56%,transparent 100%),
   linear-gradient(112deg,
     rgba(195,78,135,.18) 0%,
     rgba(234,112,146,.075) 36%,
     rgba(255,165,110,.085) 72%,
     rgba(248,182,72,.17) 100%)!important;
 }
}
/* Mobile: same color story but keep center light enough for dark headline.
   Filmrollen may reach into middle exactly as in the reference artwork. */
@media(max-width:767px){
 #hero .hero-mobile-shade{
  background:
   radial-gradient(ellipse 75% 37% at 50% 13%,
    rgba(255,224,205,.90) 0%,
    rgba(255,208,197,.77) 45%,
    rgba(245,169,175,.30) 76%,
    rgba(238,137,174,0) 100%),
   linear-gradient(90deg,
     rgba(220,95,151,.11) 0%,
     rgba(255,216,206,.57) 27%,
     rgba(255,211,197,.55) 73%,
     rgba(252,175,92,.11) 100%),
   linear-gradient(180deg,
     rgba(240,132,165,.11),
     rgba(250,173,132,.09) 49%,
     rgba(218,93,146,.16) 100%)!important;
 }
 #hero .hero-head::before{
  background:radial-gradient(ellipse 82% 80% at 50% 42%,
    rgba(255,228,215,.57) 0%,
    rgba(252,202,198,.35) 57%,
    rgba(249,194,199,0) 100%)!important;
 }
}