.schritt-nummer{background:var(--pink);font-weight:var(--w-bold);border-radius:999px;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.surface-pink .schritt-nummer,.surface-tint .schritt-nummer{background:var(--paper)}.schritte--reihe{gap:var(--sp-5)var(--grid-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.schritte--reihe .schritt{gap:var(--sp-1-5);flex-direction:column;display:flex}.schritte--reihe .schritt-nummer{width:48px;height:48px}.schritte--reihe .schritt-text{font-size:1.25rem;line-height:var(--lh-ui)}.schritte--fuenf{grid-template-columns:repeat(5,minmax(0,1fr))}.schritte--fuenf .schritt-nummer{width:40px;height:40px}.schritte--fuenf .schritt-text{font-size:var(--fs-m);line-height:var(--lh-text)}.schritte--liste{gap:var(--sp-4);flex-direction:column;display:flex}.schritte--liste .schritt{gap:var(--sp-2);grid-template-columns:56px minmax(0,1fr);display:grid}.schritte--liste .schritt-nummer{width:40px;height:40px}.schritte--liste .schritt-text{font-size:1.25rem;line-height:1.45}.schritte--kompakt{flex-direction:column;gap:14px;display:flex}.schritte--kompakt .schritt{gap:var(--sp-1-5);grid-template-columns:40px minmax(0,1fr);align-items:baseline;display:grid}.schritte--kompakt .schritt-nummer{width:28px;height:28px;font-size:var(--fs-s)}@media (max-width:760px){.schritte--reihe{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}.schritte--liste .schritt{gap:var(--sp-1-5);grid-template-columns:48px minmax(0,1fr)}.schritte--liste .schritt-text,.schritte--reihe .schritt-text{font-size:var(--fs-m);line-height:var(--lh-text)}}