/* Handy (04.10.2026, Claude): Die Bilder fuellen den ganzen Kopfbereich (cover) statt nur
   unten 300 px hinter den Knoepfen -- oben stand sonst einfarbiges Dunkel ("man sieht nichts").
   Bild .7 unter 45 % Abdeckung: vom Bild kommen rund 39 % an. Gemessen je Bild (5 Stueck),
   95. Perzentil des Hintergrunds je Textzeile: schwaechste Zeile DE 4,62:1, EN 4,7:1 (Pflicht
   4,5:1). Einen Schritt heller (.8/50 %, .9/55 %) faellt die Preiszeile darunter -- erst messen.
   Codex' Fassung (Bilder unten, Verlauf) liess den Probehinweis auf 3,7:1 fallen. */
/* Still images animate independently of Safari's media autoplay permission. */
.hero-scenes{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-scene{position:absolute;inset:0;opacity:0;transform-origin:60% 65%}
.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}
@media(max-width:960px){
  .hero-film,.hero-film-toggle{display:none!important}
  .hero-scenes{display:block;opacity:.7}
  .hero-scene:first-child{opacity:1}
  .hero:after{background:#07142673}
}
@media(max-width:960px) and (prefers-reduced-motion:no-preference){
  .hero-scene{animation:hero-scene-fade 30s linear infinite,hero-scene-drift 30s linear infinite}
  .hero-scene:nth-child(1){animation-delay:0s}
  .hero-scene:nth-child(2){animation-delay:-24s}
  .hero-scene:nth-child(3){animation-delay:-18s}
  .hero-scene:nth-child(4){animation-delay:-12s}
  .hero-scene:nth-child(5){animation-delay:-6s}
}
@keyframes hero-scene-fade{
  0%,16%{opacity:1}
  20%,96%{opacity:0}
  100%{opacity:1}
}
@keyframes hero-scene-drift{
  0%{transform:scale(1.015)}
  20%,96%{transform:scale(1.055)}
  100%{transform:scale(1.015)}
}