/* ===========================================================================
   hero-slider.css — Benker WP-Theme
   HANDGESCHRIEBEN. Eigene Datei, damit eine Neuextraktion von components.css
   diese Regeln nicht ueberschreibt. Wird NACH components.css geladen.

   Wechselnde Hero-Motive (Korrekturen KW 32): Benker wollte statt des einen
   Standortfotos vier Motive, die automatisch wechseln. Umgesetzt als Crossfade
   ueber den vorhandenen "fade"-Modus in assets/js/slider.js — ohne Pfeile, weil
   Bedienelemente hier ueber der Headline im Weg waeren.

   Greift nur, wenn tatsaechlich mehrere Motive hinterlegt sind. Bei einem Motiv
   rendert hero.php das Markup unveraendert, dann ist diese Datei wirkungslos.
   =========================================================================== */

.hero__slides {
  position: absolute;
  inset: 0;
}

.hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  /* Langsam und weich: Der Hero ist Hintergrund, kein Effekt. Ein harter
     Schnitt oder eine schnelle Blende wuerde von der Headline ablenken. */
  transition: opacity 900ms ease-in-out;
}

/* slider.js markiert die inaktiven Slides mit aria-hidden. Sichtbar ist genau
   der Slide ohne dieses Attribut — so bleibt die Anzeige an dem haengen, was
   auch Screenreader als aktiv gemeldet bekommen. */
.hero__slide:not([aria-hidden]) {
  opacity: 1;
}

.hero__slide .hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  .hero__slide {
    transition: none;
  }
}