/* Lieferung 79: Grundgroessen fuer Elemente ohne eigene Regel. */
button,small{font-size:13px}h3{font-size:16px}
/* Design: hell und freundlich, Dunkelmodus folgt dem Gerät. Alle Farben, Radien und Schriften stehen hier oben als Token (bereinigt 02.11.2026, Lieferung 12; Diagramm- und PDF-Farben Lieferung 13).
   Die Regeln darunter greifen nur auf Tokens zu. Das neue Design in /app-neu/design.css setzt diese Tokens unter html.dn neu. */
:root{
 /* Marke: tecis-Marine, -Blau und -Limette, gleich in Hell und Dunkel (Kopfflächen der Rechner, Avatare, Tabellenköpfe, Folien) */
 --marke-navy:#00325b;--marke-navy-2:#002544;--marke-navy-3:#001629;--marke-blau:#009ee3;--marke-blau-2:#1668a8;--marke-himmel:#47b4e8;--himmel-hell:#7fbbdc;--marke-lime:#d3d800;--lime-tief:#b9bd00;
 --on-marke-navy:#fff;--on-marke-navy-hell:#7fd4f5;--on-marke-navy-leise:#bfe3f5;--on-marke-navy-mut:#9fb6cb;
 /* Thema */
 --navy:var(--marke-navy);--blau:var(--marke-blau);--blau-tx:#fff;--lime:var(--marke-lime);--lime-tx:var(--marke-navy);
 --bg:#f3f6f9;--w:#fff;--tx:#0b2c4d;--mut:#60758a;--grau:#e3eaf0;--linie:var(--marke-himmel);
 --hi:#f4f6bd;--hi-tx:var(--marke-navy);--oksoft:#e2f4e9;--ok:#23864d;--warnsoft:#fff3c4;--warntx:#7a6400;--badsoft:#fbe5e2;--bad:#c0392b;
 --warn-stark:#e8a200;--gelb:#f2c200;--gelb-tx:#3d3000;--gold:#c98a00;--rot-hell:#ff8b7e;--rot-hell-tx:#4a0d07;--tuerkis:#4fd1c5;--neutral:#6d6d6c;--neutral-2:#8a8a89;--sand:#e9e9e1;
 --meeting-bg:#dbeefa;--meeting-tx:#0a5a8a;--banner-ende:#dcecf6;
 /* Diagramme, Folien und PDF (fest in Hell und Dunkel, Lieferung 13) */
 --gitter:#e4e4da;--sand-flaeche:#f4f4ee;--sand-hell:#e2e2d3;--sand-mittel:#cbcdb9;--sand-dunkel:#b9b9ab;--sand-tx:#8c8f73;--hellblau:#e5f5fc;--grau-tx:#3c3c3b;--grau-hell:#e3e6e8;--orange:#e58a00;--violett:#7b6cf0;--signal-rot:#c0392b;--pdf-linie:#c8d2dc;--berg-hell:#9fcbe6;
 --medaille-gold:#f2c94c;--medaille-gold-tx:#5a4300;--medaille-silber:#c9d3dc;--medaille-silber-tx:#3a4a58;--medaille-bronze:#e0a878;--medaille-bronze-tx:#58300f;
 --kopf:var(--marke-navy);--kopf-tx:#fff;--dunkel-kopf:#071a2b;--hell-btn:#e3f0f9;--hell-btn-tx:var(--marke-navy);
 --schatten:0 1px 2px rgba(0,50,91,.06),0 6px 18px rgba(0,50,91,.07);
 /* Radien: eine Skala */
 --r-feld:6px;--r-xs:8px;--r-s:12px;--r:18px;--r-l:24px;--r-voll:999px;--gap:14px;--pad:16px;--navh:64px;
 /* Schrift */
 --font:-apple-system,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--serif:"Iowan Old Style",Georgia,"Times New Roman",serif;--font-tecis:Arial,Helvetica,sans-serif;
 --schrift:"Segoe Script","Bradley Hand","Snell Roundhand","Brush Script MT","Apple Chancery",cursive;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#0a1827;--w:#112437;--tx:#e8eff6;--mut:#8ea4b8;--grau:#1d364d;--linie:var(--marke-blau-2);--blau-tx:#00182c;
 --hi:#303a0a;--hi-tx:#eef07a;--oksoft:#12351f;--ok:#58c487;--warnsoft:#3a3410;--warntx:#f2dd7a;--badsoft:#3d1c19;--bad:#ff8b7e;
 --meeting-bg:#12354d;--meeting-tx:#7cc8f2;--banner-ende:#16344b;
 --kopf:var(--dunkel-kopf);--hell-btn:#1b3d57;--hell-btn-tx:#e8eff6;--schatten:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.25);color-scheme:dark}}
:root[data-theme="dark"]{
 --bg:#0a1827;--w:#112437;--tx:#e8eff6;--mut:#8ea4b8;--grau:#1d364d;--linie:var(--marke-blau-2);--blau-tx:#00182c;
 --hi:#303a0a;--hi-tx:#eef07a;--oksoft:#12351f;--ok:#58c487;--warnsoft:#3a3410;--warntx:#f2dd7a;--badsoft:#3d1c19;--bad:#ff8b7e;
 --meeting-bg:#12354d;--meeting-tx:#7cc8f2;--banner-ende:#16344b;
 --kopf:var(--dunkel-kopf);--hell-btn:#1b3d57;--hell-btn-tx:#e8eff6;--schatten:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.25);color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.45 var(--font);color:var(--tx);background:var(--bg);padding-bottom:calc(var(--navh) + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:var(--r-xs)}

/* Kopf */
.top{background:var(--kopf);color:var(--kopf-tx);padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:flex;align-items:center;gap:12px}
.top img{height:38px;width:auto;display:block}
.top .name{display:flex;flex-direction:column;line-height:1.1}
.top .name b{font-family:var(--serif);font-size:24px;letter-spacing:.01em;font-weight:600}
.top .name small{color:var(--on-marke-navy-mut);font-size:13px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.badge{margin-left:auto;background:var(--lime);color:var(--lime-tx);font-size:13px;font-weight:700;padding:3px 10px;border-radius:var(--r-voll)}

/* Navigation */
nav{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;background:var(--w);border-top:1px solid var(--grau);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(0,50,91,.06)}
nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--navh);font-size:13px;font-weight:600;color:var(--mut);position:relative}
nav svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav a.on{color:var(--tx)}
nav a.on::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 4px 4px;background:var(--lime)}
nav a.on svg{stroke:var(--blau)}
@media(min-width:820px){
 body{padding-bottom:0}
 nav{position:static;border:0;background:var(--kopf);padding:0 14px;justify-content:flex-start;box-shadow:none;gap:2px}
 nav a{flex:none;flex-direction:row;gap:8px;height:auto;padding:12px 16px;color:var(--on-marke-navy-mut);font-size:16px}
 nav svg{width:20px;height:20px}
 nav a.on{color:#fff}nav a.on::before{top:auto;bottom:0;left:12px;right:12px;height:3px;border-radius:4px 4px 0 0}
 nav a.on svg{stroke:var(--lime)}
}

main{max-width:1180px;margin:0 auto;padding:18px 16px 28px}
h1{font-family:var(--serif);font-size:24px;font-weight:600;margin:2px 0 14px}
h1::after{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--lime);margin-top:6px}
.hallo{margin:0 0 14px}.hallo b{font-family:var(--serif);font-size:24px;font-weight:600;display:block}.hallo span{color:var(--mut)}
.grid{display:grid;gap:var(--gap);margin-bottom:var(--gap);align-items:start}
.g3,.g2{grid-template-columns:1fr}
@media(min-width:820px){.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}}
.grid>div{display:flex;flex-direction:column;gap:var(--gap)}

/* Karten */
.card{background:var(--w);border-radius:var(--r);padding:var(--pad);box-shadow:var(--schatten);margin-bottom:var(--gap)}
.grid>.card,.grid>div>.card{margin-bottom:0}
.card h2{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--grau);font-size:13px}
.row span:nth-child(2){flex:1}
.nr{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--bg);color:var(--mut)}
.nr.m1{background:var(--medaille-gold);color:var(--medaille-gold-tx)}.nr.m2{background:var(--medaille-silber);color:var(--medaille-silber-tx)}.nr.m3{background:var(--medaille-bronze);color:var(--medaille-bronze-tx)}
.me{background:var(--hi);color:var(--hi-tx);border-radius:var(--r-s);padding:9px 12px;margin-top:10px;font-weight:700;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:var(--gap)}
.chips small{color:var(--mut);font-weight:600}
.chip{border:1px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r-voll);padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .08s,background .15s}
.chip:hover{border-color:var(--blau)}.chip:active{transform:scale(.96)}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip.on{background:var(--blau);border-color:var(--blau)}}:root[data-theme="dark"] .chip.on{background:var(--blau);border-color:var(--blau)}
.tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.step{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--grau)}
.step:last-child,.row:last-of-type,.topic:last-child,.li:last-child,details:last-child{border-bottom:0}
.step input{margin-top:2px;width:20px;height:20px;accent-color:var(--blau)}
.step.done .grow{text-decoration:line-through;opacity:.5}
.ck{width:22px;height:22px;border-radius:50%;border:2px solid var(--grau);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:transparent;flex:none}
.step.done .ck{background:var(--ok);border-color:var(--ok);color:#fff}
.grow{flex:1;min-width:0}small{color:var(--mut);display:block}
.mini,.btn{display:inline-block;border:0;border-radius:var(--r-s);background:var(--grau);color:var(--tx);padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer}
.btn{background:var(--lime);color:var(--lime-tx);padding:12px 20px;margin-top:8px;font-size:16px;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.btn:active,.mini:active{transform:translateY(1px)}
.plan{background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.plan .btn{margin:0}
.plan.ok{background:var(--oksoft);color:var(--ok)}
.bar{height:10px;background:var(--grau);border-radius:var(--r-voll);overflow:hidden;margin:8px 0}
.bar i{display:block;height:100%;border-radius:var(--r-voll);background:linear-gradient(90deg,var(--blau),var(--tuerkis));transition:width .4s}
.w3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.w3>div{background:var(--bg);border-radius:var(--r-s);padding:10px 6px;text-align:center}
.w3 b{font-size:24px;display:block;font-family:var(--serif)}
.li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--grau)}
.li>span{color:var(--mut);font-size:24px}
.back{display:inline-block;margin-bottom:8px;color:var(--mut);font-weight:600}
details{border-bottom:1px solid var(--grau)}
summary{cursor:pointer;padding:11px 0;font-weight:700;list-style-position:inside}
summary small{display:inline;margin-left:6px;font-weight:500}
details details{margin-left:14px}
.topic{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--grau)}
.st{border:0;border-radius:var(--r-voll);padding:5px 14px;font-size:13px;font-weight:700;cursor:pointer;background:var(--grau);color:var(--mut)}
.st.s1{background:var(--warnsoft);color:var(--warntx)}.st.s2{background:var(--oksoft);color:var(--ok)}
.opt{display:block;width:100%;text-align:left;margin:8px 0;padding:14px;border:1.5px solid var(--grau);border-radius:var(--r-s);background:var(--w);font-size:16px;color:var(--tx);cursor:pointer}
.opt:hover:not([disabled]){border-color:var(--blau)}
.opt.ok{background:var(--oksoft);border-color:var(--ok)}.opt.bad{background:var(--badsoft);border-color:var(--bad)}
.fld{display:block;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--mut)}
.fld input,.fld select{display:block;width:100%;margin-top:4px;padding:12px;border:1.5px solid var(--grau);border-radius:var(--r-s);font:inherit;font-size:16px;color:var(--tx);background:var(--bg)}
.fld input:focus,.fld select:focus{border-color:var(--blau);outline:none}
.leiter{display:flex;flex-direction:column;gap:6px}
.sprosse{padding:10px 14px;border-radius:var(--r-s);background:var(--bg);color:var(--mut);font-weight:600}
.sprosse.ok{background:var(--oksoft);color:var(--ok)}
.sprosse.jetzt{background:var(--navy);color:#fff}
.sprosse.next{background:var(--hi);color:var(--hi-tx)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sprosse.jetzt{background:var(--blau)}}:root[data-theme="dark"] .sprosse.jetzt{background:var(--blau)}
.hint{margin-top:12px;font-size:13px}
.test{font-size:13px;color:var(--mut);margin-top:6px}.test select{font:inherit;background:var(--w);color:var(--tx)}
.login{max-width:400px;margin:24px auto;text-align:center}
.login>img{width:150px;height:auto;margin:0 auto 6px;display:block}
.login .card{text-align:left}
.login>img.logo-dunkel{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .login>img.logo-hell{display:none}:root:not([data-theme="light"]) .login>img.logo-dunkel{display:block}}:root[data-theme="dark"] .login>img.logo-hell{display:none}:root[data-theme="dark"] .login>img.logo-dunkel{display:block}
.fehler{color:var(--bad);margin:0 0 8px;font-weight:600}
hr{border:0;border-top:1px solid var(--grau);margin:16px 0}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Desktop: Kopf und Navigation in einer Zeile, Dashboard soll ohne Scrollen auf den Bildschirm passen */
@media(min-width:820px){
 body{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;min-height:100vh;align-content:start}
 .top{grid-column:1;padding-right:8px}.top .badge{margin-left:12px}
 nav{grid-column:2;align-items:center;justify-content:flex-start}
 main{grid-column:1/3;width:100%}
 .hallo{display:flex;align-items:baseline;gap:12px;margin:0 0 10px}.hallo b{font-size:24px}
 .chips{margin-bottom:10px}
}
@media(min-width:820px) and (max-height:900px){
 main{padding-top:12px}
 .row:nth-of-type(n+4){display:none}
 .step{padding:7px 0}.card{padding:14px}.row{padding:6px 0}
 .test{display:none}
}

/* Karrierenadeln */
.nadel{height:40px;width:auto;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.nadel.gross{height:96px}
.sprosse{display:flex;align-items:center;gap:12px}
.sprosse .nadel{height:34px}
.buehne{display:flex;gap:10px;margin-bottom:14px}
.buehne>div{flex:1;background:var(--bg);border-radius:var(--r-s);padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.buehne>div.next{opacity:.75}.buehne>div.next .nadel{filter:grayscale(.55) drop-shadow(0 2px 3px rgba(0,0,0,.2))}
.buehne b{font-size:13px}

/* Team */
.w4{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
@media(min-width:820px){.w4{grid-template-columns:repeat(4,1fr)}}
.w4>div{background:var(--w);border-radius:var(--r);padding:12px 8px;text-align:center;box-shadow:var(--schatten)}
.w4 b{font-size:24px;display:block;font-family:var(--serif)}.w4 .warn b{color:var(--bad)}
.tm{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--grau);flex-wrap:wrap}
.tm:last-of-type{border-bottom:0}
.tm .zahlen{display:grid;grid-template-columns:repeat(4,minmax(54px,auto));gap:6px;text-align:center}
.tm .zahlen b{display:block;font-size:16px}.tm .zahlen small{font-size:13px}
@media(max-width:560px){.tm .zahlen{width:100%}}
.eb{margin-left:8px;font-size:13px;color:var(--mut);font-weight:600}
.tag{display:inline-block;margin:4px 6px 0 0;padding:2px 9px;border-radius:var(--r-voll);font-size:13px;font-weight:700;background:var(--grau);color:var(--mut)}
.tag.warn{background:var(--badsoft);color:var(--bad)}
.ok{color:var(--ok);font-weight:600}p.ok{margin:0 0 8px}
.ad select{margin-top:6px;padding:6px 8px;border:1.5px solid var(--grau);border-radius:var(--r-xs);background:var(--bg);color:var(--tx);font:inherit;font-size:13px;max-width:100%}

/* Kopfzeile auf schmalen Handys: nichts abschneiden */
@media(max-width:420px){.top{gap:10px;padding-left:14px;padding-right:12px}.top img{height:34px}.top .name b{font-size:16px}.top .name small{font-size:13px;letter-spacing:.05em}.badge{font-size:13px;padding:3px 8px;flex:none}}

/* Termine und Strukturen */
.tag.typ-meeting{background:var(--meeting-bg);color:var(--meeting-tx)}.tag.typ-challenge{background:var(--hi);color:var(--hi-tx)}.tag.typ-info{background:var(--grau);color:var(--mut)}
.tx{margin:6px 0 0;white-space:pre-wrap}
.strukt textarea,.fld textarea{display:block;width:100%;margin-top:4px;padding:10px;border:1.5px solid var(--grau);border-radius:var(--r-s);font:inherit;font-size:16px;color:var(--tx);background:var(--bg)}
/* Viele Reiter: Navigation auf dem Handy seitlich wischbar */
@media(max-width:819px){nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:0 0 auto;min-width:68px;padding:0 6px}}
/* Nichts über den Rand laufen lassen (lange Links, Selects) */
.grid>*,.grid>div>*,.card{min-width:0}
.me,.me span,.topic .grow,.step .grow{overflow-wrap:anywhere}
select,input,textarea{max-width:100%}

/* Organigramm (Baum von oben nach unten, auf dem Handy eingerückt) */
.monat{display:flex;align-items:center;gap:10px;margin-bottom:12px}.monat b{min-width:150px;text-align:center}
.trenn{width:1px;height:22px;background:var(--grau);margin:0 4px}
.org-box{position:relative;background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:14px 8px}
.org-box .orgzu{display:none}.org-box .orgvoll{position:absolute;top:10px;right:10px;z-index:2}
.org-box.vollbild{position:fixed;inset:0;z-index:300;border-radius:0;overflow:auto;padding:56px 24px 24px}
.org-box.vollbild .orgvoll{display:none}
.org-box.vollbild .orgzu{display:inline-block;position:fixed;top:calc(12px + env(safe-area-inset-top));right:16px;z-index:5;border:0;background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--r-voll);cursor:pointer}
body.org-offen{overflow:hidden}
.org-scroll{overflow-x:auto;padding:30px 4px 24px}
.org{min-width:max-content;margin:0 auto;text-align:center}
.org ul{display:flex;justify-content:center;gap:0;padding:26px 0 0;margin:0;position:relative}
.org>ul{padding-top:0}
.org li{list-style:none;position:relative;padding:26px 6px 0;display:flex;flex-direction:column;align-items:center}
.org>ul>li{padding-top:0}
.org li::before,.org li::after{content:'';position:absolute;top:0;right:50%;width:50%;height:26px;border-top:2px solid var(--grau)}
.org li::after{right:auto;left:50%;border-left:2px solid var(--grau)}
.org>ul>li::before,.org>ul>li::after{display:none}
.org li:only-child::before,.org li:only-child::after{display:none}
.org li:first-child::before,.org li:last-child::after{border:0}
.org li:last-child::before{border-right:2px solid var(--grau);border-radius:0 10px 0 0}
.org li:first-child::after{border-radius:10px 0 0 0}
.org ul ul::before{content:'';position:absolute;top:0;left:50%;height:26px;border-left:2px solid var(--grau)}
.person{width:168px;display:flex;flex-direction:column;align-items:center;background:var(--w);border:1.5px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:14px 10px;text-align:center;position:relative}
.person.wurzel{width:210px;border-color:var(--blau)}
.person.fehlt{border-color:var(--bad);background:linear-gradient(var(--badsoft),var(--badsoft)) top/100% 5px no-repeat,var(--w)}
.person.still:not(.fehlt){border-color:var(--warn-stark)}
.person.gedimmt{opacity:.28}
.avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 8px;background:linear-gradient(160deg,var(--blau),var(--navy));color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;border:3px solid var(--w);box-shadow:0 0 0 2px var(--grau)}
.person.wurzel .avatar{width:72px;height:72px;font-size:24px}
.person b{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.person .rolle{display:inline-block;margin-top:5px;background:var(--grau);color:var(--tx);font-size:13px;font-weight:700;padding:3px 9px;border-radius:var(--r-voll)}
.chipzeile{display:flex;flex-direction:column;gap:4px;align-items:center;margin-top:8px}
.stat{display:inline-block;font-size:13px;font-weight:700;padding:3px 8px;border-radius:var(--r-voll);background:var(--grau);color:var(--mut)}
.stat.ok,.stat.gruen{background:var(--oksoft);color:var(--ok)}.stat.rot{background:var(--badsoft);color:var(--bad)}.stat.gelb{background:var(--warnsoft);color:var(--warntx)}
@media(max-width:700px){
 .org-scroll{overflow:visible;padding-top:8px}.org{min-width:0;text-align:left}
 .org ul{flex-direction:column;align-items:stretch;padding:10px 0 0 12px;margin-left:8px;border-left:2px solid var(--grau)}
 .org>ul{padding:0;margin:0;border:0}
 .org li,.org>ul>li{padding:10px 0 0;align-items:stretch}
 .org li::before,.org li::after,.org ul ul::before{display:none}
 .person,.person.wurzel{width:100%;flex-direction:row;text-align:left;gap:12px;align-items:center;padding:10px 12px}
 .avatar,.person.wurzel .avatar{width:44px;height:44px;font-size:16px;margin:0;flex:none}
 .chipzeile{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
 .org-box.vollbild{padding:56px 12px 16px}
}
/* Netzwerk-Landkarte */
.nw-karte{padding:8px}.nw-scroll{overflow:auto;max-height:70vh;border-radius:var(--r-s);background:var(--bg);color:var(--tx)}
.datenschutz{background:var(--hi);color:var(--hi-tx);padding:10px 12px;border-radius:var(--r-s);font-weight:600;font-size:13px}
.suche{padding:8px 12px;border:1.5px solid var(--grau);border-radius:var(--r-voll);background:var(--w);color:var(--tx);font:inherit;font-size:13px;min-width:200px}
.nw-ast:focus-visible{outline:3px solid var(--blau)}
/* Logo-Verwaltung */
.logos{margin-top:12px}.lg-zeile{display:flex;gap:12px;align-items:center;margin:8px 0}
.lg-vorschau{width:110px;height:64px;border-radius:var(--r-xs);border:1px solid var(--grau);display:flex;align-items:center;justify-content:center;background:#fff;flex:none}
.lg-vorschau.dunkel{background:var(--dunkel-kopf)}.lg-vorschau img{max-width:100%;max-height:100%;object-fit:contain}
.lg-knoepfe{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lg-knoepfe small{flex-basis:100%}
.top img.chip{background:#fff;border-radius:var(--r-xs);padding:3px;max-width:120px;object-fit:contain}
.top img{max-width:120px;object-fit:contain}

/* Desktop-Navigation darf nicht über den Rand wachsen: seitlich wischbar, Kopfzeile bleibt kompakt */
@media(min-width:820px){body{grid-template-columns:auto minmax(0,1fr)}nav{overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{padding:12px 11px;font-size:13px;white-space:nowrap}.top .badge{display:none}}

/* Netzwerk-Analyse: Schritte, Sortierkarte */
.nw-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.nw-sk{padding:18px}.nw-prog{display:flex;justify-content:space-between;color:var(--mut);font-size:13px;font-weight:600}
.nw-name{font-family:var(--serif);font-size:24px;text-transform:none;letter-spacing:0;color:var(--tx);margin:12px 0 2px;overflow-wrap:anywhere}
.nw-geb{color:var(--mut);margin:0 0 14px;min-height:1.4em}
.nw-bereiche,.nw-flags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.bt{--bc:var(--blau);display:inline-flex;align-items:center;gap:8px;border:2px solid var(--bc);background:var(--w);color:var(--tx);border-radius:var(--r-s);padding:11px 14px;font-size:16px;font-weight:600;cursor:pointer;min-height:46px;transition:transform .08s,background .15s}
.bt:active{transform:scale(.97)}
.bt.an{background:var(--bc);color:#fff}
.bt kbd{font:inherit;font-size:13px;font-weight:700;opacity:.65;border:1px solid currentColor;border-radius:var(--r-feld);padding:0 5px}
.bt.flag{border-style:dashed}.bt.flag.an{border-style:solid}
.nw-nav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:6px;flex-wrap:wrap}
.nw-nav .btn{margin:0;flex:1;min-width:140px;padding:14px 20px}
.nw-liste{max-height:420px;overflow:auto}
.nw-z{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--grau);padding:9px 4px;color:var(--tx);font:inherit;cursor:pointer}
.nw-z.jetzt{background:var(--hi);color:var(--hi-tx);font-weight:700;border-radius:var(--r-xs)}
.pkt{width:10px;height:10px;border-radius:50%;border:2px solid var(--grau);flex:none}.pkt.ok{background:var(--ok);border-color:var(--ok)}
.nw-bar{display:grid;grid-template-columns:minmax(90px,150px) 1fr 34px;gap:10px;align-items:center;margin:6px 0;font-size:13px}
.nw-bar .bar{margin:0}.nw-bar b{text-align:right}
select{font:inherit;padding:7px 10px;border:1.5px solid var(--grau);border-radius:var(--r-voll);background:var(--w);color:var(--tx)}

/* Nadeln in der Admin-Verwaltung */
.lg-vorschau.nd{width:64px;height:64px;background:var(--bg)}

/* ---------- tecis-Farbschema im Organigramm: Hellblau-Linien, Ebenen in Blautönen, Limette für „alles in Ordnung" ---------- */
.org li::before,.org li::after{border-top-color:var(--linie)}
.org li::after{border-left-color:var(--linie)}
.org li:last-child::before{border-right-color:var(--linie)}
.org ul ul::before{border-left-color:var(--linie)}
@media(max-width:700px){.org ul{border-left-color:var(--linie)}}
.person{border:1.5px solid var(--grau);border-top:6px solid var(--lime)}
.person.wurzel{background:var(--navy);color:#fff;border-color:var(--navy);border-top-color:var(--lime)}
.person.wurzel b{color:#fff}.person.wurzel .rolle{background:rgba(255,255,255,.16);color:#fff}
.person.wurzel .avatar{background:var(--lime);color:var(--navy);border-color:var(--navy);box-shadow:0 0 0 2px var(--lime)}
.person.e1 .avatar{background:linear-gradient(160deg,var(--marke-blau),var(--marke-blau-2))}
.person.e2 .avatar{background:linear-gradient(160deg,var(--marke-blau-2),var(--marke-navy))}
.person.e3 .avatar{background:linear-gradient(160deg,var(--marke-himmel),var(--marke-blau-2))}
.person.fehlt{border-color:var(--grau);border-top-color:var(--bad);background:var(--w)}
.person.wurzel.fehlt{background:var(--navy);border-color:var(--navy);border-top-color:var(--bad)}
.person.still:not(.fehlt){border-color:var(--grau);border-top-color:var(--warn-stark)}
.person.wurzel.still:not(.fehlt){border-color:var(--navy);border-top-color:var(--warn-stark)}
.person.wurzel .stat{background:rgba(255,255,255,.14);color:#fff}
.person.wurzel .stat.rot{background:var(--rot-hell);color:var(--rot-hell-tx)}.person.wurzel .stat.ok,.person.wurzel .stat.gruen{background:var(--lime);color:var(--navy)}
.person.wurzel .stat.gelb{background:var(--gelb);color:var(--gelb-tx)}
.stat.ok,.stat.gruen{background:var(--hi);color:var(--hi-tx)}
.org-box{border-top:4px solid var(--navy)}
/* ---------- Netzwerk: Farbe und Textfarbe je Bereich, Raster, Familien ---------- */
.bt.an{background:var(--bc);color:var(--bt,#fff)}
.bt{--bt:#fff}
.schnell{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tx);cursor:pointer}
.schnell input{width:18px;height:18px;accent-color:var(--blau)}
.vorschlag{background:var(--hi);color:var(--hi-tx);padding:10px 12px;border-radius:var(--r-s);margin:0 0 12px;font-size:13px}
.vorschlag .mini{margin-left:6px}
.nw-prog-card{margin-bottom:12px}
.nw-bulk{position:sticky;top:0;z-index:4;background:var(--bg);border:1.5px dashed var(--grau);border-radius:var(--r-s);padding:10px 12px;margin:8px 0}
.nw-bulk.an{border:1.5px solid var(--blau);background:var(--w);box-shadow:var(--schatten)}
.nw-bulk .nw-bereiche{margin:8px 0}
.nw-raster-wrap{overflow:auto;max-height:70vh;border:1px solid var(--grau);border-radius:var(--r-s)}
.nw-raster{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
.nw-raster th,.nw-raster td{padding:4px 6px;border-bottom:1px solid var(--grau);text-align:center;background:var(--w)}
.nw-raster thead th{position:sticky;top:0;z-index:2;height:92px;vertical-align:bottom;background:var(--w);border-bottom:2px solid var(--linie)}
.nw-raster .bh span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:13px;font-weight:700;color:var(--tx);padding:4px 0;border-right:4px solid var(--bc)}
.nw-raster .bh.fl span{border-right-color:transparent}
.nw-raster .nm{position:sticky;left:34px;z-index:1;text-align:left;min-width:150px;background:var(--w);cursor:pointer;white-space:nowrap}
.nw-raster thead .nm{z-index:3}.nw-raster td.sel,.nw-raster th.sel{position:sticky;left:0;z-index:1;width:34px;background:var(--w)}
.nw-raster thead th.sel{z-index:3}
.nw-raster .nm small{display:block;color:var(--mut);font-size:13px;padding-left:16px}
.nw-raster tr.sel td{background:var(--hi)}.nw-raster tr.sel .nm,.nw-raster tr.sel td.sel{background:var(--hi)}
.nw-raster tr.offen .nm{font-weight:700}
.nw-raster input[type=checkbox]{width:18px;height:18px;accent-color:var(--blau)}
.rz{width:30px;height:30px;border-radius:50%;border:2px solid var(--bc,var(--grau));background:var(--w);cursor:pointer;padding:0;font-size:13px;line-height:1;color:var(--tx);transition:transform .06s}
.rz:active{transform:scale(.88)}
.rz.an{background:var(--bc)}
.rz.fl{border-style:dashed}.rz.fl.an{border-style:solid;background:var(--bc);color:#fff}
.nw-fam{border-bottom:1px solid var(--grau);padding:12px 0}.nw-fam:last-child{border:0}
.nw-fam-kopf b{font-size:16px;font-family:var(--serif)}
.nw-fam-namen{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.nm-chip{font-size:13px;padding:3px 10px;border-radius:var(--r-voll);background:var(--grau);color:var(--tx);font-weight:600}
.nm-chip.ok{background:var(--hi);color:var(--hi-tx)}

/* =====================================================================
   Redesign nach den Entwürfen: dunkle Seitenleiste, ruhige Kopfzeile, Hero-Überschriften,
   auf dem Handy Tab-Leiste mit fünf Punkten und „Mehr". Alles Farbige bleibt in den Variablen oben.
   ===================================================================== */
body.shell2{display:block;padding:0 0 calc(78px + env(safe-area-inset-bottom));min-height:100vh}
.main-col{min-width:0}
.sb{display:none}
/* Kopfzeile (Handy: dunkle Leiste mit Wortmarke, Laptop: ruhig mit Suche) */
.tb{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--kopf);color:#fff}
.tb-logo{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#fff}
.tb-logo img{height:32px;width:auto;max-width:90px;object-fit:contain}.tb-logo img.chip{background:#fff;border-radius:var(--r-feld);padding:2px}
.tb-logo b{font-family:var(--serif);font-size:16px;font-weight:600;white-space:nowrap}
.tb-suche{display:none}
.tb-ic,.tb-user{background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:var(--r-voll);position:relative;font:inherit}
.tb-ic svg,.tb-user .chev{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tb-ic .punkt{position:absolute;top:5px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--blau);border:2px solid var(--kopf)}
.tb-user .av{width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--marke-navy);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.tb-user .un{display:none;font-weight:600}.tb-user .chev{width:16px;height:16px}
.pop{position:absolute;right:12px;top:calc(100% - 2px);background:var(--w);color:var(--tx);border-radius:var(--r-s);box-shadow:0 12px 36px rgba(0,50,91,.22);min-width:250px;max-width:calc(100vw - 24px);padding:8px;z-index:60}
.pop-t{display:block;padding:8px 10px;font-family:var(--serif);font-size:16px}
.pop-z{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:0;padding:10px;border-radius:var(--r-xs);color:var(--tx);font:inherit;cursor:pointer}
.pop-z:hover,.gs-z:hover{background:var(--bg)}.pop-z small,.gs-z small{color:var(--mut);font-size:13px}
.pop-leer{margin:0;padding:10px;color:var(--mut)}
body.abgemeldet .tb-suche,body.abgemeldet .tb-ic,body.abgemeldet .tb-user,body.abgemeldet .tabbar,body.abgemeldet .sb{display:none!important}
/* Tab-Leiste mit genau fünf Punkten */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--w);border-top:1px solid var(--grau);padding:0 4px env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(0,50,91,.08)}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:64px;font:inherit;font-size:13px;font-weight:600;color:var(--mut);background:none;border:0;cursor:pointer;position:relative}
.tabbar svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabbar .on{color:var(--blau)}.tabbar .on::before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0 0 4px 4px;background:var(--lime)}
.sheet-bg{position:fixed;inset:0;z-index:40;background:rgba(0,20,40,.45);display:flex;align-items:flex-end}
.sheet-bg[hidden]{display:none}
.sheet{width:100%;background:var(--w);border-radius:var(--r) var(--r) 0 0;padding:10px 14px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.25)}
.griff{width:42px;height:5px;border-radius:var(--r-xs);background:var(--grau);margin:4px auto 10px}
.sheet-z{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 8px;border:0;border-bottom:1px solid var(--grau);background:none;color:var(--tx);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.sheet-z:last-child{border:0}.sheet-z svg{width:24px;height:24px;stroke:var(--blau);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Seitenköpfe */
.hero{margin:4px 0 20px}
.hero .eyebrow{display:block;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--blau);font-weight:700;margin-bottom:6px}
.hero .gruss{display:block;color:var(--mut);margin-bottom:2px}
.hero h1{font-family:var(--serif);font-size:24px;line-height:1.1;margin:0 0 8px;color:var(--tx);font-weight:600}
.hero h1::after{display:none}
.hero .sub{margin:0;color:var(--mut);max-width:660px;font-size:16px}
.seg{display:inline-flex;gap:4px;background:var(--grau);border-radius:var(--r-voll);padding:4px;margin-top:14px}
.seg a{padding:7px 18px;border-radius:var(--r-voll);font-weight:700;font-size:13px;color:var(--mut)}
.seg a.on{background:var(--w);color:var(--tx);box-shadow:var(--schatten)}
main{padding:16px 16px 28px}
/* Dashboard */
.dash-top{display:grid;gap:var(--gap);grid-template-columns:1fr;margin-bottom:var(--gap)}
.card.fokus{background:var(--lime);color:var(--marke-navy);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px;box-shadow:var(--schatten)}
.fokus .label{font-size:13px;letter-spacing:.14em;font-weight:800;text-transform:uppercase}
.card.fokus h2{font-family:var(--serif);font-size:24px;text-transform:none;letter-spacing:0;color:var(--marke-navy);margin:8px 0;line-height:1.12}
.fokus p{margin:0 0 14px;max-width:470px;font-size:16px}
.fokus-icon{flex:none;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center}
.fokus-icon svg{width:56px;height:56px;stroke:var(--marke-navy);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.btn.dunkel{background:var(--marke-navy);color:#fff;box-shadow:none;margin:0}
.btn.hell{background:var(--hell-btn);color:var(--hell-btn-tx);box-shadow:none;width:100%;text-align:center;padding:12px;font-size:13px;margin-top:12px}
.wk-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px}
.card h2.wk-titel,.card h2.kt{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:16px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--tx);margin:0 0 10px}
.wk-titel svg,.kt svg{width:22px;height:22px;stroke:var(--blau);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wk-kopf small{margin-bottom:10px}
.step.done .ck{background:var(--blau);border-color:var(--blau)}
.step.done .grow{opacity:.7;text-decoration:none}
.mehr-aufg{margin-top:10px;border:0}.mehr-aufg summary{font-size:13px;color:var(--blau);font-weight:700;padding:6px 0}
.kern{display:flex;flex-direction:column;gap:3px;background:var(--bg);border-radius:var(--r-s);padding:14px;min-height:104px}
.kern b{font-size:16px}.kern span{font-size:16px}
.stand{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stand>div{background:var(--bg);border-radius:var(--r-s);padding:12px 8px;text-align:center}
.stand b{display:block;font-family:var(--serif);font-size:16px;margin:2px 0}.stand span{font-size:13px;color:var(--mut)}
.card.team-banner{display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:0 0 0 22px;min-height:104px;background:linear-gradient(90deg,var(--w) 0,var(--w) 40%,var(--banner-ende) 100%)}
.team-banner p{margin:0;font-family:var(--serif);font-size:16px;max-width:420px}
.berge{flex:none;width:min(46%,420px);height:104px;align-self:stretch}
.schrift{font-family:var(--schrift)}
/* Seitenleiste am Laptop */
@media(min-width:900px){
  body.shell2{padding:0 0 0 248px}
  .sb{display:flex;position:fixed;inset:0 auto 0 0;width:248px;flex-direction:column;background:var(--kopf);color:#fff;padding:24px 14px 22px;z-index:25;overflow-y:auto}
  .sb-logo{display:flex;align-items:center;gap:12px;padding:0 8px 26px;color:#fff}
  .sb-logo img{height:40px;width:auto;max-width:64px;object-fit:contain}.sb-logo img.chip{background:#fff;border-radius:var(--r-xs);padding:3px}
  .sb-name{display:flex;flex-direction:column;line-height:1.05}
  .sb-name b{font-family:var(--serif);font-size:24px;font-weight:600}
  .sb-name small{color:var(--on-marke-navy-mut);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-top:5px}
  .sb-nav{display:flex;flex-direction:column;gap:3px}
  .sb-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:var(--r-s);color:var(--on-marke-navy-leise);font-weight:600;font-size:16px}
  .sb-nav a svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .sb-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
  .sb-nav a.on{background:var(--blau);color:#fff}
  .sb-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 24px;padding-left:10px;border-left:1px solid rgba(255,255,255,.14)}
  .sb-sub a{display:block;padding:6px 10px;border-radius:var(--r-s);color:var(--on-marke-navy-leise);font-size:13px;font-weight:500;line-height:1.3}
  .sb-sub a:hover{background:rgba(255,255,255,.07);color:#fff}
  .sb-sub a.on{color:#fff;background:rgba(255,255,255,.12)}
  .sb-fuss{margin-top:auto;padding:18px 10px 0}
  .sb-fuss i{display:block;width:42px;height:2px;background:var(--blau);margin-bottom:12px}
  .sb-fuss .schrift{color:var(--on-marke-navy-leise);font-size:24px;line-height:1.25;display:block}
  .tb{background:var(--bg);color:var(--tx);padding:14px 36px 10px;justify-content:flex-end;gap:12px}
  .tb-logo{display:none}
  .tb-suche{display:block;position:relative;flex:0 1 380px;margin-right:auto}
  .tb-suche input{width:100%;padding:11px 16px 11px 40px;border:1.5px solid var(--grau);border-radius:var(--r-voll);background:var(--w) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360758a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 14px center/18px no-repeat;color:var(--tx);font:inherit;font-size:13px}
  .tb-suche input:focus{outline:none;border-color:var(--blau)}
  .gs-erg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--w);border-radius:var(--r-s);box-shadow:0 12px 36px rgba(0,50,91,.22);padding:6px;z-index:60}
  .gs-z{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:var(--r-xs);color:var(--tx)}
  .tb-ic{color:var(--tx)}.tb-ic .punkt{border-color:var(--bg)}
  .tb-user{color:var(--tx);padding:4px 8px 4px 4px}.tb-user .un{display:inline}
  .pop{right:36px}
  main{max-width:1300px;padding:8px 36px 44px}
  .tabbar{display:none}
  .dash-top{grid-template-columns:1.45fr 1fr}
  .hero{margin:14px 0 22px}
  .seg{display:none}
}
@media(min-width:900px) and (min-height:1px){body.abgemeldet.shell2{padding-left:0}}
body.laedt .sb,body.laedt .tb,body.laedt .tabbar{visibility:hidden}
.rang-titel{font-family:var(--serif);font-size:24px;margin:22px 0 10px}
.stand{margin-bottom:12px}
.live-hinweis{color:var(--mut);margin:18px 0 0;font-size:13px}
.live-k{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}
.live-k:hover{border-color:var(--blau)}
.live-k small{color:var(--mut);font-size:13px}
.live-k h3{margin:0}.live-k p{margin:0;font-size:13px;color:var(--mut);flex:1}
.live-ico{font-size:24px;line-height:1}
.live-cta{color:var(--blau);font-size:13px;margin-top:6px}

/* Sparrechner (aus dem Partnerbereich übernommen) */
.sr{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:var(--gap);align-items:start}.sr>*{min-width:0}
.sr-form{background:var(--w);border-radius:var(--r);padding:var(--pad);box-shadow:var(--schatten)}
.sr-form h3{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.sr .wahl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.sr .wahl button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:600;font-size:13px;padding:7px 13px;border-radius:var(--r-voll);cursor:pointer}
.sr .wahl button:hover{border-color:var(--blau)}
.sr .wahl button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.sr .f{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:12px}
.sr .f label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.sr .f .zeile{display:flex;gap:8px}.sr .f .zeile>*{min-width:0}
.sr .f input,.sr .f select{width:100%;padding:11px 13px;border:1px solid var(--grau);border-radius:var(--r-s);font-size:16px;font-family:inherit;color:var(--tx);background:var(--bg)}
.sr .f .einheit{flex:none;display:flex;align-items:center;font-weight:600;color:var(--mut);font-size:13px;min-width:34px}
.sr .f.rechnen .erg{background:var(--lime);color:var(--lime-tx);font-weight:800}
.sr .erg{padding:11px 13px;border-radius:var(--r-s);font-size:16px;flex:1}
.sr .mehr{margin-top:6px;border-top:1px solid var(--grau);padding-top:12px}
.sr .mehr summary{cursor:pointer;font-weight:700;color:var(--blau);font-size:13px;margin-bottom:12px}
.sr .g2f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.sr-erg{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
.sr .haupt{background:linear-gradient(165deg,var(--navy),var(--marke-navy-3));color:#fff;border-radius:var(--r);padding:22px 24px}
.sr .haupt small{display:block;color:var(--on-marke-navy-hell);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.sr-gross{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--lime);letter-spacing:-.02em;line-height:1.05;margin-top:6px}
.sr .haupt p{margin:8px 0 0;color:var(--on-marke-navy-leise);font-size:16px}
.sr-hint{margin-top:10px;background:rgba(211,216,0,.15);color:var(--lime);border-radius:var(--r-s);padding:8px 12px;font-size:13px;font-weight:600}
.sr .kpi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.sr .kpi3>div{background:var(--w);border-radius:var(--r);padding:14px 16px;box-shadow:var(--schatten)}
.sr .kpi3 b{display:block;font-size:24px;color:var(--tx);letter-spacing:-.02em;line-height:1.15}
.sr .kpi3 span{font-size:13px;color:var(--mut)}
.sr .chart{position:relative;cursor:zoom-in;background:var(--w);border-radius:var(--r);padding:16px 18px;box-shadow:var(--schatten)}
.sr .chart:fullscreen{cursor:default;padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:auto}
.sr .chart-voll{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--grau);background:var(--w);color:var(--blau);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none}
.sr .chart svg text{fill:var(--mut)}.sr .chart svg line{stroke:var(--grau)}
.sr .legende{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin-bottom:6px}
.sr .legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sr .tabelle{background:var(--w);border-radius:var(--r);padding:16px 18px;box-shadow:var(--schatten)}
.sr .tabelle .kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sr .tabelle h3{margin:0;font-family:var(--serif);font-size:16px}
.sr .tab-scroll{max-height:420px;overflow:auto;border-radius:var(--r-s)}
.sr table.t{width:100%;border-collapse:collapse;font-size:13px}
.sr table.t th{background:var(--navy);color:#fff;text-align:right;padding:9px 10px;font-size:13px;position:sticky;top:0}
.sr table.t th:first-child,.sr table.t td:first-child{text-align:left}
.sr table.t td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--grau);font-variant-numeric:tabular-nums}
.sr table.t tr:nth-child(even) td{background:var(--bg)}
.sr table.t tfoot td{font-weight:700;background:var(--hi)!important;color:var(--hi-tx)}
.sr table.t th.vk{background:var(--lime-tief);color:var(--navy)}.sr table.t td.vk,.sr table.t tfoot td.vk{background:var(--lime)!important;color:var(--lime-tx)}
.sr .annahmen{display:flex;flex-wrap:wrap;gap:6px}
.sr .annahmen span{background:var(--w);border:1px solid var(--grau);color:var(--tx);font-weight:600;font-size:13px;padding:5px 12px;border-radius:var(--r-voll)}
.sr .aktion{display:flex;gap:8px;flex-wrap:wrap}
.sr-fehler{background:var(--badsoft);color:var(--bad);border-radius:var(--r-s);padding:12px 16px;font-weight:700}
.sr .disc{font-size:13px;color:var(--mut);line-height:1.5;margin:0}
.sr .haken{display:flex;gap:9px;align-items:flex-start;font-size:13px;margin:0 0 12px;cursor:pointer}
.sr .haken input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--blau)}
.sr .vkbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;background:var(--lime);border-radius:var(--r);padding:16px 20px;color:var(--lime-tx)}
.sr .vkbox small{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sr .vkbox b{display:block;font-size:24px}.sr .vkbox span{font-size:13px}
@media(max-width:900px){.sr{grid-template-columns:1fr}.sr .kpi3{grid-template-columns:1fr}.sr .vkbox{grid-template-columns:1fr}}
@media print{.sb,.tb,.tabbar,.sr-form,.sr .aktion,.hero,#tabtoggle{display:none!important}.sr{display:block}.sr .tab-scroll{max-height:none!important;overflow:visible}.sr .haupt{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.sr .vkbox small{color:var(--lime-tx);opacity:.7}
@media(max-width:900px){.sr .kpi3{grid-template-columns:repeat(2,minmax(0,1fr))}.sr .kpi3>div:first-child{grid-column:1/-1}}

/* AV-Depot-Rechner */
.avd .sr{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:24px;align-items:start}
.avd .sr>*{min-width:0}
.avd .sr-form{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:22px}
.avd .sr-form h3{color:var(--tx);font-size:16px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.avd .wahl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.avd .wahl button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:8px 13px;border-radius:var(--r-voll);cursor:pointer;font-family:inherit}
.avd .wahl button.on{background:var(--navy);color:#fff;border-color:var(--tx)}
.avd .f{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:13px}
.avd .f label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx)}
.avd .f .zeile{display:flex;gap:8px}
.avd .f .zeile>*{min-width:0}
.avd .f input,.avd .f select{width:100%;padding:12px 14px;border:1px solid var(--grau);border-radius:var(--r-s);font-size:16px;font-family:inherit;color:var(--tx);background:var(--w)}
.avd .f .einheit{flex:none;display:flex;align-items:center;font-weight:700;color:var(--mut);font-size:13px;min-width:34px}
.avd .f.rechnen input,.avd .f.rechnen .erg{background:var(--lime);border-color:var(--lime);color:var(--lime-tx);font-weight:800}
.avd .erg{padding:12px 14px;border-radius:var(--r-s);font-size:16px;flex:1}
.avd .mehr{margin-top:6px;border-top:1px solid var(--grau);padding-top:12px}
.avd .mehr summary{cursor:pointer;font-weight:800;color:var(--blau);font-size:13px;margin-bottom:12px}
.avd .g2f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.avd .sr-erg{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.avd .haupt{background:linear-gradient(165deg,var(--marke-navy),var(--marke-navy-2) 60%,var(--marke-navy-3));color:#fff;border-radius:var(--r);padding:26px 28px}
.avd .haupt small{display:block;color:var(--on-marke-navy-hell);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.avd .haupt .gross{font-size:24px;font-weight:800;color:var(--lime);letter-spacing:-.03em;line-height:1.05;margin-top:6px}
.avd .haupt p{margin-top:8px;color:var(--on-marke-navy-leise);font-size:16px}
.avd .haupt .hint{margin-top:10px;background:rgba(211,216,0,.15);color:var(--lime);border-radius:var(--r-s);padding:8px 12px;font-size:13px;font-weight:700}
.avd .kpi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.avd .kpi3 div{background:var(--bg);border-radius:var(--r);padding:16px 18px}
.avd .kpi3 b{display:block;font-size:24px;color:var(--tx);letter-spacing:-.02em;line-height:1.1}
.avd .kpi3 span{display:block;margin-top:6px;font-size:13px;color:var(--mut)}
.avd .chart{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.avd .legende{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin-bottom:6px;color:var(--tx)}
.avd .legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.avd .tabelle{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.avd .tabelle .kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.avd .tabelle h3{color:var(--tx);font-size:16px}
.avd table.t{width:100%;border-collapse:collapse;font-size:13px}
.avd table.t th{background:var(--navy);color:#fff;text-align:right;padding:9px 10px;font-size:13px;letter-spacing:.03em}
.avd table.t th:first-child,.avd table.t td:first-child{text-align:left}
.avd table.t td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--bg);font-variant-numeric:tabular-nums}
.avd table.t tr:nth-child(even) td{background:var(--bg)}
.avd table.t tfoot td{font-weight:800;color:var(--tx);background:var(--bg)!important;border-bottom:0}
.avd .tab-scroll{max-height:420px;overflow:auto;border-radius:var(--r-s)}
.avd .annahmen{display:flex;flex-wrap:wrap;gap:6px}
.avd .annahmen span{background:var(--bg);color:var(--tx);font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--r-voll)}
.avd .aktion{display:flex;gap:8px;flex-wrap:wrap}
.avd .fehler{background:var(--badsoft);color:var(--bad);border-radius:var(--r-s);padding:12px 16px;font-weight:700}
.avd .disc{font-size:13px;color:var(--mut);line-height:1.5}
.avd table.t th.vk{background:var(--lime-tief);color:var(--lime-tx)}
.avd table.t td.vk{background:var(--lime)!important;color:var(--lime-tx)}
.avd table.t tfoot td.vk{background:var(--lime-tief)!important}
.avd .haken{display:flex;gap:9px;align-items:flex-start;font-size:13px;margin:0 0 12px;cursor:pointer}
.avd .haken input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--tx)}
.avd .vkbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;background:var(--lime);border-radius:var(--r);padding:18px 22px;color:var(--lime-tx)}
.avd .vkbox small{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.avd .vkbox b{display:block;font-size:24px;letter-spacing:-.02em}
.avd .vkbox span{font-size:13px}
.avd .vkbox .teil{grid-column:1/-1;border-top:1px solid rgba(0,50,91,.25);padding-top:10px;font-size:13px}
@media(max-width:900px){.avd .sr{grid-template-columns:1fr}.avd .kpi3{grid-template-columns:1fr}}
.avd .rw{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 22px}
.avd .rw h3{color:var(--tx);font-size:16px;margin:0 0 4px}
.avd .rw ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.avd .rw li{counter-increment:s;background:var(--bg);border-radius:var(--r);padding:12px 16px 12px 52px;position:relative;font-size:13px;line-height:1.55}
.avd .rw li::before{content:counter(s);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.avd .rw li b{color:var(--tx)}
.avd .rw li .fo{display:block;margin-top:4px;font-family:inherit;font-size:13px;color:var(--tx);background:var(--w);border-radius:var(--r-xs);padding:6px 10px}
.avd .rw li.ann{background:var(--bg)}
.avd .vgl td:first-child{font-weight:700;color:var(--tx)}
.avd .vgl td.best{background:var(--lime)!important;color:var(--lime-tx);font-weight:800}
.avd .entwurf{background:var(--lime);color:var(--lime-tx);border-radius:var(--r-s);padding:10px 16px;font-weight:800;font-size:13px}
.avd .modus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--bg);border-radius:var(--r);padding:6px;margin-bottom:16px}
.avd .modus button{border:0;background:transparent;border-radius:var(--r-s);padding:10px 6px;cursor:pointer;font-family:inherit;color:var(--tx);text-align:center;line-height:1.25}
.avd .modus button b{display:block;font-size:13px}
.avd .modus button small{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.avd .modus button.on{background:var(--w);box-shadow:var(--schatten);outline:2px solid var(--blau)}
.avd .rg{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}
.avd .rg .kopf2{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.avd .rg label{font-size:13px;font-weight:700;color:var(--tx)}
.avd .rg .wert{display:flex;align-items:baseline;gap:4px;font-weight:800;color:var(--tx);font-size:16px;flex:none;white-space:nowrap}
.avd .rg .wert input{width:92px;text-align:right;border:0;border-radius:var(--r-xs);outline:0;background:transparent;font:inherit;font-weight:800;color:var(--tx);padding:2px 4px;box-shadow:none}
.avd .rg .wert input:hover{background:var(--bg)}
.avd .rg .wert input:focus{background:var(--bg)}
.avd .rg .wert small{font-size:13px;color:var(--blau);white-space:nowrap}
.avd .rg .kopf2 label{min-width:0;flex:1 1 auto}
.avd .rg input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0;touch-action:pan-y}
.avd .rg input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-voll);background:var(--grau)}
.avd .rg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,22,41,.4);margin-top:-9px;transition:transform .12s}
.avd .rg input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.avd .rg input[type=range]::-moz-range-track{height:6px;border-radius:var(--r-voll);background:var(--grau)}
.avd .rg input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,22,41,.4)}
.avd .rg input[type=range]:focus-visible{outline:2px solid var(--blau);outline-offset:3px;border-radius:var(--r-voll)}
.avd .rg .h{font-size:13px;color:var(--mut)}
.avd .chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.avd .chips button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:7px 12px;border-radius:var(--r-s);cursor:pointer;font-family:inherit}
.avd .chips button.on{background:var(--navy);color:#fff;border-color:var(--tx)}
.avd .kind{display:grid;grid-template-columns:auto minmax(0,1fr) 90px;gap:8px;align-items:center;background:var(--bg);border-radius:var(--r-s);padding:8px 12px;margin-bottom:6px;font-size:13px}
.avd .kind select,.avd .kind input{padding:8px 10px;border:1px solid var(--grau);border-radius:var(--r-xs);font:inherit;background:var(--w);color:var(--tx);width:100%}
.avd .kpi3.kk b{font-size:24px;white-space:nowrap}
.avd .kpi3.kk div{padding:14px 14px}
.avd .zeile3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.avd .balken2{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.avd .balken2 .b{height:16px;border-radius:var(--r-xs);background:var(--bg);overflow:hidden}
.avd .balken2 .b i{display:block;height:100%;border-radius:var(--r-xs)}
.avd .balken2 b{color:var(--tx)}
.avd .bau{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px}
.avd .bau div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--bg);padding:4px 0}
.avd .bau i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}
@media(max-width:900px){.avd .zeile3{grid-template-columns:1fr}}
.avd .kpi3.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.avd .kpi3.k5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:700px){.avd .kpi3.k4,.avd .kpi3.k5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.avd .zeile3.r21{grid-template-columns:minmax(0,1fr);row-gap:20px}
.avd .chart{position:relative;cursor:zoom-in}
.avd .chart:fullscreen{cursor:default;background:var(--w);padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:auto}
.avd .chart-voll{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--grau);background:var(--w);color:var(--tx);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;box-shadow:var(--schatten);z-index:2}
.avd .kpi3>div{background:var(--w);box-shadow:var(--schatten)}
.avd .tabelle,.avd .chart,.avd .rw,.avd .sr-form{background:var(--w)}
.avd .rg input[type=range]::-webkit-slider-runnable-track{background:var(--grau)}
.avd .rg input[type=range]::-moz-range-track{background:var(--grau)}
.avd .modus button.on{background:var(--w)}
.avd .modus button b{color:var(--tx)}
.avd .rw li .fo{background:var(--w)}
@media print{.sb,.tb,.tabbar,.avd .sr-form,.avd .aktion,.avd .hero{display:none!important}.avd .sr{display:block}.avd .tab-scroll{max-height:none!important;overflow:visible}}
.avd .chart svg text{fill:var(--mut)}.avd .chart svg line{stroke:var(--grau)}
.avd .kpi3.k4,.avd .kpi3.k5{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.avd .kpi3.kk b{white-space:normal}

/* Rechenweg: standardmäßig eingeklappt, für alle Rechner gleich */
details.rw{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:0}
details.rw>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--tx)}
details.rw>summary::-webkit-details-marker{display:none}
details.rw>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
details.rw[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
details.rw>summary:hover{color:var(--blau)}
details.rw>:not(summary){margin-left:18px;margin-right:18px}
details.rw>:last-child{margin-bottom:18px}
.avd details.rw{padding:0}

/* Tool: avdx */
.avdx .sr{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:24px;align-items:start}
.avdx .sr>*{min-width:0}
.avdx .sr-form{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:22px}
.avdx .sr-form h3{color:var(--tx);font-size:16px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.avdx .wahl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.avdx .wahl button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:8px 13px;border-radius:var(--r-voll);cursor:pointer;font-family:inherit}
.avdx .wahl button.on{background:var(--navy);color:#fff;border-color:var(--tx)}
.avdx .f{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:13px}
.avdx .f label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx)}
.avdx .f .zeile{display:flex;gap:8px}
.avdx .f .zeile>*{min-width:0}
.avdx .f input,.avdx .f select{width:100%;padding:12px 14px;border:1px solid var(--grau);border-radius:var(--r-s);font-size:16px;font-family:inherit;color:var(--tx);background:var(--w)}
.avdx .f .einheit{flex:none;display:flex;align-items:center;font-weight:700;color:var(--mut);font-size:13px;min-width:34px}
.avdx .f.rechnen input,.avdx .f.rechnen .erg{background:var(--lime);border-color:var(--lime);color:var(--lime-tx);font-weight:800}
.avdx .erg{padding:12px 14px;border-radius:var(--r-s);font-size:16px;flex:1}
.avdx .mehr{margin-top:6px;border-top:1px solid var(--grau);padding-top:12px}
.avdx .mehr summary{cursor:pointer;font-weight:800;color:var(--blau);font-size:13px;margin-bottom:12px}
.avdx .g2f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.avdx .sr-erg{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.avdx .haupt{background:linear-gradient(165deg,var(--marke-navy),var(--marke-navy-2) 60%,var(--marke-navy-3));color:#fff;border-radius:var(--r);padding:26px 28px}
.avdx .haupt small{display:block;color:var(--on-marke-navy-hell);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.avdx .haupt .sr-gross{font-size:24px;font-weight:800;color:var(--lime);letter-spacing:-.03em;line-height:1.05;margin-top:6px}
.avdx .haupt p{margin-top:8px;color:var(--on-marke-navy-leise);font-size:16px}
.avdx .haupt .sr-hint{margin-top:10px;background:rgba(211,216,0,.15);color:var(--lime);border-radius:var(--r-s);padding:8px 12px;font-size:13px;font-weight:700}
.avdx .kpi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.avdx .kpi3 div{background:var(--bg);border-radius:var(--r);padding:16px 18px}
.avdx .kpi3 b{display:block;font-size:24px;color:var(--tx);letter-spacing:-.02em;line-height:1.1}
.avdx .kpi3 span{display:block;margin-top:6px;font-size:13px;color:var(--mut)}
.avdx .chart{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.avdx .legende{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin-bottom:6px;color:var(--tx)}
.avdx .legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.avdx .tabelle{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.avdx .tabelle .kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.avdx .tabelle h3{color:var(--tx);font-size:16px}
.avdx table.t{width:100%;border-collapse:collapse;font-size:13px}
.avdx table.t th{background:var(--navy);color:#fff;text-align:right;padding:9px 10px;font-size:13px;letter-spacing:.03em}
.avdx table.t th:first-child,.avdx table.t td:first-child{text-align:left}
.avdx table.t td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--bg);font-variant-numeric:tabular-nums}
.avdx table.t tr:nth-child(even) td{background:var(--bg)}
.avdx table.t tfoot td{font-weight:800;color:var(--tx);background:var(--bg)!important;border-bottom:0}
.avdx .tab-scroll{max-height:420px;overflow:auto;border-radius:var(--r-s)}
.avdx .annahmen{display:flex;flex-wrap:wrap;gap:6px}
.avdx .annahmen span{background:var(--bg);color:var(--tx);font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--r-voll)}
.avdx .aktion{display:flex;gap:8px;flex-wrap:wrap}
.avdx .sr-fehler{background:var(--badsoft);color:var(--bad);border-radius:var(--r-s);padding:12px 16px;font-weight:700}
.avdx .disc{font-size:13px;color:var(--mut);line-height:1.5}
.avdx table.t th.vk{background:var(--lime-tief);color:var(--lime-tx)}
.avdx table.t td.vk{background:var(--lime)!important;color:var(--lime-tx)}
.avdx table.t tfoot td.vk{background:var(--lime-tief)!important}
.avdx .haken{display:flex;gap:9px;align-items:flex-start;font-size:13px;margin:0 0 12px;cursor:pointer}
.avdx .haken input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--tx)}
.avdx .vkbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;background:var(--lime);border-radius:var(--r);padding:18px 22px;color:var(--lime-tx)}
.avdx .vkbox small{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.avdx .vkbox b{display:block;font-size:24px;letter-spacing:-.02em}
.avdx .vkbox span{font-size:13px}
.avdx .vkbox .teil{grid-column:1/-1;border-top:1px solid rgba(0,50,91,.25);padding-top:10px;font-size:13px}
@media(max-width:900px){.avdx .sr{grid-template-columns:1fr}.avdx .kpi3{grid-template-columns:1fr}}
.avdx .rw{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 22px}
.avdx .rw h3{color:var(--tx);font-size:16px;margin:0 0 4px}
.avdx .rw ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.avdx .rw li{counter-increment:s;background:var(--bg);border-radius:var(--r);padding:12px 16px 12px 52px;position:relative;font-size:13px;line-height:1.55}
.avdx .rw li::before{content:counter(s);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.avdx .rw li b{color:var(--tx)}
.avdx .rw li .fo{display:block;margin-top:4px;font-family:inherit;font-size:13px;color:var(--tx);background:var(--w);border-radius:var(--r-xs);padding:6px 10px}
.avdx .rw li.ann{background:var(--bg)}
.avdx .vgl td:first-child{font-weight:700;color:var(--tx)}
.avdx .vgl td.best{background:var(--lime)!important;color:var(--lime-tx);font-weight:800}
.avdx .entwurf{background:var(--lime);color:var(--lime-tx);border-radius:var(--r-s);padding:10px 16px;font-weight:800;font-size:13px}
.avdx .modus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--bg);border-radius:var(--r);padding:6px;margin-bottom:16px}
.avdx .modus button{border:0;background:transparent;border-radius:var(--r-s);padding:10px 6px;cursor:pointer;font-family:inherit;color:var(--tx);text-align:center;line-height:1.25}
.avdx .modus button b{display:block;font-size:13px}
.avdx .modus button small{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.avdx .modus button.on{background:var(--w);box-shadow:var(--schatten);outline:2px solid var(--blau)}
.avdx .rg{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}
.avdx .rg .kopf2{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.avdx .rg label{font-size:13px;font-weight:700;color:var(--tx)}
.avdx .rg .wert{display:flex;align-items:baseline;gap:4px;font-weight:800;color:var(--tx);font-size:16px;flex:none;white-space:nowrap}
.avdx .rg .wert input{width:92px;text-align:right;border:0;border-radius:var(--r-xs);outline:0;background:transparent;font:inherit;font-weight:800;color:var(--tx);padding:2px 4px;box-shadow:none}
.avdx .rg .wert input:hover{background:var(--bg)}
.avdx .rg .wert input:focus{background:var(--bg)}
.avdx .rg .wert small{font-size:13px;color:var(--blau);white-space:nowrap}
.avdx .rg .kopf2 label{min-width:0;flex:1 1 auto}
.avdx .rg input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0;touch-action:pan-y}
.avdx .rg input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-voll);background:var(--grau)}
.avdx .rg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,22,41,.4);margin-top:-9px;transition:transform .12s}
.avdx .rg input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.avdx .rg input[type=range]::-moz-range-track{height:6px;border-radius:var(--r-voll);background:var(--grau)}
.avdx .rg input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,22,41,.4)}
.avdx .rg input[type=range]:focus-visible{outline:2px solid var(--blau);outline-offset:3px;border-radius:var(--r-voll)}
.avdx .rg .h{font-size:13px;color:var(--mut)}
.avdx .chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.avdx .chips button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:7px 12px;border-radius:var(--r-s);cursor:pointer;font-family:inherit}
.avdx .chips button.on{background:var(--navy);color:#fff;border-color:var(--tx)}
.avdx .kind{display:grid;grid-template-columns:auto minmax(0,1fr) 90px;gap:8px;align-items:center;background:var(--bg);border-radius:var(--r-s);padding:8px 12px;margin-bottom:6px;font-size:13px}
.avdx .kind select,.avdx .kind input{padding:8px 10px;border:1px solid var(--grau);border-radius:var(--r-xs);font:inherit;background:var(--w);color:var(--tx);width:100%}
.avdx .kpi3.kk b{font-size:24px;white-space:nowrap}
.avdx .kpi3.kk div{padding:14px 14px}
.avdx .zeile3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.avdx .balken2{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.avdx .balken2 .b{height:16px;border-radius:var(--r-xs);background:var(--bg);overflow:hidden}
.avdx .balken2 .b i{display:block;height:100%;border-radius:var(--r-xs)}
.avdx .balken2 b{color:var(--tx)}
.avdx .bau{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px}
.avdx .bau div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--bg);padding:4px 0}
.avdx .bau i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}
@media(max-width:900px){.avdx .zeile3{grid-template-columns:1fr}}
.avdx .kpi3.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.avdx .kpi3.k5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:700px){.avdx .kpi3.k4,.avdx .kpi3.k5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.avdx .zeile3.r21{grid-template-columns:minmax(0,1fr);row-gap:20px}
.avdx .chart{position:relative;cursor:zoom-in}
.avdx .chart:fullscreen{cursor:default;background:var(--w);padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:auto}
.avdx .chart-voll{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--grau);background:var(--w);color:var(--tx);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;box-shadow:var(--schatten);z-index:2}
.avdx .st{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:end;background:var(--bg);border-radius:var(--r-s);padding:10px 12px;margin-bottom:8px;font-size:inherit;font-weight:inherit;color:inherit;cursor:auto}
.avdx .st select,.avdx .st input{padding:9px 10px;border:1px solid var(--grau);border-radius:var(--r-xs);font:inherit;font-size:16px;background:var(--w);width:100%;color:var(--tx)}
.avdx .st label{display:block;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tx);margin-bottom:3px}
.avdx .st .stb{position:relative}
.avdx .st .stb small{position:absolute;right:10px;bottom:10px;color:var(--mut);font-weight:700;font-size:13px;pointer-events:none}
.avdx .st .stb input{padding-right:26px}
.avdx .stx{border:0;background:var(--w);color:var(--bad);width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;box-shadow:var(--schatten)}
@media(max-width:560px){.avdx .st{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.avdx .st select{grid-column:1/-1}.avdx .st .stb{grid-column:1/2}.avdx .stx{justify-self:end;align-self:end}}
.avdx .zs{display:grid;gap:14px}
.avdx .zr .zl{display:flex;justify-content:space-between;gap:4px 10px;font-size:13px;margin-bottom:5px;flex-wrap:wrap}
.avdx .zr .zl b{color:var(--tx)}
.avdx .zr .zl span{font-weight:800;color:var(--tx)}
.avdx .zb{display:flex;height:22px;border-radius:var(--r-s);overflow:hidden;background:var(--bg)}
.avdx .zb i{display:block;height:100%}
.avdx .zb i.gespart{background:var(--lime)}
.avdx .t.vgl th{text-align:right;vertical-align:bottom}
.avdx .t.vgl th:first-child{text-align:left}
.avdx .t.vgl td{vertical-align:top}
.avdx .t.vgl td.best{background:var(--lime)!important;color:var(--lime-tx);font-weight:800}
.avdx .t.vgl tr.fett td:first-child{color:var(--tx)}
.avdx .t.vgl tr.fett td{font-weight:800}
.avdx .warn{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:12px 16px;font-size:13px;line-height:1.5}
.avdx .haupt .sr-hint{line-height:1.45}
.avdx .haupt .sr-gross.zwei{font-size:24px;margin-top:2px}
.avdx .haupt p.eff{background:rgba(255,255,255,.07);border-radius:var(--r-s);padding:8px 12px;font-size:13px}
.avdx .haupt p.eff b{color:#fff}
.avdx .chart svg .gl{stroke:var(--grau)}
.avdx .chart svg .ax{fill:var(--mut)}

.avdx .chart svg text{fill:var(--mut)}.avdx .chart svg line.gl{stroke:var(--grau)}
.avdx .kpi3>div{background:var(--w);box-shadow:var(--schatten)}
.avdx .tabelle,.avdx .chart,.avdx .rw,.avdx .sr-form{background:var(--w)}
.avdx details.rw{padding:0}
.avdx .rw li .fo{background:var(--w)}
.avdx .modus button b{color:var(--tx)}
.avdx .modus button.on{background:var(--w)}
.avdx .sr-fehler{background:var(--badsoft);color:var(--bad)}
.avdx .kpi3.k4,.avdx .kpi3.k5{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.avdx .tab-scroll{color-scheme:light dark}
.avdx .sr-erg,.avdx .sr-form{overflow-wrap:anywhere}
.avdx .tab-scroll{-webkit-overflow-scrolling:touch}
@media(max-width:560px){.avdx .sr-form{padding:16px}.avdx .haupt{padding:20px 18px}.avdx .tabelle,.avdx .chart{padding:14px}.avdx .vkbox{grid-template-columns:1fr}}
@media print{.sb,.tb,.tabbar,.avdx .sr-form,.avdx .aktion,.avdx .hero{display:none!important}.avdx .sr{display:block}.avdx .tab-scroll{max-height:none!important;overflow:visible}}

/* Tool: bvd */
.bvd .sr{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:24px;align-items:start}
.bvd .sr>*{min-width:0}
.bvd .sr-form{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:22px}
.bvd .sr-form h3{color:var(--tx);font-size:16px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.bvd .wahl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.bvd .wahl button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:8px 13px;border-radius:var(--r-voll);cursor:pointer;font-family:inherit}
.bvd .wahl button.on{background:var(--navy);color:#fff;border-color:var(--tx)}
.bvd .f{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:13px}
.bvd .f label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx)}
.bvd .f .zeile{display:flex;gap:8px}
.bvd .f .zeile>*{min-width:0}
.bvd .f input,.bvd .f select{width:100%;padding:12px 14px;border:1px solid var(--grau);border-radius:var(--r-s);font-size:16px;font-family:inherit;color:var(--tx);background:var(--w)}
.bvd .f .einheit{flex:none;display:flex;align-items:center;font-weight:700;color:var(--mut);font-size:13px;min-width:34px}
.bvd .f.rechnen input,.bvd .f.rechnen .erg{background:var(--lime);border-color:var(--lime);color:var(--lime-tx);font-weight:800}
.bvd .erg{padding:12px 14px;border-radius:var(--r-s);font-size:16px;flex:1}
.bvd .mehr{margin-top:6px;border-top:1px solid var(--grau);padding-top:12px}
.bvd .mehr summary{cursor:pointer;font-weight:800;color:var(--blau);font-size:13px;margin-bottom:12px}
.bvd .g2f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.bvd .sr-erg{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.bvd .haupt{background:linear-gradient(165deg,var(--marke-navy),var(--marke-navy-2) 60%,var(--marke-navy-3));color:#fff;border-radius:var(--r);padding:26px 28px}
.bvd .haupt small{display:block;color:var(--on-marke-navy-hell);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.bvd .haupt .sr-gross{font-size:24px;font-weight:800;color:var(--lime);letter-spacing:-.03em;line-height:1.05;margin-top:6px}
.bvd .haupt p{margin-top:8px;color:var(--on-marke-navy-leise);font-size:16px}
.bvd .kpi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bvd .kpi3 div{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:16px 18px}
.bvd .kpi3 b{display:block;font-size:24px;color:var(--tx);letter-spacing:-.02em;line-height:1.1}
.bvd .kpi3 span{display:block;margin-top:6px;font-size:13px;color:var(--mut)}
.bvd .chart{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.bvd .legende{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin-bottom:6px;color:var(--tx)}
.bvd .legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.bvd .tabelle{background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.bvd .tabelle .kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.bvd .tabelle h3{color:var(--tx);font-size:16px}
.bvd table.t{width:100%;border-collapse:collapse;font-size:13px}
.bvd table.t th{background:var(--navy);color:#fff;text-align:right;padding:9px 10px;font-size:13px;letter-spacing:.03em}
.bvd table.t th:first-child,.bvd table.t td:first-child{text-align:left}
.bvd table.t td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--bg);font-variant-numeric:tabular-nums}
.bvd table.t tr:nth-child(even) td{background:var(--bg)}
.bvd table.t tfoot td{font-weight:800;color:var(--tx);background:var(--bg)!important;border-bottom:0}
.bvd .tab-scroll{max-height:420px;overflow:auto;border-radius:var(--r-s)}
.bvd .annahmen{display:flex;flex-wrap:wrap;gap:6px}
.bvd .annahmen span{background:var(--bg);color:var(--tx);font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--r-voll)}
.bvd .aktion{display:flex;gap:8px;flex-wrap:wrap}
.bvd .disc{font-size:13px;color:var(--mut);line-height:1.5}
.bvd table.t th.vk{background:var(--lime-tief);color:var(--lime-tx)}
.bvd table.t td.vk{background:var(--lime)!important;color:var(--lime-tx)}
.bvd table.t tfoot td.vk{background:var(--lime-tief)!important}
.bvd .haken{display:flex;gap:9px;align-items:flex-start;font-size:13px;margin:0 0 12px;cursor:pointer}
.bvd .haken input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--tx)}
.bvd .vkbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;background:var(--lime);border-radius:var(--r);padding:18px 22px;color:var(--lime-tx)}
.bvd .vkbox small{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bvd .vkbox b{display:block;font-size:24px;letter-spacing:-.02em}
.bvd .vkbox span{font-size:13px}
.bvd .vkbox .teil{grid-column:1/-1;border-top:1px solid rgba(0,50,91,.25);padding-top:10px;font-size:13px}
@media(max-width:900px){.bvd .sr{grid-template-columns:1fr}.bvd .kpi3{grid-template-columns:1fr}}
.bvd .rw ol{margin:10px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.bvd .rw li{counter-increment:s;background:var(--bg);border-radius:var(--r);padding:12px 16px 12px 52px;position:relative;font-size:13px;line-height:1.55}
.bvd .rw li::before{content:counter(s);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.bvd .rw li b{color:var(--tx)}
.bvd .rw li .fo{display:block;margin-top:4px;font-family:inherit;font-size:13px;color:var(--tx);background:var(--w);border-radius:var(--r-xs);padding:6px 10px}
.bvd .rw li.ann{background:var(--bg)}
.bvd .vgl td:first-child{font-weight:700;color:var(--tx)}
.bvd .vgl td.best{background:var(--lime)!important;color:var(--lime-tx);font-weight:800}
.bvd .entwurf{background:var(--lime);color:var(--lime-tx);border-radius:var(--r-s);padding:10px 16px;font-weight:800;font-size:13px}
.bvd .modus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--bg);border-radius:var(--r);padding:6px;margin-bottom:16px}
.bvd .modus button{border:0;background:transparent;border-radius:var(--r-s);padding:10px 6px;cursor:pointer;font-family:inherit;color:var(--tx);text-align:center;line-height:1.25}
.bvd .modus button b{display:block;font-size:13px}
.bvd .modus button small{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.bvd .modus button.on{background:var(--w);box-shadow:var(--schatten);outline:2px solid var(--blau)}
.bvd .rg{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}
.bvd .rg .kopf2{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bvd .rg label{font-size:13px;font-weight:700;color:var(--tx)}
.bvd .rg .wert{display:flex;align-items:baseline;gap:4px;font-weight:800;color:var(--tx);font-size:16px;flex:none;white-space:nowrap}
.bvd .rg .wert input{width:92px;text-align:right;border:0;border-radius:var(--r-xs);outline:0;background:transparent;font:inherit;font-weight:800;color:var(--tx);padding:2px 4px;box-shadow:none}
.bvd .rg .wert input:hover{background:var(--bg)}
.bvd .rg .wert input:focus{background:var(--bg)}
.bvd .rg .wert small{font-size:13px;color:var(--blau);white-space:nowrap}
.bvd .rg .kopf2 label{min-width:0;flex:1 1 auto}
.bvd .rg input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0;touch-action:pan-y}
.bvd .rg input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-voll);background:var(--grau)}
.bvd .rg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,22,41,.4);margin-top:-9px;transition:transform .12s}
.bvd .rg input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.bvd .rg input[type=range]::-moz-range-track{height:6px;border-radius:var(--r-voll);background:var(--grau)}
.bvd .rg input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,22,41,.4)}
.bvd .rg input[type=range]:focus-visible{outline:2px solid var(--blau);outline-offset:3px;border-radius:var(--r-voll)}
.bvd .rg .h{font-size:13px;color:var(--mut)}
.bvd .chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.bvd .chips button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:7px 12px;border-radius:var(--r-s);cursor:pointer;font-family:inherit}
.bvd .chips button.on{background:var(--navy);color:#fff;border-color:var(--tx)}
.bvd .kind{display:grid;grid-template-columns:auto minmax(0,1fr) 90px;gap:8px;align-items:center;background:var(--bg);border-radius:var(--r-s);padding:8px 12px;margin-bottom:6px;font-size:13px}
.bvd .kind select,.bvd .kind input{padding:8px 10px;border:1px solid var(--grau);border-radius:var(--r-xs);font:inherit;background:var(--w);color:var(--tx);width:100%}
.bvd .kpi3.kk b{font-size:24px;white-space:nowrap}
.bvd .kpi3.kk div{padding:14px 14px}
.bvd .zeile3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bvd .balken2{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.bvd .balken2 .b{height:16px;border-radius:var(--r-xs);background:var(--bg);overflow:hidden}
.bvd .balken2 .b i{display:block;height:100%;border-radius:var(--r-xs)}
.bvd .balken2 b{color:var(--tx)}
.bvd .bau{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px}
.bvd .bau div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--bg);padding:4px 0}
.bvd .bau i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}
@media(max-width:900px){.bvd .zeile3{grid-template-columns:1fr}}
.bvd .feld2{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center;margin-bottom:12px}
.bvd .feld2>label{font-size:13px;font-weight:700;color:var(--tx);line-height:1.3}
.bvd .feld2 .box{display:flex;align-items:baseline;gap:6px;border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 12px;background:var(--w)}
.bvd .feld2 .box:focus-within{border-color:var(--blau);box-shadow:0 0 0 3px var(--bg)}
.bvd .feld2 input{width:100%;min-width:0;border:0;outline:0;text-align:right;font:inherit;font-size:16px;font-weight:800;color:var(--tx);background:transparent;padding:0}
.bvd .feld2 small{font-size:13px;font-weight:700;color:var(--blau);white-space:nowrap;flex:none}
.bvd .gr{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tx);margin:16px 0 10px;padding-top:14px;border-top:1px solid var(--grau)}
.bvd .gr:first-of-type{border-top:0;padding-top:0;margin-top:0}
.bvd .gr i{width:10px;height:10px;border-radius:3px;display:inline-block}
.bvd .be{background:linear-gradient(165deg,var(--marke-navy),var(--marke-navy-2) 60%,var(--marke-navy-3));color:#fff;border-radius:var(--r);padding:24px 28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 32px;align-items:center}
.bvd .be small{grid-column:1/-1;color:var(--on-marke-navy-hell);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.bvd .be .sr-gross{font-size:24px;font-weight:800;color:var(--lime);letter-spacing:-.03em;line-height:1}
.bvd .be p{color:var(--on-marke-navy-leise);font-size:16px;line-height:1.5}
.bvd .be p b{color:var(--lime)}
.bvd .umsch{display:inline-flex;background:var(--bg);border-radius:var(--r-voll);padding:4px}
.bvd .umsch button{border:0;background:transparent;border-radius:var(--r-voll);padding:8px 16px;font-weight:700;color:var(--mut);cursor:pointer;font-family:inherit;font-size:13px}
.bvd .umsch button.on{background:var(--navy);color:#fff}
.bvd .kopfz{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
@media(max-width:700px){.bvd .be{grid-template-columns:1fr}.bvd .feld2{grid-template-columns:1fr 130px}}
.bvd .kpi3.k4{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.bvd .chart{position:relative;cursor:zoom-in}
.bvd .chart:fullscreen{cursor:default;background:var(--w);padding:28px;display:flex;flex-direction:column;justify-content:center;overflow:auto}
.bvd .chart-voll{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--grau);background:var(--w);color:var(--tx);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;box-shadow:var(--schatten);z-index:2}

.bvd .be .sr-gross{margin-top:0}
.bvd .be p{margin:0}
.bvd .sr-erg>.sr-fehler{margin:0}
.bvd .chart svg text{fill:var(--mut)}.bvd .chart svg line{stroke:var(--grau)}
.bvd .rw li .fo{background:var(--w)}
.bvd .rw li.ann{background:var(--bg)}
.bvd .rw .fo{overflow-wrap:anywhere}
.bvd .kpi3 b{overflow-wrap:anywhere}
.bvd .modus button.on{background:var(--w)}
@media(max-width:900px){.bvd .kpi3.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.sb,.tb,.tabbar,.bvd .sr-form,.bvd .aktion,.bvd .hero{display:none!important}.bvd .sr{display:block}}

/* Tool: vgl */
.vgl .vg{display:grid;grid-template-columns:minmax(330px,380px) minmax(0,1fr);gap:24px;align-items:start}
.vgl .vg>*{min-width:0}
.vgl .vg-form{display:grid;gap:14px;min-width:0}
.vgl .box{min-width:0;background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.vgl .box h3{color:var(--tx);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.vgl .f{display:grid;gap:5px;margin-bottom:12px}
.vgl .f>label{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tx)}
.vgl .f .zeile{display:flex;gap:8px;align-items:center;min-height:44px}
.vgl .f .zeile>*{min-width:0}
.vgl .f input[type=text],.vgl .f select{box-sizing:border-box;width:100%;height:44px;padding:0 12px;border:1px solid var(--grau);border-radius:var(--r-s);font-size:16px;line-height:1.2;font-family:inherit;color:var(--tx);background:var(--w);margin:0}
.vgl .f .zeile input[type=text]{flex:1}
.vgl .f input[type=range]{flex:1;width:auto;height:44px;padding:0;margin:0;border:0;background:none;box-shadow:none;accent-color:var(--tx)}
.vgl .f .num{flex:none!important;width:84px!important;text-align:right}
.vgl .f .einheit{flex:none;width:46px;color:var(--mut);font-size:13px;font-weight:700;line-height:1.15}
.vgl .g2f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;align-items:start}
.vgl .g2f .f>label{min-height:28px;display:flex;align-items:flex-end}
.vgl .umz{display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:end;margin-bottom:8px}
.vgl .umz .f{margin:0}
.vgl .umz button{border:0;background:var(--bg);border-radius:50%;width:34px;height:34px;margin-bottom:5px;cursor:pointer;color:var(--tx);font-weight:800}
.vgl .haken{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.35;margin:0 0 12px;cursor:pointer}
.vgl .haken input{box-sizing:border-box;width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;border:0;flex:none;accent-color:var(--tx)}
.vgl .haken span{flex:1}
.vgl .hilfe{font-size:13px;color:var(--mut);line-height:1.45;margin:-6px 0 12px}
.vgl .sz{display:grid;grid-template-columns:1fr 34px;gap:10px;align-items:end;margin-bottom:10px;padding:10px 20px 10px 14px;background:var(--bg);border-radius:var(--r-s)}
.vgl .sz .f{margin:0}
.vgl .sz button{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;border:0;background:var(--w);border-radius:50%;width:34px;height:34px;margin-bottom:5px;cursor:pointer;color:var(--tx);font-weight:800}
.vgl .var{background:var(--w);border:1px solid var(--grau);border-radius:var(--r);margin-bottom:10px;overflow:hidden}
.vgl .var>summary{list-style:none;cursor:pointer;padding:13px 16px;display:flex;gap:10px;align-items:center;font-weight:800;color:var(--tx)}
.vgl .var>summary::-webkit-details-marker{display:none}
.vgl .var>summary .pt{width:12px;height:12px;border-radius:50%;flex:none}
.vgl .var>summary small{margin-left:auto;font-weight:700;color:var(--mut);font-size:13px}
.vgl .var .in{padding:4px 16px 14px;border-top:1px solid var(--grau)}
.vgl .var h4{margin:14px 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau)}
.vgl .mehr2{margin:6px 0 4px}
.vgl .mehr2>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--blau);margin:6px 0 10px}
.vgl .tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.vgl .tabs button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:8px 13px;border-radius:var(--r-voll);cursor:pointer;font-family:inherit}
.vgl .tw{overflow-x:auto;border-radius:var(--r-s)}
.vgl table.t{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}
.vgl table.t td:first-child{white-space:normal;min-width:170px}
@media(max-width:1100px){.vgl table.t{min-width:560px}}
.vgl table.t th{white-space:nowrap;background:var(--navy);color:#fff;text-align:right;padding:10px 10px;font-size:13px;letter-spacing:.03em}
.vgl table.t th:first-child,.vgl table.t td:first-child{text-align:left}
.vgl table.t td{white-space:nowrap;padding:9px 10px;text-align:right;border-bottom:1px solid var(--bg);font-variant-numeric:tabular-nums}
.vgl table.t tr:nth-child(even) td{background:var(--bg)}
.vgl table.t td.best{background:var(--lime)!important;color:var(--lime-tx);font-weight:800}
.vgl table.t th .kz{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.vgl table.t th .kz b{font-size:13px;letter-spacing:0}
.vgl table.t th .kz small{font-weight:400;font-size:13px;opacity:.8;letter-spacing:0;white-space:normal;max-width:130px;text-align:right;line-height:1.2}
.vgl .lg{display:inline-flex;align-items:center;background:var(--w);border-radius:var(--r-xs);padding:3px 6px;height:32px}
.vgl .lg img{height:24px;width:auto;display:block}
.vgl .lg.klein{height:26px;padding:2px 5px}
.vgl .lg.klein img{height:20px}
.vgl table.t tr.sum td{font-weight:800;color:var(--tx)}
.vgl table.t tr.sub td{font-size:13px;color:var(--mut)}
.vgl table.t tr.sub td:first-child{padding-left:26px}
.vgl table.t tr.kopf td{background:var(--grau)!important;color:var(--tx);font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;text-align:left}
.vgl .legende{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin-bottom:6px}
.vgl .legende i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:3px}
.vgl .kost{display:grid;gap:10px}
.vgl .kost{min-width:0}
.vgl .kost>div{min-width:0}
.vgl .kost .z{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center;font-size:13px}
.vgl .kost .z b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vgl .kost .bar{margin:0;display:flex;height:22px;border-radius:var(--r-xs);overflow:hidden;background:var(--bg);max-width:100%;box-sizing:border-box}
.vgl .kost .bar span{display:block;height:100%;min-width:0;flex:0 1 auto}
.vgl .kost .w{font-size:13px;color:var(--mut);margin-top:3px}
.vgl .kost .w.wk{margin-left:142px}
@media(max-width:640px){.vgl .kost .z{grid-template-columns:minmax(0,1fr)}.vgl .kost .w.wk{margin-left:0}}
.vgl .hinweisbox{background:var(--bg);border-radius:var(--r);padding:12px 16px;font-size:13px;color:var(--tx)}
.vgl .box>details>summary{cursor:pointer;color:var(--tx);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;list-style:revert;margin:0}
.vgl .box>details[open]>summary{margin-bottom:12px}
.vgl .disc{font-size:13px;color:var(--mut);line-height:1.5}
.vgl .aktion{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:1100px){.vgl .vg{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.vgl .g2f{grid-template-columns:minmax(0,1fr)}}
.vgl .hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.vgl .hl-card{background:var(--bg);border-radius:var(--r);padding:16px 18px;min-width:0}
.vgl .hl-kopf{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.vgl .hl-kopf b{display:block;color:var(--tx);font-size:13px;line-height:1.15}
.vgl .hl-kopf small{display:block;color:var(--mut);font-size:13px;line-height:1.25}
.vgl .hl-kopf>div{flex:1;min-width:0}
.vgl .hl-kal{flex:none;background:var(--lime);color:var(--lime-tx);font-size:13px;font-weight:800;padding:3px 8px;border-radius:var(--r-voll)}
.vgl .hl-titel{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);margin:10px 0 4px}
.vgl .hl-card ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.vgl .hl-card li{position:relative;padding-left:20px;font-size:13px;line-height:1.4}
.vgl .hl-usp li::before{content:'★';position:absolute;left:0;top:0;color:var(--tx);font-size:13px}
.vgl .hl-usp li{font-weight:700;color:var(--tx)}
.vgl .hl-plus li::before{content:'✓';position:absolute;left:0;top:0;color:var(--blau);font-weight:800}
.vgl .hl-info li::before{content:'!';position:absolute;left:1px;top:1px;width:14px;height:14px;border-radius:50%;background:var(--grau);color:var(--lime-tx);font-size:13px;font-weight:800;line-height:14px;text-align:center}

.vgl .vg-erg{min-width:0}
.vgl svg{max-width:100%}
.vgl svg .ax-g{stroke:var(--grau)}
.vgl svg .ax-t{fill:var(--mut)}
.vgl svg .ax-e{stroke:var(--mut);stroke-dasharray:3 4}
.vgl .legende i.ax-eb{background:var(--mut)}
.vgl .legende{color:var(--tx)}
.vgl .var>summary small{white-space:nowrap}
@media(max-width:480px){.vgl .box{padding:16px}.vgl .var>summary{flex-wrap:wrap}}

.vgl{--c0:var(--marke-navy);--c1:var(--marke-blau);--c2:#8d8f7c;--c3:var(--bad)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .vgl{--c0:var(--on-marke-navy-hell);--c1:#3db5f0;--c2:#b3b59f;--c3:var(--rot-hell)}}:root[data-theme="dark"] .vgl{--c0:var(--on-marke-navy-hell);--c1:#3db5f0;--c2:#b3b59f;--c3:var(--rot-hell)}
.vgl .lg{background:#fff}
.vgl .box>.hl-grid{margin:0}
.vgl .hinweisbox{margin:0}
.vgl .aktion .mini{text-decoration:none}
.vgl .tw{max-width:100%;-webkit-overflow-scrolling:touch}
.vgl .tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.vgl .tabs button:not(.on){background:var(--w);color:var(--tx)}
.vgl input[type=text],.vgl select{max-width:100%}
.vgl .disc{margin:0}

/* Tool: tvg */
.tvg .tv{display:grid;grid-template-columns:minmax(320px,370px) minmax(0,1fr);gap:24px;align-items:start}
.tvg .tv>*{min-width:0}
.tvg .box{min-width:0;background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);border-radius:var(--r);padding:18px 20px}
.tvg .box h3{color:var(--tx);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.tvg .form{display:grid;gap:14px;min-width:0}
.tvg .f{display:grid;gap:5px;margin-bottom:12px}
.tvg .f>label{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tx)}
.tvg .f .zeile{display:flex;gap:8px;align-items:center;min-height:44px}
.tvg .f .zeile>*{min-width:0}
.tvg .f input[type=text],.tvg .f select{box-sizing:border-box;width:100%;height:44px;padding:0 12px;border:1px solid var(--grau);border-radius:var(--r-s);font-size:16px;line-height:1.2;font-family:inherit;color:var(--tx);background:var(--w);margin:0}
.tvg .f .zeile input[type=text]{flex:1}
.tvg .f input[type=range]{flex:1;width:auto;height:44px;padding:0;margin:0;border:0;background:none;box-shadow:none;accent-color:var(--tx)}
.tvg .f .num{flex:none!important;width:84px!important;text-align:right}
.tvg .f .einheit{flex:none;width:46px;color:var(--mut);font-size:13px;font-weight:700;line-height:1.15}
.tvg .g2f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;align-items:start}
.tvg .g2f .f>label{min-height:28px;display:flex;align-items:flex-end}
.tvg .haken{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.35;margin:0 0 12px;cursor:pointer}
.tvg .haken input{box-sizing:border-box;width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;border:0;flex:none;accent-color:var(--tx)}
.tvg .haken span{flex:1}
.tvg .hilfe{font-size:13px;color:var(--mut);line-height:1.45;margin:-6px 0 12px}
.tvg .sz{display:grid;grid-template-columns:1fr 34px;gap:10px;align-items:end;margin-bottom:10px;padding:10px 20px 10px 14px;background:var(--bg);border-radius:var(--r-s)}
.tvg .sz .f{margin:0}
.tvg .sz button{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;border:0;background:var(--w);border-radius:50%;width:34px;height:34px;margin-bottom:5px;cursor:pointer;color:var(--tx);font-weight:800}
.tvg .tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tvg .tabs button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font-weight:700;font-size:13px;padding:8px 13px;border-radius:var(--r-voll);cursor:pointer;font-family:inherit}
.tvg .tw{overflow-x:auto;border-radius:var(--r-s)}
.tvg table.t{width:100%;border-collapse:collapse;font-size:13px}
.tvg table.t th{background:var(--navy);color:#fff;text-align:right;padding:10px 9px;font-size:13px;letter-spacing:.03em;vertical-align:bottom}
.tvg table.t th:nth-child(-n+2),.tvg table.t td:nth-child(-n+2){text-align:left}
.tvg table.t td{white-space:nowrap;padding:8px 9px;text-align:right;border-bottom:1px solid var(--bg);font-variant-numeric:tabular-nums}
.tvg table.t tr:nth-child(even) td{background:var(--bg)}
.tvg table.t td.best{background:var(--lime)!important;color:var(--lime-tx);font-weight:800}
.tvg table.t td.rang{font-weight:800;color:var(--tx);width:34px}
.tvg table.t tr.mass td{font-style:italic;background:var(--grau)!important}
.tvg .tn{display:flex;align-items:center;gap:9px;white-space:normal;min-width:160px}
.tvg .tn b{color:var(--tx);display:block;font-size:13px;line-height:1.15}
.tvg .tn small{display:block;color:var(--mut);font-size:13px;line-height:1.2}
.tvg .lg{display:inline-flex;align-items:center;justify-content:center;background:var(--w);border:1px solid var(--grau);border-radius:var(--r-xs);padding:3px 6px;height:30px;min-width:64px;flex:none}
.tvg .lg img{height:22px;max-width:76px;width:auto;display:block;object-fit:contain}
.tvg .lg.leer{font-size:13px;font-weight:800;color:var(--mut);letter-spacing:.04em}
.tvg .stern{color:var(--blau);font-weight:800;cursor:help}
.tvg .balken{display:grid;gap:8px}
.tvg .balken .z{display:grid;grid-template-columns:170px 1fr 110px;gap:10px;align-items:center;font-size:13px}
.tvg .balken .b{height:22px;border-radius:var(--r-xs);background:var(--grau);overflow:hidden}
.tvg .balken .b span{display:block;height:100%;background:var(--blau);border-radius:var(--r-xs)}
.tvg .balken .z.spitze .b span{background:var(--lime)}
.tvg .balken .z.spitze .w{font-weight:800;color:var(--tx)}
.tvg .balken .w{text-align:right;font-variant-numeric:tabular-nums}
.tvg .gbar{height:14px;border-radius:var(--r-feld);background:var(--grau);overflow:hidden;min-width:80px}
.tvg .gbar i{display:block;height:100%;background:var(--blau);border-radius:var(--r-feld)}
.tvg .wahlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tvg .wahlkarte{display:flex;gap:12px;align-items:center;border:1px solid var(--grau);border-radius:var(--r);padding:12px 14px;background:var(--w);cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.tvg .wahlkarte:hover{transform:translateY(-2px);box-shadow:var(--schatten)}
.tvg .wahlkarte.an{background:var(--bg);border-color:var(--blau)}
.tvg .wahlkarte input{accent-color:var(--tx);width:18px;height:18px;margin:0;flex:none}
.tvg .wahlkarte span:last-child{display:flex;flex-direction:column;min-width:0}
.tvg .wahlkarte b{color:var(--tx);font-size:13px}
.tvg .wahlkarte small{color:var(--mut);font-size:13px}
.tvg #los[disabled]{opacity:.45;cursor:not-allowed}
.tvg .einf{animation:einf .6s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){.tvg .einf{animation:none}}
.tvg .auswahl{display:flex;flex-wrap:wrap;gap:6px}
.tvg .auswahl label{display:flex;gap:7px;align-items:center;border:1px solid var(--grau);border-radius:var(--r-voll);padding:5px 11px 5px 8px;font-size:13px;cursor:pointer;background:var(--w)}
.tvg .auswahl label.an{background:var(--bg);border-color:var(--blau)}
.tvg .auswahl input{accent-color:var(--tx);margin:0}
.tvg .hinweisbox{background:var(--bg);border-radius:var(--r);padding:12px 16px;font-size:13px;color:var(--tx)}
.tvg .disc{font-size:13px;color:var(--mut);line-height:1.5}
.tvg .aktion{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tvg table.t.kompakt{font-size:13px}
.tvg table.t.kompakt th{white-space:normal;padding:8px 5px;font-size:13px}
.tvg table.t.kompakt td{padding:7px 5px}
@media(max-width:1100px){.tvg .tv{grid-template-columns:minmax(0,1fr)}.tvg table.t{min-width:900px}.tvg .balken .z{grid-template-columns:110px 1fr 90px}}
@media(max-width:480px){.tvg .g2f{grid-template-columns:minmax(0,1fr)}}
.tvg .hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tvg .hl-card{background:var(--bg);border-radius:var(--r);padding:16px 18px;min-width:0}
.tvg .hl-kopf{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.tvg .hl-kopf b{display:block;color:var(--tx);font-size:13px;line-height:1.15}
.tvg .hl-kopf small{display:block;color:var(--mut);font-size:13px;line-height:1.25}
.tvg .hl-kopf>div{flex:1;min-width:0}
.tvg .hl-kal{flex:none;background:var(--lime);color:var(--lime-tx);font-size:13px;font-weight:800;padding:3px 8px;border-radius:var(--r-voll)}
.tvg .hl-titel{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);margin:10px 0 4px}
.tvg .hl-card ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.tvg .hl-card li{position:relative;padding-left:20px;font-size:13px;line-height:1.4}
.tvg .hl-usp li::before{content:'★';position:absolute;left:0;top:0;color:var(--tx);font-size:13px}
.tvg .hl-usp li{font-weight:700;color:var(--tx)}
.tvg .hl-plus li::before{content:'✓';position:absolute;left:0;top:0;color:var(--blau);font-weight:800}
.tvg .hl-info li::before{content:'!';position:absolute;left:1px;top:1px;width:14px;height:14px;border-radius:50%;background:var(--grau);color:var(--lime-tx);font-size:13px;font-weight:800;line-height:14px;text-align:center}

.tvg #los{background:var(--lime);color:var(--lime-tx);padding:10px 18px;font-size:13px}
.tvg .tv-erg,.tvg #erg{min-width:0}
@keyframes einf{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
.tvg svg{max-width:100%}
.tvg .balken .z>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.tvg .box{padding:16px}.tvg .balken .z{grid-template-columns:90px 1fr 80px}}

.tvg{--c0:var(--marke-navy);--c1:var(--marke-blau);--c2:#8d8f7c;--c3:var(--bad)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .tvg{--c0:var(--on-marke-navy-hell);--c1:#3db5f0;--c2:#b3b59f;--c3:var(--rot-hell)}}:root[data-theme="dark"] .tvg{--c0:var(--on-marke-navy-hell);--c1:#3db5f0;--c2:#b3b59f;--c3:var(--rot-hell)}
.tvg .lg{background:#fff}
.tvg .box>.hl-grid{margin:0}
.tvg .hinweisbox{margin:0}
.tvg .aktion .mini{text-decoration:none}
.tvg .tw{max-width:100%;-webkit-overflow-scrolling:touch}
.tvg .tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tvg .tabs button:not(.on){background:var(--w);color:var(--tx)}
.tvg input[type=text],.tvg select{max-width:100%}
.tvg .disc{margin:0}

/* Tool: abr */
.abr .at-such{margin-bottom:16px}
.abr .at-such .feld{border-radius:var(--r-voll)}
.abr table.t{width:100%;border-collapse:collapse;font-size:13px}
.abr table.t th{background:var(--navy);color:#fff;text-align:left;padding:9px 10px;font-size:13px;letter-spacing:.03em;white-space:nowrap}
.abr table.t td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--bg);vertical-align:top}
.abr table.t tr.gerade td{background:var(--bg)}
.abr table.t td:first-child{font-weight:700;color:var(--tx);white-space:nowrap}
.abr table.t td.mitte{text-align:center}
.abr table.t tr.kam-zeile{cursor:pointer}
.abr .kam-chev{display:inline-block;width:11px;margin-right:5px;color:var(--blau);font-size:13px;transition:transform .15s}
.abr table.t tr.kam-zeile.offen .kam-chev{transform:rotate(90deg)}
.abr table.t tr.kam-detail td{background:var(--bg)!important;padding:10px 14px;border-bottom:1px solid var(--bg)}
.abr .kam-info{font-size:13px;color:var(--tx);font-weight:600}
.abr .kam-info + .kam-info{margin-top:6px}
.abr .kam-info a{color:var(--tx);font-weight:700;text-decoration:none}
.abr .kam-info a:hover{text-decoration:underline}
.abr .tw{overflow-x:auto;border-radius:var(--r-s);background:#fff;border:1px solid var(--grau);box-shadow:var(--schatten)}
.abr .at-sek{margin:26px 0 10px;color:var(--tx);font-size:16px}
.abr .at-sek small{display:block;color:var(--neutral);font-size:13px;font-weight:600;margin-top:2px;text-transform:none;letter-spacing:0}
.abr .at-tag{background:var(--bg);color:var(--tx);font-weight:700;font-size:13px;padding:3px 9px;border-radius:var(--r-voll);display:inline-block}
.abr .at-leer{padding:14px 4px;color:var(--neutral);font-size:13px}
.abr .at-fuss{display:grid;gap:10px;margin-top:22px}
.abr .at-fuss .box{background:var(--bg);border-radius:var(--r);padding:14px 18px;font-size:13px;color:var(--neutral);line-height:1.55}
.abr .at-fuss .box b{color:var(--tx)}
.abr .az-oeffner{margin:18px 0}
.abr .az-oeffner>summary{list-style:none;cursor:pointer}
.abr .az-oeffner>summary::-webkit-details-marker{display:none}
.abr table.t tr.az-hervorgehoben td{background:var(--bg)!important;font-weight:700}
.abr .hinweisbox{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:14px 18px;font-size:13px;line-height:1.55;color:var(--tx);margin-bottom:16px}
.abr .hinweis{color:var(--mut);font-size:13px;margin:4px 0 12px}
.abr .hinweis a{color:var(--blau)}
.abr .card{margin-bottom:0}
.abr .at-such .suche{width:100%;box-sizing:border-box}
.abr .tw{background:var(--w);border-color:var(--grau);border-radius:var(--r);-webkit-overflow-scrolling:touch;max-width:100%}
.abr table.t td{color:var(--tx)}
.abr table.t td:first-child{white-space:normal;min-width:120px}
.abr table.t tr.gerade td{background:var(--bg)}
.abr .az-oeffner>summary{display:inline-block}
.abr .at-sek small,.abr .at-leer{color:var(--mut)}
.abr .at-fuss .box{background:var(--w);box-shadow:var(--schatten);color:var(--mut)}
.abr .at-fuss .box b{color:var(--tx)}
.abr .kam-info a{color:var(--blau)}
.abr table.t tr.kam-detail td{background:var(--bg)!important}
.abr table.t tr.az-hervorgehoben td{background:var(--lime)!important;color:var(--marke-navy)}
@media(max-width:600px){.abr table.t{font-size:13px}.abr table.t th,.abr table.t td{padding:7px 8px}.abr .hinweisbox{padding:12px 14px}}
@media print{.abr .at-such,.abr .aktion,.abr .hero .back,.abr #abr-ics{display:none!important}.abr .tw{overflow:visible;box-shadow:none}}

/* Tool: wg */
/* Wachstumsgespräch: Folienbühne (1280x720, wird per Skalierung eingepasst), Bedienung, Notizen, Übersicht */
.wg{max-width:1100px;margin:0 auto}
.wg .wg-vb{position:relative;display:flex;flex-direction:column;gap:12px}
.wg .wg-box{position:relative;width:min(100%,calc(70vh * 16 / 9));aspect-ratio:16/9;margin:0 auto;background:#fff;border-radius:var(--r-s);overflow:hidden;box-shadow:var(--schatten);border:1px solid var(--grau)}
.wg .wg-stage{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;background:#fff;overflow:hidden;font-family:var(--font-tecis);color:var(--tx);cursor:pointer;
  /* Folien bleiben hell, auch im Dunkelmodus */
  --bg:#f3f6f9;--w:#fff;--tx:#0b2c4d;--mut:#60758a;--grau:#e3eaf0;--schatten:0 1px 2px rgba(0,50,91,.06),0 6px 18px rgba(0,50,91,.07)}
.wg .wg-stage small{color:inherit}
.wg .wg-stage h2{margin:16px 0 0;padding:0;font-family:var(--font-tecis);text-transform:none;letter-spacing:-.02em;color:var(--navy)}
.wg .wg-stage .dark h2,.wg .wg-stage .dark .t{color:#fff}
.wg .wg-stage .eb{margin-left:0}
.wg .wg-bar{position:absolute;left:0;top:0;height:4px;width:0;background:var(--lime);transition:width .3s;z-index:5}
.wg .wg-ctl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.wg .wg-ctl button{background:var(--w);color:var(--tx);border:1px solid var(--grau);border-radius:var(--r-voll);padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:var(--schatten)}
.wg .wg-ctl button:hover:not(:disabled){border-color:var(--blau)}
.wg .wg-ctl button:disabled{opacity:.4;cursor:default}
.wg .wg-ctl #wg-bw{background:var(--lime);color:var(--lime-tx);border-color:var(--lime)}
.wg .wg-ctl #wg-bn.an{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .wg .wg-ctl #wg-bn.an{background:var(--blau);border-color:var(--blau)}}:root[data-theme="dark"] .wg .wg-ctl #wg-bn.an{background:var(--blau);border-color:var(--blau)}
.wg .wg-zaehl{min-width:64px;text-align:center;font-size:13px;color:var(--mut);font-weight:600}
.wg .wg-notiz{background:var(--w);color:var(--tx);border:1px solid var(--grau);border-left:4px solid var(--lime);border-radius:var(--r);box-shadow:var(--schatten);padding:14px 18px;font-size:16px;line-height:1.5;max-height:40vh;overflow:auto}
.wg .wg-notiz[hidden],.wg .wg-ueb[hidden]{display:none}
.wg .wg-notiz b{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.wg .wg-ueb{position:absolute;inset:0;z-index:20;background:rgba(0,22,41,.96);border-radius:var(--r);padding:20px;overflow:auto}
.wg .wg-ueb-k{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.wg .wg-ueb h3{margin:0;color:#fff;font-family:var(--serif);font-size:24px;font-weight:600}
.wg .wg-ueb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.wg .wg-ueb button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--r-s);padding:12px 14px;text-align:left;font-size:13px;cursor:pointer;line-height:1.3}
.wg .wg-ueb button:hover,.wg .wg-ueb button.on{background:var(--lime);color:var(--lime-tx);border-color:var(--lime)}
.wg .wg-ueb button small{display:block;opacity:.7;font-size:13px;margin-bottom:4px;color:inherit}
.wg .wg-ueb .wg-zu{flex:none;padding:8px 16px;border-radius:var(--r-voll);font-weight:700}
/* Vollbild */
.wg .wg-vb:fullscreen{background:var(--marke-navy-3);padding:12px;gap:8px;height:100%;width:100%}
.wg .wg-vb:fullscreen .wg-box{flex:1;width:100%;aspect-ratio:auto;max-height:none;border:0;border-radius:0;background:var(--marke-navy-3);box-shadow:none;min-height:0}
.wg .wg-vb:fullscreen .wg-ctl{opacity:.35;transition:opacity .2s}
.wg .wg-vb:fullscreen .wg-ctl:hover,.wg .wg-vb:fullscreen .wg-ctl:focus-within{opacity:1}
.wg .wg-vb:fullscreen .wg-notiz{position:absolute;right:20px;top:20px;width:min(380px,90vw);z-index:12}
.wg .wg-vb:fullscreen .wg-ueb{border-radius:0}
@media(max-width:640px){
  .wg .wg-ctl button{padding:8px 12px;font-size:13px}
  .wg .wg-ueb-g{grid-template-columns:1fr 1fr}
}
/* Folien */
.wg .sl{position:absolute;inset:0;display:none;padding:54px 64px 70px;max-width:none}
.wg .sl.on{display:block}
.wg .sl.dark{background:linear-gradient(165deg,var(--marke-navy) 0%,var(--marke-navy-2) 55%,var(--marke-navy-3) 100%);color:#fff}
.wg .sl.bild{padding:0;background:#fff}
.wg .sl.bild img{width:100%;height:100%;object-fit:cover;display:block}
.wg .eb{display:inline-block;background:var(--bg);color:var(--blau);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;border-radius:var(--r-voll)}
.wg .dark .eb{background:rgba(0,158,227,.16);color:var(--on-marke-navy-hell);border:1px solid rgba(0,158,227,.4)}
.wg .t{font-size:24px;line-height:1.08;letter-spacing:-.02em;color:var(--tx);margin:16px 0 0;font-weight:800;max-width:1100px}
.wg .dark .t{color:#fff}
.wg .t.gross{font-size:24px;line-height:1}
.wg .lead{font-size:24px;line-height:1.45;color:var(--tx);margin-top:14px;max-width:900px}
.wg .dark .lead{color:var(--on-marke-navy-leise)}
.wg .foot{position:absolute;left:64px;right:64px;bottom:22px;display:flex;justify-content:space-between;font-size:13px;color:var(--neutral-2)}
.wg .dark .foot{color:var(--on-marke-navy-mut)}
.wg .sl.bild .foot,.wg .sl.titel .foot{display:none}
.wg .b{transition:opacity .35s,transform .35s}
.wg .b.hid{opacity:0;transform:translateY(16px);pointer-events:none}
.wg .card2{background:var(--bg);border-radius:var(--r);padding:24px 28px}
.wg .card2.w{background:#fff;border:1px solid var(--grau);box-shadow:var(--schatten)}
.wg .card2.h{background:var(--bg)}
.wg .card2.l{background:var(--lime);color:var(--tx)}
.wg .card2.d{background:var(--navy);color:#fff}
.wg .num{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center;flex:none}
.wg .fuss{position:absolute;left:64px;right:64px;bottom:50px;font-size:13px;color:var(--neutral);line-height:1.4}
.wg .dark .fuss{color:var(--on-marke-navy-mut)}
.wg .fl{display:grid;gap:12px;margin-top:26px}
.wg .fl .z{display:flex;gap:18px;align-items:center;background:var(--bg);border-radius:var(--r);padding:15px 22px;font-size:24px;color:var(--tx);font-weight:700;transition:all .35s}
.wg .fl .z.alt{opacity:.62}
.wg .fl .z.neu{background:var(--lime);opacity:1;box-shadow:0 8px 20px rgba(211,216,0,.3)}
.wg .bl{display:grid;gap:14px}
.wg .bl div{background:var(--blau);color:#fff;font-size:24px;font-weight:700;border-radius:var(--r) var(--r) var(--r) 4px;padding:18px 24px;width:max-content;max-width:640px}
.wg .pl{display:flex;align-items:flex-end;gap:26px;height:340px;margin-top:20px}
.wg .pl .sp{width:190px;display:flex;flex-direction:column;height:100%;border-radius:var(--r-xs);overflow:hidden;font-size:24px;font-weight:700;text-align:center}
.wg .pl .sp>div{display:flex;align-items:center;justify-content:center;padding:6px;line-height:1.15}
.wg .k1{background:var(--navy);color:#fff}
.wg .k2{background:var(--blau);color:#fff}
.wg .k3{background:var(--himmel-hell);color:var(--tx)}
.wg .pl .pf{width:230px;height:250px;background:var(--navy);color:#fff;clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);display:flex;align-items:center;padding-left:34px;font-size:24px;font-weight:800;box-sizing:border-box}
.wg .pl{position:relative}
.wg .pl .mun{position:absolute;left:520px;top:-14px;font-size:16px;font-weight:800;color:var(--tx);background:var(--lime);padding:8px 14px;border-radius:var(--r-s);z-index:2}
.wg .cv{display:flex;gap:10px;margin-top:22px}
.wg .cv .c{flex:1;display:flex;flex-direction:column;min-width:0}
.wg .cv .kopf{height:104px;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,12% 50%);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:24px;line-height:1.15;padding:0 26px;box-sizing:border-box}
.wg .cv .c:first-child .kopf{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}
.wg .cv .rumpf{margin-top:14px;border:4px solid var(--grau);border-radius:var(--r-xs);height:330px;padding:14px;box-sizing:border-box;background:#fff}
.wg .pun{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:8px}
.wg .pun i{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:16px}
.wg .pun i.p{outline:3px solid var(--lime)}
.wg .chip2{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--tx);border-radius:var(--r-s);width:120px;height:66px;font-weight:800;font-size:16px;text-align:center;line-height:1.1}
.wg .chip2 small{font-size:13px;font-weight:600;margin-top:2px;color:var(--blau)}
.wg .chips2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;justify-items:center;padding-top:6px}
.wg .haus{margin-top:14px}
.wg .dach{background:var(--grau);color:var(--tx);font-size:24px;font-weight:800;text-align:center;padding:64px 20px 26px;clip-path:polygon(0 42%,50% 0,100% 42%,100% 100%,0 100%)}
.wg .saeulen{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:16px 30px}
.wg .saeulen div{height:170px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;font-weight:700;padding:0 26px;border-radius:var(--r-feld);line-height:1.2}
.wg .saeulen .s1{background:var(--navy);color:#fff}
.wg .saeulen .s2{background:var(--blau);color:#fff}
.wg .saeulen .s3{background:var(--lime);color:var(--tx)}
.wg .basis{background:var(--navy);color:#fff;text-align:center;font-size:24px;font-weight:800;padding:20px}
.wg .chp{display:flex;gap:10px;margin-top:22px}
.wg .chp span{background:var(--bg);color:var(--tx);font-weight:700;font-size:16px;padding:8px 18px;border-radius:var(--r-voll)}
.wg .fall{font-size:24px;line-height:1.5;margin-top:22px;max-width:1100px}
.wg .zw{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.wg .zw .card2 b.g{display:block;font-size:24px;color:var(--tx);letter-spacing:-.02em;line-height:1}
.wg .zw p{font-size:24px;line-height:1.4;margin-top:8px}
.wg .ic{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;margin-bottom:12px}
.wg .nabe{position:relative;height:490px;margin-top:26px}
.wg .nabe .mitte{position:absolute;left:470px;top:150px;width:290px;height:200px;background:var(--navy);color:#fff;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;font-weight:800;line-height:1.15;padding:0 24px;box-sizing:border-box}
.wg .nabe .sp{position:absolute;width:330px;background:var(--bg);border-radius:var(--r);padding:18px 22px;border-top:6px solid var(--blau)}
.wg .nabe .sp small{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);font-weight:800}
.wg .nabe .sp b{display:block;font-size:24px;color:var(--tx);margin-top:4px;line-height:1.1}
.wg .nabe .sp span{display:block;margin-top:8px;font-size:16px;color:var(--tx)}
.wg .bz{display:grid;gap:7px;margin-top:22px}
.wg .bz .r{display:grid;grid-template-columns:40px 300px 1fr 130px;gap:14px;align-items:center;font-size:24px}
.wg .bz .r i{font-style:normal;color:var(--neutral-2);font-weight:700}
.wg .bz .r em{font-style:normal;color:var(--tx);font-weight:700}
.wg .bz .bt{height:22px;background:var(--bg);border-radius:var(--r-voll);overflow:hidden}
.wg .bz .bt span{display:block;height:100%;background:var(--blau);border-radius:var(--r-voll)}
.wg .bz .r strong{text-align:right;color:var(--tx)}
.wg .kach{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.wg .kach div{background:var(--bg);border-radius:var(--r);padding:12px 18px;display:flex;gap:12px;align-items:baseline}
.wg .kach div i{font-style:normal;color:var(--neutral-2);font-weight:700;font-size:16px}
.wg .kach div em{font-style:normal;font-size:16px;color:var(--tx);font-weight:700;flex:1;line-height:1.15}
.wg .kach div b{font-size:24px;color:var(--tx)}
.wg .kz{display:grid;gap:12px;margin-top:10px}
.wg .kz div{background:var(--bg);border-radius:var(--r);padding:12px 22px}
.wg .kz b{display:block;font-size:24px;color:var(--tx);line-height:1;letter-spacing:-.03em}
.wg .kz span{display:block;margin-top:6px;font-size:16px;line-height:1.3}
.wg .mx{display:grid;grid-template-columns:150px repeat(5,1fr);gap:10px;margin-top:22px}
.wg .mx .h{background:var(--navy);color:#fff;border-radius:var(--r-s);padding:16px 8px;text-align:center;font-weight:800;font-size:24px;letter-spacing:.02em;line-height:1.15;display:flex;align-items:center;justify-content:center}
.wg .mx .zl{display:flex;align-items:center;font-weight:800;color:var(--tx);font-size:24px}
.wg .mx .c{height:118px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}
.wg .mx .c.v{background:var(--bg);border:2px dashed var(--grau)}
.wg .mx .c.ja{background:var(--lime);color:var(--tx)}
.wg .mx .c.q{background:var(--bg);color:var(--blau)}
.wg .zs{display:grid;grid-template-columns:repeat(5,1fr);margin-top:56px;position:relative}
.wg .zs::before{content:'';position:absolute;left:10%;right:10%;top:34px;height:4px;background:rgba(255,255,255,.22)}
.wg .zs>div{text-align:center;position:relative}
.wg .zs b{display:block;width:78px;height:78px;line-height:72px;margin:0 auto;border-radius:50%;background:var(--marke-blau-2);color:#fff;font-size:24px;letter-spacing:0;box-sizing:border-box;border:3px solid var(--on-marke-navy-hell);position:relative}
.wg .zs .ziel b{background:var(--lime);color:var(--tx);border-color:var(--lime);width:90px;height:90px;line-height:84px;margin-top:-6px}
.wg .zs span{display:block;margin-top:16px;font-size:24px;font-weight:800;color:#fff}
.wg .zs .ziel span{color:var(--lime);font-size:24px}
.wg .cta{display:inline-block;background:var(--lime);color:var(--tx);font-weight:800;font-size:24px;padding:20px 40px;border-radius:var(--r-voll);margin-top:40px}
.wg .claim{position:absolute;left:64px;bottom:56px;font-size:24px;font-weight:700;color:var(--on-marke-navy-hell)}
.wg .fern{display:flex;justify-content:center;gap:10px;background:var(--navy);border-radius:var(--r-voll);padding:14px 20px;width:max-content;margin:0 auto}
.wg .fern span{width:74px;height:74px;border-radius:50%;background:#fff;color:var(--tx);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}
.wg .qs{display:grid;gap:14px}
.wg .qs .q{display:flex;gap:16px;align-items:center;background:var(--bg);border-radius:var(--r);padding:18px 22px;font-size:24px;font-weight:700;color:var(--tx)}
.wg .vt{background:#fff;border:1px solid var(--grau);border-radius:var(--r);box-shadow:var(--schatten);padding:20px 24px}
.wg .vt h4{font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--blau)}
.wg .vt p{font-size:16px;color:var(--tx);margin-top:6px;line-height:1.4}
.wg .vt .gr{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.wg .vt .gr div{background:var(--bg);border-radius:var(--r-s);padding:10px 14px}
.wg .vt .gr b{display:block;font-size:16px;color:var(--tx)}
.wg .vt .gr small{font-size:13px;color:var(--neutral);line-height:1.35;display:block;margin-top:2px}
.wg .vt .sum{margin-top:12px;display:flex;justify-content:space-between;background:var(--navy);color:#fff;border-radius:var(--r-s);padding:12px 16px;font-weight:800;font-size:16px}
.wg .tab{width:230px;height:290px;background:var(--navy);border:8px solid var(--sand);border-radius:var(--r-l);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;font-weight:800;font-size:24px}
.wg .tab small{font-size:13px;font-weight:600;color:var(--on-marke-navy-leise);margin-top:10px;padding:0 20px;line-height:1.35}
.wg .sl.foto{background:linear-gradient(180deg,rgba(0,22,41,.62) 0%,rgba(0,37,68,.72) 45%,rgba(0,26,50,.93) 100%),url(https://teamzuversicht.de/partner/wachstum/skyline.jpg) center 30%/cover}
.wg .sl.foto>*{position:relative;z-index:1}
.wg .sl.foto .foot{position:absolute}
.wg .foto .t{text-shadow:0 4px 24px rgba(0,0,0,.35);font-size:24px}
.wg .foto .t em{font-style:normal;color:var(--lime)}
.wg .foto .mx{gap:10px;margin-top:22px}
.wg .foto .mx .h{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);color:#fff;padding:10px 8px;font-size:16px;border-radius:var(--r)}
.wg .foto .mx .zl{color:#fff;font-size:24px}
.wg .foto .mx .c{height:92px;font-size:24px;border-radius:var(--r)}
.wg .foto .mx .c.v{background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.45)}
.wg .foto .mx .c.ja{background:var(--lime);color:var(--tx);box-shadow:0 10px 30px rgba(211,216,0,.35)}
.wg .foto .mx .c.q{background:rgba(0,158,227,.28);border:2px solid var(--blau);color:#fff;box-shadow:0 0 34px rgba(0,158,227,.55)}
.wg .sl.foto .foot span:last-child{color:var(--lime);font-weight:800;font-size:16px}

/* Training: lfd */
/* Gesprächsleitfäden: Lesen / Üben / geübt abhaken. Alles unter .lfd, eigene Klassen mit lf-. */
.lfd{max-width:820px;margin:0 auto;--lf-f:#e5f5fc;--lf-fl:#0077b0;--lf-nr:var(--navy)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lfd{--lf-f:#15374d;--lf-fl:#6cc4ee;--lf-nr:var(--blau)}}:root[data-theme="dark"] .lfd{--lf-f:#15374d;--lf-fl:#6cc4ee;--lf-nr:var(--blau)}
.lfd *{min-width:0}
.lfd .lf-bar{display:flex;gap:14px 18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.lfd .lf-modus{display:inline-flex;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r-voll);padding:4px;gap:2px}
.lfd .lf-modus button{border:0;background:transparent;padding:9px 20px;border-radius:var(--r-voll);font-weight:800;font-size:13px;color:var(--tx);cursor:pointer;font-family:inherit}
.lfd .lf-modus button.on{background:var(--navy);color:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lfd .lf-modus button.on{background:var(--blau)}}:root[data-theme="dark"] .lfd .lf-modus button.on{background:var(--blau)}
.lfd .lf-fort{min-width:200px;flex:1;max-width:340px;color:var(--mut)}
.lfd .lf-fort small{font-size:13px;font-weight:600}
.lfd .lf-bal{display:block;height:8px;border-radius:var(--r-voll);background:var(--grau);margin-top:5px;overflow:hidden}
.lfd .lf-bal span{display:block;height:100%;background:var(--blau);border-radius:var(--r-voll);transition:width .3s}
.lfd .lf-hint{font-size:13px;color:var(--mut);line-height:1.55;margin:0 0 18px}
.lfd .chips button.chip{font-family:inherit}
.lfd .lf-teil{margin:30px 0 14px}
.lfd .lf-tl{display:inline-block;background:var(--blau);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:var(--r-voll);max-width:100%}
.lfd .lf-teil h2{margin:10px 0 0;font-family:var(--serif);font-weight:600;font-size:24px;color:var(--tx);line-height:1.15}
.lfd .lf-s{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:16px;scroll-margin-top:12px}
.lfd .lf-k{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.lfd .lf-k h3{flex:1;min-width:160px;margin:0;color:var(--tx);font-size:16px;line-height:1.2}
.lfd .lf-nr{width:40px;height:40px;border-radius:50%;background:var(--lf-nr);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;flex:none}
.lfd .lf-check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--tx);cursor:pointer;background:var(--bg);padding:7px 14px;border-radius:var(--r-voll)}
.lfd .lf-check input{width:18px;height:18px;accent-color:var(--blau)}
.lfd .lf-b{border-radius:var(--r-s);padding:12px 16px;margin-top:10px}
.lfd .lf-b p{margin:4px 0 0;line-height:1.55;overflow-wrap:anywhere}
.lfd .lf-l{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lfd .lf-f{background:var(--lf-f);box-shadow:inset 4px 0 0 var(--blau)}
.lfd .lf-f .lf-l{color:var(--lf-fl)}
.lfd .lf-f p{color:var(--tx);font-weight:600;font-size:16px}
.lfd .lf-f.zu{cursor:pointer;background:var(--w);border:2px dashed var(--blau);box-shadow:none}
.lfd .lf-f.zu p{color:var(--mut);font-weight:500;font-size:16px}
.lfd .lf-f.zu:hover{background:var(--lf-f)}
.lfd .lf-g{background:var(--bg)}
.lfd .lf-g .lf-l{color:var(--mut)}
.lfd .lf-g p{font-size:16px;font-style:italic}
.lfd .lf-u{background:var(--lime);color:var(--lime-tx)}
.lfd .lf-u .lf-l{color:var(--lime-tx)}
.lfd .lf-u p{font-weight:700}
.lfd .lf-c{background:var(--bg);border:1px solid var(--grau)}
.lfd .lf-c .lf-l{color:var(--mut)}
.lfd .lf-c p{font-weight:600;color:var(--tx)}
.lfd .lf-x{background:var(--w);border:1px dashed var(--mut)}
.lfd .lf-x .lf-l{color:var(--mut)}
.lfd .lf-x p{color:var(--mut);text-decoration:line-through;text-decoration-color:var(--mut)}
.lfd .lf-n{margin:12px 0 0;font-size:13px;color:var(--mut);line-height:1.5;padding:10px 14px;border-radius:var(--r-s);background:var(--bg);border:1px solid var(--grau)}
.lfd .lf-h{margin:18px 0 0;color:var(--tx);font-size:16px}
.lfd .lf-p{margin:8px 0 0;line-height:1.55}
.lfd .lf-ul{margin:8px 0 0 20px;padding:0;display:grid;gap:4px;line-height:1.5}
.lfd .lf-kern{margin-top:26px;background:var(--lime);color:var(--lime-tx);border-radius:var(--r);padding:20px 22px;box-shadow:var(--schatten)}
.lfd .lf-kern .lf-l{color:var(--lime-tx)}
.lfd .lf-kern p{margin:6px 0 0;font-size:24px;font-weight:800;line-height:1.3}
.lfd .lf-gut{margin-top:22px;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);font-size:13px;line-height:1.55}
.lfd .lf-gut h3{margin:0 0 4px;font-size:16px;color:var(--tx)}
.lfd .lf-gut p{overflow-wrap:anywhere}
.lfd .lf-fuss{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.lfd .lf-btn{display:inline-block;background:var(--w);box-shadow:var(--schatten);color:var(--tx);border:0;border-radius:var(--r-voll);padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.lfd .lf-btn:hover{color:var(--blau)}
@media(max-width:480px){
 .lfd .lf-modus{width:100%}
 .lfd .lf-modus button{flex:1;padding:9px 10px}
 .lfd .lf-fort{max-width:none;flex-basis:100%}
 .lfd .lf-b{padding:11px 13px}
}
@media print{.lfd .lf-bar,.lfd .chips,.lfd .lf-check,.lfd .lf-fuss,.lfd .back{display:none!important}.lfd .lf-f.zu{border-style:solid}}

/* Training: p34 */
.p34{max-width:760px;margin:0 auto}
.p34 *{min-width:0}
.p34 .grid34{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.p34 .kachel34{display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid var(--grau);border-radius:var(--r);background:var(--w);box-shadow:var(--schatten);padding:16px 18px;cursor:pointer;font-family:inherit;color:var(--tx);transition:transform .2s,border-color .2s}
.p34 .kachel34:hover{transform:translateY(-2px);border-color:var(--blau)}
.p34 .kachel34 b{color:var(--tx);font-size:16px;line-height:1.25}
.p34 .kachel34 small{color:var(--mut);font-size:13px;line-height:1.35}
.p34 .k-fuss{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--mut);margin-top:4px}
.p34 .p34-mini{height:6px;border-radius:var(--r-voll);background:var(--bg);overflow:hidden}
.p34 .p34-mini i{display:block;height:100%;background:var(--blau);border-radius:var(--r-voll)}
.p34 .kachel34.gesamt{background:var(--kopf);border-color:transparent;grid-column:1/-1}
.p34 .kachel34.gesamt b{color:#fff;font-size:16px}
.p34 .kachel34.gesamt small,.p34 .kachel34.gesamt .k-fuss{color:var(--on-marke-navy-leise)}
.p34 .kachel34.gesamt .p34-mini{background:rgba(255,255,255,.18)}
.p34 .kachel34.gesamt .p34-mini i{background:var(--lime)}
.p34 .kachel34.fehlerliste{background:var(--lime);border-color:transparent;grid-column:1/-1}
.p34 .kachel34.fehlerliste b,.p34 .kachel34.fehlerliste small{color:var(--lime-tx)}
.p34 .modus{display:inline-flex;max-width:100%;border:1px solid var(--grau);border-radius:var(--r-voll);overflow:hidden;background:var(--w);margin:0 0 6px}
.p34 .modus button{border:0;background:none;padding:12px 16px;font:inherit;font-weight:700;font-size:13px;color:var(--tx);cursor:pointer}
.p34 .modus button.on{background:var(--navy);color:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .p34 .modus button.on{background:var(--blau)}}:root[data-theme="dark"] .p34 .modus button.on{background:var(--blau)}
.p34 .p34-hinweis{margin:6px 0 16px;color:var(--mut);font-size:13px;line-height:1.5}
.p34 .sek34{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);margin:26px 0 10px}
.p34 .p34-karte{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:22px 20px 18px;margin-bottom:var(--gap)}
.p34 .p34-karte.mitte{text-align:center;padding:26px 20px}
.p34 .p34-spalte{max-width:720px}
.p34 .p34-tit{color:var(--tx)}
.p34 .qkopf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--mut)}
.p34 .qbar{height:8px;border-radius:var(--r-voll);background:var(--bg);overflow:hidden;margin-bottom:18px}
.p34 .qbar i{display:block;height:100%;background:var(--blau);transition:width .3s}
.p34 .qtext{font-size:16px;line-height:1.4;font-weight:700;color:var(--tx);margin:0 0 16px;text-transform:none;letter-spacing:0}
.p34 .p34-opt{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:1.5px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r);padding:14px 15px;min-height:56px;margin:0 0 10px;font:inherit;font-size:16px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.p34 .p34-opt .bu{flex:none;width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--tx);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.p34 .p34-opt:hover:not([disabled]){border-color:var(--blau)}
.p34 .p34-opt.sel{border-color:var(--blau);background:var(--bg)}
.p34 .p34-opt.ok{border-color:var(--ok);background:var(--oksoft)}
.p34 .p34-opt.ok .bu{background:var(--ok);color:#fff}
.p34 .p34-opt.no{border-color:var(--bad);background:var(--badsoft)}
.p34 .p34-opt.no .bu{background:var(--bad);color:#fff}
.p34 .p34-opt[disabled]{cursor:default;opacity:1;color:var(--tx)}
.p34 .erkl{background:var(--bg);border-radius:var(--r);padding:14px 16px;font-size:13px;line-height:1.5;margin:6px 0 14px}
.p34 .erkl b{color:var(--tx)}
.p34 .navzeile{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.p34 .navzeile.mitte{justify-content:center;margin-top:16px}
.p34 .p34-cta,.p34 .p34-zweit{border:0;border-radius:var(--r-s);font:inherit;font-weight:700;font-size:16px;padding:13px 20px;min-height:48px;cursor:pointer}
.p34 .p34-cta{background:var(--lime);color:var(--lime-tx);box-shadow:0 2px 0 rgba(0,0,0,.12)}
.p34 .p34-zweit{background:var(--grau);color:var(--tx)}
.p34 .p34-zweit.abbruch{margin-left:auto}
.p34 .p34-cta:active,.p34 .p34-zweit:active{transform:translateY(1px)}
.p34 .res-gross{font-size:24px;font-weight:800;color:var(--tx);line-height:1}
.p34 .res-zeile{margin:8px 0 2px;font-weight:700;color:var(--tx)}
.p34 .zeilen{margin-top:8px}
.p34 .zeile34{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 48px;gap:10px;align-items:center;font-size:13px;padding:6px 0}
.p34 .zeile34 .p34-mini{height:10px}
.p34 .zeile34 span:last-child{text-align:right;font-weight:700;color:var(--tx)}
.p34 .rev{border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);box-shadow:var(--schatten);padding:12px 14px;margin-bottom:8px;font-size:13px}
.p34 .rev summary{cursor:pointer;font-weight:700;color:var(--tx)}
.p34 .rev p{margin:8px 0 0;line-height:1.45}
.p34 .rev .f{color:var(--bad)}
.p34 .rev .r{color:var(--ok)}
.p34 .zeit{font-variant-numeric:tabular-nums}
.p34 .zeit.knapp{color:var(--bad)}
.p34 .disc34{font-size:13px;color:var(--mut);line-height:1.5;margin-top:26px}
.p34 .k-haken{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--lime);color:var(--lime-tx);font-size:13px;font-weight:800;margin-right:5px;vertical-align:1px}
@media(max-width:480px){
 .p34 .res-gross{font-size:24px}
 .p34 .p34-cta,.p34 .p34-zweit{flex:1 1 100%;text-align:center}
 .p34 .p34-zweit.abbruch{margin-left:0}
 .p34 .zeile34{grid-template-columns:minmax(0,1fr) 44px;row-gap:4px}
 .p34 .zeile34 .p34-mini{grid-column:1/-1;order:3}
}

/* Tools: gleich große Kacheln, Suche, Favoriten */
.tk-such{margin:0 0 6px}
.tk-such .suche{width:100%;max-width:520px;padding:12px 16px;border:1px solid var(--grau);border-radius:var(--r-voll);background:var(--w);color:var(--tx);font-size:16px;font-family:inherit}
.tk-such .suche:focus{outline:2px solid var(--blau);outline-offset:1px}
.tk-sek[hidden],.tk[hidden],[data-leer][hidden]{display:none!important}
.tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap);margin-bottom:var(--gap)}
.tk{position:relative;padding:0;margin:0;height:260px;overflow:hidden;transition:box-shadow .15s,transform .1s}
.tk:hover{box-shadow:0 0 0 1px var(--blau),var(--schatten)}
.tk-a{display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--pad);padding-right:52px;text-decoration:none;color:inherit}
.tk-a::after{content:"";position:absolute;inset:0}
.tk-a small{color:var(--mut);font-size:13px}
.tk-a h3{margin:0;font-size:16px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-a p{margin:0;font-size:13px;color:var(--mut);flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.tk-a .live-cta{margin-top:auto}
.tk-fav{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--mut);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tk-fav:hover{background:var(--bg);color:var(--tx)}
.tk-fav.on{color:var(--lime)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .tk-fav.on{color:var(--gold)}}:root[data-theme="light"] .tk-fav.on{color:var(--gold)}
@media(max-width:600px){.tk-grid{grid-template-columns:1fr}}

/* Planung: mpl */
/* Monatsplanung (aus partner/monatsplanung.html, mit tools/portcss.py erzeugt und von Hand auf dieses Tool reduziert). Alles unter .mpl. */
.mpl .mp-seite{min-width:0}
.mpl.laedt .mp-grid,.mpl.laedt .mp-kpi{pointer-events:none;opacity:.55}
.mpl .mp-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.mpl .mon{display:flex;align-items:center;gap:4px;background:var(--w);border:1px solid var(--grau);border-radius:var(--r-voll);padding:3px;box-shadow:var(--schatten)}
.mpl .mon button{border:0;background:transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;color:var(--tx);font-size:24px;font-weight:800;font-family:inherit}
.mpl .mon button:hover{background:var(--bg)}
.mpl .mon b{min-width:140px;text-align:center;color:var(--tx);font-size:16px}
.mpl .sp{flex:1}
.mpl .mp-stat{font-size:13px;color:var(--mut);min-width:110px}.mpl .mp-stat.ok{color:var(--ok)}.mpl .mp-stat.err{color:var(--bad);font-weight:700}
.mpl .mini{min-height:36px}
.mpl .pm{display:flex;align-items:center;gap:6px;background:var(--w);border:1px solid var(--grau);border-radius:var(--r-voll);padding:5px 12px;font-size:13px;font-weight:700;color:var(--tx);box-shadow:var(--schatten)}
.mpl .pm input{width:56px;border:0;outline:0;text-align:right;font:inherit;font-size:16px;font-weight:800;color:var(--tx);background:transparent;padding:4px 2px;border-radius:var(--r-feld)}
.mpl .pm input:focus{background:var(--bg)}
.mpl .pm select{border:0;outline:0;background:transparent;color:var(--tx);font:inherit;font-size:16px;font-weight:700;padding:4px 0;max-width:190px;box-shadow:none}
.mpl .spz{display:flex;align-items:center;gap:8px;background:var(--w);border:1px solid var(--grau);border-radius:var(--r-voll);padding:6px 14px;min-height:40px;font-size:13px;font-weight:700;color:var(--tx);box-shadow:var(--schatten);cursor:pointer}
.mpl .spz input{width:18px;height:18px;margin:0;accent-color:var(--navy);cursor:pointer}
/* Zähler der Schritte: Viereck mit Zahl neben dem Namen */
.mpl .zaehler{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mpl .zaehler .z{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--tx);white-space:nowrap}
.mpl .zaehler b{width:28px;height:28px;border-radius:var(--r-feld);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-sizing:border-box;font-variant-numeric:tabular-nums}
.mpl .zaehler .z0{background:var(--blau);color:#fff}.mpl .zaehler .z1{background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.mpl .zaehler .z2{background:var(--lime);color:var(--lime-tx)}.mpl .zaehler .z3{background:var(--grau);color:var(--tx)}.mpl .zaehler .z4{background:var(--bg);border:2px solid var(--blau);color:var(--tx)}
/* Kennzahlen: alle Kacheln gleich hoch, Werte auf einer Linie */
.mpl .mp-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px;align-items:stretch}
.mpl .mp-kpi>div{display:flex;flex-direction:column;justify-content:space-between;min-height:66px;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r-s);padding:8px 12px;min-width:0}
.mpl .mp-kpi label{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpl .mp-kpi .w,.mpl .mp-kpi .v{height:32px;display:flex;align-items:center;margin-top:4px;font-size:16px;line-height:1}
.mpl .mp-kpi .w{gap:4px}
.mpl .mp-kpi .w input{width:100%;min-width:0;height:32px;border:0;outline:0;background:transparent;font:inherit;font-size:16px;font-weight:800;color:var(--tx);padding:0}
.mpl .mp-kpi .w input:focus{background:var(--bg);border-radius:var(--r-feld)}
.mpl .mp-kpi .w span{font-size:13px;color:var(--blau);font-weight:700;flex:none}
.mpl .mp-kpi .v{font-weight:800;color:var(--tx);white-space:nowrap}
.mpl .mp-kpi .lime{background:var(--lime)}
.mpl .mp-kpi .lime .v,.mpl .mp-kpi .lime label{color:var(--lime-tx)}
.mpl .mp-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start}
.mpl .mp-grid>div{min-width:0}
/* Abschnitte je Kundenart */
.mpl .mp-sek{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);margin-bottom:10px;overflow:hidden}
.mpl .mp-sek>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:800;color:var(--tx);font-size:16px;min-height:44px}
.mpl .mp-sek>summary::-webkit-details-marker{display:none}
.mpl .mp-sek>summary::before{content:'▸';font-size:13px;color:var(--blau);transition:transform .15s}
.mpl .mp-sek[open]>summary::before{transform:rotate(90deg)}
.mpl .mp-sek>summary .sm{margin-left:auto;font-weight:600;font-size:13px;color:var(--mut);text-align:right}
.mpl .mp-tb{padding:0 8px 8px}
.mpl .mp-hin{font-size:13px;color:var(--mut);margin-top:10px;line-height:1.45}
/* Seitenleiste: wer ist in welchem Schritt */
.mpl .mp-side{position:sticky;top:78px;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:12px 14px;min-width:0}
.mpl .mp-side h3{font-size:13px;color:var(--tx);margin:0 0 8px;letter-spacing:.03em}
.mpl .mp-side .leer{font-size:13px;color:var(--mut)}
.mpl .mp-side .t2{margin-top:10px;font-size:13px;font-weight:800;color:var(--tx);text-transform:uppercase;letter-spacing:.05em}
.mpl .mp-side .gr{padding:7px 0;border-top:1px solid var(--grau);font-size:13px}
.mpl .mp-side #termine>.gr:first-child{border-top:0}
.mpl .mp-side .gr>b{display:flex;justify-content:space-between;gap:8px;color:var(--tx);font-weight:800}
.mpl .mp-side .gn{display:block;margin-top:2px;color:var(--tx);line-height:1.4;overflow-wrap:anywhere}
.mpl .mp-side .tz-z{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0}
.mpl .mp-side .tz-z .gn{margin-top:0}
.mpl .mp-side .tz-z span:last-child:not(.gn){flex:none;font-size:13px;color:var(--mut);white-space:nowrap}
.mpl .mp-side .tz-z.heute span:last-child:not(.gn){color:var(--tx);font-weight:800}
.mpl .mp-side .tz-z.ueber span:last-child:not(.gn){color:var(--bad);font-weight:800}
.mpl .mp-abr{display:block;text-align:center;margin-top:14px;padding:10px 12px}
/* Kacheln: in der Planung nur Namen, alles andere im Unterfenster */
.mpl .mpks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:2px 2px 4px}
.mpl .mpk,.mpl .mpk-neu{display:flex;min-width:0;min-height:48px;padding:10px 14px;border-radius:var(--r-s);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer;box-sizing:border-box;color:var(--tx)}
.mpl .mpk{position:relative;flex-direction:column;align-items:flex-start;justify-content:center;border:0;background:var(--bg)}
.mpl .mpk:hover{background:var(--grau)}
/* Neukunden: Farbe nach dem höchsten abgehakten Termin, dieselben Farben wie die Zähler oben (S1 Blau, S2 Dunkelblau, S3 Lime, S4 Grau) */
.mpl .mpk.st0{background:var(--blau);color:var(--navy)}
.mpl .mpk.st1{background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.mpl .mpk.st2{background:var(--lime);color:var(--lime-tx)}
.mpl .mpk.st3{background:var(--grau);color:var(--tx)}
.mpl .mpk.st0:hover,.mpl .mpk.st1:hover,.mpl .mpk.st2:hover,.mpl .mpk.st3:hover{filter:brightness(.93)}
.mpl .mpk-n{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpl .mpk-w{position:relative;display:flex;min-width:0;--x-c:var(--tx)}
.mpl .mpk-w>.mpk{flex:1 1 auto;min-width:0;width:100%}
.mpl .mpk-w.mit-x>.mpk{padding-right:46px}
.mpl .mpk-w.st0{--x-c:var(--navy)}.mpl .mpk-w.st1{--x-c:#fff}.mpl .mpk-w.st2{--x-c:var(--lime-tx)}
.mpl .mpk-x{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--x-c);opacity:.6;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mpl .mpk-x:hover,.mpl .mpk-x:focus-visible{opacity:1;background:var(--bad);color:#fff}
.mpl .mpk.ueber::after{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px var(--w)}
.mpl .mpk-i{display:none}
.mpl .mpk-neu{align-items:center;justify-content:center;border:2px dashed var(--grau);background:transparent}
.mpl .mpk-neu:hover{border-color:var(--blau);background:var(--bg)}
.mpl .mpk:focus-visible,.mpl .mpk-neu:focus-visible,.mpl .mpd button:focus-visible,.mpl .mpd input:focus-visible,.mpl .mpd select:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
body.mp-dlg-offen{overflow:hidden}
/* Unterfenster */
.mpl .mpd-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.mpl .mpd-hg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,50,91,.5);cursor:default}
.mpl .mpd{position:relative;width:100%;max-width:520px;max-height:100%;overflow:auto;box-sizing:border-box;background:var(--w);color:var(--tx);border-radius:var(--r-l);box-shadow:0 12px 40px rgba(0,0,0,.35);padding:24px;display:flex;flex-direction:column;gap:16px;outline:0}
.mpl .mpd-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mpl .mpd-kat{display:inline-block;background:var(--bg);color:var(--tx);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-voll)}
.mpl .mpd h2{margin:8px 0 0;font-size:24px;line-height:1.2;color:var(--tx);outline:0;overflow-wrap:anywhere;font-family:var(--serif);text-transform:none;letter-spacing:0}
.mpl .mpd-x{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--bg);color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mpl .mpd-x:hover{background:var(--grau)}
.mpl .mpd-f{display:grid;gap:6px}
.mpl .mpd-f label,.mpl .mpd-sch legend{font-size:13px;font-weight:800;color:var(--mut)}
.mpl .mpd input[type=text],.mpl .mpd input[type=date],.mpl .mpd select{width:100%;box-sizing:border-box;height:46px;padding:0 12px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--bg);color:var(--tx);font:inherit;font-size:16px}
.mpl .mpd-eur{position:relative}.mpl .mpd-eur input{padding-right:40px!important}
.mpl .mpd-eur span{position:absolute;top:50%;right:14px;transform:translateY(-50%);font-weight:700;color:var(--mut)}
.mpl .mpd-sch{min-width:0;margin:0;padding:0;border:0}
.mpl .mpd-sch legend{padding:0;margin-bottom:8px}
.mpl .mpd-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mpl .mpd-chip{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:6px 14px;box-sizing:border-box;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx);font-size:16px;font-weight:800;cursor:pointer}
.mpl .mpd-chip input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--navy)}
.mpl .mpd-chip span{min-width:0;line-height:1.25;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.mpl .mpd-chip.an{background:var(--lime);border-color:var(--lime);color:var(--lime-tx)}
.mpl .mpd-chip.an input{accent-color:var(--lime-tx)}
.mpl .mpd-chip:focus-within{outline:3px solid var(--blau);outline-offset:2px}
.mpl .mpd-hin{margin:8px 0 0;font-size:13px;color:var(--mut);line-height:1.45}
.mpl .mpd-f .mpd-hin{margin:0}
.mpl .mpd-f[hidden]{display:none}
.mpl .mpd-fr{color:var(--bad);font-weight:700}
.mpl .mpd-bis{display:flex;align-items:center;gap:10px}.mpl .mpd-bis input{flex:1;min-width:0}.mpl .mpd-bis .mpd-zur{flex:none}
.mpl .mpd-plan{margin:-6px 0 0;font-size:13px;font-weight:700;color:var(--mut)}.mpl .mpd-plan:empty{display:none}
.mpl .mpd-erfolg{margin:8px 0 0;padding:8px 12px;border-radius:var(--r-xs);background:var(--oksoft);color:var(--ok);font-size:13px;font-weight:700;line-height:1.4}
.mpl .mpd-plus{align-self:flex-start;min-height:44px;padding:0 6px;border:0;background:transparent;color:var(--blau);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.mpl .mpd-zaehl{margin:0;font-size:13px;font-weight:700;color:var(--mut)}
.mpl .mpd-zur{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--tx);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.mpl .mpd-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}
.mpl .mpd-ok{margin-left:auto;min-height:48px;padding:0 32px;border:0;border-radius:var(--r-voll);background:var(--lime);color:var(--lime-tx);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.mpl .mpd-ok:hover{filter:brightness(.95)}
.mpl .mpd-ok:disabled{opacity:.45;cursor:not-allowed;filter:none}
.mpl .mpd-del{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--bad);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
/* Eingabefelder mindestens 16px, sonst zoomt iOS beim Antippen hinein */
.mpl input[type=text],.mpl input[type=date],.mpl select{font-size:16px}
@media(max-width:1100px){.mpl .mp-grid{grid-template-columns:minmax(0,1fr)}.mpl .mp-side{position:static}.mpl .mp-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  .mpl .mpd-bg{align-items:flex-end;padding:0}
  .mpl .mpd{max-width:none;max-height:92%;border-radius:var(--r-l) var(--r-l) 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom))}
  .mpl .mpd-ok{width:100%;margin-left:0}
  .mpl .mpd-fuss{flex-direction:column-reverse;align-items:stretch}
  .mpl .mpd-del{align-self:center}
  .mpl .mpks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .mpl .mp-bar{gap:6px}
  .mpl .mon{width:100%;justify-content:space-between}
  .mpl .mon b{min-width:0;flex:1}
  .mpl .pm{flex-wrap:wrap}
  .mpl .pm select{max-width:150px}
  .mpl .mp-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mpl .mp-kpi>div{min-height:auto}
  .mpl .mpd-chips{grid-template-columns:minmax(0,1fr)}
}
@media print{.mpl .mpk-x,.mpl .mini,.mpl .mon button,.mpl .hero .back,.mpl .mpk-neu,.mpl .mpd-bg{display:none!important}.mpl .mp-grid{display:block}.mpl .mp-sek{break-inside:avoid;box-shadow:none}.mpl .mpk-w.mit-x>.mpk{padding-right:14px}.mpl .mpk{background:none;border:1px solid #bbb;color:#000}.mpl .mpk-i{display:block;font-weight:400;font-size:13px;color:#444}.mpl .mp-side{position:static;margin-top:10px}}

/* Planung: bef */
/* Beförderungsplanung (aus dem Abschnitt "Beförderung" von partner/monatsplanung.html, mit tools/portcss.py erzeugt und von Hand auf dieses Tool reduziert). Alles unter .bef. */
.bef .card h2{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.bef .bf-stand{font-weight:600;text-transform:none;letter-spacing:0;font-size:13px;color:var(--mut)}
.bef .bf-warn{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:10px 14px;font-size:13px;line-height:1.5}
.bef .bf-warn b{color:inherit}
.bef .bf-kopf{margin-bottom:12px}
.bef .bf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-bottom:4px}
.bef .bf-karte{background:var(--bg);border-radius:var(--r-s);padding:12px 14px;min-width:0}
.bef .bf-karte h4{margin:0 0 2px;font-size:16px;color:var(--tx)}
.bef .bf-karte .sub,.bef .bf-vert .sub{font-size:13px;color:var(--mut);margin-bottom:9px;min-height:15px;line-height:1.4}
.bef .bf-teil+.bf-teil{margin-top:2px}
.bef .bf-oder{text-align:center;font-size:13px;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin:10px 0}
.bef .bf-bar{height:14px;border-radius:var(--r-feld);background:var(--w);border:1px solid var(--grau);overflow:hidden}
.bef .bf-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blau),var(--navy));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bef .bf-teil.voll .bf-bar i{background:var(--lime)}
.bef .bf-pct{font-weight:800;color:var(--tx);font-size:13px;margin-top:7px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bef .bf-pct span{font-weight:600;color:var(--mut);font-size:13px}
.bef .bf-badge{display:inline-block;margin-top:8px;background:var(--lime);color:var(--lime-tx);font-weight:800;font-size:13px;padding:4px 10px;border-radius:var(--r-voll)}
.bef .bf-leer{font-size:13px;color:var(--mut)}
.bef .bf-up{border:2px dashed var(--grau);border-radius:var(--r-s);padding:16px;text-align:center;margin-top:12px;cursor:pointer;font-size:13px;color:var(--mut)}
.bef .bf-up:hover,.bef .bf-up.over{border-color:var(--blau);background:var(--bg);color:var(--tx)}
.bef .bf-up b{color:var(--blau)}.bef .bf-up input{display:none}
.bef .bf-privat{font-size:13px;color:var(--mut);margin-top:6px;line-height:1.45}
.bef .bf-manuell{display:none;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px;align-items:end}
.bef .bf-manuell.auf{display:grid}
.bef .bf-manuell label,.bef .bf-f label{font-size:13px;font-weight:700;color:var(--mut);display:block;margin-bottom:3px}
.bef .bf-manuell input,.bef .bf-f input,.bef .bf-f select{width:100%;min-width:0;box-sizing:border-box;border:1.5px solid var(--grau);border-radius:var(--r-xs);padding:10px 12px;font:inherit;font-size:16px;color:var(--tx);background:var(--bg)}
.bef .bf-manuell input:focus,.bef .bf-f input:focus,.bef .bf-f select:focus{outline:none;border-color:var(--blau)}
.bef .bf-manuell button{grid-column:1/-1;justify-self:start}
.bef .bf-schalter{background:transparent;border:0;color:var(--blau);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;padding:8px 0;margin-top:8px;min-height:40px}
.bef .bf-danger{color:var(--bad)}
.bef .bf-status{font-size:13px;margin-top:8px;min-height:16px;color:var(--mut)}
.bef .bf-status.ok{color:var(--ok);font-weight:700}.bef .bf-status.err{color:var(--bad);font-weight:700}
.bef .bf-monate{margin-top:8px;background:var(--w);border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px}
.bef .bf-check{display:flex;flex-wrap:wrap;gap:8px 14px}
.bef .bf-check label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tx);cursor:pointer;min-height:32px}
.bef .bf-check input{width:18px;height:18px;accent-color:var(--navy);margin:0;cursor:pointer}
.bef .bf-check span{color:var(--mut)}
.bef .bf-sim{margin-top:8px;padding-top:8px;border-top:1px solid var(--grau)}.bef .bf-sim b{color:var(--tx)}
.bef .bf-vert{margin-top:12px}
.bef .bf-vert h4{font-size:16px;color:var(--tx);margin:0 0 2px}
.bef .bf-vt-h,.bef .bf-vt-z{display:grid;grid-template-columns:minmax(0,1.4fr) 70px 110px;gap:8px;align-items:center;padding:7px 4px;font-size:13px}
.bef .bf-vt-h{font-weight:800;color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--grau)}
.bef .bf-vt-z{border-bottom:1px solid var(--grau)}.bef .bf-vt-z:last-child{border-bottom:0}
.bef .bf-vt-z span:nth-child(2),.bef .bf-vt-z span:nth-child(3),.bef .bf-vt-h span:nth-child(2),.bef .bf-vt-h span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.bef .bf-vurteil{margin-top:10px;border-radius:var(--r-xs);padding:8px 11px;font-size:13px;line-height:1.45}
.bef .bf-vurteil.ok{background:var(--oksoft);color:var(--ok)}
.bef .bf-vurteil.nein{background:var(--badsoft);color:var(--bad)}
/* Checkliste */
.bef .bf-cl{display:grid;gap:4px}
.bef .bf-cl-z{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--grau)}
.bef .bf-cl-z:last-child{border-bottom:0}
.bef .bf-cl-z label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:44px;cursor:pointer;font-weight:600}
.bef .bf-cl-z input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--navy)}
.bef .bf-cl-z span{min-width:0;overflow-wrap:anywhere}
.bef .bf-cl-z .mini{flex:none}
/* Ziele festlegen */
.bef .bf-ed{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);margin-bottom:var(--gap)}
.bef .bf-ed>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--tx);min-height:48px}
.bef .bf-ed>summary::-webkit-details-marker{display:none}
.bef .bf-ed>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.bef .bf-ed[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.bef .bf-ed-in{padding:0 18px 18px;display:grid;gap:14px}
.bef .bf-hinweis{margin:0;font-size:13px;color:var(--mut);line-height:1.45}
.bef .bf-zl{background:var(--bg);border-radius:var(--r-s);padding:12px 14px;display:grid;gap:10px;min-width:0}
.bef .bf-tl{display:grid;gap:8px;padding:10px 12px;background:var(--w);border-radius:var(--r-s);min-width:0}
.bef .bf-cb{display:flex;align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:600;cursor:pointer}
.bef .bf-cb input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--navy)}
.bef .bf-zl-fuss{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}
.bef .bf-ed .mini{min-height:40px}
@media(max-width:640px){
  .bef .bf-vt-h{display:none}
  .bef .bf-vt-z{grid-template-columns:1fr 1fr;row-gap:1px;padding:8px 4px}
  .bef .bf-vt-z span:first-child{grid-column:1/-1;font-weight:700;color:var(--tx)}
  .bef .bf-vt-z span:nth-child(2),.bef .bf-vt-z span:nth-child(3){text-align:left;font-size:13px;color:var(--mut);font-weight:400}
  .bef .bf-vt-z span:nth-child(2)::before{content:'Anteil '}
  .bef .bf-vt-z span:nth-child(3){text-align:right}
}
@media print{.bef .bf-up,.bef .bf-manuell,.bef .bf-schalter,.bef .bf-ed,.bef .hero .back{display:none!important}}

/* Planung: fk */
/* Führungskräfte-Übersicht. Alle Selektoren unter .fk, eigene Klassen mit fk-. */
.fk{max-width:1180px}
.fk *{min-width:0}
.fk-card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap)}
.fk .fk-h{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.fk .fk-leer{color:var(--mut);margin:0}
.fk .fk-ok{color:var(--ok);font-weight:600;margin:10px 0 0}
.fk .fk-fuss{color:var(--mut);font-size:13px;margin:10px 0 0}
.fk .fk-schutz{margin:0 0 12px}

/* Upload */
.fk .fk-datei{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fk .fk-drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 14px;border:2px dashed var(--grau);border-radius:var(--r-s);cursor:pointer;background:var(--bg);transition:border-color .15s,background .15s}
.fk .fk-drop:hover,.fk .fk-drop.an{border-color:var(--blau)}
.fk .fk-drop-t{font-weight:700}
.fk .fk-drop-s{color:var(--mut);font-size:13px}
.fk .fk-drop-b{margin-top:8px;display:inline-block;background:var(--lime);color:var(--lime-tx);font-weight:700;border-radius:var(--r-s);padding:10px 18px;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.fk .fk-datei:focus-visible + *,.fk .fk-drop:focus-within{outline:3px solid var(--blau);outline-offset:2px}

/* gespeicherte Monate */
.fk .fk-monate{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fk .fk-monat{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;border:1px solid var(--grau);border-radius:var(--r-s);padding:8px 10px}
.fk .fk-monat.on{border-color:var(--blau);background:var(--bg)}
.fk .fk-monat-b{flex:1 1 200px;text-align:left;background:none;border:0;padding:6px 2px;color:var(--tx);font-size:16px;cursor:pointer;display:flex;flex-direction:column}
.fk .fk-monat-b small{color:var(--mut);font-size:13px}
.fk .fk-link-b{background:none;border:0;color:var(--bad);font-size:13px;font-weight:600;cursor:pointer;padding:8px 2px;text-decoration:underline}

/* gelesen, noch nicht gespeichert */
.fk .fk-neu{border-left:6px solid var(--lime)}
.fk .fk-neu p{margin:0 0 8px}
.fk .fk-warn{margin:0 0 8px;padding:10px 12px 10px 28px;background:var(--badsoft);color:var(--bad);border-radius:var(--r-s);font-size:13px}
.fk .fk-aktionen{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fk .fk-aktionen .btn{margin-top:0}
.fk .fk-aktionen .btn[disabled]{opacity:.5;cursor:default}

/* Kacheln */
.fk .fk-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.fk .fk-kachel{background:var(--bg);border-radius:var(--r-s);padding:10px 12px}
.fk .fk-kachel small{display:block;color:var(--mut);font-size:13px}
.fk .fk-kachel b{display:block;font-family:var(--serif);font-size:24px;margin:2px 0;overflow-wrap:anywhere}
.fk .fk-kachel span{color:var(--mut);font-size:13px}

/* Reiter für die Statistikart */
.fk .fk-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.fk .fk-tabbtn{border:1px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r-voll);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}
.fk .fk-tabbtn.on{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Tabellen */
.fk .fk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.fk .fk-tab{width:100%;border-collapse:collapse;font-size:13px}
.fk .fk-tab th,.fk .fk-tab td{padding:8px 10px;border-bottom:1px solid var(--grau);text-align:right;vertical-align:middle;white-space:nowrap}
.fk .fk-tab thead th{font-size:13px;color:var(--mut);font-weight:700;white-space:normal;vertical-align:bottom}
.fk .fk-tab th:first-child,.fk .fk-tab td:first-child{text-align:left}
.fk .fk-tab tbody th{text-align:left;font-weight:600;white-space:normal}
.fk .fk-tab th small{display:block;color:var(--mut);font-weight:400;font-size:13px}
.fk .fk-partner td:nth-child(2),.fk .fk-partner td:nth-child(3){text-align:left}
.fk .fk-partner{min-width:1000px}
.fk .fk-promille{min-width:420px}
.fk .fk-sum th,.fk .fk-sum td{font-weight:700;background:var(--bg)}
.fk .fk-rueck th,.fk .fk-rueck td{color:var(--mut)}
.fk .fk-tag{display:inline-block;font-size:13px;font-weight:700;padding:1px 8px;border-radius:var(--r-voll);background:var(--hi);color:var(--hi-tx);vertical-align:middle}

/* Eingaben: 16 px gegen Zoomen auf dem Handy */
.fk .fk-sel,.fk .fk-in{font:inherit;font-size:16px;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:var(--r-s);padding:8px 10px;max-width:100%}
.fk .fk-sel{min-height:40px}
.fk .fk-in{width:100%;max-width:120px;text-align:right}
.fk .fk-feld{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:16px;max-width:360px}

/* Einstellungen */
.fk .fk-einst{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);margin-bottom:var(--gap)}
.fk .fk-einst > summary{padding:var(--pad);font-weight:700;cursor:pointer}
.fk .fk-einst-in{padding:0 var(--pad) var(--pad)}

/* schmal: Tabellen werden zu Karten */
@media(max-width:699px){
 .fk .fk-scroll{overflow-x:visible;margin:0;padding:0}
 .fk .fk-partner,.fk .fk-promille{min-width:0}
 .fk .fk-karten,.fk .fk-karten tbody,.fk .fk-karten tr,.fk .fk-karten th,.fk .fk-karten td{display:block;width:100%}
 .fk .fk-karten thead{display:none}
 .fk .fk-karten tr{border:1px solid var(--grau);border-radius:var(--r-s);padding:6px 10px;margin-bottom:10px}
 .fk .fk-karten th,.fk .fk-karten td{border:0;padding:5px 0;white-space:normal}
 .fk .fk-karten tbody th{font-size:16px;padding-bottom:6px;border-bottom:1px solid var(--grau);margin-bottom:2px}
 .fk .fk-karten td{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:right !important}
 .fk .fk-karten td::before{content:attr(data-l);color:var(--mut);font-size:13px;text-align:left;flex:0 0 auto;max-width:55%}
 .fk .fk-karten td:empty{display:none}
 .fk .fk-karten .fk-sel{width:60%}
 .fk .fk-karten .fk-in{max-width:140px}
 .fk .fk-karten .fk-sum{background:var(--bg)}
 .fk .fk-karten .fk-sum th,.fk .fk-karten .fk-sum td{background:none}
}

/* Planung: ent */
/* Entwicklung: Rollenprofil, Bogen, Team. Alle Selektoren unter .entw, eigene Klassen mit en-. */
.entw{max-width:860px}
.entw *{min-width:0;box-sizing:border-box}
.entw .seg{max-width:100%;overflow-x:auto}
.entw .seg a{padding:7px 12px;white-space:nowrap}
.entw .en-card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap);overflow-wrap:anywhere}
.entw .en-card h2{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.entw h3{margin:14px 0 6px;font-size:16px}
.entw p{margin:0 0 8px}
.entw ul{margin:0 0 8px;padding-left:20px}
.entw .en-klein{color:var(--mut);font-size:13px}
.entw .en-leer{color:var(--mut)}
.entw .en-entwurf{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:8px 12px;font-size:13px;margin:0 0 var(--gap)}
.entw .en-schutz{background:var(--bg);border-radius:var(--r-s);padding:8px 12px;font-size:13px;color:var(--mut);margin:0 0 var(--gap)}
.entw .en-hinweis,.entw .en-warnung{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:10px 12px}
.entw .en-meldung{border-radius:var(--r-s);padding:8px 12px;margin:10px 0 0;font-size:13px}
.entw .en-meldung.ok{background:var(--oksoft);color:var(--ok)}
.entw .en-meldung.err{background:var(--badsoft);color:var(--bad)}

/* Balken */
.entw .en-bar{height:10px;background:var(--grau);border-radius:var(--r-voll);overflow:hidden;margin:6px 0 12px}
.entw .en-bar i{display:block;height:100%;background:var(--ok);border-radius:var(--r-voll);transition:width .25s}
.entw .en-as .en-bar i{background:var(--blau)}
.entw .en-stand{margin:0}

/* Kriterien */
.entw .en-krit{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:10px}
.entw .en-kr{border:1px solid var(--grau);border-left:5px solid var(--grau);border-radius:var(--r-s);padding:10px 12px}
.entw .en-kr.ok{border-left-color:var(--ok)}
.entw .en-kr p{margin:4px 0 0}
.entw .en-kr-kopf{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.entw .en-info{color:var(--mut);font-size:13px}
.entw .en-selbst{font-size:13px;color:var(--blau);font-weight:600}
.entw .en-code{font-weight:700;font-size:13px;background:var(--bg);color:var(--mut);border-radius:var(--r-feld);padding:2px 7px}
.entw .en-pill{display:inline-block;font-size:13px;font-weight:700;border-radius:var(--r-voll);padding:2px 10px;background:var(--grau);color:var(--mut)}
.entw .en-pill.ok{background:var(--oksoft);color:var(--ok)}
.entw .en-pill.offen{background:var(--warnsoft);color:var(--warntx)}
.entw .en-pill.bad{background:var(--badsoft);color:var(--bad)}
.entw .en-pill.selbst{background:var(--bg);color:var(--mut)}

/* Wert-Chip */
.entw .en-wert{display:inline-flex;gap:6px;align-items:baseline;font-weight:700;border-radius:var(--r-voll);padding:2px 10px;background:var(--bg);color:var(--tx);font-size:13px}
.entw .en-wert small{font-weight:500;font-size:13px;color:var(--mut)}
.entw .en-wert.w3,.entw .en-wert.w4{background:var(--oksoft);color:var(--ok)}
.entw .en-wert.w0,.entw .en-wert.w1{background:var(--badsoft);color:var(--bad)}
.entw .en-wert.w2{background:var(--warnsoft);color:var(--warntx)}

/* Listen */
.entw .en-dl{margin:0}
.entw .en-dl dt{font-size:13px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-top:10px}
.entw .en-dl dt:first-child{margin-top:0}
.entw .en-dl dd{margin:2px 0 0}
.entw .en-beo,.entw .en-mn,.entw .en-team{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.entw .en-beo li,.entw .en-mn li{border-bottom:1px solid var(--grau);padding-bottom:10px}
.entw .en-beo li:last-child,.entw .en-mn li:last-child{border-bottom:0;padding-bottom:0}
.entw .en-mn li.ersetzt{opacity:.65}
.entw .en-beo-kopf{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.entw .en-datum{font-weight:700}
.entw .en-beo p,.entw .en-mn p{margin:4px 0 0}
.entw .en-team a{display:block;border:1px solid var(--grau);border-radius:var(--r-s);padding:12px}
.entw .en-team a:hover{border-color:var(--blau)}
.entw .en-team b{display:block}
.entw .en-chips2{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.entw .en-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.entw .en-chips li{background:var(--bg);border-radius:var(--r-voll);padding:4px 12px;font-size:13px}
.entw .en-skala{padding-left:18px}
.entw .en-regeln{font-size:13px;color:var(--mut)}
.entw .en-best{background:var(--oksoft);color:var(--ok)}
.entw .en-best p:last-child{margin:0}

/* Einklappbar */
.entw details.en-d{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);margin-bottom:var(--gap);border-bottom:0}
.entw details.en-d>summary{padding:14px 16px;font-weight:700}
.entw .en-d-in{padding:0 16px 14px}

/* Tabelle */
.entw .en-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.entw .en-tab{border-collapse:collapse;font-size:13px;min-width:560px;width:100%}
.entw .en-tab th,.entw .en-tab td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--grau);vertical-align:top}
.entw .en-tab thead th{font-size:13px;color:var(--mut)}

/* Formulare */
.entw .en-f{margin-bottom:12px}
.entw .en-f label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}
.entw .en-hilfe{display:block;color:var(--mut);font-size:13px;margin-top:4px}
.entw input[type=text],.entw input[type=date],.entw select,.entw textarea{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1.5px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx)}
.entw textarea{resize:vertical;min-height:70px}
.entw input:focus,.entw select:focus,.entw textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
.entw .en-ck{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.entw .en-ck input{width:22px;height:22px;flex:none;margin-top:1px}
.entw .en-sub{border:1px solid var(--grau);border-radius:var(--r-s);padding:12px;margin:10px 0}
.entw .en-sub h3{margin-top:0}
.entw .btn{max-width:100%}
.entw .mini{padding:9px 14px}

/* Assistent und Speichern */
.entw .en-schritt{font-weight:700;color:var(--blau);margin:0}
.entw .en-as h2:not(.x){text-transform:none;letter-spacing:0;font-size:24px;font-family:var(--serif);color:var(--tx)}
.entw .en-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.entw .en-nav .btn{margin-top:0}
.entw .en-speicher{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.entw .en-speicher .btn{margin-top:0}
.entw .en-dirty{color:var(--warntx);background:var(--warnsoft);border-radius:var(--r-voll);padding:3px 10px;font-size:13px}
.entw .en-leiste{padding-top:12px}

@media (max-width:480px){
  .entw .en-nav .btn{flex:1}
  .entw .en-kr{padding:10px}
}
.entw .seg{display:inline-flex}

/* Planung: lern */
/* Entwicklung: Bibliothek und Lernbausteine. Alle Selektoren unter .lern, eigene Klassen mit ln-. */
.lern{max-width:860px}
.lern *{min-width:0;box-sizing:border-box}
.lern .seg{display:inline-flex;max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lern .seg::-webkit-scrollbar{display:none}
.lern .seg a{flex:none;padding:7px 12px;white-space:nowrap}
.lern .ln-card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap);overflow-wrap:anywhere}
.lern .ln-card h2{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.lern h3{margin:14px 0 6px;font-size:16px}
.lern p{margin:0 0 8px}
.lern ul{margin:0 0 8px;padding-left:20px}
.lern .ln-klein{color:var(--mut);font-size:13px}
.lern .ln-leer{color:var(--mut)}
.lern .ln-absatz{white-space:pre-line}
.lern .ln-entwurf{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:8px 12px;font-size:13px;margin:0 0 var(--gap)}
.lern .ln-schutz{background:var(--bg);border-radius:var(--r-s);padding:8px 12px;font-size:13px;color:var(--mut);margin:10px 0}
.lern .ln-meldung{border-radius:var(--r-s);padding:8px 12px;margin:10px 0 0;font-size:13px}
.lern .ln-meldung.ok{background:var(--oksoft);color:var(--ok)}
.lern .ln-meldung.err{background:var(--badsoft);color:var(--bad)}
.lern .ln-pill{display:inline-block;font-size:13px;font-weight:700;border-radius:var(--r-voll);padding:2px 10px;background:var(--grau);color:var(--mut)}
.lern .ln-pill.ok{background:var(--oksoft);color:var(--ok)}
.lern .ln-pill.offen{background:var(--warnsoft);color:var(--warntx)}
.lern .ln-pill.selbst{background:var(--bg);color:var(--mut)}
.lern .ln-code{flex:none;font-weight:700;font-size:13px;background:var(--bg);color:var(--mut);border-radius:var(--r-xs);padding:4px 9px;align-self:flex-start}

/* Suche und Filter */
.lern .chip.ln-on{background:var(--navy);border-color:var(--navy);color:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lern .chip.ln-on{background:var(--blau);border-color:var(--blau);color:var(--blau-tx)}}:root[data-theme="dark"] .lern .chip.ln-on{background:var(--blau);border-color:var(--blau);color:var(--blau-tx)}
.lern .ln-chips{margin:8px 0 0}

/* Raster und Karten */
.lern .ln-raster,.lern .ln-bausteine{list-style:none;margin:0 0 var(--gap);padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.lern .ln-bausteine{grid-template-columns:1fr}
.lern .ln-karte{display:flex;flex-direction:column;height:100%;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);overflow:hidden;color:var(--tx)}
.lern .ln-karte:hover{box-shadow:0 0 0 2px var(--blau)}
.lern .ln-cover{display:block;background:var(--grau)}
.lern .ln-cover img{display:block;width:100%;max-width:100%;height:auto}
.lern .ln-karte-in{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.lern .ln-titel{font-size:16px;line-height:1.25}
.lern .ln-autor{color:var(--mut);font-size:13px}
.lern .ln-tags{display:flex;flex-wrap:wrap;gap:5px}
.lern .ln-tag{background:var(--bg);color:var(--mut);border-radius:var(--r-voll);padding:2px 10px;font-size:13px;font-weight:600}
.lern .ln-meta{color:var(--mut);font-size:13px}
.lern .ln-bkarte{display:flex;gap:12px;align-items:flex-start;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:14px;border-left:5px solid var(--grau);color:var(--tx)}
.lern .ln-bkarte.ok{border-left-color:var(--ok)}
.lern .ln-bkarte:hover{box-shadow:0 0 0 2px var(--blau)}
.lern .ln-bkarte-in{display:flex;flex-direction:column;gap:4px;flex:1}

/* Buch-Detail */
.lern .ln-buch{max-width:100%}
.lern .ln-bildbtn{position:relative;display:block;width:100%;max-width:560px;margin:0 auto 14px;padding:0;border:0;background:var(--grau);border-radius:var(--r-s);overflow:hidden;cursor:zoom-in}
.lern .ln-bildbtn img{display:block;width:100%;max-width:100%;height:auto}
.lern .ln-lupe{position:absolute;right:8px;bottom:8px;background:rgba(0,30,55,.8);color:#fff;font-size:13px;font-weight:700;border-radius:var(--r-voll);padding:4px 10px}
.lern .ln-kurz{font-size:16px}
.lern .ln-dl{margin:0}
.lern .ln-dl dt{font-size:13px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-top:10px}
.lern .ln-dl dd{margin:2px 0 0}
.lern .ln-aktionen{margin:12px 0}

/* Bild-Overlay */
.lern .ln-zoom{position:fixed;inset:0;z-index:100;background:rgba(0,12,24,.92);overflow:auto;-webkit-overflow-scrolling:touch;padding:56px 0 24px}
.lern .ln-zoom-x{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:101;border:0;border-radius:var(--r-s);background:var(--lime);color:var(--lime-tx);font-weight:700;font-size:16px;padding:10px 16px;cursor:pointer}
.lern .ln-zoom-in{margin:0 auto;width:100%;max-width:1100px}
.lern .ln-zoom-in img{display:block;width:100%;max-width:100%;height:auto}
@media(min-width:820px){.lern .ln-zoom{padding:64px 24px 24px}}

/* Formulare */
.lern .ln-f{margin-bottom:12px}
.lern .ln-f label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}
.lern .ln-hilfe{display:block;color:var(--mut);font-size:13px;margin-top:4px}
.lern input[type=text],.lern input[type=search],.lern input[type=date],.lern select,.lern textarea{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1.5px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx)}
.lern textarea{resize:vertical;min-height:80px}
.lern input:focus,.lern select:focus,.lern textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
.lern .btn{max-width:100%}
.lern .mini{padding:9px 14px;margin-left:0}
.lern .ln-speicher{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.lern .ln-speicher .btn{margin-top:0}
.lern .ln-stat{color:var(--mut);font-size:13px}

/* Lernaufträge */
.lern .ln-bar{height:10px;background:var(--grau);border-radius:var(--r-voll);overflow:hidden;margin:6px 0 12px}
.lern .ln-bar i{display:block;height:100%;background:var(--ok);border-radius:var(--r-voll);transition:width .25s}
.lern .ln-aufgaben{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:10px}
.lern .ln-ck{display:flex;gap:12px;align-items:flex-start;cursor:pointer;border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px}
.lern .ln-ck input{width:24px;height:24px;flex:none;margin-top:1px}
.lern .ln-stand{margin:0 0 10px}

/* Inhalt, Tabellen */
.lern .ln-inhalt h3{font-family:var(--serif);font-size:16px}
.lern .ln-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 12px;max-width:100%}
.lern .ln-tab{border-collapse:collapse;font-size:13px;min-width:520px;width:100%}
.lern .ln-tab th,.lern .ln-tab td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--grau);vertical-align:top}
.lern .ln-tab thead th{font-size:13px;color:var(--mut)}

/* Beobachtungen */
.lern .ln-beo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lern .ln-beo li{border-bottom:1px solid var(--grau);padding-bottom:10px}
.lern .ln-beo li:last-child{border-bottom:0;padding-bottom:0}
.lern .ln-beo-kopf{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.lern .ln-beo p{margin:4px 0 0}
.lern .ln-datum{font-weight:700}
.lern .ln-wert{display:inline-flex;gap:6px;align-items:baseline;font-weight:700;border-radius:var(--r-voll);padding:2px 10px;background:var(--bg);color:var(--tx);font-size:13px}
.lern .ln-wert small{font-weight:500;font-size:13px;color:var(--mut)}
.lern .ln-wert.w3,.lern .ln-wert.w4{background:var(--oksoft);color:var(--ok)}
.lern .ln-wert.w0,.lern .ln-wert.w1{background:var(--badsoft);color:var(--bad)}
.lern .ln-wert.w2{background:var(--warnsoft);color:var(--warntx)}

/* Einklappbar */
.lern details.ln-d{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);margin-bottom:var(--gap)}
.lern details.ln-d>summary{padding:14px 16px;font-weight:700;cursor:pointer}
.lern .ln-d-in{padding:0 16px 14px;overflow-wrap:anywhere}
.lern .ln-bausteine details.ln-d{margin-bottom:0}
.lern .ln-person>summary{display:flex;gap:12px;align-items:flex-start}
.lern .ln-sum{display:flex;flex-direction:column;gap:4px;flex:1}

@media(max-width:480px){
  .lern .ln-raster{grid-template-columns:1fr 1fr;gap:10px}
  .lern .ln-karte-in{padding:10px}
  .lern .ln-titel{font-size:13px}
}
@media(max-width:360px){.lern .ln-raster{grid-template-columns:1fr}}
.lern table th:first-child,.lern table td:first-child{min-width:8.5em;overflow-wrap:normal;word-break:normal;hyphens:none}

/* Planung: dojo */
/* Training: Einwand-Dojo. Alle Selektoren unter .dj, eigene Klassen mit dj-. */
.dj{max-width:860px}
.dj *{min-width:0;box-sizing:border-box}
.dj p{margin:0 0 8px}
.dj h2.dj-h{margin:22px 0 4px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.dj h3{margin:14px 0 6px;font-size:16px}
.dj ul{margin:0 0 8px;padding-left:20px}
.dj .dj-klein{color:var(--mut);font-size:13px}
.dj .dj-fehler{background:var(--badsoft);color:var(--bad);border-radius:var(--r-s);padding:8px 12px}
.dj .dj-card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap);overflow-wrap:anywhere}
.dj .dj-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.dj .dj-zahlen small{display:block;color:var(--mut);font-size:13px}
.dj .dj-zahlen b{font-size:24px;color:var(--tx)}
.dj .dj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--gap);margin-top:10px}
.dj .dj-kachel{display:flex;flex-direction:column;gap:4px;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);text-decoration:none;color:var(--tx);overflow-wrap:anywhere}
.dj .dj-kachel:hover{outline:2px solid var(--blau)}
.dj .dj-kn{font-weight:700}
.dj .dj-kx{color:var(--mut);font-size:13px}
.dj .dj-ks{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--mut)}
.dj .dj-fort{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:13px;font-weight:700;color:var(--mut)}
.dj .dj-balken{flex:1;height:6px;border-radius:var(--r-voll);background:var(--grau);overflow:hidden}
.dj .dj-balken i{display:block;height:100%;background:var(--blau);border-radius:var(--r-voll)}
.dj .dj-karte{padding:22px 20px}
.dj .dj-tag{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:var(--bg);color:var(--mut);border-radius:var(--r-voll);padding:3px 10px}
.dj blockquote{margin:16px 0 0;font-size:24px;font-weight:800;line-height:1.35;color:var(--tx)}
.dj .dj-rolle{margin:12px 0 0;color:var(--mut);font-style:italic;font-size:13px}
.dj .dj-auf{margin-top:22px}
.dj .dj-antwort{margin-top:20px;padding-top:16px;border-top:1px solid var(--grau);display:grid;gap:14px}
.dj .dj-z{display:flex;gap:12px;align-items:flex-start}
.dj .dj-z p{margin:2px 0 0;line-height:1.45}
.dj .dj-b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--blau);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.dj .dj-b.lime{background:var(--lime);color:var(--lime-tx)}
.dj .dj-ziel,.dj .dj-achtung{background:var(--bg);border-radius:var(--r-s);padding:10px 12px}
.dj .dj-ziel p,.dj .dj-achtung p{margin:2px 0 0;line-height:1.45}
.dj .dj-achtung{background:var(--warnsoft);color:var(--warntx)}
.dj .dj-frage{margin:20px 0 8px;font-weight:700}
.dj .dj-bew{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dj .dj-bew button{border:0;border-radius:var(--r-s);background:var(--grau);color:var(--tx);padding:12px 6px;font-weight:700;font-size:16px;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center}
.dj .dj-bew button small{font-size:13px;font-weight:600;color:var(--mut)}
.dj .dj-bew button.stark{background:var(--lime);color:var(--lime-tx)}
.dj .dj-bew button.stark small{color:var(--lime-tx);opacity:.8}
.dj .dj-aktion{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.dj .dj-aktion .btn{margin-top:0}
.dj .dj-aktion .mini{text-decoration:none}
@media(max-width:480px){.dj blockquote{font-size:16px}.dj .dj-bew small{display:none}.dj .dj-bew{gap:6px}}
.dj-teaser{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--tx);margin-bottom:var(--gap)}
.dj-teaser .dj-ico{flex:none;width:44px;height:44px;border-radius:var(--r-s);background:var(--hi);color:var(--hi-tx);display:flex;align-items:center;justify-content:center;font-size:24px}
.dj-teaser b{display:block}
.dj-teaser small{color:var(--mut)}

/* Planung: lp */
/* Training: Lernpfade. Nutzt die Klassen des Dojo (.dj, dj-…), ergänzt mit lp-. */
.lp .dj-kachel{border:0;font:inherit;text-align:left;cursor:pointer}
.lp .dj-kachel .dj-balken{flex:none;height:6px;margin-top:8px;margin-bottom:2px}
.lp .lp-zu{opacity:.75}
.lp .lp-liste{display:grid;gap:10px;margin-bottom:var(--gap)}
.lp .lp-zeile{display:flex;align-items:center;gap:14px;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);border:0;font:inherit;text-align:left;color:var(--tx);text-decoration:none;cursor:pointer;width:100%}
.lp .lp-zeile:hover{outline:2px solid var(--blau)}
.lp .lp-nr{flex:none;width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--mut);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.lp .lp-nr.ok{background:var(--lime);color:var(--lime-tx)}
.lp .lp-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.lp .lp-t small{color:var(--mut);font-size:13px}
.lp .lp-weiter{margin-top:6px}
.lp .lp-weiter .mini{text-decoration:none}
.lp .lp-karte{padding:20px}
.lp .lp-abs{display:grid;gap:14px}
.lp .lp-abs small,.lp .lp-boxen small{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blau)}
.lp .lp-abs p{margin:4px 0 0;line-height:1.55}
.lp .lp-boxen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.lp .lp-boxen div{background:var(--bg);border-radius:var(--r-s);padding:10px 12px}
.lp .lp-boxen b{display:block;margin-top:3px}
.lp .lp-det{margin:14px 0;border-top:1px solid var(--grau);padding-top:12px}
.lp .lp-det summary{cursor:pointer;font-weight:700;color:var(--blau);font-size:13px}
.lp .lp-det p{margin:8px 0 0;line-height:1.55}
.lp .lp-ok{margin-top:16px;font-weight:700;color:var(--ok)}
.lp .lp-karte .btn{margin-top:16px}
.lp blockquote.lp-frage{font-size:16px}
.lp .lp-opts{display:grid;gap:8px;margin-top:14px}
.lp .lp-opt{border:2px solid transparent;border-radius:var(--r-s);background:var(--bg);color:var(--tx);padding:12px 14px;text-align:left;font:inherit;font-size:16px;cursor:pointer}
.lp .lp-opt:hover:not(:disabled){border-color:var(--blau)}
.lp .lp-opt.ja{background:var(--oksoft);border-color:var(--ok);color:var(--ok);font-weight:700}
.lp .lp-opt.nein{background:var(--badsoft);border-color:var(--bad);color:var(--bad)}
.lp .lp-opt.dim{opacity:.55}
.lp .lp-fb{margin:14px 0 4px;border-radius:var(--r-s);padding:10px 12px;line-height:1.45}
.lp .lp-fb.ja{background:var(--oksoft);color:var(--ok)}
.lp .lp-fb.nein{background:var(--badsoft);color:var(--bad)}
.lp .dj-card .btn{text-decoration:none}
@media(max-width:480px){.lp .lp-boxen{grid-template-columns:1fr}}

/* Planung: lp2 */
/* Investment-Grundlagen (Risikoleiter, Portfolio-Baukasten), ergänzt Lernpfade */
.lp .lp-leiter{display:grid;gap:10px;margin-bottom:var(--gap)}
.lp .lp-stufe{display:flex;flex-direction:column;gap:2px;border-radius:var(--r);padding:var(--pad);text-decoration:none;color:var(--tx);background:var(--w);box-shadow:var(--schatten);border-left:6px solid var(--grau)}
.lp .lp-stufe span{color:var(--mut);font-size:13px}
.lp .lp-stufe small{color:var(--mut);font-size:13px;font-weight:700;margin-top:2px}
.lp .lp-stufe:hover{outline:2px solid var(--blau)}
.lp{--lp-1:#7fc8a0;--lp-2:#a8d46f;--lp-3:#e3c93a;--lp-4:#ee9a3b;--lp-5:#d9534f}
.lp .lp-stufe.is-1{border-left-color:var(--lp-1)}
.lp .lp-stufe.is-2{border-left-color:var(--lp-2)}
.lp .lp-stufe.is-3{border-left-color:var(--lp-3)}
.lp .lp-stufe.is-4{border-left-color:var(--lp-4)}
.lp .lp-stufe.is-5{border-left-color:var(--lp-5)}
.lp .lp-summe{display:flex;justify-content:space-between;align-items:center;background:var(--oksoft);color:var(--ok);border-radius:var(--r-s);padding:10px 14px;margin-bottom:14px;font-weight:700}
.lp .lp-summe b{font-size:24px}
.lp .lp-summe.fehl{background:var(--warnsoft);color:var(--warntx)}
.lp .lp-regler{display:block;margin-bottom:14px}
.lp .lp-regler>span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}
.lp .lp-regler input{width:100%;accent-color:var(--blau)}
.lp .lp-skala{display:flex;justify-content:space-between;font-size:13px;color:var(--mut)}
.lp .dj-ziel ul{margin:8px 0 0;padding-left:18px;line-height:1.6}

/* Planung: kp */
/* Tool: Kernprozess-Diagnose. Alle Selektoren unter .kp, eigene Klassen mit kp-. */
.kp{max-width:900px}
.kp *{min-width:0;box-sizing:border-box}
.kp .kp-entwurf{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:8px 12px;font-size:13px;margin:0 0 var(--gap)}
.kp .kp-card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap);overflow-wrap:anywhere}
.kp .kp-h{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.kp .kp-h2{margin-top:18px}
.kp p{margin:0 0 8px}
.kp .kp-klein{color:var(--mut);font-size:13px}
.kp .kp-fehler{background:var(--badsoft);color:var(--bad);border-radius:var(--r-s);padding:8px 12px}
.kp .kp-zeile{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:10px}
.kp .kp-feld{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.kp .kp-zeile .kp-feld{margin-bottom:0}
.kp .kp-feld>span{font-size:13px;font-weight:700}
.kp .kp-feld small{color:var(--mut);font-size:13px}
.kp input,.kp select,.kp textarea{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 11px;width:100%}
.kp textarea{resize:vertical}
.kp input:focus,.kp select:focus,.kp textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
.kp .kp-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:12px}
.kp .kp-kachel{background:var(--bg);border-radius:var(--r-s);padding:12px;display:flex;flex-direction:column;gap:3px}
.kp .kp-kachel small{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blau)}
.kp .kp-kachel b{font-size:24px}
.kp .kp-kachel em{font-style:normal;color:var(--mut);font-size:13px}
.kp .kp-d{font-size:13px;font-weight:700;color:var(--mut)}
.kp .kp-d.minus{color:var(--bad)}
.kp .kp-d.plus{color:var(--ok)}
.kp .kp-warn,.kp .kp-warn1{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:8px 12px;font-size:13px;margin:0 0 10px}
.kp ul.kp-warn{list-style:none}
.kp .kp-hinweise{margin:0 0 8px;padding-left:18px;display:grid;gap:8px}
.kp .kp-vorgehen{background:var(--bg);border-radius:var(--r-s);padding:10px 12px;margin:0 0 12px}
.kp .kp-vorgehen p{margin:4px 0 0;line-height:1.45}
.kp .kp-aktion{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kp .kp-aktion .btn{margin-top:0}
.kp .kp-stat{font-size:13px;color:var(--mut)}

/* Planung: tt */
/* Entwicklung: Typ-Test. Nutzt die Klassen von Dojo (.dj) und Lernpfaden (.lp), ergänzt mit tt-. */
.tt .tt-entwurf{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:8px 12px;margin:0 0 var(--gap)}
.tt .tt-name{margin:0 0 4px;font-size:24px}
.tt .tt-name small{display:block;font-size:13px;font-weight:600;color:var(--mut);margin-top:2px}
.tt .tt-motto{font-style:italic;color:var(--mut);margin:0 0 12px}
.tt .tt-zwei{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}
.tt .tt-zwei ul,.tt .dj-ziel ul{margin:6px 0 0;padding-left:18px;line-height:1.6}
.tt .tt-balken{display:grid;gap:8px;margin:10px 0}
.tt .tt-bz{display:grid;grid-template-columns:70px 1fr 28px;gap:10px;align-items:center}
.tt .tt-bz b{text-align:right}
.tt .tt-bz .dj-balken{margin:0;height:10px}
.tt blockquote.tt-frage{font-size:16px}
.tt .lp-opt.tt-gewaehlt{border-color:var(--blau)}
@media(max-width:480px){.tt .tt-zwei{grid-template-columns:1fr}}

/* Planung: mtg */
body.mt-offen{overflow:hidden}
.mtg .mt-live,.jpl .mt-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mtg .mt-sek{padding-block:34px 4px}
.mtg .mt-sek>h2{margin:0;color:var(--tx);font-size:24px;letter-spacing:-.01em}
.mtg .mt-sub{margin:4px 0 18px;color:var(--mut);font-size:13px;max-width:72ch;line-height:1.5}
.mtg .mt-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.mtg .mt-next{border-radius:var(--r-l);padding:24px 26px 22px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--schatten);min-width:0}
.mtg .mt-next.di{background:var(--navy);color:#fff;--mt-linie:rgba(255,255,255,.22);--mt-feld:rgba(255,255,255,.1)}
.mtg .mt-next.so{background:var(--lime);color:var(--lime-tx);--mt-linie:rgba(0,50,91,.22);--mt-feld:rgba(0,50,91,.08)}
.mtg .mt-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mtg .mt-serie{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mtg .mt-wann{font-size:13px;font-weight:800;padding:6px 14px;border-radius:var(--r-voll);white-space:nowrap}
.mtg .mt-next.di .mt-wann{background:var(--lime);color:var(--lime-tx)}
.mtg .mt-next.so .mt-wann{background:var(--navy);color:#fff}
.mtg .mt-datum{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.mtg .mt-datum .mt-tag{font-size:24px;line-height:.85;font-weight:800;letter-spacing:-.05em}
.mtg .mt-datum .rest{display:grid;gap:3px;padding-bottom:4px}
.mtg .mt-datum .wt{font-size:24px;font-weight:800;line-height:1.1}
.mtg .mt-datum .mo{font-size:16px;font-weight:700;opacity:.92}
.mtg .mt-datum .uhr{font-size:16px;font-weight:800}
.mtg .mt-titel{margin:0;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}
.mtg .mt-hin{margin:0;padding:10px 14px;border-radius:var(--r-s);background:var(--mt-feld);font-size:13px;font-weight:700;line-height:1.4}
.mtg .mt-ablauf{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--mt-linie)}
.mtg .mt-ablauf li{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--mt-linie);font-size:13px}
.mtg .mt-ablauf time{font-weight:800;font-variant-numeric:tabular-nums}
.mtg .mt-ablauf .was b{font-weight:800}
.mtg .mt-ablauf .was small{display:block;font-size:13px;opacity:.82;margin-top:1px}
.mtg .mt-ablauf .wer{font-weight:700;font-size:13px;text-align:right}
.mtg .mt-ablauf li.pause{opacity:.78}
.mtg .mt-ablauf li.pause .was b{font-weight:600}
.mtg .mt-gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px}
.mtg .mt-gr .g{background:var(--mt-feld);border-radius:var(--r);padding:12px 14px;display:grid;gap:3px;min-width:0;align-content:start}
.mtg .mt-gr small{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.88}
.mtg .mt-gr b{font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.mtg .mt-gr span{font-size:13px;opacity:.92}
.mtg .mt-aktion{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.mtg .mt-btn{border:1.5px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:800;font-size:13px;padding:9px 16px;border-radius:var(--r-voll);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mtg .mt-next.di .mt-btn:hover{background:rgba(255,255,255,.14)}
.mtg .mt-next.so .mt-btn:hover{background:rgba(0,50,91,.12)}
.mtg .mt-btn:focus-visible,.mtg .mt-seg button:focus-visible,.mtg .mt-filter button:focus-visible,.mtg .mt-toggle input:focus-visible,.mtg .mt-edit:focus-visible,.mtg .mt-neu:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.mtg .mt-leer{padding:22px;border-radius:var(--r);background:var(--bg);color:var(--mut);font-size:13px}
.mtg .mt-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 6px}
.mtg .mt-seg{display:inline-flex;background:var(--bg);border-radius:var(--r-voll);padding:4px;gap:2px;border:1px solid var(--grau)}
.mtg .mt-seg button{border:0;background:transparent;font:inherit;font-weight:800;font-size:13px;color:var(--tx);padding:9px 18px;border-radius:var(--r-voll);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mtg .mt-seg button[aria-pressed="true"]{background:var(--navy);color:#fff;box-shadow:var(--schatten)}
.mtg .mt-seg .dot{width:10px;height:10px;border-radius:50%;flex:none}
.mtg .mt-seg .dot.di{background:var(--blau)}
.mtg .mt-seg .dot.so{background:var(--lime)}
.mtg .mt-filter{display:flex;gap:6px;flex-wrap:wrap}
.mtg .mt-filter button{border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-weight:700;font-size:13px;padding:8px 14px;border-radius:var(--r-voll);cursor:pointer}
.mtg .mt-filter button[aria-pressed="true"]{background:var(--bg);border-color:var(--blau);color:var(--tx)}
.mtg .mt-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tx);cursor:pointer}
.mtg .mt-toggle input{width:18px;height:18px;accent-color:var(--lime-tx);margin:0}
.mtg .mt-neu{border:2px dashed var(--grau);background:transparent;color:var(--tx);font:inherit;font-weight:800;font-size:13px;padding:8px 16px;border-radius:var(--r-voll);cursor:pointer}
.mtg .mt-neu:hover{border-color:var(--blau);background:var(--bg)}
.mtg .mt-monat{margin:26px 0 10px;display:flex;align-items:center;gap:12px;color:var(--tx);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mtg .mt-monat::after{content:"";flex:1;height:1px;background:var(--grau)}
.mtg .mt-zeit{margin:2px 0 0;font-size:13px;color:var(--mut)}
.mtg .mt-ausgeblendet{margin:14px 0 0;font-size:13px;color:var(--mut)}
.mtg .mt-ausgeblendet button{border:0;background:none;font:inherit;font-weight:800;color:var(--tx);cursor:pointer;text-decoration:underline;padding:0}
.mtg .mt-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(150px,200px);gap:18px;align-items:center;background:var(--w);border:1px solid var(--grau);border-radius:var(--r);padding:12px 18px 12px 12px;box-shadow:var(--schatten);margin-bottom:10px}
.mtg .mt-row.vorbei{opacity:.62}
.mtg .mt-row.next{border:2px solid var(--blau);padding:11px 17px 11px 11px;box-shadow:var(--schatten)}
.mtg .mt-row.ausfall .mt-dt{opacity:.55}
.mtg .mt-dt{border-radius:var(--r);padding:9px 6px;text-align:center;line-height:1.1;display:grid;gap:3px}
.mtg .mt-dt.di{background:var(--navy);color:#fff}
.mtg .mt-dt.so{background:var(--lime);color:var(--lime-tx)}
.mtg .mt-dt small{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.mtg .mt-dt b{font-size:24px;font-weight:800;letter-spacing:-.03em}
.mtg .mt-nb{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-voll);margin-bottom:8px;background:var(--blau);color:var(--lime-tx)}
.mtg .mt-tr{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px 16px}
.mtg .mt-t{min-width:0;display:grid;gap:5px;align-content:start}
.mtg .mt-t .gl{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.mtg .mt-t .zl{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap}
.mtg .mt-t .ref{font-size:13px;color:var(--mut);font-weight:600}
.mtg .mt-chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-voll);padding:5px 12px;font-size:13px;font-weight:700;line-height:1.25;background:var(--bg);color:var(--tx);border:1px solid var(--grau)}
.mtg .mt-chip .code{font-weight:800;color:var(--tx)}
.mtg .mt-chip.t-start{background:var(--lime);border-color:var(--lime);color:var(--lime-tx)}
.mtg .mt-chip.t-extern{background:var(--navy);border-color:var(--lime-tx);color:#fff}
.mtg .mt-chip.t-wachstum{background:var(--bg);border-color:var(--blau);color:var(--tx)}
.mtg .mt-chip.t-plan{background:var(--grau);border-color:var(--grau);color:var(--lime-tx)}
.mtg .mt-chip.t-offen{background:transparent;border-style:dashed;color:var(--text-faint);font-weight:600}
.mtg .mt-chip.t-aus{background:transparent;border-color:var(--rot);color:var(--rot)}
.mtg .mt-notiz{margin:8px 0 0;font-size:13px;color:var(--mut);line-height:1.4}
.mtg .mt-zeitchip{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:var(--r-voll);font-size:13px;font-weight:800;background:var(--bg);color:var(--tx)}
.mtg .mt-datum .uhr .mt-eigen{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:var(--r-voll);font-size:13px;font-weight:800;background:var(--lime);color:var(--lime-tx);vertical-align:2px}
.mtg .mt-next.so .mt-eigen{background:var(--navy);color:#fff}
.mtg .mt-meta{display:grid;gap:5px;font-size:13px;justify-items:start}
.mtg .mt-meta div{display:flex;gap:8px;align-items:baseline}
.mtg .mt-meta b{min-width:44px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx);font-weight:800}
.mtg .mt-meta span{color:var(--tx);font-weight:600}
.mtg .mt-edit{margin-top:4px;border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-weight:800;font-size:13px;padding:6px 12px;border-radius:var(--r-voll);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.mtg .mt-edit:hover{background:var(--bg);border-color:var(--blau)}
.mtg .mt-next .mt-edit{border-color:currentColor;background:transparent;color:inherit;margin-top:0;font-size:13px;padding:9px 16px;border-width:1.5px}
.mtg .mt-dlg-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.mtg .mt-dlg-hg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,50,91,.5);cursor:default}
.mtg .mt-dlg{position:relative;width:100%;max-width:560px;max-height:100%;overflow:auto;box-sizing:border-box;background:var(--w);color:var(--tx);border-radius:var(--r);box-shadow:var(--schatten);padding:24px;display:flex;flex-direction:column;gap:16px;outline:0}
.mtg .mt-dlg-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mtg .mt-dlg-kat{display:inline-block;background:var(--bg);color:var(--tx);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-voll)}
.mtg .mt-dlg h2{margin:8px 0 0;font-size:24px;line-height:1.2;color:var(--tx);outline:0}
.mtg .mt-dlg-x{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--bg);color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mtg .mt-dlg-x:hover{background:var(--bg)}
.mtg .mt-f{display:grid;gap:6px}
.mtg .mt-f label,.mtg .mt-fs legend{font-size:13px;font-weight:800;color:var(--tx)}
.mtg .mt-dlg input[type=text],.mtg .mt-dlg input[type=date]{width:100%;box-sizing:border-box;height:46px;padding:0 12px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx);font:inherit;font-size:16px}
.mtg .mt-fs{min-width:0;margin:0;padding:14px;border:1px solid var(--grau);border-radius:var(--r);display:grid;gap:12px}
.mtg .mt-fs legend{padding:0 6px}
.mtg .mt-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mtg .mt-haken{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--tx);cursor:pointer}
.mtg .mt-haken input{width:20px;height:20px;margin:0;accent-color:var(--lime-tx)}
.mtg .mt-fehler{margin:0;padding:10px 14px;border-radius:var(--r-s);background:var(--badsoft);color:var(--bad);font-size:13px;font-weight:700;line-height:1.4}
.mtg .mt-fehler:empty{display:none}
.mtg .mt-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}
.mtg .mt-fuss .rechts{display:flex;align-items:center;gap:10px;margin-left:auto}
.mtg .mt-ok{min-height:48px;padding:0 28px;border:0;border-radius:var(--r-voll);background:var(--lime);color:var(--lime-tx);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.mtg .mt-ok:hover{filter:brightness(.95)}
.mtg .mt-ok:disabled{opacity:.5;cursor:wait}
.mtg .mt-zur{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--tx);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.mtg .mt-del{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--bad);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.mtg .mt-dlg button:focus-visible,.mtg .mt-dlg input:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.mtg .mt-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mtg .mt-link{border:0;background:none;padding:0;margin-left:10px;font:inherit;font-weight:800;color:var(--tx);text-decoration:underline;cursor:pointer}
.mtg .mt-link:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:4px}
.mtg .mt-dlg-breit{max-width:720px}
.mtg .mt-dlg-hinweis{margin:0;font-size:13px;color:var(--mut);line-height:1.45}
.mtg .mt-fl{display:grid;gap:6px}
.mtg .mt-fl>span{font-size:13px;font-weight:800;color:var(--tx)}
.mtg .mt-dlg select{width:100%;box-sizing:border-box;height:46px;padding:0 10px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx);font:inherit;font-size:16px}
.mtg .mt-dlg select:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.mtg #mvAblauf{display:grid;gap:10px}
.mtg .mt-az{display:grid;gap:10px;padding:12px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--bg)}
.mtg .mt-az1{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}
.mtg .mt-az2{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:10px}
.mtg .mt-az3{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mtg .mt-dlg .mt-neu{justify-self:start}
@media (max-width:860px){.mtg .mt-az1{grid-template-columns:88px minmax(0,1fr)}.mtg .mt-az2{grid-template-columns:1fr}}
@media (max-width:860px){.mtg .mt-next-grid{grid-template-columns:1fr}.mtg .mt-row{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px}.mtg .mt-row.next{padding:11px}.mtg .mt-tr{grid-template-columns:1fr}.mtg .mt-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--grau);padding-top:10px;align-items:center}.mtg .mt-toggle{margin-left:0}.mtg .mt-next{padding:22px 20px 20px}.mtg .mt-ablauf li{grid-template-columns:50px minmax(0,1fr)}.mtg .mt-ablauf .wer{grid-column:2;text-align:left;font-size:13px}.mtg .mt-dlg-bg{align-items:flex-end;padding:0}.mtg .mt-dlg{max-width:none;max-height:92%;border-radius:var(--r) var(--r-l) 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom))}.mtg .mt-2{grid-template-columns:1fr}.mtg .mt-fuss{flex-direction:column-reverse;align-items:stretch}.mtg .mt-fuss .rechts{margin-left:0;flex-direction:column-reverse;align-items:stretch}.mtg .mt-ok{width:100%}}
.mtg .mt-ev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mtg .mt-evk{display:flex;gap:14px;align-items:center;padding:12px 16px 12px 12px;border-radius:var(--r);background:var(--w);border:1px solid var(--grau);box-shadow:var(--schatten);text-decoration:none;color:var(--tx);min-width:0}
.mtg .mt-evk:hover{border-color:var(--blau)}
.mtg .mt-evk:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.mtg .mt-evk .mt-dt{flex:none;width:62px}
.mtg .mt-dt.ev{background:var(--bg);color:var(--tx);box-shadow:inset 0 0 0 2px var(--blau)}
.mtg .mt-evk-t{min-width:0;flex:1;display:grid;gap:4px}
.mtg .mt-evk-kopf{display:flex;align-items:center;justify-content:space-between;gap:4px 8px;flex-wrap:wrap}
.mtg .mt-evk-kopf>span:first-child{font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.mtg .mt-evk-wann{font-size:13px;font-weight:800;padding:3px 10px;border-radius:var(--r-voll);background:var(--bg);color:var(--tx);white-space:nowrap}
.mtg .mt-evk-titel{font-size:16px;line-height:1.25;color:var(--tx);overflow-wrap:anywhere}
.mtg .mt-evk-meta{font-size:13px;font-weight:700;color:var(--tx)}
.mtg .mt-nb.vl{justify-self:start;margin:2px 0 0;background:transparent;border:1.5px dashed var(--blau);color:var(--tx);padding:1.5px 8.5px}
.mtg .mt-link2{color:var(--tx);font-weight:800}
.mtg .mt-fokus{outline:3px solid var(--blau);outline-offset:3px}
@media (max-width:860px){.mtg .mt-ev-grid{grid-template-columns:1fr}}

/* Planung: jpl */
.jpl .mt-sek{padding-block:34px 4px}
.jpl .mt-sek>h2{margin:0;color:var(--tx);font-size:24px;letter-spacing:-.01em}
.jpl .mt-sub{margin:4px 0 18px;color:var(--mut);font-size:13px;max-width:72ch;line-height:1.5}
.jpl .mt-leer{padding:22px;border-radius:var(--r);background:var(--bg);color:var(--mut);font-size:13px}
.jpl .mt-seg{display:inline-flex;background:var(--bg);border-radius:var(--r-voll);padding:4px;gap:2px;border:1px solid var(--grau)}
.jpl .mt-seg button{border:0;background:transparent;font:inherit;font-weight:800;font-size:13px;color:var(--tx);padding:9px 18px;border-radius:var(--r-voll);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.jpl .mt-seg button[aria-pressed="true"]{background:var(--navy);color:#fff;box-shadow:var(--schatten)}
.jpl .mt-neu{border:2px dashed var(--grau);background:transparent;color:var(--tx);font:inherit;font-weight:800;font-size:13px;padding:8px 16px;border-radius:var(--r-voll);cursor:pointer}
.jpl .mt-neu:hover{border-color:var(--blau);background:var(--bg)}
.jpl .mt-monat{margin:26px 0 10px;display:flex;align-items:center;gap:12px;color:var(--tx);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.jpl .mt-monat::after{content:"";flex:1;height:1px;background:var(--grau)}
.jpl .mt-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(150px,200px);gap:18px;align-items:center;background:var(--w);border:1px solid var(--grau);border-radius:var(--r);padding:12px 18px 12px 12px;box-shadow:var(--schatten);margin-bottom:10px}
.jpl .mt-row.vorbei{opacity:.62}
.jpl .mt-row.ausfall .mt-dt{opacity:.55}
.jpl .mt-dt{border-radius:var(--r);padding:9px 6px;text-align:center;line-height:1.1;display:grid;gap:3px}
.jpl .mt-dt.di{background:var(--navy);color:#fff}
.jpl .mt-dt.so{background:var(--lime);color:var(--lime-tx)}
.jpl .mt-dt small{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.jpl .mt-dt b{font-size:24px;font-weight:800;letter-spacing:-.03em}
.jpl .mt-nb{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-voll);margin-bottom:8px;background:var(--blau);color:var(--lime-tx)}
.jpl .mt-tr{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px 16px}
.jpl .mt-t{min-width:0;display:grid;gap:5px;align-content:start}
.jpl .mt-t .gl{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.jpl .mt-t .zl{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap}
.jpl .mt-t .ref{font-size:13px;color:var(--mut);font-weight:600}
.jpl .mt-chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-voll);padding:5px 12px;font-size:13px;font-weight:700;line-height:1.25;background:var(--bg);color:var(--tx);border:1px solid var(--grau)}
.jpl .mt-chip .code{font-weight:800;color:var(--tx)}
.jpl .mt-chip.t-start{background:var(--lime);border-color:var(--lime);color:var(--lime-tx)}
.jpl .mt-chip.t-extern{background:var(--navy);border-color:var(--lime-tx);color:#fff}
.jpl .mt-chip.t-wachstum{background:var(--bg);border-color:var(--blau);color:var(--tx)}
.jpl .mt-chip.t-plan{background:var(--grau);border-color:var(--grau);color:var(--lime-tx)}
.jpl .mt-chip.t-offen{background:transparent;border-style:dashed;color:var(--text-faint);font-weight:600}
.jpl .mt-chip.t-aus{background:transparent;border-color:var(--rot);color:var(--rot)}
.jpl .mt-notiz{margin:8px 0 0;font-size:13px;color:var(--mut);line-height:1.4}
.jpl .mt-zeitchip{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:var(--r-voll);font-size:13px;font-weight:800;background:var(--bg);color:var(--tx)}
.jpl .mt-meta{display:grid;gap:5px;font-size:13px;justify-items:start}
.jpl .mt-meta div{display:flex;gap:8px;align-items:baseline}
.jpl .mt-meta b{min-width:44px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx);font-weight:800}
.jpl .mt-meta span{color:var(--tx);font-weight:600}
.jpl .mt-edit{margin-top:4px;border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-weight:800;font-size:13px;padding:6px 12px;border-radius:var(--r-voll);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.jpl .mt-edit:hover{background:var(--bg);border-color:var(--blau)}
.jpl .mt-dlg-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.jpl .mt-dlg-hg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,50,91,.5);cursor:default}
.jpl .mt-dlg{position:relative;width:100%;max-width:560px;max-height:100%;overflow:auto;box-sizing:border-box;background:var(--w);color:var(--tx);border-radius:var(--r);box-shadow:var(--schatten);padding:24px;display:flex;flex-direction:column;gap:16px;outline:0}
.jpl .mt-dlg-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.jpl .mt-dlg-kat{display:inline-block;background:var(--bg);color:var(--tx);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-voll)}
.jpl .mt-dlg h2{margin:8px 0 0;font-size:24px;line-height:1.2;color:var(--tx);outline:0}
.jpl .mt-dlg-x{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--bg);color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer}
.jpl .mt-dlg-x:hover{background:var(--bg)}
.jpl .mt-f{display:grid;gap:6px}
.jpl .mt-f label,.jpl .mt-fs legend{font-size:13px;font-weight:800;color:var(--tx)}
.jpl .mt-dlg input[type=text],.jpl .mt-dlg input[type=date]{width:100%;box-sizing:border-box;height:46px;padding:0 12px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx);font:inherit;font-size:16px}
.jpl .mt-fs{min-width:0;margin:0;padding:14px;border:1px solid var(--grau);border-radius:var(--r);display:grid;gap:12px}
.jpl .mt-fs legend{padding:0 6px}
.jpl .mt-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jpl .mt-haken{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--tx);cursor:pointer}
.jpl .mt-haken input{width:20px;height:20px;margin:0;accent-color:var(--lime-tx)}
.jpl .mt-fehler{margin:0;padding:10px 14px;border-radius:var(--r-s);background:var(--badsoft);color:var(--bad);font-size:13px;font-weight:700;line-height:1.4}
.jpl .mt-fehler:empty{display:none}
.jpl .mt-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}
.jpl .mt-fuss .rechts{display:flex;align-items:center;gap:10px;margin-left:auto}
.jpl .mt-ok{min-height:48px;padding:0 28px;border:0;border-radius:var(--r-voll);background:var(--lime);color:var(--lime-tx);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.jpl .mt-ok:hover{filter:brightness(.95)}
.jpl .mt-ok:disabled{opacity:.5;cursor:wait}
.jpl .mt-zur{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--tx);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.jpl .mt-del{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--bad);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.jpl .mt-dlg button:focus-visible,.jpl .mt-dlg input:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.jpl .mt-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jpl .mt-dlg-hinweis{margin:0;font-size:13px;color:var(--mut);line-height:1.45}
.jpl .mt-fl{display:grid;gap:6px}
.jpl .mt-fl>span{font-size:13px;font-weight:800;color:var(--tx)}
.jpl .mt-dlg select{width:100%;box-sizing:border-box;height:46px;padding:0 10px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx);font:inherit;font-size:16px}
.jpl .mt-dlg select:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.jpl .mt-dlg .mt-neu{justify-self:start}
.jpl .mt-seg button:focus-visible,.jpl .mt-edit:focus-visible,.jpl .mt-neu:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.jpl a.mt-edit{text-decoration:none}
.jpl .mk-serie{display:block;margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.jpl .mt-zeitchip+.mt-tr,.jpl .mk-serie+.mt-tr{margin-top:0}
.jpl .mt-ansicht{padding-top:22px}
.jpl .mt-nb+.mt-nb{margin-left:6px}
.jpl .mt-nb.ev{background:var(--bg);color:var(--tx)}
.jpl .mt-nb.vl{background:transparent;border:1.5px dashed var(--blau);color:var(--tx);padding:1.5px 8.5px}
.jpl .mt-nb.tm{background:var(--bg);color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--blau)}
.jpl .mt-nb.vb{background:var(--grau);color:var(--lime-tx)}
.jpl .mt-dt.ev{background:var(--bg);color:var(--tx);box-shadow:inset 0 0 0 2px var(--blau)}
.jpl .mk-evt{margin:0 0 4px;font-size:16px;line-height:1.25;color:var(--tx);overflow-wrap:anywhere}
.jpl .mk-evm{margin:0;font-size:13px;font-weight:700;color:var(--tx)}
.jpl .mk-lk{margin:8px 0 0;font-size:13px}
.jpl .mk-lk a{color:var(--tx);font-weight:800}
.jpl .mk-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.jpl .mk-titel{margin:0;min-width:11ch;text-align:center;font-size:24px;color:var(--tx);letter-spacing:-.01em;outline:0}
.jpl .mk-pf{width:44px;height:44px;border:1px solid var(--grau);border-radius:50%;background:var(--w);color:var(--tx);font:inherit;font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.jpl .mk-pf:hover:not(:disabled){background:var(--bg);border-color:var(--blau)}
.jpl .mk-pf:disabled{opacity:.35;cursor:default}
.jpl .mk-heute{border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-weight:800;font-size:13px;padding:9px 16px;border-radius:var(--r-voll);cursor:pointer}
.jpl .mk-heute:hover{background:var(--bg);border-color:var(--blau)}
.jpl .mk-rechts{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.jpl .mk-rechts .mt-edit{margin-top:0}
.jpl .mk-leg{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.jpl .mk-lg{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-weight:700;font-size:13px;padding:8px 14px;border-radius:var(--r-voll);cursor:pointer}
.jpl .mk-lg[aria-pressed="false"]{opacity:.5;text-decoration:line-through}
.jpl .mk-lg .pkt{width:10px;height:10px;border-radius:50%;flex:none}
.jpl .pkt.di{background:var(--navy)}
.jpl .pkt.so{background:var(--lime);box-shadow:inset 0 0 0 1px rgba(0,50,91,.35)}
.jpl .pkt.ev{background:var(--blau)}
.jpl .mk-gitter{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.jpl .mk-wt{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);text-align:center;padding:2px 0 4px}
.jpl .mk-tag{display:flex;flex-direction:column;gap:5px;min-height:108px;min-width:0;padding:8px 6px 6px;border:1px solid var(--grau);border-radius:var(--r-s);background:var(--w);color:var(--tx);font:inherit;text-align:left;cursor:pointer}
.jpl .mk-tag:hover{border-color:var(--blau)}
.jpl .mk-tag.fremd{background:transparent;opacity:.5}
.jpl .mk-tag.alt:not(.fremd) .mk-chips{opacity:.7}
.jpl .mk-tag.heute{border:2px solid var(--blau);padding:7px 5px 5px}
.jpl .mk-tag.gewaehlt{outline:3px solid var(--blau);outline-offset:1px}
.jpl .mk-tag:focus-visible,.jpl .mk-pf:focus-visible,.jpl .mk-heute:focus-visible,.jpl .mk-lg:focus-visible,.jpl .mk-lk a:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
.jpl .mk-nr{font-size:13px;font-weight:800;color:var(--tx);line-height:1;padding:2px 0}
.jpl .mk-tag.heute .mk-nr{align-self:flex-start;background:var(--blau);color:#fff;border-radius:var(--r-voll);min-width:22px;padding:4px 6px;text-align:center}
.jpl .mk-chips{display:grid;gap:3px;min-width:0}
.jpl .mk-chip{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:700;line-height:1.25;padding:3px 5px;border-radius:var(--r-xs);overflow:hidden;overflow-wrap:anywhere}
.jpl .mk-chip.di{background:var(--navy);color:#fff}
.jpl .mk-chip.so{background:var(--lime);color:var(--lime-tx)}
.jpl .mk-chip.ev{background:var(--bg);color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--blau)}
.jpl .mk-chip.vl{background:transparent;color:var(--tx);box-shadow:none;border:1.5px dashed var(--blau);padding:1.5px 3.5px}
.jpl .mk-chip.vb{opacity:.7}
.jpl .mk-chip.aus{background:var(--bg);color:var(--text-faint);box-shadow:none;border:0;text-decoration:line-through}
.jpl .mk-mehr{font-size:13px;font-weight:700;color:var(--mut)}
.jpl .mk-eintrag{scroll-margin-top:90px;border-radius:var(--r)}
.jpl .mk-eintrag.gewaehlt{outline:3px solid var(--blau);outline-offset:3px}
@media (max-width:860px){.jpl .mk-gitter{gap:3px}.jpl .mk-tag{min-height:56px;padding:6px 2px 4px;align-items:center;border-radius:var(--r-xs);gap:4px}.jpl .mk-tag.heute{padding:5px 1px 3px}.jpl .mk-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.jpl .mk-chip{display:block;width:9px;height:9px;padding:0;border-radius:50%;font-size:0;box-shadow:none}.jpl .mk-chip.so{box-shadow:inset 0 0 0 1px rgba(0,50,91,.35)}.jpl .mk-chip.ev{background:var(--blau)}.jpl .mk-chip.vl{background:transparent;padding:0}.jpl .mk-chip.aus{background:var(--grau)}.jpl .mk-mehr{display:none}.jpl .mk-rechts{margin-left:0}.jpl .mk-nav{gap:8px}}
.jpl .jp-jahr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 6px}
.jpl .jp-monat{border:1px solid var(--grau);border-radius:var(--r);background:var(--w);padding:12px 12px 10px;min-width:0}
.jpl .jp-monat.jetzt{border:2px solid var(--blau);padding:11px 11px 9px}
.jpl .jp-mtitel{display:flex;justify-content:space-between;align-items:baseline;gap:6px;width:100%;margin:0 0 8px;padding:0;border:0;background:none;font:inherit;font-weight:800;font-size:16px;color:var(--tx);cursor:pointer;text-align:left}
.jpl .jp-mtitel:hover{text-decoration:underline}
.jpl .jp-mtitel:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:var(--r-feld)}
.jpl .jp-anz{font-size:13px;font-weight:800;color:var(--mut)}
.jpl .jp-raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.jpl .jp-wt{font-size:13px;font-weight:800;color:var(--text-faint);padding-bottom:2px}
.jpl .jp-tag{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;background:none;border-radius:var(--r-feld);font:inherit;font-size:13px;font-weight:700;line-height:1;color:var(--tx)}
.jpl .jp-tag.leer{visibility:hidden}
.jpl .jp-tag.alt{color:var(--text-faint)}
.jpl .jp-tag.heute{background:var(--blau);color:#fff;border-radius:50%;font-weight:800}
.jpl .jp-tag.ev{background:var(--bg);color:var(--tx);font-weight:800;box-shadow:inset 0 0 0 1.5px var(--blau);cursor:pointer}
.jpl .jp-tag.ev.vl{background:transparent;box-shadow:none;border:1.5px dashed var(--blau)}
.jpl .jp-tag.ev.vb{opacity:.7}
.jpl .jp-tag.ev.alt{color:var(--text-faint)}
.jpl .jp-tag.ev.heute{background:var(--blau);color:#fff;border-radius:var(--r-feld);box-shadow:inset 0 0 0 2px var(--navy)}
.jpl button.jp-tag:hover{background:var(--blau)}
.jpl button.jp-tag:focus-visible{outline:3px solid var(--blau);outline-offset:1px}
.jpl .jp-tag.md::after,.jpl .jp-tag.ms::after,.jpl .jp-tag.ma::after{content:"";position:absolute;left:50%;bottom:1px;width:4px;height:4px;margin-left:-2px;border-radius:50%}
.jpl .jp-tag.md::after{background:var(--navy)}
.jpl .jp-tag.ms::after{background:var(--lime);box-shadow:0 0 0 .5px rgba(0,50,91,.5)}
.jpl .jp-tag.ma::after{background:var(--grau)}
@media (max-width:1100px){.jpl .jp-jahr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.jpl .jp-jahr{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jpl .jp-monat{padding:10px 8px 8px}.jpl .jp-monat.jetzt{padding:9px 7px 7px}.jpl .jp-mtitel{font-size:13px}.jpl .jp-tag{font-size:13px;border-radius:var(--r-feld)}}
@media (max-width:860px){.jpl .mt-row{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px}.jpl .mt-tr{grid-template-columns:1fr}.jpl .mt-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--grau);padding-top:10px;align-items:center}.jpl .mt-dlg-bg{align-items:flex-end;padding:0}.jpl .mt-dlg{max-width:none;max-height:92%;border-radius:var(--r) var(--r-l) 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom))}.jpl .mt-2{grid-template-columns:1fr}.jpl .mt-fuss{flex-direction:column-reverse;align-items:stretch}.jpl .mt-fuss .rechts{margin-left:0;flex-direction:column-reverse;align-items:stretch}.jpl .mt-ok{width:100%}}

/* Planung: rbx */
.rbx .rb-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 14px}
.rbx .rb-leiste .chips{margin:0}
.rbx .rb-leiste .chip{display:inline-flex;align-items:center;gap:6px}
.rbx .rb-neu{margin-left:auto;padding:10px 20px;font-size:13px}
.rbx .rb-nav{display:flex;align-items:center;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.rbx .rb-titel{font-size:16px;font-weight:800;color:var(--tx);min-width:0}
.rbx .rb-pfeil{width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--tx);font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0 0 3px;flex:none}
.rbx .rb-pfeil:hover{background:var(--navy);color:#fff}
.rbx .rb-heute{padding:8px 14px;font-size:13px}
.rbx .rb-rahmen{background:var(--w);border:1px solid var(--grau);border-radius:var(--r);padding:12px;box-shadow:var(--schatten)}
.rbx .rb-punkt{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none;margin-right:6px;vertical-align:-1px}
.rbx .rb-leiste .rb-punkt{margin-right:0}
.rbx .rb-punkt.rb-frei{background:var(--w);border:1px solid var(--grau)}
.rbx .rb-legende{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13px;color:var(--mut);margin:12px 2px 18px}
.rbx .rb-link{background:none;color:var(--blau);font-size:inherit;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:2px}
.rbx .rb-klein{font-size:13px;color:var(--mut)}
.rbx .rb-vor{position:absolute;left:0;right:0;top:0;background:rgba(120,130,140,.14);pointer-events:none;z-index:0}
.rbx .rb-scroll{overflow-x:auto}
.rbx .rb-woche{min-width:600px}
.rbx .rb-wk,.rbx .rb-wp{display:grid;grid-template-columns:44px repeat(7,minmax(0,1fr))}
.rbx .rb-wk{border-bottom:1px solid var(--grau)}
.rbx .rb-wk>div{text-align:center;padding:6px 0 5px;font-weight:700;font-size:13px;color:var(--tx)}
.rbx .rb-wk .heute{background:var(--bg);border-radius:var(--r-xs) var(--r-xs) 0 0}
.rbx .rb-wk small{display:block;font-size:13px;font-weight:500;color:var(--blau)}
.rbx .rb-wp{margin-top:8px}
.rbx .rb-achse{position:relative}
.rbx .rb-achse span{position:absolute;right:6px;font-size:13px;color:var(--text-faint);transform:translateY(-50%)}
.rbx .rb-spalte{position:relative;border-left:1px solid var(--grau);cursor:pointer;background-color:var(--w);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--rb-h) - 1px),var(--grau) calc(var(--rb-h) - 1px),var(--grau) var(--rb-h))}
.rbx .rb-spalte.we{background-color:var(--bg)}
.rbx .rb-spalte.heute{background-color:var(--bg)}
.rbx .rb-jetzt{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--rot);z-index:2;pointer-events:none}
.rbx .rb-jetzt:before{content:"";position:absolute;left:-3px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--rot)}
.rbx .rb-block{position:absolute;z-index:1;border-radius:var(--r-feld);padding:2px 4px;font-size:13px;line-height:1.25;overflow:hidden;font-weight:700;text-align:left;box-shadow:0 1px 2px rgba(0,50,90,.2);cursor:pointer}
.rbx .rb-block small{display:block;font-weight:500;font-size:13px}
.rbx .rb-block.mine,.rbx .rb-seg.mine{box-shadow:inset 0 0 0 2px rgba(0,25,45,.6)}
.rbx .rb-tagchips{margin-bottom:14px}
.rbx .rb-tagraum{margin:0 0 16px}
.rbx .rb-tagkopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 6px}
.rbx .rb-tagkopf b{color:var(--tx);font-size:16px}
.rbx .rb-tagkopf span{font-size:13px;color:var(--mut)}
.rbx .rb-band{position:relative;height:56px;background:var(--bg);border-radius:var(--r-xs);overflow:hidden;cursor:pointer}
.rbx .rb-teil{position:absolute;top:0;bottom:0;border-left:1px solid var(--grau);pointer-events:none}
.rbx .rb-teil span{position:absolute;bottom:3px;left:4px;font-size:13px;color:var(--text-faint)}
.rbx .rb-band .rb-vor{top:0;bottom:0}
.rbx .rb-seg{position:absolute;top:3px;bottom:16px;z-index:1;border-radius:var(--r-feld);padding:4px 7px;font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-align:left;box-shadow:0 1px 2px rgba(0,50,90,.2);cursor:pointer}
.rbx .rb-auswahl{position:absolute;top:3px;bottom:16px;z-index:1;border:2px dashed var(--blau);border-radius:var(--r-feld);background:var(--bg);pointer-events:none;opacity:.95}
.rbx .rb-leistebuchen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 18px;align-items:flex-end;background:var(--bg);border-radius:var(--r-s);padding:12px 14px;color:var(--tx)}
.rbx .rb-wahl{font-size:13px;flex:1 1 260px}
.rbx .rb-bar-rechts{display:flex;flex-direction:column;gap:8px;flex:1 1 280px}
.rbx .rb-bar-rechts .feld{padding:9px 12px;font-size:13px}
.rbx .rb-bar-knoepfe{display:flex;gap:8px;flex-wrap:wrap}
.rbx .rb-bar-knoepfe .btn-cta{padding:10px 20px;font-size:13px}
.rbx .rb-bar-knoepfe .btn-zweit{background:var(--w)}
.rbx .rb-monat-wrap{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px}
.rbx .rb-mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.rbx .rb-mk{text-align:center;font-size:13px;color:var(--mut);padding:2px 0}
.rbx .rb-tk{display:block;text-align:left;border:1.5px solid transparent;background:var(--bg);border-radius:var(--r-xs);padding:4px 5px 6px;min-height:52px;color:var(--tx);cursor:pointer}
.rbx .rb-tk.sel{background:var(--bg);border-color:var(--blau)}
.rbx .rb-tk.anderer{opacity:.45}
.rbx .rb-tk.vorbei{opacity:.6}
.rbx .rb-tk.anderer.vorbei{opacity:.35}
.rbx .rb-tk.heute .rb-zahl{background:var(--navy);color:#fff;border-radius:var(--r-voll);padding:0 6px}
.rbx .rb-zahl{display:inline-block;font-size:13px;font-weight:700}
.rbx .rb-balken{display:block;height:5px;border-radius:3px;margin-top:3px}
.rbx .rb-balken.leer{background:transparent}
.rbx .rb-tagpanel{padding:2px 2px 0}
.rbx .rb-ptitel{margin:0 0 10px;font-weight:800;color:var(--tx);font-size:16px}
.rbx .rb-eintrag{display:flex;gap:8px;text-align:left;width:100%;background:none;padding:6px 4px;border-radius:var(--r-xs);color:var(--tx)}
.rbx .rb-eintrag:hover{background:var(--bg)}
.rbx .rb-strich{width:4px;border-radius:2px;flex:none}
.rbx .rb-eintrag b{display:block;font-size:13px;font-weight:700}
.rbx .rb-eintrag small{display:block;color:var(--mut);font-size:13px}
.rbx .rb-tagliste{display:grid;gap:2px}
.rbx .rb-pknoepfe{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.rbx .rb-pknoepfe .btn-cta{padding:9px 18px;font-size:13px}
.rbx .rb-meine{margin-top:6px}
.rbx .rb-liste{display:grid;gap:8px;margin-top:12px}
.rbx .rb-zeile{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;background:var(--bg);border-radius:var(--r-s);padding:10px 12px}
.rbx .rb-wann b{display:block;font-size:13px;color:var(--tx)}
.rbx .rb-wann small{display:block;font-size:13px;color:var(--mut)}
.rbx .rb-zk{display:flex;gap:8px;flex-wrap:wrap}
.rbx .rb-zk .btn-zweit{padding:8px 14px;font-size:13px;background:var(--w)}
.rbx .rb-zk .btn-zweit.danger{background:var(--badsoft)}
.rbx .rb-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:11px 18px;border-radius:var(--r-voll);font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:130;max-width:90vw;text-align:center;box-shadow:var(--schatten)}
.rbx .rb-toast.an{opacity:1;transform:translate(-50%,0)}
.rbx .rb-dlg{position:fixed;inset:0;z-index:120;background:rgba(0,22,41,.6);display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}
.rbx .rb-dlg-box{background:var(--w);color:var(--tx);border-radius:var(--r);max-width:520px;width:100%;max-height:92vh;overflow:auto;padding:22px 22px 18px;position:relative;text-align:left;box-shadow:var(--schatten)}
.rbx .rb-dlg-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.rbx .rb-dlg-kopf h3{font-size:24px;color:var(--tx);font-weight:800;margin:0}
.rbx .rb-x{width:34px;height:34px;border-radius:50%;background:var(--bg);color:var(--tx);font-size:24px;line-height:1;padding:0 0 3px;flex:none}
.rbx .rb-dlg .nfield{margin-bottom:14px}
.rbx .rb-dlg .chip{display:inline-flex;align-items:center;gap:0}
.rbx .rb-dlg .chips{margin-bottom:0}
.rbx .rb-datum{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rbx .rb-datum input{width:auto;min-width:170px}
.rbx .rb-zeiten{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rbx .rb-zeiten select{width:100%}
.rbx .rb-status{margin:0 0 14px;font-size:13px;font-weight:700;min-height:20px}
.rbx .rb-ja{color:var(--gruen)}
.rbx .rb-nein{color:var(--rot)}
.rbx .rb-dlg-fuss{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.rbx .rb-dlg-fuss .btn-cta{padding:11px 22px;font-size:16px}
.rbx .rb-d1{font-size:16px;font-weight:700;color:var(--tx);margin:0}
.rbx .rb-d2{font-size:16px;margin:4px 0 0}
.rbx .rb-d3{font-size:13px;margin:8px 0 0;color:var(--tx)}
.rbx .rb-dlg small.rb-klein{display:block;margin-top:5px}
@media(max-width:760px){.rbx .rb-monat-wrap{grid-template-columns:1fr}.rbx .rb-neu{margin-left:0}}
@media(max-width:600px){.rbx .rb-dlg{align-items:flex-end;padding:0}.rbx .rb-dlg-box{border-radius:var(--r) var(--r) 0 0;max-height:94vh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}
/* Beratungsraumbuchung: Grundbausteine, die im neuen Design anders heißen (Chips, Felder, Karten, Meldungen) */
.rbx{max-width:1100px}
.rbx *{min-width:0}
.rbx .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.rbx .chip{border:0;border-radius:var(--r-voll);background:var(--grau);color:var(--tx);padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rbx .chip.on{background:var(--navy);color:#fff}
.rbx .feld,.rbx select,.rbx input[type=date]{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 11px;width:100%}
.rbx .feld:focus,.rbx select:focus,.rbx input[type=date]:focus{outline:2px solid var(--blau);outline-offset:1px}
.rbx .nfield{margin-bottom:12px}
.rbx .nfield>label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.rbx .hinweis,.rbx .rb-klein{color:var(--mut);font-size:13px}
.rbx .meldung{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:9px 12px;margin:0 0 12px;font-size:13px}
.rbx .meldung.ok{background:var(--oksoft);color:var(--ok)}
.rbx .card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-top:var(--gap)}
.rbx .card h3{margin:0 0 10px;font-size:16px}
.rbx .rb-haken{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:6px}
.rbx .rb-raumfs{border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px;margin:0 0 12px}
.rbx .rb-raumfs legend{font-weight:700;font-size:13px;padding:0 6px}
.rbx .rb-link{border:0;background:none;color:var(--blau);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
.rbx button.mini{margin-right:6px}

/* SitLap: Erstgespräch S1 mit Datenaufnahme */
.sl{max-width:1100px}
.sl *{min-width:0}
.sl-card{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:18px 20px;margin:0 0 16px}
.sl-datenschutz{background:var(--oksoft);color:var(--tx);border-radius:var(--r-s);padding:10px 12px;margin:0 0 14px;font-size:13px}
.sl-h{margin:0 0 10px;font-size:16px}.sl-h3{margin:18px 0 8px;font-size:16px}
.sl-klein{color:var(--mut);font-size:13px;line-height:1.5}
.sl-meld{color:var(--warntx);font-size:13px;margin:0;text-align:center;flex:1}
.sl-aktion{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.sl-liste{display:grid;gap:8px}
.sl-zeile{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sl-name{flex:1;min-width:200px;text-align:left;border:0;background:var(--grau);border-radius:var(--r-s);padding:10px 12px;font:inherit;color:var(--tx);cursor:pointer;display:grid}
.sl-name small{color:var(--mut)}
.sl-weg{color:var(--bad)}
.sl-bar{height:6px;background:var(--grau);border-radius:var(--r-xs);overflow:hidden;margin:0 0 10px}
.sl-bar-i{height:100%;background:var(--lime);transition:width .3s}
.sl-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px}
.sl-kunde{font-size:13px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:10px;margin:0 0 12px}
.sl-menu button{display:flex;gap:8px;align-items:center;border:0;background:transparent;font:inherit;color:var(--tx);padding:7px 8px;border-radius:var(--r-s);cursor:pointer;text-align:left}
.sl-menu button.on{background:var(--navy);color:#fff}
.sl-menu i{font-style:normal;font-size:13px;opacity:.7;width:20px}
.sl-karte{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:26px clamp(16px,3vw,36px);min-height:380px}
.sl-t{margin:0 0 10px;font-size:24px;letter-spacing:-.01em}
.sl-sub{color:var(--mut);margin:0 0 16px}
.sl-fuss{display:flex;gap:10px;align-items:center;margin:14px 0 0}
.sl-zurueck,.sl-weiter{border:0;border-radius:var(--r-voll);font:inherit;font-weight:700;padding:11px 22px;cursor:pointer}
.sl-zurueck{background:var(--grau);color:var(--tx)}.sl-weiter{background:var(--navy);color:#fff}
.sl-link{border:0;background:none;color:var(--blau);font:inherit;cursor:pointer;padding:0 0 8px}
.sl-hero{min-height:340px;display:grid;place-content:center;text-align:center;gap:14px;background:linear-gradient(135deg,var(--navy),var(--marke-blau-2));color:#fff;border-radius:var(--r);padding:30px;margin:-26px calc(-1 * clamp(16px,3vw,36px))}
.sl-hero h1{margin:0;font-size:24px}.sl-hero small{opacity:.8;letter-spacing:.08em;text-transform:uppercase}
.sl-heroname label{display:grid;gap:6px;font-size:13px;opacity:.9}
.sl-heroname input{font:inherit;font-size:16px;padding:11px 14px;border-radius:var(--r-s);border:0;text-align:center;max-width:340px;margin:0 auto;width:100%}
.sl-hero .sl-weiter{background:var(--lime);color:var(--lime-tx);justify-self:center}
.sl-fragen{padding-left:20px;display:grid;gap:14px}.sl-q{font-weight:700;display:block;margin:0 0 4px}
.sl-fragen textarea,.sl-f input,.sl-f select,.sl-zl input,.sl-ez input,.sl-ez select,.sl-eigen input,.sl-eigen select{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 11px;width:100%;box-sizing:border-box}
.sl-fragen textarea{resize:vertical}
.sl input:focus,.sl select:focus,.sl textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
.sl-saeulen{display:flex;gap:18px;align-items:flex-end;height:260px;max-width:520px;margin:20px auto}
.sl-s{flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;font-size:13px;color:#fff;border-radius:var(--r-xs) var(--r-xs) 0 0}
.sl-s.netto{height:100%;background:var(--navy)}.sl-s.miete{height:35%;background:var(--blau)}
.sl-s.rente{height:100%;background:transparent}
.sl-s.rente .luecke{flex:1;border:2px dashed var(--bad);color:var(--bad);display:grid;place-content:center;border-radius:var(--r-xs) var(--r-xs) 0 0}
.sl-s.rente .luecke b{font-size:24px}.sl-s.rente .basis{height:60%;background:var(--mut);display:grid;place-content:center}
.sl-s>span{padding:8px}
.sl-saeule{max-width:360px;margin:10px auto;text-align:center}
.sl-giebel{background:var(--navy);color:#fff;padding:34px 18px 16px;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);font-weight:700;font-size:24px}
.sl-sockel{background:var(--grau);padding:18px;font-weight:700;margin-top:6px}
.sl-split{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:18px;align-items:start}
@media(max-width:760px){.sl-split{grid-template-columns:1fr}}
.sl-seite{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-content:flex-start}
.sl-blase{width:var(--g,90px);height:var(--g,90px);border-radius:50%;border:0;background:var(--hi);color:var(--hi-tx);display:grid;place-content:center;gap:2px;font:inherit;font-size:13px;cursor:pointer;text-align:center;padding:4px}
.sl-blase i{font-style:normal;font-size:24px}.sl-blase small{font-size:13px;opacity:.85}
.sl-blase.fertig{background:var(--oksoft);color:var(--ok)}.sl-blase.on{outline:3px solid var(--navy)}
.sl-mitte{text-align:center;padding:30px 10px}.sl-summe{font-size:16px}
.sl-edit{position:relative;background:var(--bg);border-radius:var(--r);padding:16px}
.sl-x{position:absolute;right:10px;top:10px;border:0;background:none;font-size:16px;cursor:pointer;color:var(--mut)}
.sl-kreis{display:inline-block;background:var(--navy);color:#fff;border-radius:var(--r-voll);padding:7px 16px;font-weight:700}
.sl-frage{margin:10px 0}
.sl-ez{display:grid;grid-template-columns:2fr 1.2fr auto 1.2fr auto;gap:6px;align-items:center;margin:0 0 8px}
@media(max-width:600px){.sl-ez{grid-template-columns:1fr 1fr}}
.sl-pro{color:var(--mut);font-size:13px}
.sl-wechsel{display:grid;gap:6px;margin-top:12px;background:var(--w);border-radius:var(--r-s);padding:12px}
.sl-eur{position:relative;display:block}.sl-eur input{padding-right:26px}
.sl-eur i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--mut)}
.sl-iconreihe{display:flex;flex-wrap:wrap;gap:10px;font-size:24px;justify-content:center;margin:0 0 12px}.sl-iconreihe i{font-style:normal}
.sl-tab{overflow-x:auto}.sl-tab table{border-collapse:collapse;width:100%;font-size:13px}
.sl-tab th,.sl-tab td{padding:8px 10px;border-bottom:1px solid var(--grau);text-align:right}
.sl-tab thead th{color:var(--mut);font-size:13px}.sl-tab tbody th{text-align:left}
.sl-sum th,.sl-sum td{font-weight:800;border-top:2px solid var(--navy)}
.sl-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.sl-f{display:grid;gap:4px;font-size:13px;font-weight:700;align-content:start}
.sl-f.breit{grid-column:1/-1}.sl-f>span:first-child{color:var(--mut)}.sl-pf{color:var(--bad)}
.sl-jn{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600}
.sl-jn>span{color:var(--tx)!important}
.sl-jn div{display:flex;gap:6px}
.sl-jn button,.sl-skala button{border:0;background:var(--grau);color:var(--tx);border-radius:var(--r-voll);padding:8px 18px;font:inherit;cursor:pointer}
.sl-jn button.on,.sl-skala button.on{background:var(--navy);color:#fff}
.sl-skala{display:flex;gap:8px}
.sl-zl{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;margin:0 0 8px}
.sl-konzepte{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.sl-konzepte button{border:2px solid transparent;background:var(--grau);border-radius:var(--r);padding:12px;font:inherit;color:var(--tx);display:grid;gap:2px;text-align:left;cursor:pointer}
.sl-konzepte button.on{border-color:var(--navy);background:var(--hi);color:var(--hi-tx)}
.sl-konzepte span{font-size:24px;font-weight:800}.sl-konzepte small{color:var(--mut)}
.sl-konzepte i{display:block;height:6px;background:var(--w);border-radius:var(--r-xs);margin-top:6px}.sl-konzepte u{display:block;height:100%;background:var(--navy);border-radius:var(--r-xs)}
.sl-zkopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:start}
.sl-zspalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.sl-zs{border:0;background:var(--grau);border-radius:var(--r);padding:14px;font:inherit;color:var(--tx);cursor:pointer;display:grid;gap:4px;text-align:left;min-height:130px;align-content:start}
.sl-zs small{color:var(--mut)}.sl-zi{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sl-zi i{font-style:normal;font-size:24px}
.sl-eigen{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;margin:16px 0 6px}
@media(max-width:600px){.sl-eigen{grid-template-columns:1fr}}
.sl-eigene{padding-left:18px}
.sl-ziele{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sl-ziel{border:2px solid transparent;background:var(--grau);border-radius:var(--r);padding:14px 8px;font:inherit;color:var(--tx);display:grid;gap:4px;justify-items:center;cursor:pointer}
.sl-ziel i{font-style:normal;font-size:24px}.sl-ziel.on{border-color:var(--navy);background:var(--hi);color:var(--hi-tx)}.sl-ziel small{color:var(--gold)}
.sl-pop{position:fixed;inset:auto 16px 16px 16px;max-width:360px;margin:0 auto;background:var(--w);box-shadow:0 8px 40px rgba(0,0,0,.3);border-radius:var(--r);padding:16px;text-align:center;z-index:30}
.sl-sterne{display:flex;justify-content:center;gap:8px;margin:8px 0}.sl-sterne button{border:0;background:var(--grau);border-radius:50%;width:48px;height:48px;font-size:24px;color:var(--gold);cursor:pointer}
.sl-strasse{display:grid;gap:12px}.sl-str{background:var(--grau);border-radius:var(--r);padding:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sl-str b{width:100%}.sl-str span{background:var(--w);border-radius:var(--r-voll);padding:6px 12px;font-size:13px}
.sl-zwei{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media(max-width:800px){.sl-zwei{grid-template-columns:1fr}}
.sl-rechnung{background:var(--hi);color:var(--hi-tx);border-radius:var(--r);padding:16px;position:sticky;top:12px}
.sl-rechnung h3{margin:0 0 8px}.sl-rechnung p{display:flex;justify-content:space-between;margin:6px 0}.sl-rechnung .minus b{color:var(--bad)}.sl-rechnung small{opacity:.8}
.sl-luecke{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:10px 12px;margin:12px 0}
.sl-ende{text-align:center;max-width:620px;margin:0 auto}.sl-klammer{font-size:24px}
.sl-check{list-style:none;padding:0;display:grid;gap:6px;text-align:left;max-width:320px;margin:14px auto}.sl-check .ok{color:var(--ok);font-weight:700}
.sl details.rw{margin-top:14px;font-size:13px;color:var(--mut)}
@media print{.sl-bar,.sl-kopf,.sl-fuss{display:none}}
.sl-karte.sl-f-willkommen,.sl-karte.sl-f-zielhero{padding:0;overflow:hidden}
.sl-karte.sl-f-willkommen .sl-hero,.sl-karte.sl-f-zielhero .sl-hero{margin:0;border-radius:0;min-height:440px}
.sl-eur input,.sl-edit input,.sl-edit select{font:inherit;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 11px;width:100%;box-sizing:border-box}

/* Depotstrukturanalyse */
.dp{max-width:1100px}
.dp *{min-width:0}
.dp-chips{display:flex;gap:8px;margin:0 0 14px}
.dp .chip{border:0;border-radius:var(--r-voll);background:var(--grau);color:var(--tx);padding:9px 16px;font:inherit;font-size:13px;cursor:pointer}
.dp .chip.on{background:var(--navy);color:#fff}
.dp-box{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:18px 20px;margin:0 0 16px}
.dp-box h3{margin:0 0 12px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau)}
.dp-klein,.dp-disc{color:var(--mut);font-size:13px;line-height:1.5;margin:6px 0}
.dp-warn{background:var(--badsoft);color:var(--bad);font-weight:700;font-size:13px;padding:10px 14px;border-radius:var(--r-s);margin:0 0 14px}
.dp-tg{display:flex;gap:8px;align-items:center;color:var(--mut);font-size:13px;margin:0 0 8px;cursor:pointer}
.dp-kombo{position:relative}
.dp-such,.dp-vf input{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px;width:100%;box-sizing:border-box}
.dp-such:focus,.dp-vf input:focus,.dp-fz-g input:focus{outline:2px solid var(--blau);outline-offset:1px}
.dp-dds{position:absolute;left:0;right:0;top:100%;margin-top:2px;background:var(--w);border-radius:var(--r-s);box-shadow:0 8px 30px rgba(0,0,0,.2);max-height:300px;overflow-y:auto;z-index:30}
.dp-dd{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--grau);background:none;font:inherit;color:var(--tx);padding:10px 14px;cursor:pointer}
.dp-dd:hover{background:var(--hi);color:var(--hi-tx)}.dp-dd b{display:block;font-size:13px}.dp-dd small{color:var(--mut)}
.dp-leer{padding:14px;text-align:center;color:var(--mut);font-size:13px}
.dp-summe{display:flex;justify-content:space-between;font-weight:800;border-radius:var(--r-s);padding:12px 16px;margin:12px 0;background:var(--grau)}
.dp-summe.voll{background:var(--oksoft);color:var(--ok)}.dp-summe.zuviel{background:var(--badsoft);color:var(--bad)}
.dp-akt{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.dp-fz{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:1px solid var(--grau);border-radius:var(--r-s);cursor:pointer}
.dp-fz.aktiv{background:var(--hi);color:var(--hi-tx)}
.dp-fz-info{flex:1}.dp-fz-info b a{color:inherit;text-decoration:none}.dp-fz-info small{display:block;color:var(--mut);margin-top:2px;line-height:1.4}
.dp-fz-g{flex:none;display:flex;align-items:center;gap:6px;font-weight:700}
.dp-fz-g input{width:64px;font:inherit;padding:8px 10px;border:1px solid var(--grau);border-radius:var(--r-xs);text-align:right;background:var(--bg);color:var(--tx)}
.dp-x{border:0;background:none;color:var(--bad);font-size:16px;cursor:pointer;padding:2px 4px}
.dp-vd{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--grau)}
.dp-vd small{color:var(--mut)}
.dp-vgrid{display:grid;grid-template-columns:1.6fr repeat(4,.8fr) auto;gap:8px;align-items:end}
@media(max-width:700px){.dp-vgrid{grid-template-columns:1fr 1fr}}
.dp-vf{display:grid;gap:4px;font-size:13px;color:var(--mut)}
.dp-z{display:grid;grid-template-columns:150px minmax(0,1fr) 60px;gap:10px;align-items:center;margin-bottom:9px;font-size:13px;width:100%;border:0;background:none;color:var(--tx);font-family:inherit;text-align:left;padding:0}
.dp-z.kopf{cursor:pointer;padding:4px 6px;border-radius:var(--r-xs)}.dp-z.kopf:hover{background:var(--grau)}
.dp-land{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:6px;align-items:center}
.dp-land i{font-style:normal;color:var(--blau);font-size:13px}
.dp-bar{height:16px;border-radius:var(--r-xs);background:var(--grau);overflow:hidden;display:block}
.dp-bar>span{display:block;height:100%;background:var(--blau);border-radius:var(--r-xs)}
.dp-pct{text-align:right;color:var(--mut);font-variant-numeric:tabular-nums}
.dp-unter{margin:0 0 12px 14px;padding-left:12px;border-left:2px solid var(--grau)}.dp-unter .dp-z{font-size:13px}.dp-unter .dp-land{font-weight:500}.dp-unter .dp-bar{height:12px}
.dp-kzs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.dp-kz{background:var(--grau);border-radius:var(--r);padding:14px 16px}.dp-kz b{display:block;font-size:24px}.dp-kz small{color:var(--mut)}
.dp-legende{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}
.dp-leg{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.dp-leg small{color:var(--mut)}
.dp-sw{width:12px;height:12px;border-radius:3px;flex:none}
.dp-ut{color:var(--blau);font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:16px 0 8px}
.dp-kurve svg{display:block;width:100%;height:auto}
.dp-chart{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;padding-bottom:4px}
.dp-gr{flex:1 0 130px}.dp-bw{position:relative;height:200px}
.dp-null{position:absolute;left:0;right:0;height:1px;background:var(--mut);opacity:.4}
.dp-bal{position:absolute;border-radius:3px;min-height:2px}
.dp-wert{position:absolute;font-size:13px;color:var(--mut);text-align:center;white-space:nowrap}
.dp-lab{margin-top:8px;font-size:13px;color:var(--mut);text-align:center}
.dp-tw{overflow-x:auto}.dp-t{width:100%;border-collapse:collapse;font-size:13px}
.dp-t th{background:var(--navy);color:#fff;padding:8px 10px;text-align:right}.dp-t th:first-child,.dp-t th:nth-child(2){text-align:left}
.dp-t td{padding:8px 10px;border-bottom:1px solid var(--grau);text-align:right}.dp-t td:first-child,.dp-t td:nth-child(2){text-align:left}.dp-t a{color:var(--blau);text-decoration:none}
.dp.kunde .dp-bw{height:240px}.dp.kunde .dp-leg{font-size:16px}.dp.kunde .dp-wert{font-size:13px}.dp.kunde .dp-lab{font-size:13px}
.dp.kunde .dp-z{font-size:16px;grid-template-columns:190px minmax(0,1fr) 74px}.dp.kunde .dp-bar{height:22px}.dp.kunde .dp-kz b{font-size:24px}.dp.kunde .dp-kz small{font-size:13px}

/* Kunden-PAV */
.pv{max-width:900px}
.pv *{min-width:0}
.pv-datenschutz{background:var(--oksoft);border-radius:var(--r-s);padding:10px 12px;margin:0 0 14px;font-size:13px}
.pv-aktion{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.pv-meld{color:var(--warntx);font-size:13px;margin:0 0 10px;min-height:1em}
.pv-klein{color:var(--mut);font-size:13px;line-height:1.5;margin:6px 0}
.pv-box{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:16px;margin:0 0 14px;display:grid;gap:10px}
.pv-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px}
@media(max-width:700px){.pv-form{grid-template-columns:1fr}}
.pv input,.pv select,.pv textarea{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 11px;box-sizing:border-box;width:100%}
.pv input[type=checkbox]{width:auto}
.pv input:focus,.pv select:focus,.pv textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
.pv-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:0 0 12px}
@media(max-width:700px){.pv-filter{grid-template-columns:1fr}}
.pv-summe{background:var(--hi);color:var(--hi-tx);border-radius:var(--r-s);padding:10px 14px;margin:0 0 12px}
.pv-k{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:14px 16px;margin:0 0 10px;border-left:5px solid var(--grau)}
.pv-k.st-offen{border-left-color:var(--lime)}.pv-k.st-beraten{border-left-color:var(--blau)}.pv-k.st-inaktiv{opacity:.6}
.pv-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.pv-kopf span{color:var(--mut);font-size:13px}
.pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.pv-grid label,.pv-grid>div{font-size:13px;color:var(--mut);display:grid;gap:4px;align-content:start}
.pv-grid b{color:var(--tx);font-size:13px}
.pv-fuss{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:13px}
.pv-fuss>span{flex:1 1 220px}.pv-fuss select{width:auto}
.pv-ri{display:flex;gap:6px;align-items:center}
.pv-weg{color:var(--bad)}

/* Beförderungsplanung: Rollenkriterien der nächsten Stufe */
.bef .bf-rollen .rk-liste,.bef .bf-rollen .rk-kr{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.bef .rk-z{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;background:var(--grau);border-radius:var(--r-s);padding:10px 12px}
.bef .rk-z small{grid-column:2;color:var(--mut);font-size:13px}
.bef .rk-pill{grid-row:1/3;font-size:13px;font-weight:700;border-radius:var(--r-voll);padding:3px 10px;background:var(--w);color:var(--mut);align-self:center}
.bef .rk-z.ok .rk-pill{background:var(--oksoft);color:var(--ok)}
.bef .rk-z.offen .rk-pill{background:var(--warnsoft);color:var(--warntx)}
.bef .rk-kr li{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--grau)}
.bef .rk-kr li span{font-size:13px;font-weight:700;color:var(--warntx)}
.bef .rk-kr li.ok span{color:var(--ok)}
.bef .rk-kr small{color:var(--mut);font-size:13px;line-height:1.45}

/* Wissensprüfung */
.pr .pr-pool{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--grau);border-radius:var(--r-s);padding:12px 14px;margin:0 0 8px}
.pr .pr-pool.mein{outline:2px solid var(--blau)}
.pr .pr-pool small{display:block;color:var(--mut);margin-top:2px}
.pr .pr-regeln{margin:0;padding-left:20px;display:grid;gap:6px}
.pr .pr-entwurf{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:10px 14px}
.pr .pr-offen{background:var(--hi);color:var(--hi-tx)}
.pr .pr-erg{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pr .pr-erg li{display:grid;grid-template-columns:1fr auto auto;gap:4px 12px;align-items:center;border-bottom:1px solid var(--grau);padding:8px 0}
.pr .pr-erg small{grid-column:1/-1;color:var(--mut)}
.pr .pr-pill{font-size:13px;font-weight:700;border-radius:var(--r-voll);padding:2px 10px;background:var(--grau)}
.pr .pr-pill.ok{background:var(--oksoft);color:var(--ok)}.pr .pr-pill.offen{background:var(--warnsoft);color:var(--warntx)}
.pr .pr-leiste{position:sticky;top:0;z-index:5;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:var(--r-s);padding:10px 16px;margin:0 0 12px;font-size:13px}
.pr .pr-leiste.knapp{background:var(--bad)}
.pr .pr-nr{color:var(--mut);font-size:13px;margin:0 0 4px}
.pr .pr-frage h3,.pr .pr-rev h3{margin:0 0 10px;font-size:16px}
.pr .pr-opt{display:grid;gap:6px}
.pr .pr-opt label{display:flex;gap:10px;align-items:flex-start;background:var(--grau);border-radius:var(--r-s);padding:10px 12px;cursor:pointer}
.pr .pr-opt label:has(input:checked){background:var(--hi);color:var(--hi-tx)}
.pr .pr-opt input{margin-top:3px}
.pr .pr-ergebnis{text-align:center}.pr .pr-ergebnis.ok{border-top:6px solid var(--ok)}.pr .pr-ergebnis.offen{border-top:6px solid var(--warntx)}
.pr .pr-gross{font-size:24px;margin:0 0 6px}.pr .pr-gross b{font-size:24px}
.pr .pr-rev{border-left:5px solid var(--grau);padding:8px 0 8px 14px;margin:0 0 14px}.pr .pr-rev.ok{border-left-color:var(--ok)}.pr .pr-rev.offen{border-left-color:var(--bad)}
.pr .pr-rev ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.pr .pr-rev li{padding:6px 10px;border-radius:var(--r-s);background:var(--grau)}
.pr .pr-rev li.richtig{background:var(--oksoft);color:var(--ok);font-weight:700}.pr .pr-rev li.falsch{background:var(--badsoft);color:var(--bad)}

/* Wissensprüfung: Fragenpool bearbeiten */
.pr .pr-ed-kopf{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 12px}
.pr .pr-ed label,.pr .pr-ed-f label{display:grid;gap:4px;font-size:13px;color:var(--mut);font-weight:700;margin:0 0 10px}
.pr input[type=text],.pr select,.pr textarea{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:9px 11px;width:100%;box-sizing:border-box}
.pr textarea{resize:vertical}
.pr input:focus,.pr select:focus,.pr textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
.pr .pr-ed-zahl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.pr .pr-ed-f{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:12px 16px;margin:0 0 10px}
.pr .pr-ed-f summary{cursor:pointer;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pr .pr-ed-f[open] summary{margin-bottom:12px}
.pr .pr-ed-f fieldset{border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px;margin:0 0 10px;display:grid;gap:8px}
.pr .pr-ed-f legend{font-size:13px;color:var(--mut);font-weight:700;padding:0 6px}
.pr .pr-ed-o{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.pr .pr-weg{color:var(--bad)}
.pr .pr-ed-meld{min-height:1.2em;font-size:13px;color:var(--warntx)}
.pr button[disabled]{opacity:.5;cursor:default}

/* Dashboard: Wochenplan (Vorwoche, Brücke zur Monatsplanung, eigene Wochenziele) */
.wk-vw,.wk-mp{margin:10px 0 0;font-size:13px;line-height:1.45}
.wk-vw small{display:block;color:var(--mut);margin-top:2px}
.wk-mp a{color:var(--blau);font-weight:700;text-decoration:none;white-space:nowrap}
.wk-ziele{margin-top:10px;border:0}.wk-ziele summary{font-size:13px;color:var(--blau);font-weight:700;padding:6px 0;cursor:pointer}
.wk-zgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0}
.wk-zgrid label{display:grid;gap:4px;font-size:13px;color:var(--mut);font-weight:700}
.wk-zgrid select{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:8px 10px}
.wk-ziele small{color:var(--mut);font-size:13px}

/* Wochenplanung */
.wpl{max-width:1100px}
.wpl *{min-width:0}
.wpl .wp-klein{color:var(--mut);font-size:13px;line-height:1.5;margin:6px 0}
.wpl .wp-warn{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:10px 14px;margin:0 0 12px}
.wpl .wp-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.wpl .wp-nav b{font-size:16px}.wpl .wp-stat{margin-left:auto;color:var(--mut);font-size:13px}
.wpl .wp-ziele{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:14px 18px;margin:0 0 14px}
.wpl .wp-ziele h2{margin:0 0 10px;font-size:16px}
.wpl .wp-zg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.wpl .wp-zg>div{background:var(--grau);border-radius:var(--r-s);padding:10px 12px}.wpl .wp-zg>div.ok{background:var(--oksoft);color:var(--ok)}
.wpl .wp-zg b{display:block;font-size:16px}.wpl .wp-zg small{color:var(--mut)}.wpl .wp-zg .ok small{color:inherit}
.wpl .wp-woche{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.wpl .wp-tag{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:12px 14px}
.wpl .wp-tag.heute{outline:2px solid var(--blau)}.wpl .wp-tag.leise{opacity:.75}
.wpl .wp-tag header{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0 0 8px}
.wpl .wp-tag h3{margin:0;font-size:16px}.wpl .wp-tag header span,.wpl .wp-tag header small{color:var(--mut);font-size:13px}
.wpl .wp-tag ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.wpl .wp-p{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:start;background:var(--grau);border-radius:var(--r-s);padding:8px 10px}
.wpl .wp-p.done{opacity:.65}.wpl .wp-p.done .wp-t b{text-decoration:line-through}
.wpl .wp-t small{display:block;color:var(--mut);font-size:13px}
.wpl .wp-t time{color:var(--blau);font-weight:700}
.wpl .wp-akt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.wpl .wp-weg{color:var(--bad)}
.wpl .wp-ck input{width:18px;height:18px}
.wpl .wp-neu{display:grid;grid-template-columns:84px 1fr;gap:6px}
.wpl .wp-neu select{grid-column:1/-1}.wpl .wp-neu button{grid-column:1/-1}
.wpl .wp-neu input,.wpl .wp-neu select{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:8px 10px;width:100%;box-sizing:border-box}
.wpl .wp-neu input:focus,.wpl .wp-neu select:focus{outline:2px solid var(--blau);outline-offset:1px}
.wpl .wp-block{background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);padding:12px 18px;margin:14px 0 0}
.wpl .wp-block summary{cursor:pointer;font-weight:700;color:var(--blau)}
.wpl .wp-serien{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.wpl .wp-serien li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:var(--grau);border-radius:var(--r-s);padding:8px 10px}
.wpl .wp-serien small{color:var(--mut)}
.wpl .wp-serie-neu{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.wpl .wp-serie-neu input,.wpl .wp-serie-neu select,.wpl .wp-serien select{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:8px 10px;box-sizing:border-box}
.wpl .wp-rueck{background:var(--hi);color:var(--hi-tx);border-radius:var(--r);padding:14px 18px;margin:14px 0 0}
.wpl .wp-rueck h2{margin:0 0 8px;font-size:16px}.wpl .wp-rueck p{margin:6px 0}.wpl .wp-rueck small{display:block;opacity:.85}
/* Kernprozess-Diagnose: Grafik „Das Modell“ mit Vergrößerung */
.kp .kp-bild{display:block;position:relative;width:100%;margin:0 0 8px;padding:0;border:0;border-radius:var(--r-s);overflow:hidden;background:#fff;cursor:zoom-in}
.kp .kp-bild img{display:block;width:100%;height:auto}
.kp-zoom{position:fixed;inset:0;z-index:600;background:rgba(0,14,30,.98);display:flex;flex-direction:column}
.kp-zoom .kp-zu{align-self:flex-end;margin:10px 12px;padding:10px 18px;border:0;border-radius:var(--r-voll);background:var(--lime);color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.kp-zoom-fl{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 12px 16px}
.kp-zoom-fl img{display:block;width:max(100%,1150px);height:auto;border-radius:var(--r-xs);background:#fff}
/* Lernmodule (Training). Basis sind die Klassen von Dojo und Lernpfaden (dj-, lp-); hier nur, was dazukommt. */
.lm .lm-h{font:700 16px/1.25 var(--serif);margin:24px 0 8px;color:var(--tx)}
.lm .lm-h3{font-size:16px;margin:16px 0 6px;color:var(--tx)}
.lm .lm-text{padding:var(--pad) calc(var(--pad) + 4px)}
.lm .lm-text>:first-child,.lm .lm-text>.lm-skala>:first-child,.lm .lm-ue>:first-child{margin-top:0}
.lm .lm-text p,.lm .lm-refl p,.lm .lm-praxis p{margin:0 0 12px;line-height:1.55}
.lm .lm-text ul,.lm .lm-text ol,.lm .lm-ziele,.lm .lm-fall ul{margin:0 0 14px;padding-left:22px}
.lm .lm-text li,.lm .lm-ziele li,.lm .lm-fall li{margin:5px 0;line-height:1.5}
.lm .lm-text a:not(.lm-tool),.lm .lm-info a,.lm .lm-praxis a:not(.lm-tool){color:var(--blau);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.lm .lm-tool,.lm .lm-tool *{text-decoration:none}
.lm .lm-tool-t b{font-size:16px}
.lm .lm-meta{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:6px;color:var(--mut)}
.lm .lm-meta b{color:var(--tx)}
.lm .lm-ziele{padding-left:20px}
.lm .lm-hinweis{font-size:13px;color:var(--mut);margin:14px 2px 0;line-height:1.5}
.lm .lm-merke{background:var(--hi);color:var(--hi-tx);border-radius:var(--r-s);padding:12px 14px;margin:14px 0;font-weight:600;line-height:1.5}
.lm .lm-merke.achtung{background:var(--warnsoft);color:var(--warntx)}
.lm .lm-ann{font-size:13px;color:var(--mut);border-left:3px solid var(--grau);padding:2px 0 2px 10px;margin:10px 0 12px}
.lm .lm-bsp{background:var(--bg);border-radius:var(--r-s);padding:12px 14px;margin:14px 0}
.lm .lm-bsp .lm-h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.lm .lm-bsp ul{margin:0 0 6px;padding-left:20px}
.lm .lm-bz{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--grau)}
.lm .lm-bz:first-of-type{border-top:0}
.lm .lm-bz small{font-weight:700;color:var(--mut);padding-top:1px}
.lm .lm-bz p{margin:0}
.lm .lm-tabw{overflow-x:auto;margin:10px 0 14px;border:1px solid var(--grau);border-radius:var(--r-s)}
.lm .lm-tab{border-collapse:collapse;width:100%;font-size:13px}
.lm .lm-tab th,.lm .lm-tab td{padding:9px 12px;border-bottom:1px solid var(--grau);text-align:left;vertical-align:top;font-weight:400}
.lm .lm-tab thead th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700;background:var(--bg)}
.lm .lm-tab tbody th{font-weight:700}
.lm .lm-tab tr:last-child th,.lm .lm-tab tr:last-child td{border-bottom:0}
.lm .lm-det{border:1px solid var(--grau);border-radius:var(--r-s);padding:0 14px;margin:12px 0}
.lm .lm-det>summary{cursor:pointer;font-weight:700;padding:12px 0;list-style-position:inside}
.lm .lm-det[open]>summary{border-bottom:1px solid var(--grau);margin-bottom:10px}
.lm .lm-skala{margin:0 0 10px}
.lm .lm-sk{display:grid;grid-template-columns:96px minmax(0,1fr) 30px;gap:10px;align-items:center;margin:8px 0}
.lm .lm-sk span{font-weight:700}
.lm .lm-sk input[type=range]{width:100%;accent-color:var(--blau)}
.lm .lm-sk input.leer{opacity:.45}
.lm .lm-sk output{font-weight:800;text-align:right}
.lm .lm-ue-z{border-top:1px solid var(--grau);padding:12px 0}
.lm .lm-ue-t{margin:0 0 8px;font-weight:600}
.lm .lm-ue-b{display:flex;flex-wrap:wrap;gap:8px}
.lm .lm-ue-w{border:2px solid transparent;border-radius:var(--r-s);background:var(--bg);color:var(--tx);padding:9px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.lm .lm-ue-w:hover:not(:disabled){border-color:var(--blau)}
.lm .lm-ue-w.ja{background:var(--oksoft);border-color:var(--ok);color:var(--ok);font-weight:700}
.lm .lm-ue-w.nein{background:var(--badsoft);border-color:var(--bad);color:var(--bad)}
.lm .lm-ue-w.dim{opacity:.5}
.lm .lm-ue-fb{margin:8px 0 0;font-size:13px}.lm .lm-ue-fb.ja b{color:var(--ok)}.lm .lm-ue-fb.nein b{color:var(--bad)}
.lm .lm-ue-sum{font-weight:700;margin:14px 0 8px}
.lm .lm-fall{border:1px solid var(--grau);border-radius:var(--r-s);padding:4px 14px 12px;margin:14px 0}
.lm .lm-fall .lm-h3{font-size:16px}
.lm .lm-vorschlag{background:var(--bg);border-radius:var(--r-s);padding:0 12px}
.lm .lm-vorschlag>summary{cursor:pointer;font-weight:700;padding:10px 0}
.lm .lm-paare{display:grid;gap:8px;margin:10px 0}
.lm .lm-paar{background:var(--bg);border-radius:var(--r-s);padding:12px 14px}
.lm .lm-paar b{display:block;margin-bottom:4px}
.lm .lm-paar p{margin:0}
.lm .lm-tool{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border:1.5px solid var(--blau);border-radius:var(--r);padding:14px 16px;margin:16px 0;color:var(--tx)}
.lm .lm-tool-t{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1}
.lm .lm-tool-t small{color:var(--mut);font-size:13px;line-height:1.4}
.lm .lm-tool em{font-style:normal;font-weight:700;background:var(--lime);color:var(--lime-tx);border-radius:var(--r-voll);padding:8px 16px;white-space:nowrap}
.lm .lm-rg .lm-h{font-size:16px;margin:20px 0 4px;text-transform:none}
.lm .lm-rf{display:block;margin:14px 0}
.lm .lm-rf>span{display:block;line-height:1.45}
.lm .lm-rf textarea{display:block;width:100%;margin-top:6px;font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px;resize:vertical;box-sizing:border-box}
.lm .lm-check{list-style:none;margin:8px 0 14px;padding:0}
.lm .lm-check li{margin:0}
.lm .lm-ende{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lm .lm-ende .btn{margin:0}
@media(max-width:560px){
.lm .lm-tab.stapel thead{display:none}
.lm .lm-tab.stapel,.lm .lm-tab.stapel tbody,.lm .lm-tab.stapel tr,.lm .lm-tab.stapel th,.lm .lm-tab.stapel td{display:block;width:100%}
.lm .lm-tab.stapel tr{padding:8px 0;border-bottom:1px solid var(--grau)}
.lm .lm-tab.stapel tr:last-child{border-bottom:0}
.lm .lm-tab.stapel th,.lm .lm-tab.stapel td{border:0;padding:2px 12px}
.lm .lm-tab.stapel td::before{content:attr(data-l) ': ';font-weight:700;color:var(--mut)}
}
/* 3-Konten-Budgetrechner. Alle Selektoren unter .bud, eigene Klassen mit bud-. */
.bud{max-width:1040px;--k1:#7b93ab;--k2:var(--marke-blau);--k3:var(--marke-lime)}
.bud *{min-width:0;box-sizing:border-box}
.bud [hidden]{display:none!important}
.bud .bud-grid{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:var(--gap);align-items:start}
@media(max-width:820px){.bud .bud-grid{grid-template-columns:minmax(0,1fr)}}
.bud .bud-card{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap)}
.bud .bud-eingaben{display:flex;flex-direction:column;gap:12px;margin-bottom:0}
.bud .bud-erg{display:flex;flex-direction:column}
.bud .bud-h{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mut)}
.bud .bud-feld{display:flex;flex-direction:column;gap:5px;margin:0}
.bud .bud-feld>span{font-weight:700;font-size:13px}
.bud .bud-feld small,.bud .bud-klein{color:var(--mut);font-size:13px;line-height:1.45}
.bud .bud-klein{margin:0 0 8px}
.bud input,.bud select{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px;width:100%;font-variant-numeric:tabular-nums}
.bud .bud-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bud .bud-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bud .bud-fehler,.bud .bud-status.bad{color:var(--bad)}
.bud .bud-konten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-bottom:var(--gap)}
@media(max-width:560px){.bud .bud-konten{grid-template-columns:minmax(0,1fr)}}
.bud .bud-konto{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:14px 16px;border-top:5px solid var(--c);display:flex;flex-direction:column;gap:2px}
.bud .bud-konto.k1{--c:var(--k1)}.bud .bud-konto.k2{--c:var(--k2)}.bud .bud-konto.k3{--c:var(--k3);background:var(--hi);color:var(--hi-tx)}
.bud .bud-konto small{color:inherit;opacity:.75;font-size:13px}
.bud .bud-konto b{font-size:16px}
.bud .bud-betrag{font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.bud .bud-zeile{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:8px 0}
.bud .bud-zeile b{font-size:13px;color:var(--mut)}
.bud .bud-bar{display:flex;height:22px;border-radius:var(--r-feld);overflow:hidden;background:var(--grau)}
.bud .bud-bar span{display:block;height:100%}
.bud span.k1,.bud i.k1{background:var(--k1)}.bud span.k2,.bud i.k2{background:var(--k2)}.bud span.k3,.bud i.k3{background:var(--k3)}
.bud .bud-legende{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--mut);margin:8px 0 12px}
.bud .bud-legende i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.bud .bud-legende i.paid{background:var(--k1);opacity:.7}.bud .bud-legende i.end{background:var(--k3)}
.bud .bud-tabw{overflow-x:auto}
.bud .bud-tab{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.bud .bud-tab th,.bud .bud-tab td{padding:9px 6px;border-bottom:1px solid var(--grau);text-align:right;font-weight:400;vertical-align:top}
.bud .bud-tab th:first-child{text-align:left}
.bud .bud-tab thead th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}
.bud .bud-tab tbody th{font-weight:700}
.bud .bud-tab td small{display:block;color:var(--mut);font-size:13px}
.bud .bud-tab tr.summe th,.bud .bud-tab tr.summe td{border-bottom:0;border-top:2px solid var(--grau)}
.bud .bud-status{margin:12px 0 0;padding:10px 12px;border-radius:var(--r-s);background:var(--bg);border:1px solid var(--grau);font-size:13px;line-height:1.45}
.bud .bud-status.ok{border-color:var(--ok);background:var(--oksoft);color:var(--ok)}
.bud .bud-status.bad{border-color:var(--bad);background:var(--badsoft)}
.bud .bud-prog{display:flex;flex-direction:column;gap:10px}
.bud .bud-pz{display:grid;grid-template-columns:64px minmax(0,1fr) 104px;gap:10px;align-items:center;font-size:13px}
.bud .bud-track{position:relative;height:16px;background:var(--grau);border-radius:var(--r-feld);overflow:hidden}
.bud .bud-track i{position:absolute;inset:0 auto 0 0}
.bud .bud-track i.end{background:var(--k3)}.bud .bud-track i.paid{background:var(--k1);opacity:.75}
.bud .bud-pz b{text-align:right;font-variant-numeric:tabular-nums}
.bud .bud-note{margin-top:var(--gap)}
.bud .bud-note a{color:var(--blau);font-weight:700;text-decoration:underline;text-underline-offset:2px}
/* Netzwerk-Analyse: Kopf, nummerierte Schrittleiste, Kartenoptik, Import (Datenschutz-Karte, Quellenkacheln, Ablagefläche). Alles unter .nw. */
.nw{--nw-tint:var(--bg)}
@supports(background:color-mix(in srgb,red 10%,white)){.nw{--nw-tint:color-mix(in srgb,var(--blau) 11%,var(--w))}}
.nw-eng{max-width:760px}
.nw *{min-width:0}
.nw [hidden]{display:none!important}
.nw .nw-kopf{display:flex;align-items:center;gap:12px;margin:2px 0 16px}
.nw .nw-kopf h1{margin:0;font-size:24px;line-height:1.15}
.nw .nw-kopf h1::after{display:none}
.nw .nw-kopf p{margin:3px 0 0;color:var(--mut);font-size:13px;line-height:1.4}
.nw .nw-zurueck{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--w);box-shadow:var(--schatten);color:var(--tx)}
.nw .nw-ico{flex:none;width:42px;height:42px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;background:var(--hi);color:var(--hi-tx)}
.nw .nw-schritte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px}
.nw .nw-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 2px;background:none;border:0;font:inherit;color:var(--mut);cursor:pointer}
.nw .nw-st+.nw-st::before{content:"";position:absolute;top:15px;left:calc(-50% + 20px);right:calc(50% + 20px);height:2px;background:var(--grau)}
.nw .nw-st.fertig+.nw-st::before{background:var(--blau)}
.nw .nw-nr{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--grau);background:var(--w);color:var(--mut);font-weight:800;font-size:13px}
.nw .nw-st.jetzt .nw-nr{background:var(--navy);border-color:var(--navy);color:#fff}
.nw .nw-st.fertig .nw-nr{background:var(--blau);border-color:var(--blau);color:#fff}
.nw .nw-sn{font-size:13px;font-weight:700;line-height:1.2;text-align:center}
.nw .nw-st.jetzt .nw-sn{color:var(--tx)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .nw .nw-st.jetzt .nw-nr{background:var(--lime);border-color:var(--lime);color:var(--lime-tx)}}:root[data-theme="dark"] .nw .nw-st.jetzt .nw-nr{background:var(--lime);border-color:var(--lime);color:var(--lime-tx)}
.nw .nw-st:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:var(--r-xs)}
.nw .nw-karte{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap)}
.nw .nw-karte h2{margin:0 0 6px;font-size:16px}
.nw .nw-hilfe{margin:6px 0 4px;color:var(--mut);font-size:13px;line-height:1.45}
.nw .nw-ds-kopf{display:flex;align-items:center;gap:12px}
.nw .nw-ds-kopf h2{margin:0;font-size:16px;line-height:1.3}
.nw .nw-ds-kopf h2 small{font-weight:400;color:var(--mut);font-size:13px}
.nw .nw-badge{display:inline-block;margin-left:4px;padding:2px 9px;border-radius:var(--r-voll);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;background:var(--grau);color:var(--mut)}
.nw .nw-badge.an{background:var(--nw-tint);color:var(--tx)}
.nw .nw-alle{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;cursor:pointer}
.nw input[type=checkbox]{accent-color:var(--blau)}
.nw .nw-alle input,.nw .nw-opt input{width:18px;height:18px}
.nw .nw-opt{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--grau);cursor:pointer}
.nw .nw-opt:first-of-type{margin-top:6px}
.nw .nw-opt input{flex:none;margin:2px 0 0}
.nw .nw-opt b{display:block;font-size:13px}
.nw .nw-opt small{display:block;color:var(--mut);font-size:13px;line-height:1.4}
.nw .nw-opt.fest{cursor:default}
.nw .nw-quellen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-bottom:var(--gap)}
@media(max-width:520px){.nw .nw-quellen,.nw .nw-kacheln{grid-template-columns:minmax(0,1fr)}}
.nw .nw-quellen>.nw-q:last-child:nth-child(odd){grid-column:1/-1}
.nw .nw-q{position:relative;display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--w);border:2px solid transparent;border-radius:var(--r);padding:14px 34px 14px 14px;box-shadow:var(--schatten);font:inherit;color:var(--tx);cursor:pointer}
.nw .nw-q:hover{border-color:var(--grau)}
.nw .nw-q.on{border-color:var(--blau);background:var(--nw-tint)}
.nw .nw-q b{display:block;font-size:16px}
.nw .nw-q small{display:block;margin-top:3px;color:var(--mut);font-size:13px;line-height:1.4}
.nw .nw-haken-r{position:absolute;right:12px;top:12px;color:var(--blau)}
.nw .nw-hilfe-box{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);margin-bottom:var(--gap)}
.nw .nw-hilfe-box>summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}
.nw .nw-hilfe-box>summary::-webkit-details-marker{display:none}
.nw .nw-hilfe-box b{display:block;font-size:16px}
.nw .nw-hilfe-box small{display:block;color:var(--mut);font-size:13px}
.nw .nw-chev{flex:none;color:var(--mut);transition:transform .2s}
.nw .nw-hilfe-box[open] .nw-chev{transform:rotate(180deg)}
.nw .nw-hilfe-text{padding:0 16px 8px;font-size:13px;line-height:1.5}
.nw .nw-hilfe-text p{margin:0 0 10px}
.nw .nw-imp{list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 10px;margin:18px 0}
.nw .nw-imp li{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;color:var(--mut)}
.nw .nw-imp li span{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grau);color:var(--mut);font-size:13px;font-weight:800}
.nw .nw-imp li.jetzt{color:var(--tx)}
.nw .nw-imp li.jetzt span{background:var(--navy);color:#fff}
.nw .nw-imp li.fertig span{background:var(--blau);color:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .nw .nw-imp li.jetzt span{background:var(--lime);color:var(--lime-tx)}}:root[data-theme="dark"] .nw .nw-imp li.jetzt span{background:var(--lime);color:var(--lime-tx)}
.nw .nw-imp li.pf{color:var(--mut)}
.nw .nw-drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:2px dashed var(--linie);border-radius:var(--r);padding:30px 16px;background:var(--w);cursor:pointer;margin-bottom:var(--gap)}
.nw .nw-drop:hover,.nw .nw-drop.uber{border-color:var(--blau);background:var(--nw-tint)}
.nw .nw-drop-ico{color:var(--blau);display:flex}
.nw .nw-drop b{font-size:16px}
.nw .nw-drop small{color:var(--mut);font-size:13px}
.nw .nw-datei{position:absolute;left:-9999px}
.nw .nw-datei:focus-visible+*,.nw .nw-drop:focus-within{outline:3px solid var(--blau);outline-offset:2px}
.nw .nw-lab{display:block;font-weight:700;margin-bottom:8px}
.nw .nw-lab small{display:block;font-weight:400;color:var(--mut);font-size:13px;margin-top:2px}
.nw .nw-karte textarea,.nw .nw-karte input:not([type=checkbox]){width:100%;font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:var(--r-s);padding:10px 12px;box-sizing:border-box}
.nw .nw-karte textarea{margin-bottom:10px;resize:vertical}
.nw .nw-aktionen{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.nw .nw-weg{color:var(--bad)}
.nw .nw-stand,.nw .nw-weiter{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nw .nw-stand b,.nw .nw-weiter b{display:block}
.nw .nw-stand small,.nw .nw-weiter small{display:block;color:var(--mut);font-size:13px;line-height:1.4;margin-top:2px}
.nw .nw-stand .btn,.nw .nw-weiter .btn{margin:0}
.nw .nw-meldung{margin:0 0 var(--gap)}
.nw .nw-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:var(--gap)}
.nw .nw-kachel{position:relative;display:flex;gap:10px;align-items:flex-start;background:var(--w);border:2px solid transparent;border-radius:var(--r);padding:12px 14px;box-shadow:var(--schatten);cursor:pointer}
.nw .nw-kachel>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.nw .nw-kachel>.mini{position:relative;z-index:2;flex:none}
.nw .nw-haken{flex:none;width:22px;height:22px;border-radius:var(--r-feld);border:2px solid var(--grau);color:transparent;display:flex;align-items:center;justify-content:center;margin-top:1px}
.nw .nw-kachel.on{border-color:var(--blau);background:var(--nw-tint)}
.nw .nw-kachel.on .nw-haken{background:var(--blau);border-color:var(--blau);color:#fff}
.nw .nw-kachel:focus-within{outline:3px solid var(--blau);outline-offset:2px}
.nw .nw-kachel b{display:block;font-size:16px}
.nw .nw-kachel small{display:block;color:var(--mut);font-size:13px;line-height:1.35;margin-top:2px}
.nw .nw-zeile{display:flex;gap:10px;align-items:stretch}
.nw .nw-zeile .btn{margin:0;flex:none}
/* Beförderungsplanung auf der Seite Karriere: Abschnittskopf, Monate offen zum Abwählen, Hinweis bei altem Stand. Alles unter .bef. */
.bef [hidden]{display:none!important}
.bef .bf-titel{margin-top:30px}
.bef .bf-einl{margin:-4px 0 12px;color:var(--mut);font-size:13px;line-height:1.5}
.bef .bf-alt{margin:0 0 12px;padding:10px 14px;border-radius:var(--r-s);background:var(--hi);color:var(--hi-tx);font-size:13px;line-height:1.5}
.bef .bf-monate{margin-top:10px;background:transparent;border:0;padding:0}
.bef .bf-check{display:flex;flex-wrap:wrap;gap:8px}
.bef .bf-check label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;border:1.5px solid var(--grau);border-radius:var(--r-voll);background:var(--w);min-height:36px;font-size:13px}
.bef .bf-check label:has(input:checked){border-color:var(--blau)}
.bef .bf-check b{font-weight:700}
.bef .bf-zurueck{padding:0;margin:0 0 0 6px;min-height:0}
/* Beförderungsplanung: Richtwerte, Zusatzbedingungen und der Weg bis zur obersten Stufe. Alles unter .bef. */
.bef .bf-zusatz{margin:10px 0 0;font-size:13px;color:var(--mut);line-height:1.45}
.bef .bf-quelle{margin:8px 0 0;font-size:13px;color:var(--mut);line-height:1.45;border-left:3px solid var(--grau);padding:2px 0 2px 10px}
.bef .bf-weg{margin-top:14px;background:var(--bg);border-radius:var(--r-s)}
.bef .bf-weg>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;font-weight:700;color:var(--tx);min-height:44px}
.bef .bf-weg>summary::-webkit-details-marker{display:none}
.bef .bf-weg>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s;flex:none}
.bef .bf-weg[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.bef .bf-weg-liste{padding:0 16px}
.bef .bf-weg-z{display:grid;grid-template-columns:minmax(110px,.9fr) 2fr 1.3fr;gap:4px 14px;padding:10px 0;border-top:1px solid var(--grau);font-size:13px;line-height:1.4}
.bef .bf-weg-z b{color:var(--tx)}
.bef .bf-weg-rest{color:var(--tx);font-weight:700}
.bef .bf-weg>.bf-quelle{margin:8px 16px 14px}
@media(max-width:640px){.bef .bf-weg-z{grid-template-columns:minmax(0,1fr)}}

/* SitLap: Vorteilsregal im S1 (Zuversichtsberatung, Einsparpotenziale, Einnahmen und Ausgaben, Ergebnis, Umsetzung, Export) */
.vr-klein{color:var(--mut);font-weight:400;font-size:13px}
.vr-tag{display:inline-block;background:var(--lime);color:var(--lime-tx);font-size:13px;font-weight:800;padding:3px 9px;border-radius:var(--r-voll);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;margin-left:6px}
.vr-tag.alt{background:var(--grau);color:var(--mut)}
.vr-hh{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:16px 0 0;font-size:13px;color:var(--mut)}
.vr-hh>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.vr-hh button{border:0;background:var(--grau);color:var(--tx);border-radius:var(--r-voll);padding:6px 13px;font:inherit;cursor:pointer;min-width:34px}
.vr-hh button.on{background:var(--navy);color:#fff}
.vr-tipp{background:var(--w);border-radius:var(--r-s);padding:10px 12px;margin:10px 0 0;border:2px solid transparent}
.vr-tipp.on{border-color:var(--lime)}
.vr-haken{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13px}
.vr-haken input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--navy);flex:none}
.vr-haken small{color:var(--mut)}
.vr-tipp .sl-wechsel{background:var(--bg);margin-top:10px}
.vr-wz{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.vr-wz small{display:block;color:var(--mut);font-size:13px}
@media(max-width:520px){.vr-wz{grid-template-columns:1fr}}
.vr-kach{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 14px}
.vr-k{background:var(--bg);border-radius:var(--r);padding:12px 14px}
.vr-k small{display:block;color:var(--mut);font-size:13px}
.vr-k b{font-size:24px;letter-spacing:-.01em;display:block;margin:2px 0}
.vr-k>span{font-size:13px;color:var(--mut)}
.vr-k.gruen{background:var(--oksoft)}.vr-k.gruen b{color:var(--ok)}
.vr-k.hi{background:var(--hi);color:var(--hi-tx)}.vr-k.hi small,.vr-k.hi>span{color:inherit;opacity:.8}
.vr-k.navy{background:var(--navy);color:#fff}.vr-k.navy small,.vr-k.navy>span{color:var(--on-marke-navy-leise)}
.vr-tab{overflow-x:auto;margin:0 0 6px}
.vr-tab table{border-collapse:collapse;width:100%;font-size:13px;min-width:560px}
.vr-tab th,.vr-tab td{padding:7px 8px;border-bottom:1px solid var(--grau);text-align:right;vertical-align:middle}
.vr-tab thead th{color:var(--mut);font-size:13px;font-weight:700}
.vr-tab th:first-child,.vr-tab td:first-child,.vr-tab th:nth-child(2),.vr-tab td:nth-child(2){text-align:left}
.vr-tab td input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy)}
.vr-tab .sl-eur{display:inline-block;width:116px}
.vr-tab .sl-eur input{padding:6px 24px 6px 9px;text-align:right;font-size:13px}
.vr-tab td:nth-child(2){min-width:190px}
.vr-st{font-size:13px;color:var(--mut);text-align:left!important}.vr-st.ok{color:var(--ok);font-weight:700}.vr-st.w{color:var(--warntx)}
.vr-h{margin:20px 0 8px;font-size:16px}
.vr-hoch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:700px){.vr-hoch{grid-template-columns:1fr}}
.vr-hoch>div{background:var(--bg);border-radius:var(--r);padding:12px 14px}
.vr-hoch small{color:var(--mut);display:block}.vr-hoch b{font-size:24px;display:block;margin:2px 0}.vr-hoch span{font-size:13px;color:var(--mut)}
.vr-warn{font-size:13px;background:var(--warnsoft);color:var(--warntx);padding:9px 12px;border-radius:var(--r-s);margin:10px 0 0;line-height:1.5}
.vr-warn.neutral{background:var(--bg);color:var(--mut)}
.vr-hebel2{background:var(--bg);border:2px dashed var(--grau);border-radius:var(--r);padding:12px 14px;margin:18px 0 0}
.vr-hebel2.on{border-color:var(--blau)}
.vr-hebel2>p{margin:8px 0 0;font-size:13px;color:var(--mut)}
.vr-sw{display:inline-flex;align-items:center;gap:10px;border:0;background:none;font:inherit;font-weight:700;color:var(--tx);cursor:pointer;padding:0;text-align:left}
.vr-sw i{width:42px;height:24px;border-radius:var(--r-voll);background:var(--grau);position:relative;flex:none;transition:background .2s}
.vr-sw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.vr-sw[aria-pressed=true] i{background:var(--blau)}.vr-sw[aria-pressed=true] i::after{transform:translateX(18px)}
.vr-sw em{font-style:normal;font-weight:400;color:var(--mut);font-size:13px;margin-left:6px}
.vr-sw.klein{font-size:13px}
.vr-ampel{display:inline-flex;gap:8px;align-items:center;font-weight:800;padding:3px 10px;border-radius:var(--r-voll);font-size:13px}
.vr-ampel.Kritisch{background:var(--badsoft);color:var(--bad)}.vr-ampel.Angespannt{background:var(--warnsoft);color:var(--warntx)}.vr-ampel.Solide,.vr-ampel.Stark{background:var(--oksoft);color:var(--ok)}
.vr-bal{display:grid;gap:8px;margin:8px 0 16px}
.vr-bal>div{display:grid;grid-template-columns:minmax(120px,190px) 1fr 80px;gap:10px;align-items:center;font-size:13px}
@media(max-width:520px){.vr-bal>div{grid-template-columns:1fr 70px}.vr-bal>div>i{grid-column:1/-1;order:3}}
.vr-bal i{display:block;height:16px;border-radius:var(--r-xs);background:var(--navy)}.vr-bal i.b{background:var(--blau)}.vr-bal i.l{background:var(--lime)}.vr-bal b{text-align:right}
.vr-zeile{display:grid;grid-template-columns:minmax(120px,1.2fr) 1fr;gap:6px 12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--grau);font-size:13px}
.vr-zeile>span:first-child{color:var(--mut)}
.vr-zeile .wert{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}
.vr-zeile .wert small{color:var(--mut);font-size:13px;max-width:240px;text-align:right}
.vr-zeile .sl-eur{width:150px}.vr-zeile .sl-eur input{text-align:right;padding-top:7px;padding-bottom:7px}
.vr-zeile .vr-proz{width:84px}
.vr-hin{display:block;color:var(--mut);font-size:13px;font-weight:400;line-height:1.35}
.vr-zeile.auto .wert b{background:var(--hi);color:var(--hi-tx);border-radius:var(--r-xs);padding:4px 10px;min-width:92px;text-align:right}
@media(max-width:560px){.vr-zeile{grid-template-columns:1fr}.vr-zeile .wert{justify-content:flex-start}.vr-zeile .wert small{text-align:left}}
.vr-alle{margin:10px 0 0}
.vr-zl{display:grid;grid-template-columns:minmax(120px,2fr) 118px 96px minmax(130px,1.5fr) minmax(100px,1fr) auto;gap:6px;align-items:center;margin:0 0 6px}
.vr-zl>input,.vr-zl select{font:inherit;font-size:13px;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:var(--r-s);padding:7px 9px;width:100%;box-sizing:border-box}
.vr-zl .sl-eur input{padding:7px 22px 7px 9px;font-size:13px;text-align:right}
@media(max-width:760px){.vr-zl{grid-template-columns:1fr 1fr}.vr-zl>input:first-child{grid-column:1/-1}}
.vr-konten{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}
@media(max-width:760px){.vr-konten{grid-template-columns:1fr}}
.vr-konten>div{background:var(--bg);border-radius:var(--r);padding:14px}
.vr-konten h4{margin:0 0 8px}.vr-konten p{display:flex;justify-content:space-between;gap:10px;margin:5px 0;font-size:13px}
.vr-konten p.s{border-top:2px solid var(--navy);padding-top:6px;font-weight:800}
.vr-konten p.puffer{color:var(--ok);font-weight:700}.vr-konten p.minus{color:var(--bad);font-weight:700}
.vr-leer{background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:12px 14px;margin:12px 0}
.vr-rente{background:var(--hi);color:var(--hi-tx);border-radius:var(--r-s);padding:10px 14px;margin:12px 0}
.vr-rente p{margin:4px 0 0}
.sl-ende.vr-ende{max-width:none;text-align:left}
.vr-mitte{text-align:center;max-width:620px;margin:0 auto}
.vr-ende .sl-check{max-width:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.vr-gr{background:var(--bg);font-weight:800;padding:8px 10px;border-radius:var(--r-s);margin:16px 0 0;font-size:13px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.vr-gr small{font-weight:400;color:var(--mut);margin-left:6px}
.vr-ueb{display:grid;margin:4px 0}
.vr-ueb .r{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--grau);font-size:13px}
.vr-ueb .r b{font-variant-numeric:tabular-nums;min-width:90px;text-align:right}
.vr-ueb .r input{width:18px;height:18px;accent-color:var(--navy)}
.vr-ueb .r.fertig>span,.vr-ueb .r.fertig>b{opacity:.5;text-decoration:line-through}
.vr-ueb .r.leer{opacity:.55}
.vr-fort{height:8px;background:var(--grau);border-radius:var(--r-xs);overflow:hidden;margin:6px 0}
.vr-fort i{display:block;height:100%;background:var(--lime);transition:width .2s}
@media(max-width:520px){.vr-ueb .r{grid-template-columns:24px 1fr auto}.vr-ueb .r>.mini{grid-column:2/-1;justify-self:start}}
@media(max-width:1020px){.sl-split{grid-template-columns:1fr}}
.sl-edit .sl-ez{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) auto minmax(0,1.1fr) auto}
@media(max-width:600px){
  .sl-edit .sl-ez{grid-template-columns:1fr 1fr 44px}
  .sl-edit .sl-ez>input{grid-column:1/3;grid-row:1}
  .sl-edit .sl-ez>.sl-eur{grid-column:1;grid-row:2}
  .sl-edit .sl-ez>.sl-pro{display:none}
  .sl-edit .sl-ez>select{grid-column:2/4;grid-row:2}
  .sl-edit .sl-ez>.mini,.sl-edit .sl-ez>span:last-child{grid-column:3;grid-row:1}
}

.vr-zeile .sl-eur input{padding-right:26px}
.vr-konten p b,.vr-bal b,.vr-ueb .r b{white-space:nowrap}
.vr-k b{overflow-wrap:break-word}
@media(max-width:1020px){
  .sl-zwei{grid-template-columns:1fr}
  .sl-zwei>.sl-rechnung{position:static;order:-1}
}
@media(max-width:1200px){
  .vr-zl{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
  .vr-zl>input:first-child{grid-column:1/-1}
  .vr-tab table{min-width:0;display:block}
  .vr-tab thead{display:none}
  .vr-tab tbody{display:block}
  .vr-tab tr{display:grid;grid-template-columns:30px 1fr;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--grau);align-items:center}
  .vr-tab th,.vr-tab td{display:block;border:0;padding:0;text-align:left}
  .vr-tab td:empty,.vr-tab td[colspan]{display:none}
  .vr-tab td:nth-child(2),.vr-tab th:nth-child(2){grid-column:2;font-weight:700;min-width:0}
  .vr-tab td[data-l]{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-left:40px}
  .vr-tab td[data-l]::before{content:attr(data-l);color:var(--mut);font-size:13px;font-weight:400}
  .vr-tab td.vr-st{justify-content:flex-start}
  .vr-tab tr.sl-sum{grid-template-columns:1fr}
  .vr-tab tr.sl-sum th{grid-column:1}
}

/* Finanzplan-Check: Ausrufezeichen wie im Finanzplan (rot = Pflicht, gelb = wichtig), Baum, Auswahlknöpfe. Teil von V56. */
.fp-z{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;font:800 13px/1 var(--font);font-style:normal;flex:none;vertical-align:middle}
.fp-z.rot{background:var(--bad);color:var(--w)}
.fp-z.gelb{background:var(--gelb);color:var(--gelb-tx)}
.fp-z.ok{background:var(--oksoft);color:var(--ok)}
.sl-ausruf{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font:800 13px/1 var(--font);margin-left:7px;vertical-align:middle;cursor:help}
.sl-ausruf.R{background:var(--bad);color:var(--w)}
.sl-ausruf.W{background:var(--gelb);color:var(--gelb-tx)}
.sl-f.ok .sl-ausruf,.sl-ausruf.ok,.sl-ausruf:not(.R):not(.W),.vr-lh.ok .fp-z{display:none}
.sl-leg{color:var(--mut);font-size:13px;line-height:1.7;margin:0 0 12px}
.sl-leg .sl-ausruf{margin:0 2px 0 8px;cursor:default}
.sl-leg .sl-ausruf:first-child{margin-left:0}
.sl-aus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Baum */
.fp-sum{display:flex;gap:10px;align-items:flex-start;background:var(--warnsoft);color:var(--warntx);border-radius:var(--r-s);padding:10px 14px;margin:8px 0 12px;font-size:13px;line-height:1.45}
.fp-sum.ok{background:var(--oksoft);color:var(--ok)}
.fp-sum .fp-z{margin-top:1px}
.fp-baum,.fp-baum ul{list-style:none;margin:0;padding:0}
.fp-baum ul{margin:2px 0 4px 11px;padding-left:12px;border-left:2px solid var(--grau)}
.fp-baum li{margin:2px 0}
.fp-k{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:5px 9px;border-radius:var(--r-s);font:inherit;font-size:13px;color:var(--tx);text-align:left}
button.fp-k{cursor:pointer}
button.fp-k:hover{background:var(--bg)}
.fp-k.ok b{font-weight:500;color:var(--mut)}
.fp-baum ul.fp-fehlt{margin:0 0 6px 36px;padding:0;border:0;list-style:disc;font-size:13px;color:var(--mut)}
.fp-fehlt li{margin:1px 0 1px 14px}
.fp-fehlt li.rot{color:var(--bad)}
.fp-fehlt li.gelb{color:var(--warntx)}
/* Auswahlknöpfe und Vorschläge auf der Folie Finanzielle Verhältnisse */
.sl-chips{display:flex;flex-wrap:wrap;gap:6px}
.sl-chip{border:1.5px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r-voll);padding:7px 14px;font:600 13px/1.2 var(--font);cursor:pointer}
.sl-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.sl-fv{display:grid;gap:6px;align-content:start}
.sl-vor{justify-self:start;font-size:13px}
.sl-f .sl-vor{margin-top:4px}
/* Knopf in der Kopfzeile */
.sl-fpchip{display:inline-flex;gap:6px;align-items:center;border:1.5px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r-voll);padding:4px 10px 4px 5px;font:700 13px/1 var(--font);cursor:pointer;white-space:nowrap}
.sl-fpchip.rot{border-color:var(--bad)}
.sl-fpchip.gelb{border-color:var(--gelb)}
.sl-fpchip.ok{border-color:var(--ok)}
.sl-fpchip em{font-style:normal}
.sl-kopf .mini{white-space:nowrap}
.sl-kopf>.mini,.sl-kopf>.sl-fpchip{flex:none}
.sl-kopf>.sl-kunde{flex:1 1 0;min-width:0;text-align:center}
@media(max-width:520px){.sl-fpchip em{display:none}.sl-fpchip{padding:4px 9px 4px 4px}}
/* Einnahmen und Ausgaben: Wohnsituation und Lebenshaltungskosten */
.vr-sel{font:inherit;font-size:13px;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:var(--r-s);padding:7px 9px;min-width:190px;max-width:100%}
.vr-lh{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:var(--r-s);padding:10px 12px;margin:10px 0 0;font-weight:700;font-size:13px}
.vr-lh small{display:block;font-weight:400}
.vr-lh b{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Übertragungsblatt: fehlende Pflichtfelder bleiben sichtbar */
.vr-ueb .r.fehlt{opacity:1}
.vr-ueb .r.fehlt>b{color:var(--mut)}
.vr-gr .fp-z{margin-right:2px}
.vr-ueb .r .fp-z{width:16px;height:16px;font-size:13px;margin-left:4px}
.vr-ueb .r .vr-klein{margin-left:4px}
/* Daten prüfen: Hinweise vor den Dokumenten (V59) */
.fp-dp>li{margin:4px 0 10px}
.fp-dp-t{margin:0 0 4px 40px;font-size:13px;line-height:1.5;color:var(--mut)}
.fp-dp-hk{display:flex;gap:8px;align-items:center;margin:2px 0 0 40px;font-size:13px;cursor:pointer}
.fp-dp-hk input{width:16px;height:16px;accent-color:var(--navy)}

/* Vorteilsberatung (V61): gleich große Kreise in einem ruhigen Raster, Symbole größer als die Schrift, wenige Schriftgrößen */
.sl-seite{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-content:flex-start;max-width:336px;margin:0 auto}
.sl-blase{width:104px;height:104px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:600;line-height:1.2}
.sl-blase i{font-size:24px;line-height:1;width:34px;height:34px;display:grid;place-items:center}
.sl-blase span{max-width:88px;overflow-wrap:anywhere}
.sl-blase small{font-size:13px;font-weight:700;min-height:14px;opacity:1}
.sl-blase.fertig small{color:var(--ok)}
.sl-mitte .sl-summe{font-size:16px}
.sl-iconreihe{font-size:24px;gap:12px}.sl-iconreihe i{width:32px;text-align:center}
.sl-klammer{font-size:24px;line-height:1;margin:0 0 6px}
.vr-hh{font-size:13px}
.vr-nw{white-space:nowrap}

/* Karriere (V62): die nächste Nadel in voller Farbe zeigen, nicht ausgegraut */
.buehne>div.next{opacity:1}.buehne>div.next .nadel{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}

/* Darstellung (V63): Umschalter Automatisch, Hell, Dunkel im Kontomenü und im Profil */
.theme-wahl{display:flex;gap:4px;background:var(--bg);border-radius:var(--r-xs);padding:3px}
.theme-wahl button{flex:1;border:0;background:transparent;color:var(--tx);border-radius:var(--r-xs);padding:7px 8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.theme-wahl button.on{background:var(--navy);color:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-wahl button.on{background:var(--blau);color:var(--blau-tx)}}:root[data-theme="dark"] .theme-wahl button.on{background:var(--blau);color:var(--blau-tx)}
.pop-theme{padding:8px 10px;border-bottom:1px solid var(--grau);display:grid;gap:6px}.pop-theme small{color:var(--mut);font-size:13px}
.card .theme-wahl{margin:0 0 8px}

/* Dashboard (V64): Ranglisten als eine Kachel, Aktivität als ein Knopf mit Menü */
.rang-kachel{display:flex;flex-direction:column}
.rang3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px}
.rang3 a{background:var(--bg);border-radius:var(--r-s);padding:12px 6px;text-align:center;color:var(--tx);text-decoration:none;display:grid;gap:2px}
.rang3 a:hover{outline:2px solid var(--blau);outline-offset:-2px}
.rang3 small{font-size:13px;color:var(--mut)}
.rang3 b{font-family:var(--serif);font-size:24px;line-height:1.1}
.rang3 em{font-style:normal;font-size:13px;font-weight:700;color:var(--mut)}
.rang3 em.auf{color:var(--ok)}.rang3 em.ab{color:var(--bad)}
.rang-kachel .btn{margin-top:auto}
.rang-stand{margin:0 0 10px}
.akt-menue{position:relative;display:inline-block;margin:0 0 16px}
.akt-menue>summary{list-style:none;cursor:pointer}.akt-menue>summary::-webkit-details-marker{display:none}
.akt-liste{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:240px;background:var(--w);border-radius:var(--r-s);box-shadow:var(--schatten);padding:6px;display:grid;gap:2px}
.akt-liste button{border:0;background:transparent;color:var(--tx);text-align:left;font:inherit;font-size:13px;padding:9px 12px;border-radius:var(--r-xs);cursor:pointer}
.akt-liste button:hover{background:var(--bg)}
.rang3 b.lang{font-size:16px;line-height:1.6}
.seg.rang-reiter{display:flex;width:fit-content;max-width:100%}
@media (max-width:480px){.card.fokus{padding:20px 18px}.fokus-icon{width:64px;height:64px}.fokus-icon svg{width:38px;height:38px}.fokus-text{min-width:0}}

/* Vorteilsberatung in acht Stationen (V65, Schrift und Kacheln vereinheitlicht in V66): alles unter .vb2 und .vt, Farben aus den Variablen der App.
   Nur fünf Schriftgrößen: 12 (Kennzeile in Großbuchstaben), 13 (Beschriftung, Hinweis, kleiner Knopf), 15 (Text, Eingabe, Knopf, Zwischentitel), 24 (Beträge), 28 (Titel und Hauptbetrag).
   Kacheln: immer vier nebeneinander (Handy zwei), gleiche Höhe, gleicher Innenabstand. */
.vb2{--akz:var(--navy);--rs:var(--r-s);--k:16px;max-width:1240px;margin:0 auto;font-size:16px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vb2{--akz:var(--marke-blau-2)}}:root[data-theme="dark"] .vb2{--akz:var(--marke-blau-2)}
.vb2 small,.vb2 h3,.vb2 b,.vb2 span{line-height:1.35}
/* Kopf und Stationen */
.vb2 .vb-kopf{display:flex;align-items:center;gap:12px;margin:0 0 12px;min-height:36px}
.vb2 .vb-kopf b{font-size:16px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb2 .vb-kopf .vb-knopf{margin:0;white-space:nowrap}
.vb2 .vb-meld{margin-left:auto;font-size:13px;color:var(--mut);text-align:right}
.vb2 .vb-stationen{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;background:var(--navy);border-radius:var(--r);padding:6px;overflow-x:auto;scrollbar-width:none}
.vb2 .vb-st{border:0;background:transparent;color:#fff;text-align:left;padding:8px 10px 10px;font:inherit;cursor:pointer;border-radius:var(--rs);min-width:104px;opacity:.85;display:flex;flex-direction:column}
.vb2 .vb-st small{display:block;font-size:13px;color:var(--on-marke-navy-leise)}
.vb2 .vb-st span{display:block;font-size:13px;font-weight:700;line-height:1.25;min-height:33px}
.vb2 .vb-st i{display:block;height:4px;border-radius:var(--r-xs);background:rgba(255,255,255,.18);margin-top:auto;position:relative;overflow:hidden}
.vb2 .vb-st i::after{content:"";position:absolute;inset:0;width:var(--p);background:var(--lime)}
.vb2 .vb-st.on{background:rgba(255,255,255,.12);opacity:1}
/* Raster */
.vb2 .vb-raster{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin:16px 0 0}
.vb2 .vb-inhalt{background:var(--w);border-radius:var(--r);padding:28px clamp(16px,3vw,32px);box-shadow:var(--schatten);min-height:500px;display:flex;flex-direction:column;min-width:0}
.vb2 .vb-auge{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blau);margin:0 0 8px}
.vb2 .vb-t{font:700 24px/1.2 var(--serif);margin:0 0 8px;color:var(--tx)}
.vb2 h3{font-size:16px;font-weight:700;margin:28px 0 12px;color:var(--tx)}
.vb2 .vb-sub{font-size:16px;color:var(--mut);margin:0 0 20px;max-width:640px}
.vb2 .vb-leise{color:var(--mut);font-size:13px;margin:4px 0}
.vb2 .vb-text{background:var(--bg);border-radius:var(--r);padding:var(--k);margin:16px 0 0;font-size:16px}
/* Haushalt */
.vb2 .vb-zwei{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vb2 .vb-box{background:var(--bg);border-radius:var(--r);padding:var(--k);min-width:0}
.vb2 .vb-box h3:first-child{margin-top:0}
.vb2 .vb-person{border-bottom:1px solid var(--grau);padding:0 0 12px;margin:0 0 12px}
.vb2 .vb-reihe{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;margin:0 0 8px;align-items:center}
.vb2 .vb-reihe.drei{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}
.vb2 .vb-person .vb-reihe{grid-template-columns:minmax(0,1fr) 110px 32px}
.vb2 .vb-person .vb-reihe select{grid-column:1/3}
.vb2 .vb-reihe>*{min-width:0}
/* Eingaben: überall 15 px und 42 px hoch */
.vb2 input,.vb2 select{font:inherit;font-size:16px;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:var(--rs);padding:0 12px;height:42px;width:100%}
.vb2 input:focus,.vb2 select:focus{outline:2px solid var(--blau);outline-offset:1px}
.vb2 input[type=checkbox],.vb2 input[type=range]{height:auto;padding:0;border:0;background:none;accent-color:var(--akz)}
.vb2 .vb-x{border:0;background:none;color:var(--mut);font-size:24px;line-height:1;cursor:pointer;padding:0;width:32px;height:42px}
/* Auswahl und Knöpfe */
.vb2 .vb-chips{display:flex;flex-wrap:wrap;gap:6px}
.vb2 .vb-chip{border:1px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r-voll);padding:0 14px;height:34px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.vb2 .vb-chip.on{background:var(--akz);border-color:var(--akz);color:#fff}
.vb2 .vb-knopf{border:0;background:var(--akz);color:#fff;border-radius:var(--rs);padding:0 18px;height:44px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;gap:10px;align-items:center;justify-content:center;text-align:center}
.vb2 .vb-knopf.hell{background:var(--grau);color:var(--tx)}
.vb2 .vb-knopf.klein{padding:0 14px;height:34px;font-size:13px;margin-top:4px}
.vb2 kbd{font:600 13px var(--font);border:1px solid currentColor;border-radius:var(--r-feld);padding:1px 5px;opacity:.7}
.vb2 .vb-fuss{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px}
.vb2 .vb-fuss.drei{display:grid;grid-template-columns:1fr 1fr 1.4fr}
/* Frage für Frage */
.vb2 .vb-punkte{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 20px}
.vb2 .vb-pkt{width:18px;height:6px;border-radius:var(--r-xs);border:0;background:var(--grau);cursor:pointer;padding:0}
.vb2 .vb-pkt.ja{background:var(--ok)}
.vb2 .vb-pkt.nein{background:var(--mut);opacity:.45}
.vb2 .vb-pkt.merk{background:var(--gelb)}
.vb2 .vb-pkt.akt{outline:2px solid var(--akz);outline-offset:1px}
.vb2 .vb-eingabe{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 4px}
.vb2 .vb-eur{position:relative;display:inline-block;width:180px}
.vb2 .vb-eur input{padding-right:30px;text-align:right;font-weight:700}
.vb2 .vb-eingabe .vb-eur input{font-size:24px;height:52px}
.vb2 .vb-eingabe select{width:auto;min-width:180px;height:52px}
.vb2 .vb-eur i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--mut)}
.vb2 .vb-tipp{font-size:13px;color:var(--mut);margin:16px 0 0}
.vb2 .vb-liste{display:grid;gap:6px}
.vb2 .vb-zeile{display:flex;justify-content:space-between;gap:12px;align-items:center;border:0;background:var(--bg);border-radius:var(--rs);padding:0 var(--k);min-height:44px;font:inherit;font-size:16px;color:var(--tx);text-align:left;cursor:pointer}
.vb2 .vb-zeile b{white-space:nowrap}
/* Kacheln: eine Form für alle */
.vb2 .vb-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 0}
.vb2 .vb-kachel{background:var(--bg);border-radius:var(--r);padding:var(--k);min-width:0;display:flex;flex-direction:column;gap:4px;min-height:112px}
.vb2 .vb-kachel small{font-size:13px;color:var(--mut)}
.vb2 .vb-kachel b{font-size:24px;font-weight:700;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb2 .vb-kachel span{font-size:13px;color:var(--mut);margin-top:auto}
.vb2 .vb-kachel.hi{background:var(--hi)}
.vb2 .vb-kachel.hi b,.vb2 .vb-kachel.hi small,.vb2 .vb-kachel.hi span{color:var(--hi-tx)}
.vb2 .vb-kachel.gruen{background:var(--oksoft)}
.vb2 .vb-kachel.gruen b{color:var(--ok)}
/* Balken */
.vb2 .vb-balken{display:grid;gap:10px}
.vb2 .vb-balken>div{display:grid;grid-template-columns:minmax(120px,200px) 1fr 90px;gap:12px;align-items:center;font-size:16px}
.vb2 .vb-balken i{display:block;height:10px;border-radius:var(--r-xs);background:var(--navy);width:var(--w)}
.vb2 .vb-balken b{text-align:right}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vb2 .vb-balken i{background:var(--blau)}}:root[data-theme="dark"] .vb2 .vb-balken i{background:var(--blau)}
/* Tipps */
.vb2 .vb-tippk{border:1px solid var(--grau);border-radius:var(--r);padding:var(--k);margin:0 0 10px}
.vb2 .vb-tippk.an{border-color:var(--ok);background:var(--oksoft)}
.vb2 .vb-haken{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.vb2 .vb-haken input{width:20px;height:20px;margin:0;flex:none}
.vb2 .vb-haken b{display:block;font-size:16px}
.vb2 .vb-haken small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.vb2 .vb-bezug{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0 32px}
.vb2 .vb-bezug span{background:var(--bg);border-radius:var(--r-xs);padding:4px 10px;font-size:13px}
.vb2 .vb-wert{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 0 32px}
.vb2 .vb-wert .vb-eur{width:140px}
.vb2 .vb-wert .vb-knopf.klein{margin:0}
.vb2 details.vb-mehr summary{cursor:pointer;color:var(--mut);font-size:13px;margin:0 0 10px}
/* Zielsparrate */
.vb2 .vb-ziel{background:var(--bg);border-radius:var(--r);padding:var(--k)}
.vb2 .vb-zkopf{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:16px}
.vb2 .vb-zkopf b{font-size:24px}
.vb2 .vb-zkopf input{width:180px}
.vb2 .vb-bahn{display:flex;height:14px;border-radius:var(--r-xs);background:var(--grau);overflow:hidden;margin:14px 0 10px}
.vb2 .vb-bahn i{display:block;height:100%}
.vb2 .vb-bahn .a,.vb2 .vb-leg .a{background:var(--navy)}
.vb2 .vb-bahn .b,.vb2 .vb-leg .b{background:var(--lime)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vb2 .vb-bahn .a,:root:not([data-theme="light"]) .vb2 .vb-leg .a{background:var(--blau)}}:root[data-theme="dark"] .vb2 .vb-bahn .a,:root[data-theme="dark"] .vb2 .vb-leg .a{background:var(--blau)}
.vb2 .vb-leg{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}
.vb2 .vb-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--grau);margin-right:6px}
.vb2 .vb-umschalter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
.vb2 .vb-warn{background:var(--warnsoft);color:var(--warntx);border-radius:var(--rs);padding:12px var(--k);font-size:13px;margin:16px 0 0}
/* Seitenleiste */
.vb2 .vb-seite{display:grid;gap:16px;align-content:start;min-width:0}
.vb2 .vb-haus{background:var(--navy);color:#fff;border-radius:var(--r);padding:20px}
.vb2 .vb-haus small{display:block;font-size:13px;font-weight:700;color:var(--on-marke-navy-leise);text-transform:uppercase;letter-spacing:.08em}
.vb2 .vb-haus p{margin:6px 0 16px;font-size:16px}
.vb2 .vb-frei{background:rgba(255,255,255,.08);border-radius:var(--rs);padding:var(--k);margin:0 0 12px}
.vb2 .vb-frei small{font-size:13px;font-weight:400;text-transform:none;letter-spacing:0}
.vb2 .vb-frei b{display:block;font-size:24px;margin:4px 0}
.vb2 .vb-frei span{font-size:13px;color:var(--lime)}
.vb2 .vb-frei.minus b{color:var(--rot-hell)}
.vb2 .vb-haus .z{display:flex;justify-content:space-between;margin:8px 0;font-size:16px}
.vb2 .vb-haus .n{margin-top:12px;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0}
.vb2 .vb-aktionen{display:grid;gap:8px;background:var(--w);border-radius:var(--r);padding:20px;box-shadow:var(--schatten)}
.vb2 .vb-kunde{display:grid;gap:6px;font-size:13px;color:var(--mut);margin:0 0 4px}
/* Liste der Beratungen */
.vt .vt-aktion{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.vt .vt-k{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-s);background:var(--grau);color:var(--tx);padding:0 14px;height:34px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.vt .vt-k.gross{height:44px;padding:0 18px;font-size:16px}
.vt .vt-k.haupt{background:var(--navy);color:#fff}
.vt .vt-k.weg{color:var(--bad)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vt .vt-k.haupt{background:var(--marke-blau-2)}}:root[data-theme="dark"] .vt .vt-k.haupt{background:var(--marke-blau-2)}
.vt .vt-liste{display:grid;gap:10px}
.vt .vt-zeile{background:var(--bg);border-radius:var(--r);padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.vt .vt-name{flex:1 1 240px;min-width:0;border:0;background:none;padding:0;font:inherit;color:var(--tx);text-align:left;cursor:pointer;display:grid;gap:4px}
.vt .vt-name b{font-size:16px}
.vt .vt-name small{font-size:13px;color:var(--mut)}
.vt .vt-knoepfe{display:flex;flex-wrap:wrap;gap:6px}
/* Kleinere Bildschirme */
@media (max-width:980px){.vb2 .vb-raster{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.vb2 .vb-zwei{grid-template-columns:1fr}.vb2 .vb-kacheln{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.vb2 .vb-stationen{display:flex}.vb2 .vb-st{flex:none}.vb2 .vb-fuss{flex-wrap:wrap}.vb2 .vb-knopf kbd,.vb2 .vb-tasten{display:none}.vb2 .vb-inhalt{min-height:0;padding:20px 16px}.vb2 .vb-t{font-size:24px}.vb2 .vb-kachel{min-height:104px;padding:14px}.vb2 .vb-kachel b{font-size:24px}.vb2 .vb-balken>div{grid-template-columns:minmax(0,1fr) 80px}.vb2 .vb-balken i{grid-column:1/-1;grid-row:2}.vb2 .vb-fuss.drei{grid-template-columns:1fr 1fr}.vb2 .vb-fuss.drei .vb-knopf:last-child{grid-column:1/-1;order:-1}.vb2 .vb-bezug,.vb2 .vb-wert{margin-left:0}.vt .vt-aktion .vt-k{flex:1 1 100%}.vt .vt-knoepfe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.vt .vt-knoepfe .vt-k.haupt,.vt .vt-knoepfe .vt-k.breit{grid-column:1/-1}.vt .vt-knoepfe .vt-k{height:38px;padding:0 8px}}
/* Anbieter-Links unter den Tipps (V68) */
.vb2 .vb-links{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0 32px}
.vb2 .vb-links a{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--grau);background:var(--w);color:var(--tx);border-radius:var(--r-voll);padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none}
.vb2 .vb-links a::after{content:"↗";font-weight:400;color:var(--blau)}
.vb2 .vb-links a small{font-size:13px;font-weight:400;color:var(--mut)}
.vb2 .vb-links a:hover{border-color:var(--blau)}
@media (max-width:600px){.vb2 .vb-links{margin-left:0}}
/* VP-Nummer für Empfehlungslinks (V70) */
.vt .vt-vpfeld{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.vt .vt-vpfeld input{width:140px;height:42px;font:inherit;font-size:16px;letter-spacing:.08em;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:var(--r-s);padding:0 12px}
.vt .vt-vpfeld span{font-size:13px;color:var(--mut)}
.vb2 .vb-links a.ohne-vp{border-style:dashed}
.vb2 .vb-links a.ohne-vp small{color:var(--bad)}

/* Umzug auf die Live-Seite (/app/): Umsatz und Vergütung im Team wie im Reiter „Meine Struktur“ */
.sv-uebersicht .sv-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sv-uebersicht .sv-4 div{background:var(--bg);border-radius:var(--r-s);padding:12px 14px;min-width:0}
.sv-uebersicht .sv-4 small{display:block;font-size:13px;color:var(--mut)}
.sv-uebersicht .sv-4 b{display:block;font-size:24px;color:var(--tx);white-space:nowrap}
.sv-uebersicht .sv-termine{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 4px;font-size:13px;color:var(--mut)}
.sv-uebersicht .sv-termine small{flex:1 1 100%;font-size:13px}
.sv-uebersicht .sv-termine span{display:inline-flex;align-items:baseline;gap:5px}
.sv-uebersicht .sv-termine b{font-size:16px;color:var(--tx)}
.person .sv-k{display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--grau);text-align:center}
.person .sv-k .sv-z{display:grid;gap:1px}
.person .sv-k i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.person .sv-k em{font-style:normal;font-size:13px;font-weight:700;color:var(--tx);white-space:nowrap}
.person .sv-k em small{display:inline;margin:0;font-size:13px;font-weight:400;color:var(--mut)}
.person.wurzel .sv-k{border-top-color:rgba(255,255,255,.2)}
.person.wurzel .sv-k i,.person.wurzel .sv-k em small{color:var(--on-marke-navy-leise)}
.person.wurzel .sv-k em{color:#fff}
@media (max-width:640px){.sv-uebersicht .sv-4{grid-template-columns:1fr 1fr}}

/* theme_css: umgebaut */

/* Lieferung 61 (07.11.2026): Vorteilsberatung, Zusatzangaben unter einer Frage (vb-detail) und Gegenangebot-Zeilen in Station 8 (vb-gegen) */
.vb-detail{margin:14px 0 0;padding:14px 16px;border:1px dashed var(--grau);border-radius:var(--r);background:var(--bg)}
.vb-dtitel{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--mut)}
.vb-dtitel small{font-weight:400;margin-left:6px}
.vb-dfeld{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px;align-items:center;margin:8px 0}
.vb-dfeld>span{font-size:13px;font-weight:600}
.vb-eur.klein{width:160px}
.vb-eur.klein input{height:44px;font-size:16px}
/* Lieferung 63 (07.11.2026): Auswahlliste in den Zusatzangaben (Krankenkasse, Bundesland) */
.vb-dsel{height:44px;width:100%;max-width:360px;min-width:0;padding:0 36px 0 12px;font:inherit;font-size:16px;color:var(--tx);background:var(--w) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236d6d6c' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--grau);border-radius:var(--r-xs);appearance:none;-webkit-appearance:none}
.vb-dsel:focus-visible{outline:2px solid var(--akz);outline-offset:1px}
.vb-gegen{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}
.vb-gegen .vb-leise{margin:2px 0 0}
.vb-gz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:10px 12px;border-radius:var(--r-xs);background:var(--bg);font-size:13px;line-height:1.4}
.vb-gz.plus{background:var(--oksoft)}
.vb-gz b{display:block}.vb-gz span{grid-column:1}
.vb-gz em{grid-column:2;grid-row:1/span 2;align-self:center;font-style:normal;font-weight:700;white-space:nowrap;color:var(--ok)}
.vb-gz .vb-links,.vb-gz>small{grid-column:1/-1;margin:4px 0 0}
.vb-gz>small{color:var(--mut)}
@media (max-width:600px){.vb-dfeld{grid-template-columns:1fr;gap:4px}.vb-gz{grid-template-columns:1fr}.vb-gz em{grid-column:1;grid-row:auto}}