/* Bewegungsmomente. Grundzustand: alles sichtbar und lesbar – auch mit JS.
   Die Bewegung ist nur eine kleine Verschiebung, die beim Eintreten
   aufgelöst wird. Bei reduzierter Bewegung passiert nichts. */

.mo-on [data-mo=mo-rise]{transform:translateY(14px);transition:transform .55s cubic-bezier(.22,.75,.2,1);transition-delay:var(--mo-delay,0ms);will-change:transform}
.mo-on [data-mo=mo-rise][data-mo-in]{transform:none}

.mo-on [data-mo=mo-frame]{transform:translateY(16px);transition:transform .6s cubic-bezier(.22,.75,.2,1)}
.mo-on [data-mo=mo-frame][data-mo-in]{transform:none}

@media(prefers-reduced-motion:reduce){
  .mo-on [data-mo=mo-rise],
  .mo-on [data-mo=mo-frame]{transform:none;transition:none}
}