/* ENDLICH DU – V32 · Mobile-Verlauf auf Desktop, um 15 % intensiver.
   Farbwerte, Verlaeufe und Transparenzen direkt aus v23.css, v27.css und v28.css.
   Nur Geometrie und HTML-Ebenen unterscheiden sich, damit die Desktop-Filmrollen
   weiter laufen. Keine Veraenderung der mobilen Darstellung. */
@media (min-width: 768px) {
  /* Identischer mobiler V27-Hintergrundverlauf. */
  #hero.hero {
    background: linear-gradient(180deg,
      #dd98ad 0%,
      #e5a3a2 23%,
      #d99699 44%,
      #b87b8b 68%,
      #70465e 87%,
      #35283c 100%) !important;
  }
  #hero.hero::before {
    background: none !important;
  }
  #hero.hero::after {
    background: none !important;
  }
  /* Ein Teil der originalen mobilen Verlaufsfolie faerbt die bewegten
     Desktop-Filmrollen. Die Filmrolle selbst ist nicht ersetzt. */
  #hero .hero-film-wall::after {
    background: linear-gradient(109deg,
      rgba(196,81,121,.1265) 0%,
      rgba(233,121,119,.1955) 33%,
      rgba(244,163,110,.2875) 68%,
      rgba(243,187,80,.391) 100%) !important;
  }
  /* Derselbe Rosa–Koralle–Apricot–Gold-Overlay aus v23.css.
     Auf Desktop liegt er auf .v3-spot statt .hero-mobile-shade. */
  #hero .v3-spot {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    filter: none !important;
    background:
      radial-gradient(ellipse 91% 33% at 50% 11%,
        rgba(213,98,128,.575) 0%,
        rgba(238,145,143,.4485) 36%,
        rgba(248,190,154,.2415) 70%,
        rgba(245,177,129,0) 100%),
      radial-gradient(ellipse 90% 49% at 95% 53%,
        rgba(243,187,80,.483) 0%,
        rgba(244,163,110,.23) 57%,
        rgba(244,163,110,0) 100%),
      linear-gradient(180deg,
        rgba(252,207,190,.1035) 0%,
        rgba(255,220,197,.1725) 55%,
        rgba(237,146,149,.23) 100%) !important;
  }
  /* Mobile-V23-Hinterlegung hinter dem Zitat selbst. */
  #hero .hero-head::before {
    content: '' !important;
    display: block !important;
    background: radial-gradient(ellipse 81% 81% at 50% 40%,
      rgba(155,53,92,.2875) 0%,
      rgba(221,108,129,.1265) 58%,
      rgba(244,161,135,0) 100%) !important;
    filter: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
  /* Identische weiße Typografie und der V28-Highlight-Verlauf. */
  #hero h1.hero-story,
  #hero .hero-head h1.hero-story {
    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;
  }
  #hero h1.hero-story em {
    display: inline !important;
    background-image: linear-gradient(105deg,
      #ffe59b 0%,
      #ffbf79 48%,
      #ff887d 100%) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 2px 5px rgba(63,25,43,.44)) !important;
  }
  #hero .hero-head .desktop-hero-intro {
    color: #fff9f5 !important;
    text-shadow: 0 2px 10px rgba(49,21,36,.51) !important;
  }
  #hero .hero-head .desktop-hero-intro strong {
    color: inherit !important;
    font-weight: 800 !important;
  }
}