.sz-schritte { padding-block: var(--sz-raum-8); }
.sz-schritte__rahmen { display: grid; gap: var(--sz-raum-6); }
.sz-schritte__liste { list-style: none; margin: 0; padding: 0; counter-reset: schritt; display: grid; gap: var(--sz-raum-5); grid-template-columns: 1fr; }
.sz-schritte__schritt { counter-increment: schritt; display: grid; gap: var(--sz-raum-2); padding-block-start: var(--sz-raum-4); border-block-start: 3px solid var(--sz-orange); }
.sz-schritte__schritt::before { content: counter(schritt, decimal-leading-zero); font-weight: 700; font-size: var(--sz-text-l); color: var(--sz-orange-text); }
.sz-grund--blau .sz-schritte__schritt::before { color: var(--sz-orange); }
.sz-schritte__titel { font-size: var(--sz-text-l); }
@media (min-width: 48rem) { .sz-schritte__liste { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 75rem) { .sz-schritte__liste { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } }