.ablauf{--ab-kreis:120px;--ab-nr:40px;--ab-luecke:24px;display:grid;gap:var(--ab-luecke);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;list-style:none;margin:0;padding:0}.ablauf__schritt{padding:0 6px;position:relative;text-align:center}.ablauf__bild{display:block;height:var(--ab-kreis);margin:0 auto 20px;position:relative;width:var(--ab-kreis)}.ablauf__bild svg{display:block;height:100%;overflow:visible;width:100%}.ablauf__nr{background:var(--brand-deep);border:3px solid #fff;border-radius:50%;box-shadow:0 6px 14px -6px rgba(2,62,92,.5);color:#fff;display:grid;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:700;height:var(--ab-nr);inset-inline-start:0;letter-spacing:0;line-height:1;place-items:center;position:absolute;top:0;width:var(--ab-nr)}.ablauf__bild--nr{background:var(--soft);border:2px solid #dbe9f2;border-radius:50%;display:grid;place-items:center}.ablauf__nr-gross{color:var(--brand-deep);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}.block.alt .ablauf .ab-kreis{fill:#fff}.block.alt .ablauf__bild--nr{background:#fff}.block.alt .ablauf__nr{border-color:var(--soft)}.ablauf .ab-k-f{fill:var(--brand-dark)}.ablauf .ab-k-s{stroke:var(--brand-dark)}.ablauf .ab-t-f{fill:var(--brand-deep)}.ablauf .ab-t-s{stroke:var(--brand-deep)}.ablauf .ab-m-f{fill:var(--brand)}.ablauf .ab-m-s{stroke:var(--brand)}.ablauf .ab-g-f{fill:var(--accent-deep)}.ablauf .ab-g-s{stroke:var(--accent-deep)}.ablauf .ab-gl-f{fill:var(--accent)}.ablauf__schritt:not(:last-child):after{background:repeating-linear-gradient(90deg,var(--brand-deep) 0 6px,transparent 6px 12px);content:"";height:2px;inset-inline-start:calc(50% + var(--ab-kreis)/2 + 10px);opacity:.45;position:absolute;top:calc(var(--ab-kreis)/2 - 1px);width:calc(100% + var(--ab-luecke) - var(--ab-kreis) - 20px)}.ablauf__schritt h3{font-size:1.08rem;margin:0 0 6px}.ablauf__schritt p{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin:0 auto;max-width:30ch}@media (max-width:959px){.ablauf{--ab-kreis:84px;--ab-nr:32px;gap:0;grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:620px}.ablauf__schritt{align-items:start;column-gap:18px;display:grid;grid-template-columns:var(--ab-kreis) minmax(0,1fr);grid-template-rows:auto 1fr;padding:0 0 26px;text-align:start}.ablauf__schritt:last-child{padding-bottom:0}.ablauf__bild{grid-row:1/span 2;margin:0}.ablauf__nr{border-width:2px;font-size:.8rem}.ablauf__nr-gross{font-size:1.5rem}.ablauf__schritt h3{font-size:1.05rem;margin:12px 0 4px}.ablauf__schritt p{margin:0;max-width:none}.ablauf__schritt:not(:last-child):after{background:repeating-linear-gradient(180deg,var(--brand-deep) 0 6px,transparent 6px 12px);bottom:6px;height:auto;inset-inline-start:calc(var(--ab-kreis)/2 - 1px);top:calc(var(--ab-kreis) + 6px);width:2px}}@media print{.ablauf__schritt:after{display:none}}