.erfolgssteuerung{justify-content:center;align-items:center;gap:var(--s-5);margin-block-start:var(--s-6);display:flex}.erfolgspfeil{background:var(--c-start-weiss);width:2.75rem;height:2.75rem;box-shadow:var(--e-2);color:var(--c-preussisch);cursor:pointer;transition:background .2s var(--ease-ruhig), color .2s var(--ease-ruhig), translate .2s var(--ease-ruhig);border-radius:50%;flex:none;place-items:center;display:grid}.erfolgspfeil svg{width:1.25rem;height:1.25rem}.erfolgspfeil:hover{background:var(--verlauf-quer);color:var(--c-start-weiss);translate:0 -1px}.erfolgspfeil:active{translate:0}.erfolgspunkte{align-items:center;display:flex}.erfolgspunkt{cursor:pointer;place-items:center;min-width:1.5rem;height:1.5rem;padding-inline:.25rem;display:grid}.erfolgspunkt-fuellung{background:var(--c-linie-stark);width:.5rem;height:.5rem;transition:width .32s var(--ease-ruhig), background .32s var(--ease-ruhig);border-radius:999px;display:block;position:relative;overflow:hidden}.erfolgspunkt:hover .erfolgspunkt-fuellung{background:var(--c-ink-45)}.erfolgspunkt[aria-current] .erfolgspunkt-fuellung{background:var(--c-preussisch-22);width:2rem}.erfolgspunkt[aria-current] .erfolgspunkt-fuellung:after{content:"";border-radius:inherit;background:var(--verlauf-quer);transform-origin:0;position:absolute;inset:0}.erfolgspunkt[aria-current][data-laeuft] .erfolgspunkt-fuellung:after{animation:3s linear both erfolg-takt}@keyframes erfolg-takt{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.erfolgsschiene:not([data-aktiv]){cursor:pointer}@media (hover:hover){.erfolgsschiene:not([data-aktiv]):hover{opacity:.7}}.erfolgslauf{touch-action:pan-y}.erfolgszug{transition:translate .52s var(--ease-ruhig)}.erfolgslauf[data-zieht] .erfolgszug{transition:none}.erfolgslauf[data-zieht]{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.erfolgssteuerung{display:none}.erfolgsschiene:not([data-aktiv]){cursor:auto}.erfolgszug{transition:none;translate:none}}@media (prefers-reduced-motion:reduce) and (hover:hover){.erfolgsschiene:not([data-aktiv]):hover{opacity:1}}
