/* ENDLICH DU V23 — Mobile-Farbverlauf an Desktop V21/V22 angeglichen.
   Nur mobile Gestaltung; Bilddateien, CTA, Filmrollen und Desktop bleiben unverändert.
   Gleiche Kampagnenfarben: Rose #C45179 / Koralle #E97977 / Apricot #F4A36E / Gold #F3BB50.
   Die Headline aus V22 bleibt weiß und behält ihren weichen Schatten für den Kontrast. */
@media (max-width:767px) {
  /* Filmrollen bleiben wie bisher sichtbar; die Färbung liegt nur darüber. */
  #hero.hero {
    background-color:#f1cbd2 !important;
  }
  #hero .hero-mobile-shade {
    background:
      radial-gradient(ellipse 91% 33% at 50% 11%,
        rgba(213,98,128,.50) 0%,
        rgba(238,145,143,.39) 36%,
        rgba(248,190,154,.21) 70%,
        rgba(245,177,129,0) 100%),
      radial-gradient(ellipse 90% 49% at 95% 53%,
        rgba(243,187,80,.42) 0%,
        rgba(244,163,110,.20) 57%,
        rgba(244,163,110,0) 100%),
      linear-gradient(109deg,
        rgba(196,81,121,.11) 0%,
        rgba(233,121,119,.17) 33%,
        rgba(244,163,110,.25) 68%,
        rgba(243,187,80,.34) 100%),
      linear-gradient(180deg,
        rgba(252,207,190,.09) 0%,
        rgba(255,220,197,.15) 55%,
        rgba(237,146,149,.20) 100%) !important;
    inset:0 !important;
    pointer-events:none !important;
  }
  /* Entfernt den früheren dunklen Bordeaux-Fleck der V22. */
  #hero .hero-head::before {
    background:radial-gradient(ellipse 81% 81% at 50% 40%,
      rgba(155,53,92,.25) 0%,
      rgba(221,108,129,.11) 58%,
      rgba(244,161,135,0) 100%) !important;
    filter:none !important;
    pointer-events:none !important;
  }
  /* V22: weiße Headline bleibt, ohne die gesamte Fläche abzudunkeln. */
  #hero h1.hero-story,
  #hero h1.hero-story em,
  #hero h1.hero-story span,
  #hero h1.hero-story strong {
    color:#fffaf6 !important;
    -webkit-text-fill-color:#fffaf6 !important;
    text-shadow:0 2px 5px rgba(75,23,51,.36),0 4px 19px rgba(75,23,51,.33) !important;
  }
}