/**
 * NetzdienstFX – Sticky-Header: Basis-Struktur
 * -----------------------------------------------
 * Transition-Dauer/Easing als Custom Properties – in der Kunden-styles.css
 * überschreibbar, z.B. .sticky-header { --header-transition-duration: 0.5s; }
 */
.sticky-header {
  --header-transition-duration: 0.3s;
  --header-transition-easing: ease;

  position: sticky;
  top: 0;
  z-index: 100;
  transform: translateY(0);
  transition: transform var(--header-transition-duration) var(--header-transition-easing);
  will-change: transform;
}

.sticky-header.is-hidden {
  transform: translateY(-100%);
}

@media (prefers-reduced-motion: reduce) {
  .sticky-header {
    transition: none;
    will-change: auto;
  }
}