/* Untermenü-Klick: weiße Overlay-Fläche aus-/einblenden, Sprung unsichtbar dahinter */
html.is-nav-animating {
  scroll-behavior: auto !important;
}

body.is-nav-animating::after,
.nav-transition-overlay {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: var(--scroll-offset, var(--parallax-fixed-top));
  bottom: 0;
  z-index: 5;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
  will-change: opacity;
}

body.is-nav-animating.is-nav-animating--out::after,
body.is-nav-animating.is-nav-animating--swap::after,
body.is-nav-animating.is-nav-animating--in::after,
body.is-nav-animating--out .nav-transition-overlay,
body.is-nav-animating--swap .nav-transition-overlay,
body.is-nav-animating--in .nav-transition-overlay {
  opacity: 1;
}

body.is-nav-animating.is-nav-animating--swap::after,
body.is-nav-animating--swap .nav-transition-overlay {
  transition: none;
}

body.is-nav-animating.is-nav-animating--in.is-nav-animating--revealed::after,
body.is-nav-animating--in.is-nav-animating--revealed .nav-transition-overlay {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  body.is-nav-animating::after,
  .nav-transition-overlay {
    display: none;
  }
}
