/* ============================================================
   ZeiTraum – Hero-Bewegung ("Ken Burns")
   Sanfter, langsamer Zoom + minimaler Schwenk auf den
   Startseiten-Hero-Bildern, damit die Standbilder fast wie
   ein ruhiges Video wirken.
   Bewusst ausgelagert (nicht in style.css), Einbindung nur in
   index.html – wirkt daher ausschließlich auf den großen Hero.

   WICHTIG: Die Bewegung läuft dauerhaft & synchron auf ALLEN
   Bildern (unabhängig vom Bildwechsel). Dadurch springt kein
   Bild beim Wechsel zurück auf den Ursprung, und weil beide
   Bilder während der Überblendung im gleichen Zoom-Zustand sind,
   wird der Crossfade nahtlos statt abgehackt.
   ============================================================ */

.hero-slides .hs{
  will-change:opacity,transform;
  transform-origin:center;
  /* Ping-Pong (alternate) → kein harter Reset am Loop-Ende */
  animation:ztHeroKB 19s ease-in-out infinite alternate;
  /* Überblendung etwas weicher als Standard (überschreibt style.css nur hier) */
  transition:opacity 1.6s ease-in-out;
}

/* langsamer, diagonaler Zoom-Drift – wirkt wie eine ruhige Kamerafahrt */
@keyframes ztHeroKB{
  from{transform:scale(1.04) translate3d(1.3%,0.9%,0)}
  to  {transform:scale(1.18) translate3d(-1.3%,-0.9%,0)}
}

/* Barrierefreiheit: Wer reduzierte Bewegung wünscht, sieht Standbilder. */
@media (prefers-reduced-motion:reduce){
  .hero-slides .hs{animation:none;transform:none}
}