/* Rundlauf (#1462, #5336): Seitenwechsel als Übergang, nur Bewegung – keine Farben. */
@view-transition{navigation:auto}
.rahmen>.seitenleiste{view-transition-name:rl-seitenleiste}
.haupt>.chatkopf,body>header{view-transition-name:rl-kopf;position:relative;z-index:26}
.haupt>.strom,.rl-inhalt{view-transition-name:rl-inhalt}
.reiterreihe [role='tab'][aria-selected='true']::after{view-transition-name:rl-marke}
::view-transition-group(root),::view-transition-group(rl-seitenleiste),::view-transition-group(rl-kopf){animation:none;background:var(--marke-hintergrund,var(--bg))}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(rl-seitenleiste),::view-transition-old(rl-kopf){display:none}
::view-transition-new(rl-seitenleiste),::view-transition-new(rl-kopf){animation:none;mix-blend-mode:normal;opacity:1}
::view-transition-group(rl-marke){animation-duration:350ms;animation-timing-function:cubic-bezier(.3,.1,.25,1)}
html.rl-lauf::view-transition-old(rl-inhalt){animation:rl-aus-l 350ms cubic-bezier(.3,.1,.25,1) both}
html.rl-lauf::view-transition-new(rl-inhalt){animation:rl-ein-r 350ms cubic-bezier(.3,.1,.25,1) both}
html.rl-lauf.rl-zurueck::view-transition-old(rl-inhalt){animation-name:rl-aus-r}
html.rl-lauf.rl-zurueck::view-transition-new(rl-inhalt){animation-name:rl-ein-l}
@keyframes rl-aus-l{to{opacity:0;transform:translateX(-24px)}}
@keyframes rl-aus-r{to{opacity:0;transform:translateX(24px)}}
@keyframes rl-ein-r{from{opacity:0;transform:translateX(24px)}}
@keyframes rl-ein-l{from{opacity:0;transform:translateX(-24px)}}
/* 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}
}