.js .reveal{
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--dur-slow) var(--ease),
              transform var(--dur-slow) var(--ease);
}
.js .reveal.is-visible{ opacity: 1; transform: none; }

.delay-1{ transition-delay:  80ms; }
.delay-2{ transition-delay: 160ms; }
.delay-3{ transition-delay: 240ms; }
.delay-4{ transition-delay: 320ms; }

.js .reveal-worte .wort{
  display: inline-block; opacity: 0; transform: translateY(.42em);
  transition: opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);
}
.js .reveal-worte.is-visible .wort{ opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce){
  .js .reveal{ opacity: 1; transform: none; transition: none; }
  .js .reveal-worte .wort{ opacity: 1; transform: none; transition: none; }
  [class*="delay-"]{ transition-delay: 0s; }
}