/**
 * Contao-5-Fixes Webaufruf-Onepager (nach main.css einbinden).
 * Spinner: falls is-loading hängen bleibt, Overlay nach max. 4s per CSS ausblenden.
 *
 * Startseite (#banner): in main.css ohne background-color – body (#1c1d26) schien durch.
 */

/* Gelber Seitenhintergrund statt dunkelblau (sichtbar bei #banner und Lade-Overlay) */
body.landing {
  background-color: #ffed00 !important;
}

body.landing.is-loading:after {
  background: #ffed00 !important;
}

body.landing #banner {
  background-color: #ffed00;
  min-height: 100vh;
}
@keyframes pc-aufruf-spinner-done {
  to {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}

body.landing.is-loading:before {
  animation:
    spinner-show 1.5s 1 0.25s ease forwards,
    spinner-rotate 0.75s linear 3.25s forwards,
    pc-aufruf-spinner-done 0.01s linear 4s forwards !important;
}

body.landing.is-loading:after {
  animation: overlay-hide 1.5s ease-in 4s forwards !important;
  opacity: 1;
  z-index: 100000;
}

/**
 * Spotlight-Panels: „inactive“ blendet Inhalte aus (opacity: 0) – wirkt auf C5 oft wie
 * eine komplett dunkle Seite. Gelbe Textfelder wieder sichtbar machen.
 */
body.landing .spotlight.inactive .content {
  opacity: 1 !important;
  transform: none !important;
}

/* Gelbe Panels beibehalten (statt dunklem entered-Zustand nach Scroll) */
body.landing .spotlight.entered .content,
body.landing .spotlight .content {
  background: #ffed00 !important;
  color: #000 !important;
}

@media screen and (max-width: 980px) {
  body.landing .spotlight .content {
    background: #ffed00 !important;
    color: #000 !important;
  }
}