/* Leistungen – Werte aus relaunch-paket/referenz/Leistungen.dc.html */
.lei-hero{padding-top:clamp(16px,5vh,100px);padding-bottom:clamp(160px,22vh,200px)}
.lei-hero .lead{margin:28px 0 0;max-width:38em}

.lei-wrap{padding-bottom:110px;scroll-margin-top:90px}
.lei-row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.tabs{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:6px}
html:not(.js) .tabs{display:none}
.tab{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 16px;border-radius:18px;border:1px solid transparent;
  background:transparent;text-align:left;cursor:pointer;font:600 17px var(--font-t);color:var(--muted);transition:all .25s}
.tab .n{font-family:var(--font-d);font-weight:800;font-size:14px;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--tint);color:var(--royal);flex:0 0 auto;transition:all .25s}
.tab:hover{background:#fff;color:var(--ink)}
.tab[aria-selected="true"]{background:#fff;color:var(--ink);border-color:rgba(14,26,51,.08);box-shadow:0 16px 40px -24px rgba(14,26,51,.4)}
.tab[aria-selected="true"] .n{background:var(--royal);color:#fff}

.panels{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.panel{position:relative;border-radius:28px;background:#fff;border:1px solid rgba(14,26,51,.07);box-shadow:0 50px 100px -60px rgba(14,26,51,.45);
  overflow:hidden;padding:clamp(28px,4vw,52px);scroll-margin-top:110px}
.panel[hidden]{display:none}
.panel.pin{animation:pin .45s cubic-bezier(.2,.7,.2,1)}
@keyframes pin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.panel::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(127,152,214,.55),transparent 65%);pointer-events:none}
.panel>*{position:relative}
.panel-no{font-family:var(--font-d);font-size:15px;font-weight:800;color:var(--royal);letter-spacing:-0.035em}
.panel h2{margin-top:10px;font-size:clamp(30px,3.6vw,46px)}
.panel>p{margin:20px 0 0;font-size:18px;line-height:1.6;color:var(--ink-2)}
.panel ul{list-style:none;margin:26px 0 0;padding:0}
.li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--hair);font-size:16px}
.chk{width:22px;height:22px;border-radius:7px;background:var(--tint);color:var(--royal);display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px}
.panel .tagline{margin:26px 0 0;font-family:var(--font-d);letter-spacing:-0.035em;font-size:22px;font-weight:700;color:var(--royal-text);line-height:1.3}

.one{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding:clamp(28px,4vw,56px);border-radius:28px;background:var(--night);color:var(--bg)}
.one .h2{flex:1 1 360px}
.one p{flex:1 1 420px;margin:0;font-size:18px;line-height:1.6;color:rgba(247,248,250,.8)}

.cta-sec{max-width:1040px;padding-bottom:120px}
.cta-sec .h2{margin:0 auto;max-width:14ch}
.cta-sec p{margin:20px auto 0;font-size:18px;line-height:1.55;max-width:32em}

@media (prefers-reduced-motion:reduce){.panel.pin{animation:none}}
