.schrittfolge{list-style:none;margin:.5rem 0 0;padding:0;position:relative}.schrittfolge::before{content:'';position:absolute;left:.62rem;top:1rem;bottom:1rem;width:2px;background:var(--balken)}.schrittfolge li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 4.5rem;gap:.8rem;align-items:center;padding:.6rem 0 .6rem 2.2rem}.schrittfolge li::before{content:'';position:absolute;left:0;top:50%;width:1.25rem;height:1.25rem;margin-top:-.625rem;border-radius:50%;background:var(--grund);border:2px solid var(--balken-2);z-index:1}.schrittfolge li.fertig::before{background:var(--erledigt-hauch);border-color:var(--erledigt)}.schrittfolge li.fertig::after{content:'';position:absolute;left:.47rem;top:50%;width:.26rem;height:.5rem;margin-top:-.34rem;border-right:2px solid var(--auf-erledigt);border-bottom:2px solid var(--auf-erledigt);transform:rotate(45deg);z-index:2}.schrittfolge b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.js .schrittfolge li{animation:links var(--weich) both;animation-timeline:--sz;animation-range:entry 10% entry 50%}.js .schrittfolge li:nth-child(2){animation-range:entry 18% entry 58%}.js .schrittfolge li:nth-child(3){animation-range:entry 26% entry 66%}.js .schrittfolge li:nth-child(4){animation-range:entry 34% entry 74%}.js .schrittfolge li:nth-child(5){animation-range:entry 42% entry 82%}.js .schrittfolge::before{animation:lang var(--weich) both;animation-timeline:--sz;animation-range:entry 20% entry 90%;transform-origin:top}}}