/* Watthunt — sanfte Scroll-Einblendungen (Pilot, wiederverwendbar).
   Bewusst RUHIG. Der unsichtbare Startzustand gilt NUR unter .js-reveal —
   ohne JS ist alles sofort sichtbar (Inhalte hängen nie unsichtbar). */
.js-reveal .reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .7s ease, transform .7s ease;
}
.js-reveal .reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Gruppen-Staffelung: ~80ms Versatz pro Element, max. 5 Stufen */
.js-reveal .reveal[data-reveal-i="1"]{transition-delay:.08s}
.js-reveal .reveal[data-reveal-i="2"]{transition-delay:.16s}
.js-reveal .reveal[data-reveal-i="3"]{transition-delay:.24s}
.js-reveal .reveal[data-reveal-i="4"]{transition-delay:.32s}

/* Ruhige Marke: bei reduzierter Bewegung Startzustand AUFHEBEN — sofort sichtbar,
   keine Bewegung. (Doppelte Absicherung; das JS aktiviert .js-reveal dann gar nicht.) */
@media (prefers-reduced-motion: reduce){
  .js-reveal .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    transition-delay:0s !important;
  }
}