.pipe{counter-reset:step;display:grid;gap:30px;margin-top:44px}
@media(min-width:900px){.pipe{grid-template-columns:repeat(5,1fr);gap:22px}}
.pstep{counter-increment:step;position:relative;display:flex;flex-direction:column;gap:8px;
  padding-top:56px;text-align:left}
.pstep .dot{display:none}
.pstep .num{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;
  background:var(--ink);color:var(--on-ink);display:grid;place-items:center;
  font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;z-index:1}
.pstep .num::before{content:"0" counter(step)}
.pstep::before{content:"";position:absolute;left:40px;top:19.5px;right:-22px;height:1px;
  background:var(--line-strong)}
.pstep:last-child::before{display:none}
.pstep h3{font-size:17px;letter-spacing:-.026em}
.pstep p{font-size:14px;color:var(--muted);line-height:1.55}
.pstep .who{margin-top:6px;font-size:12px;color:var(--muted)}
.pstep .who.you{color:var(--accent);font-weight:500}

#pipeline .pipe-note{margin-top:30px;display:flex;align-items:flex-start;gap:12px;
  justify-content:center;text-align:left;max-width:74ch;margin-left:auto;margin-right:auto}
#pipeline .pipe-note svg{width:19px;height:19px;flex:none;margin-top:2px;
  stroke:currentColor;color:var(--muted)}
#pipeline .pipe-note p{font-size:13.5px;color:var(--muted);line-height:1.6}
#pipeline .pipe-note b{color:var(--text);font-weight:600}
@media(max-width:899px){
  .pstep{padding-top:0;padding-left:58px;min-height:46px}
  .pstep::before{left:19.5px;top:40px;bottom:-30px;right:auto;width:1px;height:auto}
}

.img-band{padding:0 0 104px}
.band-fig{position:relative;margin:0}
.band-fig img{width:100%;height:auto;display:block;border-radius:var(--r-card)}
.band-cap{margin-top:16px;color:var(--muted);font-size:14px;line-height:1.55;max-width:70ch}
.band-cap b{color:var(--text);font-weight:600}

.data-list{margin-top:44px;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.drow{display:grid;gap:6px 16px;padding:20px 22px;background:var(--bone);
  border-bottom:1px solid var(--line);align-items:center;
  grid-template-columns:auto 1fr auto}
.drow:last-child{border-bottom:0}
.dico{width:22px;height:22px;color:var(--muted);grid-row:span 2}
.dico svg{width:100%;height:100%;stroke:currentColor}
.dtxt b{display:block;font-family:var(--display);font-size:16px;font-weight:500;letter-spacing:-.026em}
.dtxt span{display:block;font-size:13.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.fmt{display:flex;flex-wrap:wrap;gap:6px;grid-column:2}
.fmt i{font-style:normal;font-size:11.5px;letter-spacing:.04em;color:var(--muted);
  border:1px solid var(--line);border-radius:3px;padding:2px 7px;background:var(--paper)}
.badge{font-size:11.5px;font-weight:500;color:var(--accent);
  background:rgba(0,137,112,.1);border-radius:100px;padding:3px 10px;white-space:nowrap}
.badge.gray{color:var(--muted);background:var(--bone-2)}
.data-nda,.data-hint{margin-top:16px;font-size:13px;color:var(--muted);line-height:1.55}
@media(max-width:640px){
  .drow{grid-template-columns:auto 1fr}
  .badge{grid-column:2;justify-self:start}
}

.feat-grid{display:grid;gap:1px;background:none;margin-top:44px}
@media(min-width:640px){.feat-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.feat-grid{grid-template-columns:repeat(3,1fr)}}
.ftile{background:var(--bone);padding:24px 22px;display:flex;gap:14px;align-items:flex-start;
  box-shadow:0 0 0 1px var(--line)}

.ftile svg{width:21px;height:21px;flex:none;stroke:currentColor;color:var(--muted);margin-top:2px}
.ftile b{display:block;font-family:var(--display);font-size:16px;font-weight:500;letter-spacing:-.026em}
.ftile span{display:block;font-size:13.5px;color:var(--muted);line-height:1.5;margin-top:3px}
.ftile .soon{display:inline-block;margin-top:8px;font-size:11.5px;color:var(--muted);
  border:1px solid var(--line);border-radius:3px;padding:2px 7px}

#ablauf{background:var(--bone-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.timeline{counter-reset:tstep;display:grid;gap:30px;margin-top:44px}
@media(min-width:900px){.timeline{grid-template-columns:repeat(5,1fr);gap:22px}}
.tstep{counter-increment:tstep;position:relative;display:flex;flex-direction:column;gap:6px;
  padding-top:56px;text-align:left}
.tstep .pt{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;
  background:var(--ink);color:var(--on-ink);display:grid;place-items:center;
  font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;z-index:1}
.tstep .pt::before{content:"0" counter(tstep)}
.tstep.hl .pt{background:var(--accent)}
.tstep::before{content:"";position:absolute;left:40px;top:19.5px;right:-22px;height:1px;
  background:var(--line-strong)}
.tstep:last-child::before{display:none}
.tstep .wk{font-size:12px;color:var(--muted);letter-spacing:.02em}
.tstep b{font-family:var(--display);font-size:17px;font-weight:500;letter-spacing:-.028em}
.tstep > span:last-child{font-size:13.5px;color:var(--muted);line-height:1.5}
@media(max-width:899px){
  .tstep{padding-top:0;padding-left:58px;min-height:46px}
  .tstep::before{left:19.5px;top:40px;bottom:-30px;right:auto;width:1px;height:auto}
}

@media(hover:none) and (pointer:coarse) and (max-width:899px){
  .technik .timeline{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:22px}
  .technik .tstep{padding:38px 0 0;min-height:0;gap:2px;align-items:center;text-align:center}
  .technik .tstep .pt{left:50%;transform:translateX(-50%);width:30px;height:30px;font-size:12px}
  .technik .tstep::before{left:50%;right:calc(-50% - 4px);top:15px;bottom:auto;width:auto;height:1px}
  .technik .tstep:last-child::before{display:none}
  .technik .tstep .wk{font-size:10px;letter-spacing:0;white-space:nowrap}
  .technik .tstep b{font-size:11.5px;letter-spacing:-.01em;line-height:1.2}
  .technik .tstep > span:last-child{display:none}
}