/* Bewegung beim Scrollen: Einblenden, Marker-Effekt, Zahlen.
   Nur aktiv, wenn das System nicht "Bewegung reduzieren" verlangt. */
@media (prefers-reduced-motion: no-preference) {
  .rv { opacity:0; }
  .rv.in { opacity:1; animation:rv-in .7s cubic-bezier(.2,.7,.3,1); }
  @keyframes rv-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }

  .hl:not(.in), mark:not(.in) { background-size:0% 100% !important; }
  .hl, mark { background-repeat:no-repeat !important; transition:background-size .8s cubic-bezier(.2,.7,.3,1) .75s; }
  mark { background-color:transparent; background-image:linear-gradient(#f8eca3, #f8eca3); color:inherit; }
  .hl.in, mark.in { background-size:100% 100% !important; }
}