/* Barrierefreiheits-Korrekturen zur Webflow-Ausgabe.
   Wird von scripts/port.mjs nach webflow.css eingebunden und ist die einzige
   bewusste Abweichung vom 1:1-Stand. webflow.css bleibt unangetastet, damit
   ein erneutes Spiegeln nichts ueberschreibt. */

/* ---------------------------------------------------------------- Kontrast
   Der Hero traegt einen dunklen Schleier (.image-overlay-layer, 80% Schwarz),
   in den ein wanderndes 120px-Spotlight ein Loch schneidet. Steht dieses Loch
   ueber der Schrift, liegt weisser Text auf dem ungedimmten Foto und der
   Kontrast faellt auf 1,2:1 (WCAG 1.4.3 verlangt 4,5:1 bzw. 3:1).

   Deshalb bekommt der Textblock einen eigenen Schleier, der ueber dem
   Spotlight liegt. Nach rechts laeuft er aus, damit der Spotlight-Effekt auf
   der bildbetonten Seite erhalten bleibt. */
.section_header5 .header5_content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(4, 1, 12, 0.72) 0%,
    rgba(4, 1, 12, 0.68) 52%,
    rgba(4, 1, 12, 0.45) 74%,
    rgba(4, 1, 12, 0) 92%
  );
}

/* Auf schmalen Viewports nimmt der Text fast die volle Breite ein - ein
   seitlicher Verlauf wuerde am rechten Rand nicht mehr greifen. */
@media (max-width: 767px) {
  .section_header5 .header5_content::before {
    background: rgba(4, 1, 12, 0.68);
  }
}

/* ------------------------------------------------------- Bewegungsreduktion
   Ergaenzt die JS-Seite in a11y.js: dort werden Webflows Interaktionen und das
   Spotlight stillgelegt, hier alles rein deklarative Bewegung.
   Der Countdown bleibt bewusst aktiv - er ist der Zweck des Elements und
   faellt unter die Ausnahme fuer wesentliche Inhalte (WCAG 2.2.2). */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }

  /* Das Sponsoren-Laufband laeuft sonst endlos ohne Pausemoeglichkeit
     (CSSAnimation, 35s, unendlich, deklariert in einem Webflow-Style-Embed).
     Die Regel oben wuerde es auf den Endzustand translateX(-100%) springen
     lassen - also die Logos aus dem Bild schieben. Deshalb hier explizit die
     Animation abschalten, damit das Laufband an seiner Startposition ruht. */
  .logo-animate {
    animation: none !important;
    transform: none !important;
  }
}