.ib-ein{transform-box:fill-box;transform-origin:50%}[data-buehne=wartet] .ib-ein{opacity:0}[data-buehne=laeuft] .ib-ein{animation:ib-ein .9s var(--kurve-weich) var(--v,0s) both}@keyframes ib-ein{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}[data-buehne=wartet] .ib-linie{opacity:0}[data-buehne=laeuft] .ib-linie{animation:ib-blende 1.1s var(--kurve-weich) var(--v,0s) both}@keyframes ib-blende{0%{opacity:0}to{opacity:1}}.ib-zug-x{transform-box:fill-box;transform-origin:0}.ib-zug-x-rechts{transform-box:fill-box;transform-origin:100%}.ib-zug-y{transform-box:fill-box;transform-origin:top}.ib-zug-y-unten{transform-box:fill-box;transform-origin:bottom}[data-buehne=wartet] :is(.ib-zug-x,.ib-zug-x-rechts){transform:scaleX(0)}[data-buehne=wartet] :is(.ib-zug-y,.ib-zug-y-unten){transform:scaleY(0)}[data-buehne=laeuft] :is(.ib-zug-x,.ib-zug-x-rechts){animation:ib-zug-x .9s var(--kurve-weich) var(--v,0s) both}[data-buehne=laeuft] :is(.ib-zug-y,.ib-zug-y-unten){animation:ib-zug-y .9s var(--kurve-weich) var(--v,0s) both}@keyframes ib-zug-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes ib-zug-y{0%{transform:scaleY(0)}to{transform:none}}[data-buehne=wartet] .ib-auftritt{opacity:0}[data-buehne=laeuft] .ib-auftritt{animation:ib-auftritt .7s var(--kurve-weich) var(--v,0s) both}@keyframes ib-auftritt{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}[data-buehne=wartet] .ib-kreuz{opacity:0}[data-buehne=laeuft] .ib-kreuz{animation:ib-kreuz .8s var(--kurve-weich) var(--v,0s) both}@keyframes ib-kreuz{0%{opacity:0;transform:rotate(-90deg)scale(.4)}to{opacity:1;transform:none}}.ib-laeufer{opacity:0}[data-buehne] .ib-laeufer{animation:ib-laeufer var(--dauer,4s) linear var(--v,0s) infinite}@keyframes ib-laeufer{0%{opacity:0;transform:translate(0)}10%,86%{opacity:1}to{opacity:0;transform:translate(var(--dx,0px), var(--dy,0px))}}.ib-fluss,.ib-fluss-y{opacity:0}[data-buehne] .ib-fluss{opacity:1;animation:ib-fluss var(--dauer,1.4s) linear infinite}[data-buehne] .ib-fluss-y{opacity:1;animation:ib-fluss-y var(--dauer,1.4s) linear infinite}@keyframes ib-fluss{to{transform:translateX(var(--periode,20px))}}@keyframes ib-fluss-y{to{transform:translateY(var(--periode,20px))}}.ib-dreh{transform-box:fill-box;transform-origin:50%}[data-buehne] .ib-dreh{animation:ib-dreh var(--dauer,9s) linear infinite}@keyframes ib-dreh{to{transform:rotate(360deg)}}@media (max-width:40rem){.ib-beschriftung{font-size:14.5px}}.ib-funktionsleiste,.ib-leselinie-y{--linie-transform:scaleY(var(--fortschritt))}@media (min-width:1024px){.ib-funktionsleiste{--linie-transform:scaleX(var(--fortschritt))}}:is(.ib-referenz:has(.ib-zeigt-int:is(:hover,:focus-within)) .ib-stufe-int,.ib-referenz:has(.ib-zeigt-eu:is(:hover,:focus-within)) .ib-stufe-eu,.ib-referenz:has(.ib-zeigt-de:is(:hover,:focus-within)) .ib-stufe-de){--an:1}