/* =========================================================================
   SCROLL-REVEAL — Basisstile (nur aktiv, wenn JS bereit ist)
   html.rvl-ready wird von reveal.js gesetzt → ohne JS bleibt alles sichtbar.
   ========================================================================= */
.rvl-ready [data-rvl] {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity .75s cubic-bezier(.22, .61, .36, 1),
    transform .75s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}

/* Varianten der Einflug-Richtung */
.rvl-ready [data-rvl="left"]  { transform: translateX(-38px); }
.rvl-ready [data-rvl="right"] { transform: translateX(38px); }
.rvl-ready [data-rvl="scale"] { transform: translateY(24px) scale(.965); }

.rvl-ready [data-rvl].rvl-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .rvl-ready [data-rvl] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}