.ablauf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,28px)}
.ablauf li{position:relative;padding-top:clamp(14px,1.4vw,22px);border-top:1px solid var(--ink)}
.ablauf li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.ablauf li:not(:last-child)::after{content:"→";position:absolute;top:-.75em;right:0;padding-left:.4em;background:var(--paper)}
.ablauf h3{margin:.2em 0 .3em;font-size:calc(var(--t-h)*.8);font-weight:600}
@media (max-width:690px){.ablauf{grid-template-columns:1fr}.ablauf li::after{display:none}}

.zl__bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.zl__bar [role=tablist]{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.zl button{border:0;border-radius:var(--rr);background:var(--cta);font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.zl button:hover{background:var(--cta-h)}
.zl [role=tab]{flex:none;padding:9px 16px;line-height:1}
.zl [role=tab][aria-selected=true]{background:var(--ink);color:var(--paper)}
.zl__nav{display:flex;gap:6px}
.zl__nav button{width:44px;height:44px}
.zl__p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,40px);align-items:end;padding-top:calc(var(--sp-h)*1.4)}
.zl__y{font:400 var(--t0)/1 var(--sans);letter-spacing:-.02em}
.zl__t{max-width:22em;padding-bottom:.35em;font-size:var(--t-h);line-height:var(--lh-t)}
.zl__p.is-in>*{animation:zlIn .55s var(--ease) both}
.zl__p.is-in .zl__t{animation-delay:.08s}
@keyframes zlIn{from{opacity:0;transform:translateY(18px)}}
@media (max-width:690px){.zl__p{grid-template-columns:1fr;gap:12px}.zl__nav{display:none}}
@media (prefers-reduced-motion:reduce){.zl__p.is-in>*{animation:none}}