/**
 * NetzdienstFX – Scroll-Reveal: Basis-Struktur
 * -----------------------------------------------
 * Timing/Distanz als CSS-Custom-Properties mit Defaults – in der Kunden-styles.css
 * gezielt überschreibbar, z.B.:
 *   .reveal-on-scroll { --reveal-distance: 40px; --reveal-duration: 0.8s; }
 */
.reveal-on-scroll {
  --reveal-distance: 24px;
  --reveal-duration: 0.6s;
  --reveal-easing: ease-out;

  opacity: 0;
  transform: translateY(var(--reveal-distance));
  transition: opacity var(--reveal-duration) var(--reveal-easing),
              transform var(--reveal-duration) var(--reveal-easing);
}

.reveal-on-scroll.is-revealed {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}