/* Rundlauf (#1462): Seitenwechsel als Übergang, nur Bewegung – keine Farben. */
@view-transition{navigation:auto}
html.rl-lauf::view-transition-old(root){animation:rl-aus-l 350ms cubic-bezier(.3,.1,.25,1) both}
html.rl-lauf::view-transition-new(root){animation:rl-ein-r 350ms cubic-bezier(.3,.1,.25,1) both}
html.rl-lauf.rl-zurueck::view-transition-old(root){animation-name:rl-aus-r}
html.rl-lauf.rl-zurueck::view-transition-new(root){animation-name:rl-ein-l}
@keyframes rl-aus-l{to{transform:translateX(-100%)}}
@keyframes rl-aus-r{to{transform:translateX(100%)}}
@keyframes rl-ein-r{from{transform:translateX(100%)}}
@keyframes rl-ein-l{from{transform:translateX(-100%)}}
/* Pfeilknöpfe: erben Farbe und Schrift der Kopfzeile; bleiben auch bei 360 px sichtbar
   (flex:none, nie umbrechen). */
.rl-pfeil{flex:none}
.rl-pfeil a{display:inline-block;min-width:1.6rem;text-align:center;font-size:1.25rem;line-height:1.4}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}