.wege.kw{grid-template-rows:auto auto 1fr auto;gap:0 24px;align-items:stretch}
.wege.kw:not(:has(.haken-liste)){grid-template-rows:auto 1fr auto}
.kw>.weg{position:relative;isolation:isolate;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;padding:36px 36px 30px;border-radius:24px;overflow:hidden}
.wege.kw:not(:has(.haken-liste))>.weg{grid-row:span 3}
.kw>.weg>.weg-kopf{margin-bottom:18px}
.kw>.weg>p{margin-bottom:22px;font-size:15.5px;line-height:1.62}
.kw>.weg .haken-liste{margin-bottom:26px;align-content:start}
.kw>.weg>.weg-fuss{margin-top:0}
.kw .weg-kopf{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px 16px}
.kw .weg-kopf>div{grid-column:1/-1;grid-row:2;min-width:0}
.kw .weg-kopf .status{grid-column:2;grid-row:1;justify-self:end}
.kw .weg-kopf .etikett{display:block;margin-bottom:6px}
.kw .weg h3{font-size:22px;letter-spacing:-.018em;line-height:1.2}
.kw-chip{grid-column:1;grid-row:1;justify-self:start;display:grid;place-items:center;width:56px;height:56px;border-radius:16px}
.kw-chip .ic{width:24px;height:24px}
.kw .kw-hell{border-color:#CBD8FB;background:#fff;box-shadow:0 0 0 5px rgba(33,85,241,.05),0 1px 2px rgba(10,19,36,.04),0 24px 48px -28px rgba(33,85,241,.35)}
.kw .kw-hell::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 1px 1px,rgba(10,19,36,.13) 1px,transparent 1.6px) 0 0/18px 18px;-webkit-mask-image:radial-gradient(70% 55% at 0% 0%,#000 10%,transparent 100%);mask-image:radial-gradient(70% 55% at 0% 0%,#000 10%,transparent 100%)}
.kw .kw-hell::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(80% 60% at 0% 0%,#EEF3FF 0%,rgba(238,243,255,0) 70%)}
.kw-chip-logo{width:auto;min-width:56px;padding:0 12px;background:#fff;border:1px solid #D9E2F6;box-shadow:0 0 0 4px rgba(33,85,241,.07),0 12px 26px -14px rgba(33,85,241,.5),0 1px 2px rgba(10,19,36,.06)}
.kw-chip-logo img{display:block;width:74px;height:auto}
.kw .kw-hell .weg-fuss{border-top-color:#DCE4F5}
.kw .kw-dunkel{--kw-text:#B9C3D3;background:linear-gradient(160deg,#13203A 0%,#0A1324 58%,#081020 100%);border:1px solid rgba(148,170,214,.22);color:var(--kw-text);box-shadow:0 0 0 1px rgba(10,19,36,.6),0 30px 60px -30px rgba(33,85,241,.55),0 18px 40px -24px rgba(10,19,36,.6)}
.kw .kw-dunkel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.12) 1px,transparent 1.6px) 0 0/18px 18px;-webkit-mask-image:radial-gradient(70% 55% at 100% 0%,#000 10%,transparent 100%);mask-image:radial-gradient(70% 55% at 100% 0%,#000 10%,transparent 100%)}
.kw-glut{position:absolute;z-index:-2;top:-40%;right:-25%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(59,108,255,.38),rgba(59,108,255,.12) 55%,transparent 100%);filter:blur(8px);pointer-events:none}
.kw .kw-dunkel::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
.kw .kw-dunkel .etikett{color:#8D9BB3}
.kw .kw-dunkel h3{color:#fff}
.kw .kw-dunkel>p,.kw .kw-dunkel .haken-liste li,.kw .kw-dunkel small,.kw .kw-dunkel .ab{color:var(--kw-text)}
.kw .kw-dunkel .haken-liste li>.ic-s{color:#7EA2FF}
.kw .kw-dunkel b,.kw .kw-dunkel strong{color:#fff}
.kw-chip-key{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(160,185,235,.28);color:#CFDBFF;box-shadow:0 0 0 4px rgba(90,130,255,.08),0 14px 30px -14px rgba(33,85,241,.8),inset 0 1px 0 rgba(255,255,255,.12)}
.kw .kw-dunkel .weg-fuss{border-top-color:rgba(160,180,215,.2);color:var(--kw-text)}
.kw .kw-dunkel a{color:#9DB8FF;position:relative;z-index:2}
.kw .kw-dunkel a.unterstrichen{text-decoration-color:rgba(157,184,255,.45)}
.kw .kw-dunkel a:hover{color:#fff}
.kw .kw-dunkel a:focus-visible{outline:2px solid #9DB8FF;outline-offset:3px;border-radius:4px}
@media (max-width:860px){
  .wege.kw,.wege.kw:not(:has(.haken-liste)){grid-template-rows:none;gap:20px}
  .kw>.weg,.wege.kw:not(:has(.haken-liste))>.weg{grid-row:auto;grid-template-rows:auto auto 1fr auto}
  .wege.kw:not(:has(.haken-liste))>.weg{grid-template-rows:auto 1fr auto}
}
@media (max-width:560px){
  .kw>.weg{padding:26px 22px 22px;border-radius:20px}
  .kw .weg h3{font-size:19.5px}
  .kw-chip{width:46px;height:46px;border-radius:13px}
  .kw-chip-logo{width:auto;min-width:46px;padding:0 10px}
  .kw-chip-logo img{width:60px}
}
.gz5{--gz-ja:1;--gz-nein:1;--gzw-g:64px;--gz-bg:var(--gzw-g);--gz-summe:calc(var(--gz-ja) + var(--gz-nein))}
@media (max-width:1080px){.gz5{--gzw-g:48px}}
.gz5 .grenzen,
.gz5 .gzw-bar{display:grid;grid-template-columns:calc((100% - var(--gz-sp)) * var(--gz-ja) / var(--gz-summe)) calc((100% - var(--gz-sp)) * var(--gz-nein) / var(--gz-summe));column-gap:var(--gz-sp)}
.gz5 .grenzen{--gz-sp:var(--gzw-g);row-gap:0;align-items:stretch}
.gz5 .gzw-bar{--gz-sp:var(--gz-bg)}
.gz5 .grenze{position:relative;padding:0;border:0;border-radius:0;background:transparent}
.gz5 .grenze ul{display:block;margin:0;padding:0;list-style:none}
.gz5 .grenze li{padding-left:0}
.gz5 .grenze li::before{content:none}
.gz5 .gzw-seg{min-width:0}
.gz5 .gzw-seg i{display:block}
.gz5 .gzw-bar{margin-bottom:36px}
.gz5 .gzw-lbl{display:block;margin-bottom:12px;font-size:14px;line-height:20px;color:var(--ink-2)}
.gz5 .gzw-lbl b{margin-right:4px;font-weight:700;color:var(--gruen)}
.gz5 .gzw-seg-nein .gzw-lbl{color:var(--ink-3)}
.gz5 .gzw-seg-nein .gzw-lbl b{color:var(--ink-3)}
.gz5 .gzw-seg i{height:6px;border-radius:3px;background:#22A55A}
.gz5 .gzw-seg-nein i{background:#DDE2E8}
.gz5 .grenze-nein::before{content:"";position:absolute;left:calc(var(--gzw-g) / -2);top:-39px;bottom:0;width:0;border-left:1px dashed #C3CAD5}
.gz5 .grenze h3{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;margin-bottom:10px;font-size:16px;line-height:24px}
.gz5 .grenze h3>svg{width:24px;height:24px;padding:3px;box-sizing:border-box}
.gz5 .grenze-nein h3{color:var(--ink-2)}
.gz5 .grenze li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;align-items:start;padding:9px 0;font-size:14.5px;line-height:24px;color:var(--ink-2)}
.gz5 .gz-ic{display:block;width:24px;height:24px;color:var(--gruen)}
.gz5 .gz-ic .ic{display:block;width:24px;height:24px}
.gz5 .grenze-nein li{color:var(--ink-3)}
.gz5 .grenze-nein .gz-ic{color:#A3ABB7}
.gz5 .gzw-fuss{margin:18px 0 0;padding-top:18px;border-top:1px dashed #C3CAD5;font-size:14px;line-height:22px;color:var(--ink-3);max-width:none}
@media (max-width:860px){
  .gz5{--gz-bg:4px}
  .gz5 .grenzen{grid-template-columns:minmax(0,1fr)}
  .gz5 .grenze-nein{margin-top:28px;padding-top:28px;border-top:1px dashed #C3CAD5}
  .gz5 .grenze-nein::before{content:none}
  .gz5 .gzw-bar{margin-bottom:28px}
}
.prosa>.gz5+:not(h2,h3,.artikel-cta,.quellen){margin-top:var(--p-block)}
.hw.hw-leise{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;align-items:start;margin:28px 0 0;padding-top:20px;border-top:1px dashed #C3CAD5;font-size:14px;line-height:22px;color:var(--ink-3)}
.hw-leise .hw-ic{display:block;width:20px;height:20px;margin-top:1px;color:#94A1B7}
.hw-leise .hw-ic svg{display:block;width:20px;height:20px}
.hw-leise .hw-t{margin:0;max-width:none;min-width:0}
.hw-leise .hw-t b{color:var(--ink-2);font-weight:650}
.hw-leise .hw-t a{color:var(--blau);text-decoration:underline;text-decoration-color:rgba(33,85,241,.35);text-underline-offset:3px;text-decoration-thickness:1.5px}
.hw-leise .hw-t a:hover{text-decoration-color:currentColor}
.prosa>.hw.hw-leise{max-width:none;margin-top:var(--p-block)}
.prosa>.hw.hw-leise+:not(h2,h3,.artikel-cta,.quellen){margin-top:var(--p-block)}
.rollen-g .mo-sw{--ton:var(--weich);--ton-2:var(--linie);--farbe:var(--ink-2);--punkt:#94A1B7}
.rollen-g .mo-wir{--ton:var(--blau-weich);--ton-2:var(--blau-weich-2);--farbe:var(--blau-hi);--punkt:var(--blau)}
.rollen-g .mo-kd{--ton:var(--bernstein-weich);--ton-2:#F1DDB0;--farbe:var(--bernstein);--punkt:#C58A0B}
.rollen-g .mo-beh{--ton:var(--gruen-weich);--ton-2:#CDEBD8;--farbe:var(--gruen);--punkt:#16A34A}
.rollen-g .mo-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--ton);box-shadow:inset 0 0 0 1px var(--ton-2);color:var(--farbe)}
.rollen-g .mo-ic svg{width:22px;height:22px}
.rollen-g .mo-wer{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px 0 7px;border-radius:6px;background:var(--ton);box-shadow:inset 0 0 0 1px var(--ton-2);font-size:11.5px;font-weight:600;line-height:1;color:var(--farbe);white-space:nowrap}
.rollen-g .mo-wer::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--punkt)}
.rollen-g .mo-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.rollen-g .mo-fuss{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;align-items:start;margin:28px 0 0;padding-top:20px;border-top:1px dashed #C3CAD5;font-size:14px;line-height:22px;color:var(--ink-3);max-width:none}
.rollen-g .mo-fuss-ic{display:block;width:20px;height:20px;margin-top:1px;color:#94A1B7}
.rollen-g .mo-fuss-ic svg{width:20px;height:20px}
.rollen-g .mo-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;border:1px solid var(--linie);border-radius:20px;background:var(--linie);overflow:hidden}
.rollen-g .mo-zelle{min-width:0;padding:26px 24px 28px;background:#fff}
.rollen-g .mo-zelle.mo-wir{background:#F6F9FF}
.rollen-g .mo-zelle .mo-ic{width:24px;height:24px;border-radius:0;background:none;box-shadow:none}
.rollen-g .mo-zelle .mo-ic svg{width:24px;height:24px}
.rollen-g .mo-zelle h3{margin:20px 0 8px;font-size:17px;line-height:1.3}
.rollen-g .mo-zelle p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.rollen-g .mo-fuss{margin-top:18px;padding-top:0;border-top:0}
@media (max-width:1100px){.rollen-g .mo-reihe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rollen-g .mo-reihe{grid-template-columns:minmax(0,1fr)}.rollen-g .mo-zelle{padding:20px 18px 22px}}
.kennzahl-wert{flex-wrap:wrap;row-gap:8px;min-width:0}
.kennzahl-wert small:not(:first-child){flex-basis:100%;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.35;color:var(--ink-3)}
.wl-g .wl-loesungen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wl-g .wl-ratgeber{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.wl-g .wl-karte{display:block;padding:26px 28px 28px;border:1px solid var(--linie);border-radius:var(--radius-l);background:#fff;box-shadow:var(--schatten-s);transition:border-color .2s,box-shadow .2s}
.wl-g .wl-karte:hover{border-color:#D5DAE2;box-shadow:var(--schatten-m)}
.wl-g .wl-symbol{width:40px;height:40px;display:grid;place-items:center;margin-bottom:20px;border-radius:12px;border:1px solid var(--linie);background:#fff;color:var(--ink);box-shadow:var(--schatten-s);transition:color .2s,border-color .2s}
.wl-g .wl-symbol .ic{width:20px;height:20px}
.wl-g .wl-karte:hover .wl-symbol{color:var(--blau);border-color:var(--blau-weich-2)}
.wl-g h3{margin:0 0 6px}
.wl-g h3 .ic-s{color:var(--ink-3);transition:transform .2s,color .2s}
.wl-g .wl-karte:hover h3 .ic-s{color:var(--blau);transform:translateX(2px)}
.wl-g p{margin:0;color:var(--ink-2)}
.wl-g .wl-karte-quer{display:flex;align-items:flex-start;gap:20px;background:var(--grund);box-shadow:none}
.wl-g .wl-karte-quer:hover{background:#fff}
.wl-g .wl-karte-quer .wl-symbol{margin:0}
.wl-g .wl-karte-quer .etikett{display:block;margin:0 0 6px}
@media (max-width:860px){.wl-g .wl-loesungen,.wl-g .wl-ratgeber{grid-template-columns:1fr}}
@media (max-width:640px){.wl-g .wl-karte{padding:22px 22px 24px}.wl-g .wl-karte-quer{gap:16px}}
.wl-g h3 .ic-s{display:inline-block;vertical-align:-1px;margin-left:3px}
@media (min-width:861px){.wl-g .wl-ratgeber.wl-n-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
