/* Block styles: hero */

/* Scroll-Ziel des Scroll-Indikators: Sticky-Header-Höhe ausgleichen */
#wgtl-hero-end {
  display: block;
  scroll-margin-top: calc(var(--wgtl-header-height, 96px) + 16px);
}

/* Langsamer Ken-Burns-Zoom auf dem Hintergrundbild */
@keyframes wgtl-hero-kenburns {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.08);
  }
}

.wgtl-hero__bg img {
  animation: wgtl-hero-kenburns 18s ease-out both;
  will-change: transform;
}

/* Sanftes Auf-und-ab des Scroll-Indikators */
@keyframes wgtl-hero-cue-bounce {
  0%,
  100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 8px);
  }
}

.wgtl-hero__scroll-cue {
  animation: wgtl-hero-cue-bounce 2.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .wgtl-hero__bg img,
  .wgtl-hero__scroll-cue {
    animation: none;
  }
}