/* Neues Design für teamzuversicht.de/app/ (Stand Lieferung 36, 02.11.2026). Liegt über css/app.css aus /app/ und ändert nur die Optik.
   Vorlage: test.teamzuversicht.de, Designlogik vom 31.10.2026 und Richtung A „Gipfelblick“: Georgia und Arial, feste Farben, Rundung 8 bis 12 px,
   Limette für Hauptaktionen, Türkis für Auswahl, weiße Karten mit feiner Linie statt Schatten, Seitenleiste mit Verlauf. */
html.dn{
  --navy:#062e4d;--blau:#009fd2;--lime:#cbdc00;--lime-tx:#092449;
  --bg:#f6fafd;--w:#ffffff;--tx:#092449;--mut:#49647a;--grau:#d7e6ee;
  --kopf:#062e4d;--kopf-tx:#ffffff;--schatten:0 0 0 1px #d7e6ee;
  --r:12px;--r-s:8px;
  --font:Arial,Helvetica,sans-serif;--serif:Georgia,"Times New Roman",serif;
  --hell-btn:#ffffff;--hell-btn-tx:#062e4d;
  --dn-flaeche2:#edf5fa;--dn-link:#007eaa;--dn-eyebrow:#005f80;--dn-linie:#24567a;
  --p-himmel:#dff1fa;--p-sonne:#cbdc00;--p-fern:#9fd6ef;--p-mitte:#5fb9e0;--p-nah:#009fd2;--p-vorn:#062e4d;--p-vorn2:#0b4570;--p-titel:#062e4d;--p-satz:#12365c;
}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]){
  --bg:#0a1827;--w:#112437;--tx:#e8eff6;--mut:#97adc1;--grau:#22405a;--kopf:#071a2b;--schatten:0 0 0 1px #22405a;
  --hell-btn:#17324a;--hell-btn-tx:#e8eff6;--dn-flaeche2:#17324a;--dn-link:#7fd4f5;--dn-eyebrow:#9fd6ef;--dn-linie:#5c84a6;
  --p-himmel:#0f2a42;--p-fern:#1d4466;--p-mitte:#245a85;--p-nah:#0b6fa0;--p-vorn:#041a2c;--p-vorn2:#08263f;--p-titel:#e8eff6;--p-satz:#c9d9e6}}
html.dn[data-theme="dark"]{
  --bg:#0a1827;--w:#112437;--tx:#e8eff6;--mut:#97adc1;--grau:#22405a;--kopf:#071a2b;--schatten:0 0 0 1px #22405a;
  --hell-btn:#17324a;--hell-btn-tx:#e8eff6;--dn-flaeche2:#17324a;--dn-link:#7fd4f5;--dn-eyebrow:#9fd6ef;--dn-linie:#5c84a6;
  --p-himmel:#0f2a42;--p-fern:#1d4466;--p-mitte:#245a85;--p-nah:#0b6fa0;--p-vorn:#041a2c;--p-vorn2:#08263f;--p-titel:#e8eff6;--p-satz:#c9d9e6}
html.dn-pruefe body{visibility:hidden}
html.dn body{font-family:var(--font);background:var(--bg)}

/* ---------- Seitenleiste ---------- */
html.dn .sb{background:linear-gradient(150deg,#073955,#002d50);padding:24px 0 22px}
html.dn .sb-logo{gap:12px;padding:0 22px 28px}
html.dn .sb-logo img{height:40px;width:40px;max-width:none;border-radius:9px}
html.dn .sb-name b{font:700 24px/1.02 var(--serif);letter-spacing:-.2px}
html.dn .sb-nav a{border-radius:0;margin:0;padding:12px 24px;color:#d5e6f3;font-weight:600}
html.dn .sb-nav a:hover{background:rgba(255,255,255,.07);color:#ffffff}
html.dn .sb-nav a.on,html.dn .sb-nav a[aria-current="page"]{background:var(--blau);color:#ffffff}
html.dn .sb-fuss{padding:0 24px}
html.dn .sb-fuss i{display:block;width:28px;height:2px;margin-bottom:12px;background:#47b4e8;border:0}
html.dn .sb-fuss .schrift{display:block;max-width:130px;font:600 13px/1.9 var(--font);letter-spacing:.32em;text-transform:uppercase;color:#cfe0ef}

/* ---------- Kopfzeile ---------- */
html.dn .tb{background:var(--w);color:var(--tx);border-bottom:1px solid var(--grau)}
html.dn .tb-logo{color:var(--tx)}
html.dn .tb-logo img{height:32px;width:32px;max-width:none;border-radius:7px}
html.dn .tb-logo b{font:700 16px/1 var(--serif)}
html.dn .tb-ic,html.dn .tb-user{color:var(--tx)}
html.dn .tb-ic .punkt{border-color:var(--w)}
html.dn .tb-suche input{border-radius:6px;border:1px solid var(--grau);background:var(--bg);color:var(--tx)}
html.dn .tb-suche input:focus{outline:3px solid var(--blau);outline-offset:1px}
html.dn .tb-user .av{background:var(--lime);color:var(--lime-tx);font-weight:700}
html.dn .tb-user .un,html.dn .tb-user .chev{display:none}

/* ---------- Leiste unten am Handy ---------- */
html.dn .tabbar{background:var(--w);border-top:1px solid var(--grau)}
html.dn .tabbar a{color:var(--mut)}
html.dn .tabbar a.on,html.dn .tabbar a[aria-current="page"]{color:#007fa9;background:var(--dn-flaeche2);border-radius:6px;margin:6px 2px}
html.dn .tabbar a.on::before,html.dn .tabbar a[aria-current="page"]::before{display:none}

/* ---------- Schrift und Seitenköpfe ---------- */
html.dn h1,html.dn h2,html.dn h3{color:var(--tx)}
html.dn h1{font-family:var(--serif);font-weight:700;letter-spacing:-.5px}
html.dn .hero h1{font-weight:700;color:var(--navy);letter-spacing:-1px}
html.dn[data-theme="dark"] .hero h1{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .hero h1{color:var(--tx)}}
html.dn .hero .gruss,html.dn .hero .eyebrow,html.dn .eyebrow,html.dn .card .label{font-size:13px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dn-link)}
html.dn .hero .sub{color:var(--mut)}
@media (min-width:900px){html.dn .hero h1{font-size:24px;line-height:1.1}}

/* ---------- Karten ---------- */
html.dn .card{border-radius:12px;box-shadow:var(--schatten);background:var(--w)}
html.dn .card .kt{font:700 24px/1.2 var(--serif);color:var(--tx)}
html.dn .card .kt svg{color:var(--blau)}

/* Wochenfokus: dunkle Kachel wie im neuen Design, Limette nur für den Knopf */
html.dn .card.fokus{background:#062e4d;color:#ffffff;box-shadow:none}
html.dn .card.fokus .label{color:#b9d3e4}
html.dn .card.fokus h2{font-family:var(--serif);color:#ffffff}
html.dn .card.fokus p{color:#dbe8f2}
html.dn .card.fokus .fokus-icon{background:rgba(255,255,255,.1)}
html.dn .card.fokus .fokus-icon svg{stroke:var(--lime);color:var(--lime)}
html.dn .card.fokus .btn,html.dn .card.fokus .btn.dunkel{background:var(--lime);color:#092449;box-shadow:none}

/* ---------- Knöpfe, Auswahl, Felder ---------- */
html.dn .btn{border-radius:6px;box-shadow:none;font-weight:700}
html.dn .btn.hell{background:var(--w);color:var(--tx);box-shadow:inset 0 0 0 1px var(--dn-linie)}
html.dn .btn.dunkel{background:var(--navy);color:#ffffff}
html.dn[data-theme="dark"] .btn.hell{background:var(--dn-flaeche2);box-shadow:none}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .btn.hell{background:var(--dn-flaeche2);box-shadow:none}}
html.dn .mini{border-radius:6px}
html.dn .seg{background:var(--dn-flaeche2);border-radius:8px}
html.dn .seg a.on,html.dn .seg button.on{background:var(--w);color:var(--tx);box-shadow:0 1px 3px rgba(0,30,60,.14);border-radius:6px}
html.dn .chip.on{background:#00517d;border-color:#00517d;color:#ffffff}
html.dn input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html.dn select,html.dn textarea{border-radius:5px}
html.dn :focus-visible{outline-color:var(--blau)}

/* ---------- Startseite: Gipfelblick ---------- */
html.dn .hero.dn-held{position:relative;display:flex;flex-direction:column;gap:8px;min-height:270px;margin:4px 0 18px;padding:24px 22px 112px;border-radius:16px;background:var(--p-himmel)}
html.dn .dn-bild{position:absolute;inset:0;overflow:hidden;border-radius:16px;pointer-events:none}
html.dn .dn-panorama{position:absolute;inset:0;width:100%;height:100%}
html.dn .dn-held>*:not(.dn-bild){position:relative;max-width:560px}
html.dn .dn-held .gruss{color:var(--dn-eyebrow)}
html.dn .dn-held h1{margin:0;color:var(--p-titel);font-size:24px;line-height:1.05}
html.dn .dn-held .sub{margin:0;font-size:16px;line-height:24px;color:var(--p-satz)}
html.dn .dn-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
html.dn .dn-knoepfe .akt-menue{margin:0}
html.dn .dn-knoepfe .akt-menue>summary.btn{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;margin:0;background:var(--lime);color:#092449;box-shadow:none}
html.dn .dn-knoepfe .akt-liste{z-index:5}
.p-sonne{fill:var(--p-sonne)}.p-fern{fill:var(--p-fern)}.p-mitte{fill:var(--p-mitte)}.p-nah{fill:var(--p-nah)}.p-vorn{fill:var(--p-vorn)}.p-vorn2{fill:var(--p-vorn2)}.p-schnee{fill:#ffffff}.p-stange{stroke:var(--p-vorn);stroke-width:3}
@media (max-width:899px){html.dn .hero.dn-held{min-height:240px;padding:20px 18px 92px}html.dn .dn-held h1{font-size:24px}}

/* ---------- A1: Seite „Mehr“ wie auf der Testseite ---------- */
html.dn .mehr-seite{display:flex;flex-direction:column;gap:18px;max-width:760px}
html.dn .mehr-kopf{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);color:var(--tx)}
html.dn .mehr-kopf img.nadel{width:56px;height:56px;margin:0;object-fit:contain}
html.dn .mehr-av{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--lime);color:var(--lime-tx);font-size:16px;font-weight:700}
html.dn .mehr-kopf>span:not(.mehr-av){display:flex;flex-direction:column;flex:1;min-width:0}
html.dn .mehr-kopf small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dn-link)}
html.dn .mehr-kopf b{font:700 24px/1.2 var(--serif)}
html.dn .mehr-kopf em{font-style:normal;color:var(--mut)}
html.dn .mg{display:flex;flex-direction:column;gap:8px}
html.dn .mg-t{margin:0;font:700 13px/16px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
html.dn .mg-l{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .mz{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--tx)}
html.dn .mz+.mz{border-top:1px solid var(--grau)}
html.dn .mz:hover{background:var(--dn-flaeche2)}
html.dn .mz-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:var(--dn-flaeche2);color:var(--blau)}
html.dn .mz-ic svg,html.dn .mz-pf,html.dn .mehr-ab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .mz-t{display:flex;flex-direction:column;flex:1;min-width:0}
html.dn .mz-t small{font-size:13px;color:var(--mut)}
html.dn .mz-pf{flex:none;color:var(--mut)}
html.dn .mg-box{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .mehr-ab{display:flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 4px;border:0;background:none;color:var(--bad);font:700 16px var(--font);cursor:pointer}
html.dn .tabbar a span{white-space:nowrap}

/* ---------- A2: Heute wie auf der Testseite ---------- */
html.dn .dn-knoepfe .btn.dn-zweit{display:inline-flex;align-items:center;min-height:46px;margin:0;padding:0 18px;background:#ffffff;color:#062e4d;box-shadow:inset 0 0 0 1.5px #062e4d}
html.dn .dn-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
html.dn .dn-kachel,html.dn .dn-raster>.card{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:20px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);color:var(--tx)}
html.dn .dn-kachel>.eyebrow{margin:0}
html.dn .dn-titel{display:block;margin:0;font:700 24px/1.15 var(--serif);color:var(--navy);overflow-wrap:break-word;hyphens:auto}
html.dn .dn-titel.klein{font-size:24px}
html.dn[data-theme="dark"] .dn-titel{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .dn-titel{color:var(--tx)}}
html.dn .dn-text{margin:0;color:var(--mut)}
html.dn .dn-k-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
html.dn .dn-k-knoepfe .btn{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 16px}
html.dn .dn-kachel.dunkel{background:#062e4d;color:#ffffff;box-shadow:none}
html.dn .dn-kachel.dunkel>.eyebrow{color:#b9d3e4}
html.dn .dn-kachel.dunkel .dn-titel{color:#ffffff}
html.dn .dn-kachel.dunkel .dn-text{color:#dbe8f2}
html.dn .dn-kachel.dunkel .btn{background:var(--lime);color:#092449;box-shadow:none}
html.dn .dn-woche{grid-row:span 2}
html.dn .dn-woche-kopf{display:flex;align-items:center;gap:14px}
html.dn .dn-woche-kopf>span{display:flex;flex-direction:column;min-width:0}
html.dn .dn-woche-kopf small{color:var(--mut)}
html.dn .dn-ring{flex:none;width:88px;height:88px}
html.dn .dn-ring-bahn{fill:none;stroke:var(--grau);stroke-width:9}
html.dn .dn-ring-teil{fill:none;stroke:var(--blau);stroke-width:9;stroke-linecap:round}
html.dn .dn-ring-zahl{font:700 24px var(--serif);fill:var(--tx)}
html.dn .dn-nadel{display:flex;align-items:center;gap:12px}
html.dn .dn-nadel img.nadel{flex:none;width:64px;height:64px;margin:0;object-fit:contain}
html.dn .dn-nadel>span{display:flex;flex-direction:column;min-width:0}
html.dn .dn-nadel small{color:var(--mut)}
html.dn .dn-raster>.rang-kachel .kt{font:700 24px/1.2 var(--serif)}
html.dn .dn-raster>.rang-kachel .btn{margin-top:auto}
@media (max-width:1100px){html.dn .dn-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){html.dn .dn-raster{grid-template-columns:1fr}html.dn .dn-woche{grid-row:auto}html.dn .dn-knoepfe{flex-wrap:nowrap}html.dn .dn-knoepfe .btn{min-height:44px;padding:0 14px;font-size:16px}}
html.dn .dn-knoepfe .btn,html.dn .dn-k-knoepfe .btn{width:auto;flex:none}
html.dn .dn-raster>.rang-kachel .btn{width:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 16px}

/* ---------- A3: Akademie mit Lernweg nach Position ---------- */
html.dn .lernweg{display:flex;flex-direction:column;gap:10px;margin:4px 0 18px;padding:20px;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .lernweg>.eyebrow{margin:0}
html.dn .lw-leiter{display:flex;gap:8px;margin:6px 0 4px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}
html.dn .lw-stufe{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:104px;padding:10px 6px;border:1px solid var(--grau);border-radius:10px;background:var(--bg);color:var(--tx);font:600 13px/1.25 var(--font);text-align:center;cursor:pointer}
html.dn .lw-stufe img.nadel{width:40px;height:40px;margin:0;object-fit:contain}
html.dn .lw-stufe small{font-size:13px;font-weight:700;color:var(--dn-link)}
html.dn .lw-stufe.geschafft{opacity:.75}
html.dn .lw-stufe.an{border-color:var(--blau);background:var(--dn-flaeche2);box-shadow:inset 0 0 0 1px var(--blau)}
html.dn .lw-stufe:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
html.dn .lw-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
html.dn .lw-karte{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--grau);border-radius:10px;background:var(--w);color:var(--tx)}
html.dn a.lw-karte:hover{border-color:var(--blau)}
html.dn .lw-karte.zu{opacity:.6}
html.dn .lw-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--dn-flaeche2);color:var(--blau)}
html.dn .lw-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .lw-txt{display:flex;flex-direction:column;min-width:0}
html.dn .lw-txt small{font-size:13px;color:var(--mut)}
html.dn .lw-txt b{overflow-wrap:break-word}
html.dn .lw-pille{padding:3px 9px;border-radius:99px;background:var(--dn-flaeche2);color:var(--mut);font-size:13px;font-weight:700;white-space:nowrap}
html.dn .lw-pille.pflicht{background:var(--lime);color:#092449}
html.dn .lw-matrix-box{margin:0 0 18px;padding:14px 18px;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .lw-matrix-box>summary{font-weight:700;color:var(--tx);cursor:pointer}
html.dn .lw-matrix{margin-top:12px;overflow-x:auto}
html.dn .lwm-zeile{display:grid;grid-template-columns:minmax(180px,1fr) repeat(6,44px);align-items:center;min-width:460px;padding:6px 0;border-top:1px solid var(--grau)}
html.dn .lwm-zeile.kopf{border-top:0;font-size:13px;font-weight:700;color:var(--mut)}
html.dn .lwm-zeile>span:not(:first-child){text-align:center;color:var(--blau)}
html.dn .lwm-zeile>span:first-child{display:flex;flex-direction:column}
html.dn .lwm-zeile small{font-size:13px;color:var(--mut)}
html.dn .lwm-zeile .danach{color:var(--mut)}
html.dn .dn-kachel-link{color:var(--tx)}
html.dn .dn-kachel-link:hover{box-shadow:0 0 0 1px var(--blau)}
html.dn .dn-mehr{margin-top:auto;font-weight:700;color:var(--dn-link)}
@media (max-width:760px){html.dn .lernweg{padding:16px}html.dn .lw-stufe{width:92px}}
html.dn .lw-stufe{width:116px}html.dn .lw-stufe span{max-width:100%;overflow-wrap:anywhere;hyphens:auto}

/* ---------- A4: Reiter im Team und „Umsatz und Vergütung“ im tecis-Design ---------- */
html.dn .dn-teamseg{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
html.dn .dn-teamseg::-webkit-scrollbar{display:none}
html.dn .dn-teamseg a{flex:none;white-space:nowrap}
html.dn .dn-reiter-oben{margin:4px 0 14px}
html.dn .uv-tc,html.dn .uv-band{--tc-himmel:#009ee3;--tc-lime:#d3d800;--tc-karte:#f4f4ee;--tc-info:#e5f5fc;--tc-titel:#00325b;--tc-text:#3c3c3b;--tc-leise:#5e5e5c;--tc-bahn:#e1e2d4;--tc-fuell:#00325b;--tc-null:#e4e5d9;--tc-null-text:#3c3c3b;--tc-zahl:#00325b;--tc-achtung:#cbcdb9;--tc-achtung-text:#00325b;--tc-av:#00325b;--tc-av-text:#ffffff;font-family:Arial,Helvetica,sans-serif}
html.dn[data-theme="dark"] :is(.uv-tc,.uv-band){--tc-karte:#13283b;--tc-info:#0e3350;--tc-titel:#ffffff;--tc-text:#e3eaf1;--tc-leise:#a7b6c4;--tc-bahn:#26425b;--tc-fuell:#cbcdb9;--tc-null:#22384b;--tc-null-text:#d2dce5;--tc-zahl:#ffffff;--tc-achtung:#3b3d32;--tc-achtung-text:#ecedde;--tc-av:#e5f5fc;--tc-av-text:#00325b}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) :is(.uv-tc,.uv-band){--tc-karte:#13283b;--tc-info:#0e3350;--tc-titel:#ffffff;--tc-text:#e3eaf1;--tc-leise:#a7b6c4;--tc-bahn:#26425b;--tc-fuell:#cbcdb9;--tc-null:#22384b;--tc-null-text:#d2dce5;--tc-zahl:#ffffff;--tc-achtung:#3b3d32;--tc-achtung-text:#ecedde;--tc-av:#e5f5fc;--tc-av-text:#00325b}}
html.dn .uv-tc{display:flex;flex-direction:column;gap:18px;color:var(--tc-text)}
html.dn .uv-tc .monat{margin:0}
html.dn .tc-motiv{display:flex;flex-direction:column;align-items:flex-start}
html.dn .tc-label{display:inline-block;padding:5px 10px 4px;background:var(--tc-himmel);color:#ffffff;font:700 13px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase}
html.dn .tc-motiv h1.tc-titel{margin:0;padding:6px 12px 7px;background:var(--tc-lime);color:#00325b;font:700 24px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0}
html.dn .tc-lead{margin:12px 0 0;max-width:56ch;font-size:16px;line-height:22px;color:var(--tc-text)}
html.dn .tc-held{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;padding:22px 24px;border-radius:8px;background:#00325b;color:#ffffff}
html.dn .tc-held-txt{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
html.dn .tc-ring{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}
html.dn .tc-ring-teil{fill:none;stroke-width:20}html.dn .tc-ring-teil.eigen{stroke:#009ee3}html.dn .tc-ring-teil.leit{stroke:#d3d800}html.dn .tc-ring-bahn{fill:none;stroke:#1d4c76;stroke-width:20}
html.dn .tc-ring-zahl{font:700 24px Arial,Helvetica,sans-serif;fill:#ffffff}html.dn .tc-ring-txt{font:400 13px Arial,Helvetica,sans-serif;fill:#cfe3f1}
html.dn .tc-leg{display:flex;flex-direction:column;gap:14px;align-self:stretch}
html.dn .tc-leg-z{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:center}
html.dn .tc-leg-z>i{width:14px;height:14px;border-radius:3px}html.dn .tc-leg-z>i.eigen{background:#009ee3}html.dn .tc-leg-z>i.leit{background:#d3d800}
html.dn .tc-leg-z>span{display:flex;flex-direction:column;min-width:0;font-weight:700}
html.dn .tc-leg-z small{font-weight:400;font-size:13px;color:#cfe3f1}
html.dn .tc-leg-z>b{display:flex;flex-direction:column;align-items:flex-end;font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}
html.dn .tc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html.dn .tc-stat{display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;border-radius:8px;background:var(--tc-info)}
html.dn .tc-stat b{font-size:24px;line-height:1.1;color:var(--tc-zahl);font-variant-numeric:tabular-nums;white-space:nowrap}
html.dn .tc-stat small{font-size:13px;color:var(--tc-leise)}
html.dn .tc-termine{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;border-radius:8px;background:var(--tc-karte);color:var(--tc-leise);font-size:13px}
html.dn .tc-termine>span:first-child{font-weight:700;color:var(--tc-titel)}
html.dn .tc-termine b{margin-right:4px;font-size:16px;color:var(--tc-titel);font-variant-numeric:tabular-nums}
html.dn .tc-abschnitt{display:flex;flex-direction:column;gap:12px}
html.dn .tc-h2{margin:0;font:700 24px/1.25 Arial,Helvetica,sans-serif;color:var(--tc-titel)}
html.dn .tc-unter{margin:-6px 0 0;font-size:13px;line-height:20px;color:var(--tc-leise)}
html.dn .tc-klein{margin:0;font-size:13px;color:var(--tc-leise)}
html.dn .tc-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
html.dn .tc-karte{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:8px;background:var(--tc-karte);color:var(--tc-text)}
html.dn .tc-k-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
html.dn .tc-k-kopf>span:last-child{display:flex;flex-direction:column;min-width:0}
html.dn .tc-k-kopf b{color:var(--tc-titel);overflow-wrap:anywhere}html.dn .tc-k-kopf small{font-size:13px;color:var(--tc-leise)}
html.dn .tc-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tc-av);color:var(--tc-av-text);font-size:13px;font-weight:700}
html.dn .tc-k-vol{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
html.dn .tc-k-vol b{font-size:24px;color:var(--tc-zahl);font-variant-numeric:tabular-nums}html.dn .tc-k-vol small{font-size:13px;color:var(--tc-leise)}
html.dn .tc-balken{display:block;height:6px;border-radius:99px;background:var(--tc-bahn);overflow:hidden}html.dn .tc-balken i{display:block;height:100%;border-radius:99px;background:var(--tc-fuell)}
html.dn .tc-pill{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;padding:8px 14px;border-radius:999px;background:var(--tc-lime);color:#00325b;font-variant-numeric:tabular-nums}
html.dn .tc-pill b{font-size:16px;white-space:nowrap}html.dn .tc-pill small{margin-left:auto;font-size:13px;font-weight:700}
html.dn .tc-pill.null{background:var(--tc-null);color:var(--tc-null-text)}html.dn .tc-pill.null small{font-weight:400}
html.dn .tc-achtung{display:flex;flex-direction:column;gap:2px;margin:0;padding:10px 12px;border-radius:6px;background:var(--tc-achtung);color:var(--tc-achtung-text)}html.dn .tc-achtung small{font-size:13px}
html.dn .tc-disclaimer{margin:0;font-size:13px;line-height:19px;font-style:italic;color:var(--tc-leise)}
html.dn .uv-band{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 var(--gap);padding:18px;border-radius:8px;background:#00325b;color:#ffffff}
html.dn .uv-band>div{flex:1;min-width:200px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
html.dn .uv-band-titel{display:block;margin-top:4px;font-size:24px;line-height:1.15;font-weight:700;color:#ffffff}
html.dn .uv-band p{margin:0;font-size:13px;line-height:20px;color:#cfe3f1}
html.dn .btn.tc-cta{display:inline-flex;align-items:center;width:auto;min-height:46px;margin:0;padding:0 18px;border:0;background:#d3d800;color:#00325b;font-weight:700;box-shadow:none}
@media(max-width:760px){html.dn .tc-held{grid-template-columns:1fr;gap:18px;padding:20px 18px}html.dn .tc-ring{max-width:180px}html.dn .tc-motiv h1.tc-titel{font-size:24px}
  html.dn .tc-stats{grid-template-columns:1fr;gap:8px}html.dn .tc-stat{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 14px}html.dn .tc-stat b{font-size:24px}}
html.dn .tc-pill small{color:#00325b}html.dn .tc-pill.null small{color:var(--tc-null-text)}html.dn .tc-achtung small{color:inherit}

/* ---------- A5: Checklisten je Position und Rundgang (wie test.teamzuversicht.de) ---------- */
html.dn .uv-tc{--tc-rahmen:#c9d2da;--tc-karte-hover:#ebebe1}
html.dn[data-theme="dark"] .uv-tc{--tc-rahmen:#2a4a66;--tc-karte-hover:#1a3349}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .uv-tc{--tc-rahmen:#2a4a66;--tc-karte-hover:#1a3349}}
html.dn .ckl{gap:14px}
html.dn .ckl>.back{align-self:flex-start;margin:0}
html.dn .btn.dn-kl{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;margin:0;padding:0 16px;font-size:13px}
html.dn .ckl>.btn{align-self:flex-start}
html.dn .ck-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap}
html.dn .ck-kopf small{font-size:13px;color:var(--tc-leise);font-variant-numeric:tabular-nums}
html.dn .ck-h3{font-size:16px;color:var(--tc-titel)}
html.dn .ck-summe{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;border-radius:8px;background:var(--tc-info)}
html.dn .ck-summe b{font-size:24px;color:var(--tc-zahl);font-variant-numeric:tabular-nums}html.dn .ck-summe small{font-size:13px;color:var(--tc-leise)}
html.dn .ck-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}
html.dn .ck-zeile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-radius:8px;background:var(--tc-karte);color:var(--tc-text);text-decoration:none}
html.dn .ck-zeile:hover,html.dn .ck-punkt:not(.lese):hover{background:var(--tc-karte-hover)}
html.dn .ck-z-txt{display:flex;flex-direction:column;gap:4px;min-width:0}html.dn .ck-z-txt b{color:var(--tc-titel)}
html.dn .ck-z-txt small{font-size:13px;color:var(--tc-leise);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html.dn .ck-stand{font-size:13px;font-weight:700;color:var(--tc-titel);white-space:nowrap;font-variant-numeric:tabular-nums}
html.dn .ck-stand.voll{padding:3px 10px;border-radius:99px;background:var(--tc-lime);color:#00325b}
html.dn .ck-person-kopf{display:flex;align-items:center;gap:12px}
html.dn .ck-person-kopf>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
html.dn .ck-person-kopf .ck-name{margin:0;font:700 24px/1.2 Arial,Helvetica,sans-serif;color:var(--tc-titel);overflow-wrap:anywhere}html.dn .ck-person-kopf small{font-size:13px;color:var(--tc-leise)}
html.dn .tc-av.gross{flex:none;width:52px;height:52px;font-size:16px}
html.dn .ck-punkte{display:flex;flex-direction:column;gap:2px;border-radius:8px;overflow:hidden}
html.dn .ck-punkt{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;width:100%;margin:0;padding:12px 14px;border:0;border-radius:0;background:var(--tc-karte);color:var(--tc-text);font:inherit;text-align:left;cursor:pointer}
html.dn .ck-punkt.lese{cursor:default}
html.dn .ck-box{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--tc-rahmen);border-radius:7px;background:var(--w)}
html.dn .ck-punkt[aria-checked="true"] .ck-box,html.dn .ck-punkt.ja .ck-box{border-color:var(--tc-lime);background:var(--tc-lime)}
html.dn .ck-box svg{width:16px;height:16px;opacity:0}html.dn .ck-punkt[aria-checked="true"] .ck-box svg,html.dn .ck-punkt.ja .ck-box svg{opacity:1}
html.dn .ck-p-txt{display:flex;flex-direction:column;gap:3px;min-width:0}html.dn .ck-p-txt b{color:var(--tc-titel);overflow-wrap:anywhere}html.dn .ck-p-txt small{font-size:13px;color:var(--tc-leise)}
html.dn .ck-medaille{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
html.dn .ck-medaille span{padding:2px 9px;border-radius:99px;background:var(--tc-null);color:var(--tc-null-text);font-size:13px;font-weight:700}
html.dn .ck-medaille span.ziel{background:var(--tc-av);color:var(--tc-av-text)}
html.dn .ckl details{border:0;border-radius:8px;background:var(--tc-info)}
html.dn .ckl details>summary{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;font-weight:700;color:var(--tc-titel);cursor:pointer;list-style:none}
html.dn .ckl details>summary::-webkit-details-marker{display:none}
html.dn .ckl details>summary::after{content:"";flex:none;width:8px;height:8px;margin-top:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
html.dn .ckl details[open]>summary::after{transform:rotate(-135deg);margin-top:9px}
html.dn .ckl details>summary>span:last-of-type{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
html.dn .ckl details>.ck-punkte{margin:0 8px 8px}
html.dn .ck-gruppe-titel{margin:8px 14px 4px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tc-leise)}
html.dn .ck-leer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:8px;background:var(--tc-karte)}html.dn .ck-leer b{color:var(--tc-titel)}
html.dn .ck-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
html.dn .ckl .tc-achtung{display:block;font-size:13px;line-height:20px}
html.dn .ck-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}html.dn .ck-chips::-webkit-scrollbar{display:none}
html.dn .ck-chips button{flex:none;min-height:36px;padding:0 12px;border:0;border-radius:99px;background:var(--tc-karte);color:var(--tc-titel);font-size:13px;font-weight:700;cursor:pointer}
html.dn .ck-chips button[aria-pressed="true"]{background:var(--tc-lime);color:#00325b}
html.dn .ck-e-liste{display:flex;flex-direction:column;gap:6px}
html.dn .ck-e-punkt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--tc-karte);color:var(--tc-titel)}
html.dn .ck-e-punkt>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
html.dn .ck-e-knoepfe{display:flex;gap:4px;flex:none}
html.dn .ck-e-knoepfe button{width:34px;height:34px;border:0;border-radius:6px;background:var(--w);color:var(--tc-titel);font:700 16px/1 Arial,Helvetica,sans-serif;cursor:pointer}
html.dn .ck-e-knoepfe button:disabled{opacity:.35;cursor:default}
html.dn .ck-form{display:flex;flex-wrap:wrap;gap:8px;flex:1;margin:0}
html.dn .ck-form input{flex:1;min-width:180px;min-height:44px;margin:0;padding:0 12px;border:1px solid var(--tc-rahmen);border-radius:6px;background:var(--w);color:var(--tx);font:inherit}
html.dn .ck-form .btn{min-height:44px}
html.dn .ckl :is(.ck-zeile,.ck-punkt,.ck-chips button,.ck-e-knoepfe button):focus-visible{outline:3px solid var(--tc-himmel);outline-offset:2px}
html.dn .ck-ich{margin-top:var(--gap,18px)}
@media(max-width:760px){html.dn .ck-liste{grid-template-columns:1fr}html.dn .ck-e-punkt{flex-wrap:wrap}}
html.dn button.mz{width:100%;margin:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
html.dn button.mz:focus-visible{outline:3px solid var(--blau);outline-offset:-3px}
html.dn .dn-toast{position:fixed;z-index:95;left:50%;bottom:88px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 14px;border-radius:10px;background:var(--tx);color:var(--bg);font-size:13px;line-height:20px;font-weight:700;box-shadow:0 8px 24px rgba(4,20,36,.25)}
@media(min-width:900px){html.dn .dn-toast{bottom:28px}}
html.dn .rg-overlay{position:fixed;inset:0;z-index:90}
html.dn .rg-overlay.mitte{display:grid;place-items:center;padding:16px;background:rgba(4,20,36,.55)}
html.dn .rg-ring{position:fixed;border-radius:12px;box-shadow:0 0 0 3px var(--lime),0 0 0 9999px rgba(4,20,36,.55);transition:top .25s,left .25s,width .25s,height .25s;pointer-events:none}
html.dn .rg-karte{position:fixed;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 32px));padding:18px;border-radius:12px;background:var(--w);color:var(--tx);box-shadow:0 12px 36px rgba(4,20,36,.3)}
html.dn .rg-overlay.mitte .rg-karte{position:static;width:min(400px,100%)}
html.dn .rg-karte h2{margin:0;font:700 24px/1.2 var(--serif);color:var(--tx)}html.dn .rg-karte p{margin:0;font-size:16px;line-height:22px}
html.dn .rg-schritt{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut)}
html.dn .rg-punkte{display:flex;gap:5px}html.dn .rg-punkte i{width:7px;height:7px;border-radius:99px;background:var(--grau)}html.dn .rg-punkte i.war{background:var(--mut)}html.dn .rg-punkte i.an{width:18px;background:var(--lime)}
html.dn .rg-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}html.dn .rg-knoepfe>span{flex:1}
html.dn .rg-knoepfe .btn{display:inline-flex;align-items:center;width:auto;min-height:44px;margin:0;padding:0 16px}
html.dn .rg-leise{min-height:44px;padding:0 4px;border:0;background:none;color:var(--mut);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
html.dn .rg-karte :is(button):focus-visible{outline:3px solid var(--blau);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html.dn .rg-ring{transition:none}}

/* ---------- A6: Werkzeuge wie die Praxis der Testseite, Admin-Seite ---------- */
html.dn .dn-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.dn .f-blau{--wz-farbe:#009fd2;--wz-ic-tx:#ffffff}
html.dn .f-lime{--wz-farbe:#cbdc00;--wz-ic-tx:#092449}
html.dn .f-navy{--wz-farbe:#062e4d;--wz-ic-tx:#ffffff}
html.dn .f-hell{--wz-farbe:#4fb5d8;--wz-ic-tx:#062e4d}
html.dn .f-fav{--wz-farbe:#cbdc00;--wz-ic-tx:#092449}
html.dn[data-theme="dark"] .f-navy{--wz-farbe:#3d6f99}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .f-navy{--wz-farbe:#3d6f99}}
html.dn .tk-such{margin:0 0 4px}
html.dn .tk-such .suche{border-radius:8px;max-width:520px}
html.dn .wz-band{margin:16px 0 0;padding:18px;border:1px solid var(--grau);border-top:6px solid var(--wz-farbe);border-radius:12px;background:var(--w)}
html.dn .wz-kopf{display:flex;align-items:center;gap:14px}
html.dn .wz-band>.wz-raster{margin-top:14px}
html.dn .wz-kopf>div{min-width:0}
html.dn .wz-kopf-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--wz-farbe);color:var(--wz-ic-tx)}
html.dn .wz-kopf-ic svg,html.dn .wz-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .wz-kopf h2{margin:0;font:700 24px/1.15 var(--serif);color:var(--tx);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
html.dn .wz-kopf p{margin:3px 0 0;font-size:13px;line-height:20px;color:var(--mut)}
html.dn .wz-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
html.dn .wz-k{position:relative;display:flex;min-width:0;height:auto;padding:0;margin:0;overflow:visible;background:none;box-shadow:none}
html.dn .wz-a{flex:1;display:flex;align-items:center;gap:14px;min-width:0;min-height:78px;padding:12px 14px 12px 12px;border:1px solid var(--grau);border-radius:12px;background:var(--w);color:var(--tx);text-decoration:none}
html.dn .wz-a:hover{box-shadow:0 0 0 2px var(--blau);border-color:transparent}
html.dn .wz-a:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
html.dn .wz-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--wz-farbe);color:var(--wz-ic-tx)}
html.dn .wz-t{display:flex;flex-direction:column;gap:3px;min-width:0}
html.dn .wz-t b{font:700 16px/1.25 var(--serif);color:var(--tx);overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}
html.dn .wz-t small{font-size:13px;line-height:18px;color:var(--mut)}
html.dn .wz-ext{font-family:var(--font);font-weight:400;color:var(--mut)}
html.dn .wz-k .tk-fav{top:4px;right:4px;width:36px;height:36px;font-size:24px}
html.dn .wz-k .tk-fav:focus-visible{outline:3px solid var(--blau);outline-offset:0}
@media(max-width:600px){html.dn .wz-band{padding:14px}html.dn .wz-kopf h2{font-size:24px}html.dn .wz-raster{grid-template-columns:1fr}}
html.dn .dn-admin-karte{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:12px;background:#062e4d;color:#ffffff}
html.dn .dn-admin-karte>.eyebrow{color:#b9d3e4}
html.dn .dn-admin-karte .dn-titel{color:#ffffff}
html.dn .dn-admin-karte .dn-text{margin:0;color:#dbe8f2}
html.dn .dn-admin-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0;padding:0;list-style:none}
html.dn .dn-admin-chips li{padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.12);color:#ffffff;font-size:13px;font-weight:700}
html.dn .btn.dn-admin-btn{display:inline-flex;align-items:center;width:auto;min-height:46px;margin:6px 0 0;padding:0 18px;background:var(--lime);color:#092449;box-shadow:none}
/* Merge-Paket 1 (02.11.2026): Meetings fallen ins Auge (große Marine-Kachel, Titel in der Titelschrift, Gruppen als Blöcke), Events eigene Karte in Blau */
html.dn .inf-meetings .inf-mt,html.dn .inf-events .inf-mt{gap:16px;padding:14px 0}
html.dn .inf-meetings .inf-dt,html.dn .inf-events .inf-dt{width:58px;padding:9px 0 8px;border-radius:12px;color:#ffffff}
html.dn .inf-meetings .inf-dt{background:var(--navy)}html.dn .inf-events .inf-dt{background:var(--blau)}
html.dn .inf-meetings .inf-dt b,html.dn .inf-events .inf-dt b{font-size:24px;line-height:1;margin:2px 0}
html.dn .inf-meetings .inf-dt small,html.dn .inf-events .inf-dt small{font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
html.dn .inf-mt .inf-mtitel{display:block;font:700 16px/1.2 var(--serif);color:var(--navy)}
html.dn .inf-events .inf-mtitel{color:var(--tx)}
html.dn .inf-mt.aus .inf-dt{background:var(--grau);color:var(--mut)}html.dn .inf-mt.aus .inf-mtitel{color:var(--mut);text-decoration:line-through}
html.dn .inf-grs{margin-top:10px;gap:8px}
html.dn .inf-gr{padding:8px 10px 9px;border-radius:10px;background:var(--dn-flaeche2);border-left:3px solid var(--blau)}
html.dn .inf-gr small{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--dn-eyebrow)}
html.dn .inf-gr span{font-weight:600}
html.dn .inf-events a.inf-klein{display:inline-block;margin-top:4px;color:var(--dn-link);font-weight:700}
html.dn[data-theme="dark"] .inf-mt .inf-mtitel{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .inf-mt .inf-mtitel{color:var(--tx)}}
/* Merge-Paket 3 (02.11.2026): Reiter Standort und Plattform */
html.dn .std-kopf .sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html.dn .std-pille{display:inline-block;padding:3px 10px;border-radius:99px;font-size:13px;font-weight:700;background:var(--dn-flaeche2);color:var(--navy)}
html.dn .std-pille.laeuft{background:#e2f4e9;color:#23864d}html.dn .std-pille.vorbereitet{background:var(--dn-flaeche2);color:var(--navy)}html.dn .std-pille.beantragt{background:#fff3c4;color:#7a6400}html.dn .std-pille.geschlossen{background:var(--grau);color:var(--mut)}
html.dn .std-wahl{margin-top:10px}
html.dn .std-mg-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}html.dn .std-mg-kopf .mg-t{margin:0}html.dn .std-ubr-leit{font:400 13px/1.3 var(--font);color:var(--mut)}
html.dn .std-zeile{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--w);border-top:1px solid var(--grau)}html.dn .std-zeile:first-child{border-top:0}html.dn .std-zeile .mz-t{flex:1;min-width:0}html.dn .std-zeile .mz-t b{display:block;font-weight:700}html.dn .std-zeile .mz-t small{display:block;color:var(--mut);font-size:13px}
html.dn .std-av{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--dn-flaeche2);color:var(--navy);font-size:13px;font-weight:700}html.dn .std-av.navy{background:var(--navy);color:#fff}
html.dn .std-antrag{background:#fffaf0;border-left:3px solid #e8a200}html.dn .std-knoepfe{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
html.dn .btn.std-btn{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:40px;padding:0 14px;background:var(--lime);color:#092449;box-shadow:none;font-size:13px}
html.dn .std-st .std-pille{margin-right:4px}
html.dn .std-ueber .dn-k-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
html.dn .std-daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:start}html.dn .std-daten>div{display:flex;flex-direction:column;gap:3px}html.dn .std-daten small{color:var(--mut);font-size:13px}html.dn .std-daten .mini,html.dn .std-daten .hint{grid-column:1/-1}
html.dn .std-sheet{display:flex;flex-direction:column;gap:12px;padding:12px 18px 22px;max-height:88vh;overflow:auto}html.dn .std-sheet-t{margin:4px 0 2px;font:700 24px/1.2 var(--serif);color:var(--navy)}
html.dn .std-sheet .fld{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut)}html.dn .std-sheet .fld input,html.dn .std-sheet .fld select{min-height:46px;padding:0 12px;border:1px solid var(--grau);border-radius:6px;font:inherit;font-size:16px;color:var(--tx);background:var(--w)}
html.dn .std-sheet-fuss{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}html.dn .std-sheet .fehler{color:#c0392b;font-weight:600;margin:0}html.dn .std-sheet .hint{margin:0;color:var(--mut)}
html.dn .std-ohne{max-height:52vh;overflow:auto;border:1px solid var(--grau);border-radius:10px}html.dn .std-mini-sel{min-height:38px;padding:0 8px;border:1px solid var(--grau);border-radius:6px;background:var(--w);color:var(--tx);font:inherit;font-size:13px;max-width:46%}
html.dn[data-theme="dark"] .std-pille.laeuft{background:#12351f;color:#58c487}html.dn[data-theme="dark"] .std-pille.beantragt{background:#3a3410;color:#f2dd7a}html.dn[data-theme="dark"] .std-antrag{background:#2a2410}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .std-pille.laeuft{background:#12351f;color:#58c487}html.dn:not([data-theme="light"]) .std-pille.beantragt{background:#3a3410;color:#f2dd7a}html.dn:not([data-theme="light"]) .std-antrag{background:#2a2410}}
/* Merge-Paket 3, Schritt 2 (02.11.2026): Meetingplan je Standort */
html.dn .mp-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}html.dn .mp-schalter{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx)}html.dn .mp-schalter input{width:18px;height:18px}
html.dn .mp-tabelle{overflow-x:auto;background:var(--w);border-radius:12px;box-shadow:var(--schatten)}html.dn .mp-tabelle table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:560px}
html.dn .mp-tabelle th{text-align:left;padding:10px 12px;background:var(--dn-flaeche2);color:var(--dn-eyebrow);font-size:13px;letter-spacing:.05em;text-transform:uppercase}html.dn .mp-tabelle th:first-child{border-radius:12px 0 0 0}html.dn .mp-tabelle th:last-child{border-radius:0 12px 0 0}
html.dn .mp-tabelle td{padding:10px 12px;border-bottom:1px solid var(--grau);vertical-align:top}html.dn .mp-tabelle tr:last-child td{border-bottom:0}html.dn .mp-tabelle tr.vergangen{opacity:.55}html.dn .mp-dt{width:84px}html.dn .mp-akt{width:120px;text-align:right}
html.dn .mp-tabelle .dt{display:inline-flex;flex-direction:column;align-items:center;width:52px;padding:6px 0 5px;border-radius:10px;background:var(--navy);color:#fff;line-height:1.05}html.dn .mp-tabelle .dt b{font-size:24px}html.dn .mp-tabelle .dt small{font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.9}html.dn .mp-tabelle .dt.sonder{background:var(--blau)}html.dn .mp-tabelle .dt.aus{background:var(--grau);color:var(--mut)}
html.dn .mp-tabelle .meta{margin:4px 0 0;color:var(--mut);font-size:13px;line-height:1.5}
html.dn .mp-tabelle .zelle{display:flex;flex-direction:column;gap:3px;min-height:54px;padding:8px 10px;border-radius:8px;background:var(--dn-flaeche2);border-left:3px solid var(--blau);cursor:pointer}html.dn .mp-tabelle .zelle[onclick]:hover{box-shadow:0 0 0 1px var(--blau)}html.dn .mp-tabelle .zelle:not([onclick]){cursor:default}
html.dn .mp-tabelle .zelle b{font-size:13px}html.dn .mp-tabelle .zelle small{color:var(--mut)}html.dn .mp-tabelle .zelle.leer{justify-content:center;align-items:center;border:1px dashed var(--grau);border-left:1px dashed var(--grau);background:transparent;color:var(--mut);font-size:13px}html.dn .mp-tabelle .zelle.sonder{border-left-color:var(--lime)}
html.dn .mp-tabelle .tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:13px;font-weight:700}html.dn .mp-tabelle .tag.sonder{background:var(--lime);color:#092449}html.dn .mp-tabelle .tag.aus{background:#fff3c4;color:#7a6400}html.dn .mp-tabelle .tag.alle{background:var(--navy);color:#fff}
html.dn .mp-ein{padding:16px}
html.dn .std-sheet.mp-breit{width:min(720px,100%)}html.dn .mp-zeile{display:grid;grid-template-columns:1fr 1fr;gap:10px}html.dn .mp-zeile.drei{grid-template-columns:1fr 1fr 1.4fr}
html.dn .mp-reihe,html.dn .mp-spur{display:flex;flex-direction:column;gap:10px;margin:0;padding:12px 14px;border:1px solid var(--grau);border-radius:10px}html.dn .mp-reihe legend,html.dn .mp-spur legend{padding:0 6px;font:700 13px/1 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--dn-eyebrow)}
html.dn .mp-anzahl{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700}html.dn .mp-anzahl .seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--dn-flaeche2)}html.dn .mp-anzahl .seg button{min-width:44px;min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--mut);font:700 16px var(--font)}html.dn .mp-anzahl .seg button.on{background:var(--navy);color:#fff}
html.dn .mp-eigen{display:flex;flex-direction:column;gap:10px}html.dn .mp-gruppe{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:var(--dn-flaeche2)}html.dn .mp-gruppe .mp-g-name{min-height:40px;padding:0 10px;border:1px solid var(--grau);border-radius:6px;font:inherit;font-size:16px;background:var(--w);color:var(--tx)}
html.dn .mp-g-pos{display:flex;flex-wrap:wrap;gap:6px}html.dn .mp-g-pos .chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;cursor:pointer}html.dn .mp-g-pos .chip input{width:14px;height:14px;margin:0}
html.dn .mp-mehr{border:1px solid var(--grau);border-radius:10px;padding:10px 14px}html.dn .mp-mehr summary{cursor:pointer;font-weight:700}html.dn .mp-mehr>*:not(summary){margin-top:10px}
html.dn .mini.mp-del{color:#c0392b}
@media (max-width:600px){html.dn .mp-zeile,html.dn .mp-zeile.drei{grid-template-columns:1fr}html.dn .mp-akt{display:none}}
/* Ansicht für Administratoren: Banner und Auswahl */
html.dn .dn-sicht{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fff3c4;color:#5a4300;font-size:13px;font-weight:600}html.dn .dn-sicht-k{display:flex;gap:8px;flex-wrap:wrap}
html.dn .std-sichten{display:flex;flex-direction:column;gap:8px}html.dn .std-sicht{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--grau);border-radius:10px;background:var(--w);cursor:pointer}html.dn .std-sicht.an,html.dn .std-sicht:has(input:checked){border-color:var(--blau);box-shadow:inset 0 0 0 1px var(--blau);background:#f2fafd}html.dn .std-sicht input{width:18px;height:18px;margin-top:2px}html.dn .std-sicht b{display:block}html.dn .std-sicht small{color:var(--mut)}
html.dn[data-theme="dark"] .dn-sicht{background:#3a3410;color:#f2dd7a}html.dn[data-theme="dark"] .std-sicht.an,html.dn[data-theme="dark"] .std-sicht:has(input:checked){background:#17324a}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .dn-sicht{background:#3a3410;color:#f2dd7a}html.dn:not([data-theme="light"]) .std-sicht.an,html.dn:not([data-theme="light"]) .std-sicht:has(input:checked){background:#17324a}}

/* ---------- Heute wie auf der Testseite (Lieferung 18) ---------- */
html.dn .dn-pflicht{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;padding:16px 20px;border-radius:12px;background:#fff6d6;color:#3a3410;text-decoration:none}
html.dn .dn-pflicht b{font:700 16px/1.25 var(--serif)}html.dn .dn-pflicht small{color:#6b5a14}
html.dn .dn-pille{display:inline-flex;align-items:center;align-self:flex-start;height:24px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600;background:#f2dd7a;color:#3a3410}
html.dn .dn-liste{margin:0 0 16px}
html.dn .dn-kopfzeile{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
html.dn .dn-kopfzeile>.eyebrow{margin:0}html.dn .dn-kopfzeile small{color:var(--mut);white-space:nowrap}
html.dn .dn-link{font-weight:600;color:var(--dn-link);text-decoration:none;white-space:nowrap}html.dn .dn-kachel.dunkel .dn-link{color:#cfe6f5}
html.dn .dn-kachel.dn-block{margin:0 0 16px}
html.dn .schritte{display:flex;flex-direction:column}
html.dn .schritt{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;border-top:1px solid var(--dn-linie);color:inherit;text-decoration:none}
html.dn .schritte>.schritt:first-child{border-top:0}
html.dn .schritt .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}html.dn .schritt .txt b{font-size:16px;line-height:22px;font-weight:600}html.dn .schritt .txt small{font-size:13px;line-height:20px;color:var(--mut)}
html.dn .schritt .haken{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--dn-linie);color:transparent;font-size:13px}
html.dn .schritt.erledigt .haken{background:var(--lime);border-color:var(--lime);color:var(--lime-tx)}
html.dn .schritt.erledigt .txt b{color:var(--mut);text-decoration:line-through}
html.dn .kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
html.dn .kz{min-width:0;display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:10px;background:var(--dn-flaeche2)}
html.dn .kz b{font:700 24px/30px var(--serif);font-variant-numeric:tabular-nums;color:var(--navy)}html.dn .kz small{font-size:13px;line-height:16px;color:var(--mut)}
html.dn .dn-kachel.dunkel .kz{background:rgba(255,255,255,.1)}html.dn .dn-kachel.dunkel .kz b{color:#fff}html.dn .dn-kachel.dunkel .kz small{color:#b9d3e4}
html.dn .dn-raster.dn-zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
html.dn .dn-abschnitt{display:flex;flex-direction:column;gap:12px;margin:0 0 16px}
html.dn .dn-abschnitt-titel{margin:0;font:700 24px/1.2 var(--serif);color:var(--navy)}
html.dn .lernreihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
html.dn .lernkarte{display:flex;align-items:center;gap:14px;min-width:0;padding:12px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);color:var(--tx);text-decoration:none}
html.dn .lernkarte:hover{box-shadow:0 0 0 2px var(--blau)}
html.dn .lernkarte img,html.dn .lk-bild{width:56px;height:80px;flex:none;object-fit:cover;border-radius:8px}
html.dn .lk-bild{display:grid;place-items:center;background:var(--blau);color:#fff}html.dn .lk-bild svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .lernkarte>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
html.dn .lernkarte small{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut)}html.dn .lernkarte b{font:700 16px/1.25 var(--serif);color:var(--navy)}
html.dn .lernkarte.farbig{background:var(--dn-flaeche2);box-shadow:none}
html.dn[data-theme="dark"] .kz b,html.dn[data-theme="dark"] .dn-abschnitt-titel,html.dn[data-theme="dark"] .lernkarte b{color:var(--tx)}
html.dn[data-theme="dark"] .dn-pflicht{background:#3a3410;color:#f2dd7a}html.dn[data-theme="dark"] .dn-pflicht small{color:#d9c766}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .kz b,html.dn:not([data-theme="light"]) .dn-abschnitt-titel,html.dn:not([data-theme="light"]) .lernkarte b{color:var(--tx)}html.dn:not([data-theme="light"]) .dn-pflicht{background:#3a3410;color:#f2dd7a}html.dn:not([data-theme="light"]) .dn-pflicht small{color:#d9c766}}
@media (max-width:899px){html.dn .dn-raster.dn-zwei{grid-template-columns:minmax(0,1fr)}html.dn .kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Startweg (Lieferung 19) ---------- */
html.dn .stw-punkte{display:flex;gap:5px;margin:2px 0}
html.dn .stw-punkte i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.28)}
html.dn .stw-punkte i.bestaetigt{background:var(--lime)}html.dn .stw-punkte i.gemeldet{background:#f2dd7a}html.dn .stw-punkte i.zurueck{background:#ff9f7a}
html.dn .stw-zurueck{display:block;padding:10px 12px;border-radius:10px;background:#f2dd7a;color:#3a3410;font-weight:600;text-decoration:none}
html.dn .stw-seite{display:flex;flex-direction:column;gap:16px}
html.dn .hero.dn-held.stw-held{min-height:0;padding-bottom:28px}
html.dn .stw-kopf{display:flex;align-items:center;gap:12px;color:var(--p-satz)}html.dn .stw-kopf .stw-punkte i{background:rgba(255,255,255,.3)}
html.dn .stw-pfeil{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff}html.dn .stw-pfeil svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .stw-text{margin:0;font-size:16px;line-height:26px}
html.dn .stw-liste{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:24px}
html.dn .stw-feld{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--dn-linie);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit;font-size:16px;line-height:24px;resize:vertical}
html.dn .stw-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
html.dn .stw-zahlen label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mut)}
html.dn .stw-zahlen input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--dn-linie);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit;font-size:16px}
html.dn .stw-pille{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600}
html.dn .stw-pille.ok{background:var(--lime);color:var(--lime-tx)}html.dn .stw-pille.wartet{background:#f2dd7a;color:#3a3410}html.dn .stw-pille.zurueck{background:#ff9f7a;color:#3a1a10}
html.dn .stw-zitat{margin:0;padding:8px 14px;border-left:3px solid var(--blau);font-style:italic}
html.dn .stw-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}html.dn .stw-nav .btn{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 16px}
html.dn .stw-schritte{padding:4px 16px;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .stw-seite .schritt .haken,html.dn .stw-person .schritt .haken{color:var(--mut);font-size:13px;font-weight:700}
html.dn .stw-seite .schritt.bestaetigt .haken,html.dn .stw-person .schritt.bestaetigt .haken{color:var(--lime-tx)}
html.dn .schritt.gemeldet .haken{border-color:#f2dd7a;background:#f2dd7a;color:#3a3410!important}html.dn .schritt.zurueck .haken{border-color:#ff9f7a;background:#ff9f7a;color:#3a1a10!important}
html.dn .stw-person .schritt{align-items:flex-start}html.dn .stw-person .dn-kopfzeile>span{display:flex;flex-direction:column;min-width:0}
html.dn .stw-aktionen{display:flex;flex-wrap:wrap;gap:6px;flex:none;justify-content:flex-end}html.dn .stw-aktionen .btn{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0 12px;font-size:13px}
html.dn .stw-zurueckform{display:flex;flex-direction:column;gap:8px;margin-top:8px}
html.dn .stw-auf{border:0;background:none;font:inherit;font-weight:600;color:var(--dn-link);cursor:pointer;white-space:nowrap}
html.dn .stw-person .dn-kopfzeile .btn{display:inline-flex;align-items:center;flex:none;width:auto;min-height:40px;margin:0;padding:0 14px;white-space:nowrap}
html.dn .stw-person .dn-kopfzeile{align-items:center}
html.dn .stw-feier{position:relative;overflow:hidden}html.dn .stw-feier .dn-nadel small{color:#dbe8f2}
html.dn .stw-feier>.k1,html.dn .stw-feier>.k2,html.dn .stw-feier>.k3{position:absolute;border-radius:3px}
html.dn .stw-feier>.k1{top:18px;right:30px;width:10px;height:10px;background:var(--lime);transform:rotate(20deg)}html.dn .stw-feier>.k2{top:46px;right:88px;width:8px;height:8px;border-radius:50%;background:var(--blau)}html.dn .stw-feier>.k3{top:90px;right:22px;width:7px;height:14px;background:#7fbbdc;transform:rotate(-30deg)}
@media (max-width:899px){html.dn .stw-person .schritt{flex-wrap:wrap}html.dn .stw-aktionen{width:100%;justify-content:flex-start;padding-left:40px}}

/* ---------- Gastkonto (Lieferung 20) ---------- */
html.dn .std-knoepfe{display:flex;gap:8px;flex-wrap:wrap}
html.dn .gast-qr-box{display:grid;place-items:center;padding:12px;border-radius:12px;background:#fff}
html.dn .gast-qr{display:block;max-width:100%;height:auto}
html.dn .gast-link{width:100%;box-sizing:border-box;margin:10px 0;padding:10px 12px;border:1px solid var(--dn-linie);border-radius:10px;background:var(--bg);color:var(--tx);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
html.dn .gast-av{background:#f2dd7a;color:#3a3410}
html.dn .gast-zeile.abgelaufen .gast-av{background:#ff9f7a;color:#3a1a10}
html.dn .gast-aktionen{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
html.dn .gast-aktionen .mini.leise{background:none;color:var(--mut)}
html.dn .gast-knapp b{font:700 24px/1.25 var(--serif)}
html.dn .gast-sperre{margin:0 0 16px}
html.dn .std-knoepfe .std-btn.hell{background:var(--dn-flaeche2);color:var(--tx);opacity:1}
html.dn .gast-zeile{flex-wrap:wrap}html.dn .gast-zeile .gast-aktionen{width:100%;justify-content:flex-start;padding-left:48px}
html.dn .std-sheet-fuss .btn[href]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* ---------- Karriere und Beförderungsplanung wie auf der Testseite (Lieferung 21) ---------- */
html.dn .karriere-kopf{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:18px;border-radius:16px;background:var(--navy);color:#fff}
html.dn .karriere-kopf>div{flex:1;min-width:0}html.dn .karriere-kopf .eyebrow{margin:0;color:#fff;opacity:.75}html.dn .karriere-kopf .klein{margin:0;color:#fff;opacity:.85}
html.dn .karriere-kopf .k-titel{display:block;color:#fff;font:700 24px/1.15 var(--serif)}
html.dn .karriere-kopf img.nadel{width:64px;height:64px;flex:none;margin:0;object-fit:contain}
html.dn .karriere-kopf .btn.hell{flex:none}
html.dn .ak-band-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--navy);color:#fff}
html.dn .ak-band-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .bef-kachel{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 16px;padding:18px;border-top:6px solid var(--lime);border-radius:16px;background:var(--w);box-shadow:var(--schatten)}
html.dn .bef-kachel>div:first-of-type{flex:1;min-width:220px}html.dn .bef-kachel .eyebrow{margin:0}html.dn .bef-kachel .klein{margin:4px 0 0;color:var(--mut)}
html.dn .bef-kachel .k-titel{display:block;font:700 24px/1.2 var(--serif);color:var(--navy)}
html.dn .leiter-liste{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
html.dn .leiter-liste li{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--dn-linie);border-radius:12px;background:var(--w)}
html.dn .leiter-liste img.nadel,html.dn .leiter-leer{width:36px;height:36px;flex:none;margin:0;object-fit:contain}
html.dn .leiter-liste li>span{display:flex;flex-direction:column;min-width:0}html.dn .leiter-liste small{color:var(--mut)}
html.dn .leiter-liste li.erledigt{opacity:.6}html.dn .leiter-liste li.aktuell{border-color:var(--navy);box-shadow:inset 4px 0 0 var(--lime)}
html.dn .bp-seite{display:flex;flex-direction:column;gap:18px;min-width:0}
html.dn .bp-seite>.btn{align-self:flex-start}
html.dn .bp-held{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:center;padding:18px;border-radius:16px;background:radial-gradient(circle at 25% 40%,color-mix(in srgb,var(--lime) 18%,var(--w)),var(--w) 70%);box-shadow:var(--schatten);overflow:hidden}
html.dn .bp-held.oben{background:radial-gradient(circle at 25% 40%,color-mix(in srgb,var(--lime) 40%,var(--w)),var(--w) 75%)}
html.dn .bp-held-bild{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
html.dn .bp-bild{display:block;width:100%;height:auto;max-width:250px}
html.dn .bp-legende{margin:0;font-size:13px;color:var(--mut);text-align:center}
html.dn .bp-held-txt{display:flex;flex-direction:column;gap:8px;min-width:0}html.dn .bp-held-txt .eyebrow,html.dn .bp-held-txt .klein{margin:0}html.dn .bp-held-txt .klein{color:var(--mut)}
html.dn .bp-zahl{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0}html.dn .bp-zahl b{font:700 24px/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--navy)}html.dn .bp-zahl span{color:var(--mut)}
html.dn .bp-nadeln{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:13px;font-weight:600;color:var(--mut)}
html.dn .bp-nadeln img.nadel{width:28px;height:28px;margin:0;object-fit:contain}html.dn .bp-nadeln img.noch-offen{filter:grayscale(1);opacity:.55}html.dn .bp-pfeil{font-size:16px;line-height:1}
html.dn .bp-ring-bahn{fill:none;stroke:var(--dn-flaeche2);stroke-width:18}html.dn .bp-ring-teil{fill:none;stroke:var(--blau);stroke-width:18}
html.dn .bp-ring-teil.hell{stroke:color-mix(in srgb,var(--blau) 60%,var(--w))}html.dn .bp-ring-teil.letzt{stroke:#0f8b6c}
html.dn .bp-medaille{fill:var(--w);stroke:var(--dn-linie);stroke-width:2}html.dn .bp-medaille.oben{fill:color-mix(in srgb,var(--lime) 35%,var(--w))}html.dn .bp-noch{opacity:.9}
html.dn .bp-medaille-zahl{font:700 24px var(--serif);fill:var(--tx)}html.dn .bp-medaille-txt{font:600 13px var(--font);fill:var(--mut)}
html.dn .bp-konfetti>*{fill:var(--lime);animation:bp-funkeln 1.4s ease-in-out infinite alternate}html.dn .bp-konfetti>:nth-child(2n){fill:var(--blau)}
@keyframes bp-funkeln{from{opacity:.4}to{opacity:1}}
html.dn .bp-impulse{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
html.dn .bp-imp{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 14px 14px 12px;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .bp-imp-nr{position:absolute;top:-8px;left:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--lime-tx);font:700 13px var(--font)}
html.dn .bp-imp-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--dn-flaeche2);color:var(--blau)}html.dn .bp-imp-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .bp-imp b{display:block;font-size:16px;color:var(--tx)}html.dn .bp-imp p{margin:4px 0 8px;font-size:13px;line-height:1.45;color:var(--mut)}html.dn .bp-imp p:last-child{margin-bottom:0}
html.dn .bp-imp .btn{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0 12px;font-size:13px}
html.dn .bp-werkzeug{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--w);box-shadow:var(--schatten)}html.dn .bp-werkzeug>div{flex:1;min-width:220px}html.dn .bp-werkzeug .klein{margin:4px 0 0;color:var(--mut)}html.dn .bp-werkzeug b{color:var(--tx)}
html.dn .dn-abschnitt-titel.klein{font-size:24px}
html.dn .mp-balken{height:10px;border-radius:999px;background:var(--dn-flaeche2);overflow:hidden}html.dn .mp-balken i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blau),var(--lime))}
html.dn .mp-ziel{margin:0;font-size:13px;color:var(--mut)}html.dn .mp-ziel b{color:var(--tx)}
html.dn .mp-stat{display:flex;flex-direction:column;gap:12px}html.dn .mp-kzs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
html.dn .mp-kz,html.dn .mp-chart{background:var(--w);border-radius:12px;box-shadow:var(--schatten)}
html.dn .mp-kz{display:flex;flex-direction:column;gap:2px;padding:14px}html.dn .mp-kz b{font:700 24px/1.1 var(--serif);font-variant-numeric:tabular-nums;color:var(--navy)}html.dn .mp-kz small{font-size:13px;color:var(--mut)}
html.dn .mp-trend{align-self:flex-start;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:13px;font-weight:700}html.dn .mp-trend.plus{background:#dff3e6;color:#1a7f4b}html.dn .mp-trend.minus{background:#fde7e4;color:#b3261e}
html.dn .mp-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
html.dn .mp-chart{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:14px}html.dn .mp-chart figcaption{display:flex;flex-direction:column;gap:2px}html.dn .mp-chart figcaption b{color:var(--tx)}html.dn .mp-chart figcaption small{font-size:13px;color:var(--mut)}
html.dn .mp-saeulen{display:flex;align-items:flex-end;gap:10px;height:150px;margin-bottom:22px;padding-top:20px;border-bottom:1px solid var(--dn-linie)}
html.dn .mp-s{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;outline:none}
html.dn .mp-s i{position:relative;display:block;font-style:normal;width:100%;max-width:36px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--blau) 45%,var(--w))}html.dn .mp-chart.team .mp-s i{background:color-mix(in srgb,#0f8b6c 45%,var(--w))}
html.dn .mp-s.jetzt i{background:var(--blau)}html.dn .mp-chart.team .mp-s.jetzt i{background:#0f8b6c}
html.dn .mp-s-wert{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:13px;font-weight:700;color:var(--tx);white-space:nowrap}html.dn .mp-s-mon{position:absolute;top:calc(100% + 5px);font-size:13px;color:var(--mut)}
html.dn :is(.mp-s,.mp-vt-z):is(:hover,:focus-visible)::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:3;padding:5px 9px;border-radius:8px;background:var(--tx);color:var(--w);font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}
html.dn .mp-vt-liste{display:flex;flex-direction:column;gap:8px}html.dn .mp-vt-z{position:relative;display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,2fr) auto;gap:10px;align-items:center;outline:none}
html.dn .mp-vt-z .std-av{width:30px;height:30px;font-size:13px}html.dn .mp-vt-n{overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis;color:var(--tx)}
html.dn .mp-vt-b{height:10px;border-radius:999px;background:var(--dn-flaeche2);overflow:hidden}html.dn .mp-vt-b i{display:block;height:100%;border-radius:999px;background:var(--blau)}html.dn .mp-vt-z>b{min-width:56px;font-size:13px;text-align:right;font-variant-numeric:tabular-nums;color:var(--tx)}
html.dn .mp-vt-z.du .mp-vt-n{display:flex;flex-direction:column;line-height:1.2;white-space:normal}html.dn .mp-vt-z.du .mp-vt-n small{font-size:13px;color:var(--mut)}
html.dn .mp-vt-z.du{margin:0 -8px;padding:6px 8px;border-radius:8px;background:color-mix(in srgb,var(--lime) 22%,var(--w))}html.dn .mp-vt-z.du .mp-vt-b i{background:#0f8b6c}
html.dn[data-theme="dark"] .bp-zahl b,html.dn[data-theme="dark"] .mp-kz b,html.dn[data-theme="dark"] .bef-kachel .k-titel{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .bp-zahl b,html.dn:not([data-theme="light"]) .mp-kz b,html.dn:not([data-theme="light"]) .bef-kachel .k-titel{color:var(--tx)}}
@media (max-width:899px){html.dn .bp-held{grid-template-columns:1fr;gap:12px;padding:14px}html.dn .bp-zahl b{font-size:24px}html.dn .karriere-kopf .k-titel{font-size:24px}}

/* ---------- Begleitung der Führungskraft (Lieferung 22) ---------- */
html.dn .stw-begleitung{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--dn-flaeche2)}
html.dn .stw-begleitung .schritte{margin-top:4px}html.dn .stw-begleitung .schritt{border-top-color:rgba(127,127,127,.18)}
html.dn .stw-fk-hinweis{margin:8px 0 0;font-size:13px}

/* ---------- Beratungsräume je Standort (Lieferung 23) ---------- */
html.dn .rm-zeile.aus .mz-t b{color:var(--mut)}
html.dn .rm-zeile{flex-wrap:wrap}html.dn .rm-zeile .gast-aktionen{width:100%;justify-content:flex-start;padding-left:48px}
html.dn .rm-zeiten{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html.dn .rm-haken{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px}html.dn .rm-haken input{width:20px;height:20px;margin:0;accent-color:var(--navy)}

/* ---------- Incentives (Lieferung 24) ---------- */
html.dn .inc-kopf{display:flex;align-items:center;gap:14px;min-width:0}html.dn .inc-kopf>div{min-width:0}html.dn .inc-kopf .dn-titel{margin:0}html.dn .inc-kopf .dn-text{margin:4px 0 0}
html.dn .inc-bild{flex:none;width:64px;height:64px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,.12);display:grid;place-items:center}html.dn .inc-bild.leer svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.8}
html.dn .inc-bild.gross{width:96px;height:96px;border-radius:16px}html.dn .inc-bild.klein{width:40px;height:40px;border-radius:10px;background:var(--dn-flaeche2);color:var(--tx)}html.dn .inc-bild.klein svg{width:20px;height:20px}
html.dn .inc-umfeld{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}html.dn .inc-umfeld li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;font-size:13px;color:#dbe8f2}html.dn .inc-umfeld li.ich{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
html.dn .inc-platz{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);font-size:13px;font-weight:700}html.dn .inc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.dn .inc-pkt{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
html.dn .inc-karte.mini{padding:14px;gap:8px}html.dn .inc-vorschau{margin-bottom:14px}html.dn .inc-karte.inc-vorbei{background:var(--navy)}
html.dn .inc-hero .inc-kopf{margin-top:6px}html.dn .inc-hero h1{margin:0}html.dn .inc-regel{margin:10px 0 0;font-size:13px;color:var(--mut)}html.dn .inc-hero .dn-k-knoepfe{margin-top:12px}html.dn .btn.leise{opacity:.75}
html.dn .inc-liste{list-style:none;margin:0;padding:0}html.dn .inc-zeile{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--w);border-top:1px solid var(--grau)}html.dn .inc-zeile:first-child{border-top:0}html.dn .inc-zeile .inc-platz{background:var(--dn-flaeche2);color:var(--navy)}html.dn .inc-zeile.sieger .inc-platz,html.dn .inc-zeile.ich .inc-platz{background:var(--navy);color:#fff}html.dn .inc-zeile.ich{background:var(--dn-flaeche2)}html.dn .inc-zeile .mz-t{flex:1;min-width:0}
html.dn .inc-frei{display:block;color:var(--mut);font-size:13px}html.dn .inc-pfeil{font-size:13px;font-weight:700}html.dn .inc-pfeil.auf{color:var(--gruen,#1d8f5a)}html.dn .inc-pfeil.ab{color:var(--rot,#c0392b)}html.dn .inc-pfeil.gleich{color:var(--mut)}
html.dn .inc-band{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,#c9a227,#e8cf6a);color:#1f1a05;margin-bottom:14px}html.dn .inc-band .eyebrow{color:#5b4a0a;margin:0}html.dn .inc-band b{font-size:16px}html.dn .inc-band small{color:#5b4a0a}
html.dn .inc-hinweis{font:400 13px/1.3 var(--font);color:var(--mut)}html.dn .inc-mz.aus .mz-t b{color:var(--mut)}
html.dn .inc-schritt{border:1px solid var(--grau);border-radius:12px;padding:12px 14px 14px;margin:0 0 12px;min-width:0}html.dn .inc-schritt legend{padding:0 6px;font-size:13px;font-weight:700;color:var(--tx);letter-spacing:.02em}html.dn .inc-schritt .fld{margin-top:8px}html.dn .inc-schritt .hint{margin:8px 0 0}
html.dn .std-sheet-t{color:var(--tx)}   /* Blatt-Titel war im Dunkelmodus navy auf dunkel (seit Lieferung 16) */
html.dn .inc-schnell{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}html.dn .inc-schnell .mini.leise{background:none;color:var(--mut);box-shadow:inset 0 0 0 1px var(--grau)}html.dn .inc-radios{display:flex;flex-direction:column;gap:2px}html.dn .inc-schritt input[type=file]{display:block;margin-top:6px;font-size:13px}

/* ---------- Positionen im Standort, Beförderungs-Feier (Lieferung 26) ---------- */
html.dn .pos-knopf{flex:none}
html.dn .pos-karte .klein{margin:0 0 10px;color:var(--mut);font-size:13px}
html.dn .pos-gruppe{padding:10px 0;border-top:1px solid var(--grau)}html.dn .pos-gruppe:first-of-type{border-top:0}
html.dn .pos-gruppe-kopf{display:flex;align-items:center;gap:10px;margin-bottom:8px}html.dn .pos-gruppe-kopf .nadel{width:28px;height:28px;object-fit:contain}html.dn .pos-nadel-leer{width:28px;height:28px}html.dn .pos-gruppe-kopf small{color:var(--mut)}
html.dn .pos-chips{display:flex;flex-wrap:wrap;gap:8px}
html.dn .pos-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--grau);border-radius:999px;background:var(--w);color:var(--tx);font:500 13px/1.2 var(--font);cursor:pointer}html.dn .pos-chip .std-av{width:28px;height:28px;font-size:13px}html.dn .pos-chip:hover{border-color:var(--navy)}html.dn .pos-chip:disabled{opacity:.6;cursor:default}
html.dn .pos-feier{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(5,20,38,.86)}
html.dn .pos-feuerwerk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html.dn .pos-feier-karte{position:relative;width:100%;max-width:420px;padding:28px 24px 24px;border-radius:20px;background:var(--w);color:var(--tx);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:pos-rein .55s cubic-bezier(.2,.9,.3,1.3)}
html.dn .pos-feier-karte .nadel{width:128px;height:128px;object-fit:contain;animation:pos-dreh 1.4s ease-out;margin:0 auto 8px;display:block}
html.dn .pos-feier-karte .eyebrow{display:block;margin:0 0 4px}html.dn .pos-feier-karte h2{margin:6px 0 8px;font:700 24px/1.15 var(--serif);color:var(--tx)}html.dn .pos-feier-karte p{margin:0;color:var(--mut)}
html.dn .pos-feier-karte .dn-k-knoepfe{justify-content:center;flex-wrap:wrap;margin-top:16px}
@keyframes pos-rein{from{transform:scale(.7) translateY(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes pos-dreh{0%{transform:rotateY(0) scale(.4)}60%{transform:rotateY(540deg) scale(1.1)}100%{transform:rotateY(720deg) scale(1)}}
@media (prefers-reduced-motion:reduce){html.dn .pos-feier-karte,html.dn .pos-feier-karte .nadel{animation:none}}

/* ---------- Räume zuordnen, Raumbuchung im neuen Design (Lieferung 27) ---------- */
html.dn .rm-zuord-wahl{flex:none;max-width:46%;min-height:36px;padding:6px 28px 6px 10px;border:1px solid var(--grau);border-radius:10px;background:var(--w);color:var(--tx);font:500 13px/1.2 var(--font)}
html.dn .rbx .rb-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 14px}html.dn .rbx .rb-leiste .chips{margin:0}
html.dn .rbx .rb-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}html.dn .rbx .rb-titel{font:700 16px/1.2 var(--font);color:var(--tx)}
html.dn .rbx .rb-pfeil{width:40px;height:40px;border-radius:50%;border:1px solid var(--grau);background:var(--w);color:var(--tx);font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
html.dn .rbx .rb-rahmen{background:var(--w);border:1px solid var(--grau);border-radius:12px;padding:14px;box-shadow:var(--schatten)}html.dn .rbx .rb-rahmen .hinweis{color:var(--mut)}
html.dn .rbx .rb-tagraum{padding:10px 0;border-top:1px solid var(--grau)}html.dn .rbx .rb-tagraum:first-of-type{border-top:0}html.dn .rbx .rb-tagkopf{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:6px}html.dn .rbx .rb-tagkopf span{color:var(--mut);font-size:13px}
html.dn .rbx .rb-legende{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 14px;color:var(--mut);font-size:13px;align-items:center}
html.dn .rbx .card{margin-top:14px}

/* ---------- Activity-Abgleich (Lieferung 28) ---------- */
html.dn .act-tabelle{display:flex;flex-direction:column}html.dn .act-kopf,html.dn .act-zeile{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px 68px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--grau)}html.dn .act-kopf{border-top:0;padding-top:0;font:700 13px/16px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
html.dn .act-zeile span:not(.act-name){text-align:right;font-variant-numeric:tabular-nums;font-weight:600}html.dn .act-kopf span:not(:first-child){text-align:right}html.dn .act-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.dn .act-mut{color:var(--mut);font-weight:500!important}
html.dn #act-text{width:100%;min-height:150px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;overflow:auto;resize:vertical}
html.dn .act-zusammen{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--dn-flaeche2);margin:10px 0}html.dn .act-zusammen small{color:var(--mut)}
html.dn .act-vorschau{list-style:none;margin:0 0 10px;padding:0;max-height:300px;overflow:auto;border:1px solid var(--grau);border-radius:10px}
html.dn .act-v{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid var(--grau);font-size:13px}html.dn .act-v:first-child{border-top:0}html.dn .act-v-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.dn .act-v-name small{display:block;font-weight:400;color:var(--mut)}html.dn .act-v-was{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.dn .act-v-st{white-space:nowrap;font-size:13px;padding:2px 8px;border-radius:999px;background:var(--dn-flaeche2);color:var(--mut)}html.dn .act-v.neu .act-v-st{background:var(--navy);color:#fff}html.dn .act-v.offen .act-v-st{background:rgba(192,57,43,.14);color:var(--rot,#c0392b)}html.dn .act-v.egal{opacity:.7}
@media (max-width:480px){html.dn .act-v{grid-template-columns:1fr auto}html.dn .act-v-was{grid-column:1 / -1}}

/* ---- Lieferung 30 (02.11.2026): Wochenplanung verspielt (Wochenweg, Ring, Serie, Zielbalken, Art-Chips, Tagesfeier), Kachel „Wochenplanung“ auf Heute, Meetings im Plan wie auf Termine ---- */
html.dn .dn-wplan .dn-k-knoepfe .btn{min-height:46px;display:inline-flex;align-items:center;padding:0 18px;margin:0}
html.dn .wpn{max-width:1180px}
html.dn .wpn .hero{margin-bottom:12px}
html.dn .wpn .wp-klein{color:var(--mut);font-size:13px;line-height:1.5;margin:6px 0}
html.dn .wpn .wp-warn{background:rgba(192,57,43,.12);color:#c0392b;border-radius:var(--r-s);padding:10px 14px;margin:0 0 12px}
/* Kopf: Navigation, Ring, Wochenweg, Ziele */
html.dn .wpn .wp-kopf{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:16px 18px 14px;margin:0 0 16px;display:grid;gap:14px}
html.dn .wpn .wp-kopf-oben{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
html.dn .wpn .wp-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html.dn .wpn .wp-nav b{font:700 24px/1 var(--serif);color:var(--navy)}
html.dn .wpn .wp-nav span{color:var(--mut);font-size:13px}
html.dn .wpn .wp-nav .mini{min-width:36px;height:36px;padding:0 10px;font-size:16px;line-height:1}
html.dn .wpn .wp-nav .wp-jetzt{font-size:13px}
html.dn .wpn .wp-stat{margin-left:auto;color:var(--mut);font-size:13px}
html.dn .wpn .wp-kopf-mitte{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:18px;align-items:center}
html.dn .wpn .wp-ringbox{display:flex;align-items:center;gap:14px;min-width:0}
html.dn .wpn .wp-ringbox>div{display:flex;flex-direction:column;gap:6px;min-width:0}
html.dn .wpn .wp-satz{font:700 16px/1.25 var(--serif);color:var(--navy)}
html.dn .wpn .wp-serie{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#b65a00;background:#fff1dd;padding:4px 10px;border-radius:999px;width:fit-content}
html.dn .wpn .wp-serie.leise{background:var(--dn-flaeche2);color:var(--mut);font-weight:400}
html.dn .wpn .wp-ring{flex:none;width:92px;height:92px}
html.dn .wpn .wp-ring-bahn{fill:none;stroke:var(--grau);stroke-width:9}
html.dn .wpn .wp-ring-teil{fill:none;stroke:var(--blau);stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .6s ease}
html.dn .wpn .wp-ring-teil.voll{stroke:var(--lime)}
html.dn .wpn .wp-ring-zahl{font:700 24px var(--serif);fill:var(--tx)}
html.dn .wpn .wp-ring-klein{font:13px var(--font);fill:var(--mut)}
/* Wochenweg: Berg, Pfad, Stationen */
html.dn .wpn .wp-weg{display:block;width:100%;height:150px;overflow:visible}
html.dn .wpn .wp-weg-berg{fill:var(--p-himmel)}
html.dn .wpn .wp-weg-pfad{fill:none;stroke:var(--p-mitte);stroke-width:3;stroke-dasharray:6 7;stroke-linecap:round}
html.dn .wpn .wp-st{cursor:pointer;outline:none}
html.dn .wpn .wp-st-kreis{fill:var(--w);stroke:var(--grau);stroke-width:3;transition:transform .2s ease;transform-box:fill-box;transform-origin:center}
html.dn .wpn .wp-st:hover .wp-st-kreis,html.dn .wpn .wp-st:focus-visible .wp-st-kreis{transform:scale(1.15)}
html.dn .wpn .wp-st.offen .wp-st-kreis{stroke:var(--blau)}
html.dn .wpn .wp-st.halb .wp-st-kreis{stroke:var(--blau);fill:var(--p-himmel)}
html.dn .wpn .wp-st.voll .wp-st-kreis{fill:var(--lime);stroke:var(--lime)}
html.dn .wpn .wp-st-zahl{font:700 13px var(--font);fill:var(--navy);pointer-events:none}
html.dn .wpn .wp-st-haken{fill:none;stroke:#092449;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
html.dn .wpn .wp-st-fahne{fill:var(--navy);stroke:var(--navy);stroke-width:2;stroke-linejoin:round;animation:wp-fahne .6s ease-out}
html.dn .wpn .wp-st-halo{fill:var(--blau);opacity:.18;animation:wp-puls 2.2s ease-in-out infinite}
html.dn .wpn .wp-st-tag{font:700 13px var(--font);fill:var(--mut);letter-spacing:.04em;text-transform:uppercase}
html.dn .wpn .wp-st.heute .wp-st-tag,html.dn .wpn .wp-st.wahl .wp-st-tag{fill:var(--navy)}
html.dn .wpn .wp-st.wahl .wp-st-kreis{stroke-width:4}
@keyframes wp-puls{0%,100%{opacity:.12;transform:scale(1)}50%{opacity:.28;transform:scale(1.12)}}
@keyframes wp-fahne{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
/* Ziele als Balken aus Blöcken */
html.dn .wpn .wp-ziele{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
html.dn .wpn .wp-ziel{background:var(--dn-flaeche2);border-radius:10px;padding:10px 12px;display:grid;gap:8px}
html.dn .wpn .wp-ziel-kopf{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
html.dn .wpn .wp-ziel-kopf b{font:700 16px/1 var(--serif);color:var(--navy)}
html.dn .wpn .wp-ziel-kopf span{color:var(--tx);font-size:13px}
html.dn .wpn .wp-ziel-kopf em{margin-left:auto;font-style:normal;font-size:13px;color:var(--mut)}
html.dn .wpn .wp-ziel.geplant .wp-ziel-kopf em{color:var(--dn-link);font-weight:700}
html.dn .wpn .wp-ziel.geschafft{background:#f3f8d0}
html.dn .wpn .wp-ziel.geschafft .wp-ziel-kopf em{color:#4e6600;font-weight:700}
html.dn .wpn .wp-ziel-balken{display:flex;gap:4px}
html.dn .wpn .wp-ziel-balken i{flex:1;height:10px;border-radius:5px;background:var(--grau)}
html.dn .wpn .wp-ziel-balken i.geplant{background:var(--p-fern)}
html.dn .wpn .wp-ziel-balken i.fertig{background:var(--lime)}
/* Tage */
html.dn .wpn .wp-woche{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
@media (max-width:980px){html.dn .wpn .wp-woche{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.dn .wpn .wp-tag{position:relative;background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;min-width:0}
html.dn .wpn .wp-tag.heute{box-shadow:0 0 0 2px var(--blau)}
html.dn .wpn .wp-tag.voll{background:linear-gradient(180deg,#f7fbdc,var(--w) 70px)}
html.dn .wpn .wp-tag header{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;margin:0}
html.dn .wpn .wp-tag header div{display:flex;flex-direction:column}
html.dn .wpn .wp-tag h3{margin:0;font:700 24px/1.1 var(--serif);color:var(--navy)}
html.dn .wpn .wp-tag header span{color:var(--mut);font-size:13px}
html.dn .wpn .wp-tag-stand{flex:none;font-size:13px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--dn-flaeche2);color:var(--dn-link)}
html.dn .wpn .wp-tag.voll .wp-tag-stand{background:var(--lime);color:#092449}
html.dn .wpn .wp-tag ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
html.dn .wpn .wp-leer{margin:0;padding:12px 12px;border-radius:10px;background:var(--dn-flaeche2);color:var(--mut);font-size:13px;line-height:1.45}
/* Punkte */
html.dn .wpn .wp-p{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:8px 10px;border-radius:10px;background:var(--dn-flaeche2);border-left:4px solid var(--grau);transition:opacity .25s}
html.dn .wpn .wp-p.wachstum{border-left-color:var(--navy)}
html.dn .wpn .wp-p.termin{border-left-color:var(--blau)}
html.dn .wpn .wp-p.feedback{border-left-color:var(--p-mitte)}
html.dn .wpn .wp-p.empfehlung{border-left-color:var(--lime)}
html.dn .wpn .wp-p.beratung{border-left-color:var(--p-vorn2)}
html.dn .wpn .wp-p.lernen{border-left-color:var(--p-fern)}
html.dn .wpn .wp-p.done{opacity:.6}
html.dn .wpn .wp-p.done .wp-t b{text-decoration:line-through}
html.dn .wpn .wp-t{min-width:0}
html.dn .wpn .wp-t b{display:block;overflow-wrap:anywhere}
html.dn .wpn .wp-t small{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:3px;color:var(--mut);font-size:13px}
html.dn .wpn .wp-t time{color:var(--dn-link);font-weight:700}
html.dn .wpn .wp-haken{width:28px;height:28px;margin-top:1px;padding:0;border-radius:50%;border:2px solid var(--blau);background:var(--w);cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}
html.dn .wpn .wp-haken svg{width:16px;height:16px;fill:none;stroke:#092449;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.4);transition:opacity .15s,transform .2s cubic-bezier(.2,.9,.3,1.4)}
html.dn .wpn .wp-haken:hover{transform:scale(1.08)}
html.dn .wpn .wp-haken[aria-pressed="true"]{background:var(--lime);border-color:var(--lime)}
html.dn .wpn .wp-haken[aria-pressed="true"] svg{opacity:1;transform:scale(1)}
html.dn .wpn .wp-haken:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
html.dn .wpn .wp-akt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
html.dn .wpn .wp-akt .mini{font-size:13px;min-height:30px;padding:0 10px}
html.dn .wpn .wp-weg.mini,html.dn .wpn .mini.wp-weg{color:#c0392b;height:auto;width:auto;display:inline-flex}
html.dn .wpn .wp-zaehl{background:var(--navy);color:#fff}
/* Chips für die Art */
html.dn .wpn .wp-chip{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--grau);color:var(--tx);border:0;cursor:default;line-height:1.5}
html.dn .wpn .wp-chip.wachstum{background:var(--navy);color:#fff}
html.dn .wpn .wp-chip.termin{background:var(--blau);color:#fff}
html.dn .wpn .wp-chip.feedback{background:var(--p-mitte);color:#fff}
html.dn .wpn .wp-chip.empfehlung{background:var(--lime);color:#092449}
html.dn .wpn .wp-chip.beratung{background:var(--p-vorn2);color:#fff}
html.dn .wpn .wp-chip.lernen{background:var(--p-fern);color:#092449}
html.dn .wpn .wp-chip.leise{background:transparent;color:var(--mut);box-shadow:inset 0 0 0 1px var(--grau)}
/* Eingabe je Tag */
html.dn .wpn .wp-neu{display:grid;gap:8px;margin-top:auto;padding-top:4px}
html.dn .wpn .wp-arten{display:flex;flex-wrap:wrap;gap:4px}
html.dn .wpn .wp-arten .wp-chip{cursor:pointer;opacity:.45;transition:opacity .15s,transform .15s;min-height:22px;font-size:13px;padding:1px 7px}
html.dn .wpn .wp-arten .wp-chip:hover{opacity:.8}
html.dn .wpn .wp-arten .wp-chip.an{opacity:1;transform:scale(1.06);box-shadow:0 0 0 2px var(--w),0 0 0 4px var(--blau)}
html.dn .wpn .wp-arten .wp-chip:focus-visible{outline:3px solid var(--blau);outline-offset:1px;opacity:1}
html.dn .wpn .wp-neu-zeile{display:grid;grid-template-columns:minmax(0,1fr) 74px 40px;gap:6px}
html.dn .wpn .wp-neu input[type=time]{padding:8px 4px;text-align:center}
html.dn .wpn .wp-neu input{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:8px;padding:8px 10px;width:100%;box-sizing:border-box;min-height:40px}
html.dn .wpn .wp-neu input:focus{outline:2px solid var(--blau);outline-offset:1px}
html.dn .wpn .wp-plus{height:40px;min-height:40px;width:40px;padding:0;border-radius:8px;background:var(--lime);color:#092449;font-size:24px;line-height:1;font-weight:700}
/* Tagesfeier: kurzer Konfetti-Regen aus dem Kopf der Karte, wenn der letzte Punkt abgehakt wird */
html.dn .wpn .wp-konfetti{position:absolute;left:50%;top:14px;width:0;height:0;pointer-events:none;display:none}
html.dn .wpn .wp-tag.feier .wp-konfetti{display:block}
html.dn .wpn .wp-konfetti i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:wp-konf 1.2s ease-out forwards}
html.dn .wpn .wp-konfetti i:nth-child(1){background:var(--lime);--dx:-90px;animation-delay:0s}
html.dn .wpn .wp-konfetti i:nth-child(2){background:var(--blau);--dx:-60px;animation-delay:.05s}
html.dn .wpn .wp-konfetti i:nth-child(3){background:var(--navy);--dx:-30px;animation-delay:.1s}
html.dn .wpn .wp-konfetti i:nth-child(4){background:#ffb347;--dx:-5px;animation-delay:.02s}
html.dn .wpn .wp-konfetti i:nth-child(5){background:var(--lime);--dx:20px;animation-delay:.08s}
html.dn .wpn .wp-konfetti i:nth-child(6){background:var(--blau);--dx:50px;animation-delay:.04s}
html.dn .wpn .wp-konfetti i:nth-child(7){background:#ffb347;--dx:80px;animation-delay:.12s}
html.dn .wpn .wp-konfetti i:nth-child(8){background:var(--navy);--dx:105px;animation-delay:.06s}
@keyframes wp-konf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),120px) rotate(300deg)}}
/* Meetings im Tag: gleiche Optik wie „Nächste Meetings“ auf Termine */
html.dn .wpn .wp-meet{display:grid;gap:6px}
html.dn .wpn .wp-meet .inf-mt{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--w);box-shadow:var(--schatten)}
html.dn .wpn .wp-meet .inf-dt{flex:none;display:flex;flex-direction:column;align-items:center;width:54px;padding:8px 0 7px;border-radius:12px;background:var(--navy);color:#fff}
html.dn .wpn .wp-meet .inf-dt b{font-size:24px;line-height:1;margin:2px 0}
html.dn .wpn .wp-meet .inf-dt small{font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
html.dn .wpn .wp-meet .inf-mt.ev .inf-dt{background:var(--blau)}
html.dn .wpn .wp-meet .grow{flex:1;min-width:0}
html.dn .wpn .wp-meet .inf-mtitel{display:block;font:700 16px/1.2 var(--serif);color:var(--navy)}
html.dn .wpn .wp-meet .inf-klein{display:block;color:var(--mut);font-size:13px;margin-top:2px}
html.dn .wpn .wp-meet .inf-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--dn-flaeche2);color:var(--dn-eyebrow);margin:4px 6px 0 0}
html.dn .wpn .wp-meet .inf-grs{display:grid;gap:6px;margin-top:8px}
html.dn .wpn .wp-meet .inf-gr{display:flex;flex-direction:column;padding:7px 10px 8px;border-radius:10px;background:var(--dn-flaeche2);border-left:3px solid var(--blau)}
html.dn .wpn .wp-meet .inf-gr small{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--dn-eyebrow)}
html.dn .wpn .wp-meet .inf-gr span{font-weight:600}
html.dn .wpn .wp-meet .inf-mt.aus .inf-dt{background:var(--grau);color:var(--mut)}
html.dn .wpn .wp-meet .inf-mt.aus .inf-mtitel{color:var(--mut);text-decoration:line-through}
/* Bilanz, Monatsplanung, Serien */
html.dn .wpn .wp-rueck{display:flex;gap:16px;align-items:center;background:var(--navy);color:#fff;border-radius:var(--r);padding:16px 18px;margin:16px 0 0}
html.dn .wpn .wp-rueck .wp-ring-bahn{stroke:rgba(255,255,255,.18)}
html.dn .wpn .wp-rueck .wp-ring-zahl{fill:#fff}
html.dn .wpn .wp-rueck .wp-ring-klein{fill:#b9d3e4}
html.dn .wpn .wp-rueck h2{margin:0 0 6px;font:700 24px/1.15 var(--serif);color:#fff}
html.dn .wpn .wp-rueck p{margin:4px 0;color:#e8eff6}
html.dn .wpn .wp-rueck-ziele{display:flex;flex-wrap:wrap;gap:6px}
html.dn .wpn .wp-rueck-ziele span{font-size:13px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.12)}
html.dn .wpn .wp-rueck-ziele span.ok{background:var(--lime);color:#092449;font-weight:700}
html.dn .wpn .wp-rueck .btn{margin-top:8px;background:var(--lime);color:#092449}
html.dn .wpn .wp-block{background:var(--w);box-shadow:var(--schatten);border-radius:var(--r);padding:12px 18px;margin:14px 0 0}
html.dn .wpn .wp-block summary{cursor:pointer;font-weight:700;color:var(--dn-link)}
html.dn .wpn .wp-serien{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
html.dn .wpn .wp-serien li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--dn-flaeche2);border-radius:10px;padding:8px 10px}
html.dn .wpn .wp-serien li>span:not(.wp-chip){flex:1;min-width:160px}
html.dn .wpn .wp-serien small{color:var(--mut)}
html.dn .wpn .wp-serie-neu{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
html.dn .wpn .wp-serie-neu input,html.dn .wpn .wp-serie-neu select,html.dn .wpn .wp-serien select{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:8px;padding:8px 10px;box-sizing:border-box;min-height:40px}
/* Dunkel */
html.dn[data-theme="dark"] .wpn .wp-serie{background:#3a2a10;color:#ffcf8a}
html.dn[data-theme="dark"] .wpn .wp-ziel.geschafft{background:#2a3a10}
html.dn[data-theme="dark"] .wpn .wp-ziel.geschafft .wp-ziel-kopf em{color:#d6e86a}
html.dn[data-theme="dark"] .wpn .wp-tag.voll{background:linear-gradient(180deg,#1f3012,var(--w) 70px)}
html.dn[data-theme="dark"] .wpn .wp-satz,html.dn[data-theme="dark"] .wpn .wp-nav b,html.dn[data-theme="dark"] .wpn .wp-tag h3,html.dn[data-theme="dark"] .wpn .wp-ziel-kopf b,html.dn[data-theme="dark"] .wpn .wp-meet .inf-mtitel{color:var(--tx)}
html.dn[data-theme="dark"] .wpn .wp-st-zahl{fill:var(--tx)}
html.dn[data-theme="dark"] .wpn .wp-st.heute .wp-st-tag,html.dn[data-theme="dark"] .wpn .wp-st.wahl .wp-st-tag{fill:var(--tx)}
html.dn[data-theme="dark"] .wpn .wp-haken{background:var(--w)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .wpn .wp-serie{background:#3a2a10;color:#ffcf8a}html.dn:not([data-theme="light"]) .wpn .wp-ziel.geschafft{background:#2a3a10}html.dn:not([data-theme="light"]) .wpn .wp-ziel.geschafft .wp-ziel-kopf em{color:#d6e86a}html.dn:not([data-theme="light"]) .wpn .wp-tag.voll{background:linear-gradient(180deg,#1f3012,var(--w) 70px)}html.dn:not([data-theme="light"]) .wpn .wp-satz,html.dn:not([data-theme="light"]) .wpn .wp-nav b,html.dn:not([data-theme="light"]) .wpn .wp-tag h3,html.dn:not([data-theme="light"]) .wpn .wp-ziel-kopf b,html.dn:not([data-theme="light"]) .wpn .wp-meet .inf-mtitel{color:var(--tx)}html.dn:not([data-theme="light"]) .wpn .wp-st-zahl{fill:var(--tx)}html.dn:not([data-theme="light"]) .wpn .wp-st.heute .wp-st-tag,html.dn:not([data-theme="light"]) .wpn .wp-st.wahl .wp-st-tag{fill:var(--tx)}}
/* Handy: Wochenweg als Tagwahl, nur der gewählte Tag offen */
@media (max-width:720px){
  html.dn .wpn .wp-kopf-mitte{grid-template-columns:1fr}
  html.dn .wpn .wp-weg{height:120px}
  html.dn .wpn .wp-woche{grid-template-columns:1fr}
  html.dn .wpn .wp-tag:not(.wahl){display:none}
  html.dn .wpn .wp-neu-zeile{grid-template-columns:1fr 84px 40px}
  html.dn .wpn .wp-rueck{flex-direction:column;align-items:flex-start}
}

/* ---- Lieferung 31 (02.11.2026): Akademie wie auf der Testseite: vier Bereichskacheln mit Bergen, farbige Bänder, Modulkarten ---- */
html.dn .ak-hero{margin-bottom:14px}
html.dn .ak-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 8px}
@media (min-width:900px){html.dn .ak-kacheln{grid-template-columns:repeat(4,minmax(0,1fr))}}
html.dn .ak-kachel{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-height:150px;padding:18px;border:0;border-radius:16px;color:#fff;text-decoration:none;overflow:hidden;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 160' preserveAspectRatio='xMidYMax slice'%3E%3Cpath d='M0 160v-40l70-50 40 30 50-44 90 74 70-34v64z' fill='%23ffffff' fill-opacity='.16'/%3E%3Cpath d='M120 160 220 70l100 90z' fill='%23000000' fill-opacity='.10'/%3E%3C/svg%3E");background-size:cover;background-position:center bottom;box-shadow:0 1px 2px rgba(0,50,91,.08);transition:transform .15s ease,box-shadow .15s ease}
html.dn .ak-kachel:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,50,91,.18)}
html.dn .ak-kachel>span:last-child{display:block;min-width:0}
html.dn .ak-kachel b{display:block;font:700 24px/1.1 var(--serif);color:inherit}
html.dn .ak-kachel small{display:block;margin-top:4px;font-size:13px;opacity:.92}
html.dn .ak-kachel-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.2)}
html.dn .ak-ic{width:28px;height:28px}
html.dn .ak-kachel[aria-pressed="true"]{outline:4px solid var(--lime);outline-offset:3px}
html.dn .ak-kachel.a-lime[aria-pressed="true"]{outline-color:var(--blau)}
html.dn .ak-kachel:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
html.dn .ak-kachel.a-blau{background-color:var(--blau)}
html.dn .ak-kachel.a-lime{background-color:var(--lime);color:var(--lime-tx)}
html.dn .ak-kachel.a-navy{background-color:var(--navy)}
html.dn .ak-kachel.a-hell{background-color:var(--p-fern);color:var(--navy)}
html.dn .ak-kachel.a-lime .ak-kachel-ic,html.dn .ak-kachel.a-hell .ak-kachel-ic{background:rgba(9,36,73,.12)}
html.dn .ak-band{margin-top:20px;padding:18px;border-radius:16px;background:var(--w);box-shadow:var(--schatten)}
html.dn .ak-band-kopf{display:flex;align-items:center;gap:14px;margin-bottom:14px}
html.dn .ak-band-kopf>div{min-width:0}
html.dn .ak-band-kopf h2{margin:0;font:700 24px/1.15 var(--serif);color:var(--navy);overflow-wrap:anywhere;hyphens:auto}
html.dn .ak-band-kopf p{margin:2px 0 0;color:var(--mut)}
html.dn .ak-band-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:#fff}
html.dn .ak-band-ic .ak-ic{width:26px;height:26px}
html.dn .ak-band.a-blau{border-top:6px solid var(--blau)}
html.dn .ak-band.a-blau .ak-band-ic{background:var(--blau)}
html.dn .ak-band.a-lime{border-top:6px solid var(--lime)}
html.dn .ak-band.a-lime .ak-band-ic{background:var(--lime);color:var(--lime-tx)}
html.dn .ak-band.a-navy{border-top:6px solid var(--navy)}
html.dn .ak-band.a-navy .ak-band-ic{background:var(--navy)}
html.dn .ak-band.a-hell{border-top:6px solid var(--p-fern)}
html.dn .ak-band.a-hell .ak-band-ic{background:var(--p-fern);color:var(--navy)}
html.dn .modulraster{display:grid;gap:12px}
@media (min-width:600px){html.dn .modulraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){html.dn .modulraster{grid-template-columns:repeat(3,minmax(0,1fr))}}
html.dn .modulkarte{display:flex;align-items:center;gap:14px;min-width:0;min-height:80px;padding:14px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);color:inherit;font:inherit;text-align:left;text-decoration:none;transition:box-shadow .15s}
html.dn .modulkarte:hover{box-shadow:0 0 0 2px var(--blau)}
html.dn .modulkarte>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
html.dn .modulkarte b{font:700 16px/1.25 var(--serif);color:var(--navy)}
html.dn .modulkarte small{font-size:13px;color:var(--mut)}
html.dn .mk-bild{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:12px}
html.dn .modulraster.c-blau .mk-bild{background:var(--blau);color:#fff}
html.dn .modulraster.c-lime .mk-bild{background:var(--lime);color:var(--lime-tx)}
html.dn .modulraster.c-navy .mk-bild{background:var(--navy);color:#fff}
html.dn .ak-band .lern{margin:0}
html.dn .lernweg{margin-top:20px}
@media (max-width:599px){html.dn .ak-band{padding:14px}html.dn .ak-band-kopf h2{font-size:24px}html.dn .ak-kachel{min-height:128px;padding:14px}html.dn .ak-kachel b{font-size:24px}}
html.dn[data-theme="dark"] .ak-band-kopf h2,html.dn[data-theme="dark"] .modulkarte b{color:var(--tx)}
html.dn[data-theme="dark"] .ak-kachel.a-hell{background-color:#1d4466;color:#e8eff6}
html.dn[data-theme="dark"] .ak-band.a-hell{border-top-color:#1d4466}
html.dn[data-theme="dark"] .ak-band.a-hell .ak-band-ic{background:#1d4466;color:#e8eff6}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .ak-band-kopf h2,html.dn:not([data-theme="light"]) .modulkarte b{color:var(--tx)}html.dn:not([data-theme="light"]) .ak-kachel.a-hell{background-color:#1d4466;color:#e8eff6}html.dn:not([data-theme="light"]) .ak-band.a-hell{border-top-color:#1d4466}html.dn:not([data-theme="light"]) .ak-band.a-hell .ak-band-ic{background:#1d4466;color:#e8eff6}}
html.dn .ak-band .lern>.hero,html.dn .ak-unt>.hero{display:none}
html.dn .ak-unt .tk-such{margin-top:0}
/* Lieferung 32: Heute ohne Lücke: Wochenfokus und Wochenplanung nebeneinander, Deine Woche rechts über zwei Reihen, Termine darunter über zwei Spalten */
html.dn .dn-raster>.dn-termin{grid-column:span 2}
@media (max-width:760px){html.dn .dn-raster>.dn-termin{grid-column:auto}}
/* Lieferung 32: Tageskarten in einer Reihe gleich hoch, Eingabe unten bündig */
html.dn .wpn .wp-tag{height:100%;box-sizing:border-box}
/* Lieferung 33 (02.11.2026): Wochenplanung im Dunkelmodus: Chips und Farbstreifen heller, Serie-Hinweis ohne Braun, Datumsblock der Meetings sichtbar */
html.dn[data-theme="dark"] .wpn .wp-chip.wachstum{background:#3b86c4;color:#fff}
html.dn[data-theme="dark"] .wpn .wp-chip.feedback{background:#4e9fd6;color:#07213a}
html.dn[data-theme="dark"] .wpn .wp-chip.beratung{background:#4b7aa6;color:#fff}
html.dn[data-theme="dark"] .wpn .wp-chip.lernen{background:#8ec3e8;color:#07213a}
html.dn[data-theme="dark"] .wpn .wp-chip.sonst{background:#2b4b66;color:#e8eff6}
html.dn[data-theme="dark"] .wpn .wp-chip{background:#2b4b66;color:#e8eff6}
html.dn[data-theme="dark"] .wpn .wp-chip.termin{background:var(--blau);color:#fff}
html.dn[data-theme="dark"] .wpn .wp-chip.empfehlung{background:var(--lime);color:#092449}
html.dn[data-theme="dark"] .wpn .wp-chip.leise{background:transparent;color:var(--mut);box-shadow:inset 0 0 0 1px var(--grau)}
html.dn[data-theme="dark"] .wpn .wp-p.wachstum{border-left-color:#3b86c4}
html.dn[data-theme="dark"] .wpn .wp-p.feedback{border-left-color:#4e9fd6}
html.dn[data-theme="dark"] .wpn .wp-p.beratung{border-left-color:#4b7aa6}
html.dn[data-theme="dark"] .wpn .wp-p.lernen{border-left-color:#8ec3e8}
html.dn[data-theme="dark"] .wpn .wp-serie.leise{background:var(--dn-flaeche2);color:var(--mut);font-weight:400}
html.dn[data-theme="dark"] .wpn .wp-meet .inf-dt{background:#0b4570}
html.dn[data-theme="dark"] .wpn .wp-st-haken{stroke:#092449}
html.dn[data-theme="dark"] .wpn .wp-zaehl{background:#3b86c4}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .wpn .wp-chip.wachstum{background:#3b86c4;color:#fff}html.dn:not([data-theme="light"]) .wpn .wp-chip.feedback{background:#4e9fd6;color:#07213a}html.dn:not([data-theme="light"]) .wpn .wp-chip.beratung{background:#4b7aa6;color:#fff}html.dn:not([data-theme="light"]) .wpn .wp-chip.lernen{background:#8ec3e8;color:#07213a}html.dn:not([data-theme="light"]) .wpn .wp-chip.sonst{background:#2b4b66;color:#e8eff6}html.dn:not([data-theme="light"]) .wpn .wp-chip{background:#2b4b66;color:#e8eff6}html.dn:not([data-theme="light"]) .wpn .wp-chip.termin{background:var(--blau);color:#fff}html.dn:not([data-theme="light"]) .wpn .wp-chip.empfehlung{background:var(--lime);color:#092449}html.dn:not([data-theme="light"]) .wpn .wp-chip.leise{background:transparent;color:var(--mut);box-shadow:inset 0 0 0 1px var(--grau)}html.dn:not([data-theme="light"]) .wpn .wp-p.wachstum{border-left-color:#3b86c4}html.dn:not([data-theme="light"]) .wpn .wp-p.feedback{border-left-color:#4e9fd6}html.dn:not([data-theme="light"]) .wpn .wp-p.beratung{border-left-color:#4b7aa6}html.dn:not([data-theme="light"]) .wpn .wp-p.lernen{border-left-color:#8ec3e8}html.dn:not([data-theme="light"]) .wpn .wp-serie.leise{background:var(--dn-flaeche2);color:var(--mut);font-weight:400}html.dn:not([data-theme="light"]) .wpn .wp-meet .inf-dt{background:#0b4570}html.dn:not([data-theme="light"]) .wpn .wp-st-haken{stroke:#092449}html.dn:not([data-theme="light"]) .wpn .wp-zaehl{background:#3b86c4}}
/* Lieferung 33: Kachel „Nächstes Meeting“ auf Heute, auffälliger: Himmel-Verlauf mit Bergen, Datumsblock, Limette-Chip für Heute/Morgen, Gruppen wie auf Termine */
html.dn .dn-meet{position:relative;overflow:hidden;background:linear-gradient(150deg,#dff1fa 0%,#ffffff 62%);box-shadow:0 0 0 1px #bfe0f0;gap:14px}
html.dn .dn-meet::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 160' preserveAspectRatio='xMidYMax slice'%3E%3Cpath d='M0 160v-40l70-50 40 30 50-44 90 74 70-34v64z' fill='%23009fd2' fill-opacity='.10'/%3E%3Cpath d='M120 160 220 70l100 90z' fill='%23062e4d' fill-opacity='.08'/%3E%3C/svg%3E") center bottom/cover no-repeat}
html.dn .dn-meet>*{position:relative;z-index:1}
html.dn .dn-meet-oben{display:flex;align-items:center;justify-content:space-between;gap:8px}
html.dn .dn-meet-wann{flex:none;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--dn-flaeche2);color:var(--dn-eyebrow)}
html.dn .dn-meet-wann.heute{background:var(--lime);color:#092449;animation:dn-meet-puls 2.4s ease-in-out infinite}
@keyframes dn-meet-puls{0%,100%{box-shadow:0 0 0 0 rgba(203,220,0,.55)}50%{box-shadow:0 0 0 7px rgba(203,220,0,0)}}
html.dn .dn-meet-kopf{display:flex;align-items:center;gap:16px;min-width:0}
html.dn .dn-meet-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
html.dn .dn-meet .dn-titel{font-size:24px}
html.dn .dn-meet .inf-dt{flex:none;display:flex;flex-direction:column;align-items:center;width:66px;padding:10px 0 9px;border-radius:14px;background:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(6,46,77,.25)}
html.dn .dn-meet.event .inf-dt{background:var(--blau)}
html.dn .dn-meet .inf-dt b{font:700 24px/1 var(--serif);margin:3px 0}
html.dn .dn-meet .inf-dt small{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
html.dn .dn-meet .inf-tag{display:inline-block;width:fit-content;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--dn-flaeche2);color:var(--dn-eyebrow)}
html.dn .dn-meet .inf-grs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0}
html.dn .dn-meet .inf-grs.eins{grid-template-columns:1fr}
html.dn .dn-meet .inf-gr{display:flex;flex-direction:column;gap:2px;padding:9px 12px 10px;border-radius:10px;background:rgba(255,255,255,.85);border-left:4px solid var(--blau);box-shadow:0 1px 3px rgba(6,46,77,.08)}
html.dn .dn-meet .inf-gr.eigene{border-left-color:var(--lime)}
html.dn .dn-meet .inf-gr small{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--dn-eyebrow)}
html.dn .dn-meet .inf-gr span{font-weight:700;color:var(--navy)}
html.dn .dn-meet .dn-k-knoepfe .btn{min-height:46px;display:inline-flex;align-items:center;padding:0 18px;margin:0}
@media (max-width:480px){html.dn .dn-meet .dn-titel{font-size:24px}html.dn .dn-meet .inf-dt{width:58px}}
html.dn[data-theme="dark"] .dn-meet{background:linear-gradient(150deg,#0f2a42 0%,#112437 62%);box-shadow:0 0 0 1px #22405a}
html.dn[data-theme="dark"] .dn-meet .inf-dt{background:#0b4570}
html.dn[data-theme="dark"] .dn-meet .inf-gr{background:rgba(255,255,255,.07)}
html.dn[data-theme="dark"] .dn-meet .inf-gr span,html.dn[data-theme="dark"] .dn-meet .dn-titel{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .dn-meet{background:linear-gradient(150deg,#0f2a42 0%,#112437 62%);box-shadow:0 0 0 1px #22405a}html.dn:not([data-theme="light"]) .dn-meet .inf-dt{background:#0b4570}html.dn:not([data-theme="light"]) .dn-meet .inf-gr{background:rgba(255,255,255,.07)}html.dn:not([data-theme="light"]) .dn-meet .inf-gr span,html.dn:not([data-theme="light"]) .dn-meet .dn-titel{color:var(--tx)}}
/* Lieferung 33: Karriere, Gipfelpfad zum Monatsziel (wie Monatsplanung der Testseite) mit Abgleich zur ausführlichen Planung */
html.dn .ka-held{display:grid;grid-template-columns:1fr;gap:14px;align-items:center;margin-top:16px;padding:18px;border-radius:12px;background:linear-gradient(180deg,var(--p-himmel),var(--w) 92%);box-shadow:var(--schatten);overflow:hidden}
html.dn .ka-held.laedt{display:block}
html.dn .ka-held.oben{background:linear-gradient(180deg,#e9f1b8,var(--w) 92%)}
html.dn .ka-held>.eyebrow{margin:0}
html.dn .ka-held-bild{min-width:0}
html.dn .ka-gipfel{display:block;width:100%;height:auto;max-height:200px}
html.dn .ka-sonne{fill:var(--p-sonne)}html.dn .ka-fern{fill:var(--p-fern)}html.dn .ka-berg{fill:var(--p-vorn2)}html.dn .ka-schnee{fill:#fff;opacity:.9}
html.dn .ka-weg{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 7;opacity:.85}
html.dn .ka-weg-an{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
html.dn .ka-mast{stroke:var(--p-vorn2);stroke-width:2;stroke-linecap:round}html.dn .ka-fahne{fill:var(--lime);stroke:var(--p-vorn2);stroke-width:1.5;stroke-linejoin:round}
html.dn .ka-ich circle{fill:var(--lime);stroke:var(--p-vorn2);stroke-width:3}html.dn .ka-ich text{font:700 13px var(--font);fill:#092449}
html.dn .ka-konfetti>*{fill:var(--lime)}html.dn .ka-konfetti>:nth-child(2n){fill:#fff}
@media (prefers-reduced-motion:no-preference){html.dn .ka-konfetti{animation:ka-funkeln 1.4s ease-in-out infinite alternate}}
@keyframes ka-funkeln{from{opacity:.35}to{opacity:1}}
html.dn .ka-held-txt{display:flex;flex-direction:column;gap:8px;min-width:0}
html.dn .ka-held-txt .eyebrow{margin:0}
html.dn .ka-zahl{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0}
html.dn .ka-zahl b{font:700 24px/1.05 var(--serif);color:var(--navy);font-variant-numeric:tabular-nums}
html.dn .ka-zahl span{color:var(--mut)}
html.dn .ka-balken{height:10px;border-radius:999px;background:var(--grau);overflow:hidden}
html.dn .ka-balken i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blau),var(--lime))}
html.dn .ka-ziel{margin:0;font-size:13px;color:var(--mut)}html.dn .ka-ziel b{color:var(--tx)}
html.dn .ka-abgleich{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
html.dn .ka-ab{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;background:var(--dn-flaeche2)}
html.dn .ka-ab b{font:700 16px/1.1 var(--serif);color:var(--navy)}
html.dn .ka-ab span{font-size:13px;color:var(--tx)}
html.dn .ka-ab em{font-style:normal;font-size:13px;font-weight:700;color:#b65a00}
html.dn .ka-ab.ok{background:#f3f8d0}html.dn .ka-ab.ok em{color:#4e6600}
html.dn .ka-bausteine{display:flex;flex-wrap:wrap;gap:8px}
html.dn .ka-baustein{display:flex;flex-direction:column;align-items:flex-start;min-width:92px;padding:8px 10px;border-radius:10px;background:var(--w);box-shadow:var(--schatten);border-top:4px solid var(--k)}
html.dn .ka-baustein b{font:700 24px/1 var(--serif);color:var(--k)}
html.dn .ka-baustein span{font-size:13px;font-weight:700;color:var(--tx)}
html.dn .ka-baustein small{font-size:13px;color:var(--mut)}
html.dn .ka-held .dn-k-knoepfe{margin-top:4px}
html.dn .ka-held .dn-k-knoepfe .btn{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;margin:0}
@media (max-width:699px){html.dn .ka-held{grid-template-columns:1fr;gap:12px;padding:14px}html.dn .ka-zahl b{font-size:24px}}
html.dn[data-theme="dark"] .ka-held{background:linear-gradient(180deg,#0f2a42,var(--w) 92%)}
html.dn[data-theme="dark"] .ka-held.oben{background:linear-gradient(180deg,#2a3a10,var(--w) 92%)}
html.dn[data-theme="dark"] .ka-zahl b,html.dn[data-theme="dark"] .ka-ab b{color:var(--tx)}
html.dn[data-theme="dark"] .ka-ab.ok{background:#2a3a10}html.dn[data-theme="dark"] .ka-ab.ok em{color:#d6e86a}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .ka-held{background:linear-gradient(180deg,#0f2a42,var(--w) 92%)}html.dn:not([data-theme="light"]) .ka-held.oben{background:linear-gradient(180deg,#2a3a10,var(--w) 92%)}html.dn:not([data-theme="light"]) .ka-zahl b,html.dn:not([data-theme="light"]) .ka-ab b{color:var(--tx)}html.dn:not([data-theme="light"]) .ka-ab.ok{background:#2a3a10}html.dn:not([data-theme="light"]) .ka-ab.ok em{color:#d6e86a}}
/* ---- Lieferung 34 (02.11.2026): Einwand-Dojo mit Bronze, Silber, Gold im Trainer-Modus ---- */
html.dn .dj2{max-width:1100px}
html.dn .dj2 .dj2-klein{color:var(--mut);font-size:13px;line-height:1.5;margin:8px 0}
html.dn .dj2 .dj2-fehler{color:#c0392b;font-weight:700}
html.dn .dj2 .dj2-h{margin:18px 0 10px;font:700 24px/1.15 var(--serif);color:var(--navy)}
html.dn .dj2-med{--m1:#b9b9b9;--m2:#8a8a8a;--mt:#092449;display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:92px;flex:none}
html.dn .dj2-med svg{width:72px;height:72px;overflow:visible}
html.dn .dj2-med.klein{width:64px}html.dn .dj2-med.klein svg{width:48px;height:48px}html.dn .dj2-med.klein b{font-size:13px}
html.dn .dj2-med b{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
html.dn .dj2-med.bronze{--m1:#d08a4c;--m2:#8f4f1f}html.dn .dj2-med.silber{--m1:#c9d1d9;--m2:#7f8c99}html.dn .dj2-med.gold{--m1:#f0c84a;--m2:#b8860b}
html.dn .dj2-med .dj2-band{fill:var(--navy);opacity:.35}
html.dn .dj2-med .dj2-kreis{fill:var(--grau);stroke:var(--w);stroke-width:3}
html.dn .dj2-med.hat .dj2-kreis{fill:var(--m1);stroke:var(--m2);stroke-width:3}
html.dn .dj2-med.hat .dj2-band{opacity:1;fill:var(--m2)}
html.dn .dj2-med.hat b{color:var(--navy)}
html.dn .dj2-med .dj2-haken{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
html.dn .dj2-med.frei .dj2-kreis{fill:var(--dn-flaeche2);stroke:var(--grau)}
html.dn .dj2-med .dj2-fort{fill:none;stroke:var(--m1);stroke-width:5;stroke-linecap:round}
html.dn .dj2-med .dj2-pz{font:700 16px var(--font);fill:var(--navy)}
html.dn .dj2-med.zu{opacity:.55}html.dn .dj2-med .dj2-schloss{fill:var(--mut)}html.dn .dj2-med .dj2-schloss-b{fill:none;stroke:var(--mut);stroke-width:3}
html.dn .dj2-med-reihe{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:0 0 12px}
html.dn .dj2-med-reihe.mini{gap:4px;margin:0;align-items:center}
html.dn .dj2-punkt{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--grau)}
html.dn .dj2-punkt.hat.bronze{background:#d08a4c}html.dn .dj2-punkt.hat.silber{background:#a9b2bd}html.dn .dj2-punkt.hat.gold{background:#f0c84a}
html.dn .dj2-stufen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
@media (max-width:760px){html.dn .dj2-stufen{grid-template-columns:1fr}}
html.dn .dj2-stufe{display:flex;gap:12px;align-items:center;padding:14px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);color:inherit;text-decoration:none;transition:box-shadow .15s}
html.dn .dj2-stufe:hover{box-shadow:0 0 0 2px var(--blau)}
html.dn .dj2-stufe.hat.bronze{background:linear-gradient(180deg,#fbe9da,var(--w) 70%)}html.dn .dj2-stufe.hat.silber{background:linear-gradient(180deg,#eef1f4,var(--w) 70%)}html.dn .dj2-stufe.hat.gold{background:linear-gradient(180deg,#fff3c8,var(--w) 70%)}
html.dn .dj2-stufe-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
html.dn .dj2-stufe-txt b{font:700 16px/1.25 var(--serif);color:var(--navy)}
html.dn .dj2-stufe-txt small{color:var(--mut);font-size:13px;line-height:1.4}
html.dn .dj2-stufe-txt em{font-style:normal;font-size:13px;font-weight:700;color:var(--dn-eyebrow);letter-spacing:.03em;text-transform:uppercase}
html.dn .dj2-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html.dn .dj2-zahlen>div{display:flex;flex-direction:column;background:var(--dn-flaeche2);border-radius:10px;padding:10px 12px}
html.dn .dj2-zahlen small{color:var(--mut);font-size:13px}html.dn .dj2-zahlen b{font:700 24px/1.1 var(--serif);color:var(--navy)}html.dn .dj2-zahlen span{font-size:13px;color:var(--mut)}
html.dn .dj2-trainer-karte{background:#062e4d;color:#fff;box-shadow:none}
html.dn .dj2-trainer-karte .eyebrow{color:#b9d3e4}html.dn .dj2-trainer-karte .dn-titel{color:#fff}html.dn .dj2-trainer-karte .dn-text{color:#d6e4ee}
html.dn .dj2-trainer-karte .dn-k-knoepfe .btn{min-height:46px;display:inline-flex;align-items:center;padding:0 18px;margin:0}
html.dn .dj2-hinweis p{margin:6px 0 0;color:var(--mut)}
html.dn .dj2-verlauf{display:grid;gap:6px}
html.dn .dj2-v{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--dn-flaeche2)}
html.dn .dj2-v>div{flex:1;min-width:0;display:flex;flex-direction:column}html.dn .dj2-v small{color:var(--mut);font-size:13px}
html.dn .dj2-vp{font:700 16px var(--serif);color:var(--navy)}
html.dn .dj2-chip{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--grau);color:var(--tx)}
html.dn .dj2-chip.bronze{background:#d08a4c;color:#fff}html.dn .dj2-chip.silber{background:#a9b2bd;color:#092449}html.dn .dj2-chip.gold{background:#f0c84a;color:#092449}html.dn .dj2-chip.leise{background:var(--dn-flaeche2);color:var(--mut)}
html.dn .dj2-stufe-kopf{display:flex;gap:14px;align-items:center}
html.dn .dj2-gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
html.dn .dj2-gruppe{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s}
html.dn .dj2-gruppe:hover{box-shadow:0 0 0 2px var(--blau)}
html.dn .dj2-gruppe.fertig{background:#f3f8d0}
html.dn .dj2-g-txt{display:flex;flex-direction:column;min-width:0}html.dn .dj2-g-txt b{font:700 16px/1.25 var(--serif);color:var(--navy)}html.dn .dj2-g-txt small{color:var(--mut);font-size:13px}
html.dn .dj2-g-balken{grid-column:1/-1;height:6px;border-radius:3px;background:var(--grau);overflow:hidden}html.dn .dj2-g-balken i{display:block;height:100%;background:var(--lime);border-radius:3px}
html.dn .dj2-g-mehr{font-size:13px;font-weight:700;color:var(--dn-link);white-space:nowrap}
html.dn .dj2-lese{display:grid;gap:8px}
html.dn .dj2-lk{background:var(--w);box-shadow:var(--schatten);border-radius:12px;padding:0 14px;border-left:4px solid var(--grau)}
html.dn .dj2-lk.bronze{border-left-color:#d08a4c}html.dn .dj2-lk.silber{border-left-color:#a9b2bd}html.dn .dj2-lk.gold{border-left-color:#f0c84a}
html.dn .dj2-lk summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;cursor:pointer;list-style:none}
html.dn .dj2-lk summary::-webkit-details-marker{display:none}
html.dn .dj2-lk summary b{flex:1;min-width:200px;font:700 16px/1.35 var(--serif);color:var(--navy)}
html.dn .dj2-lk summary em{font-style:normal;font-size:13px;font-weight:700;color:var(--mut)}html.dn .dj2-lk.sicher summary em{color:#4e6600}
html.dn .dj2-antwort{display:grid;gap:8px;padding:0 0 14px}
html.dn .dj2-z{display:flex;gap:10px;align-items:flex-start}html.dn .dj2-z>div{min-width:0}html.dn .dj2-z b{display:block;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--dn-eyebrow)}html.dn .dj2-z p{margin:2px 0 0}
html.dn .dj2-b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700;font-size:13px}html.dn .dj2-b.lime{background:var(--lime);color:#092449}
html.dn .dj2-ziel,html.dn .dj2-achtung{padding:8px 12px;border-radius:10px;background:var(--dn-flaeche2)}html.dn .dj2-ziel b,html.dn .dj2-achtung b{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--dn-eyebrow)}html.dn .dj2-ziel p,html.dn .dj2-achtung p{margin:2px 0 0}
html.dn .dj2-achtung{background:#fff1dd}html.dn .dj2-achtung b{color:#b65a00}
html.dn .dj2-rolle{margin:4px 0 0;color:var(--mut);font-style:italic}
html.dn .dj2-partner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
html.dn .dj2-p{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--w);box-shadow:var(--schatten);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s}
html.dn .dj2-p:hover{box-shadow:0 0 0 2px var(--blau)}
html.dn .dj2-p-ini{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700}
html.dn .dj2-p-txt{flex:1;min-width:0;display:flex;flex-direction:column}html.dn .dj2-p-txt b{font:700 16px/1.2 var(--serif);color:var(--navy)}html.dn .dj2-p-txt small{color:var(--mut);font-size:13px}
html.dn .dj2-tstufe{margin-top:12px}html.dn .dj2-tstufe.zu{opacity:.7}
html.dn .dj2-fort{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--mut);font-size:13px}
html.dn .dj2-balken{flex:1;height:8px;border-radius:4px;background:var(--grau);overflow:hidden}html.dn .dj2-balken i{display:block;height:100%;background:var(--blau);border-radius:4px}
html.dn .dj2-karte{display:grid;gap:12px}
html.dn .dj2-karte blockquote{margin:4px 0;font:700 24px/1.3 var(--serif);color:var(--navy)}
html.dn .dj2-auf{justify-self:start;min-height:46px;display:inline-flex;align-items:center;padding:0 18px}
html.dn .dj2-frage{margin:6px 0 0;font-weight:700}
html.dn .dj2-bew{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html.dn .dj2-bew button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:12px;background:var(--dn-flaeche2);color:var(--tx);font:700 16px var(--font);cursor:pointer;border:0}
html.dn .dj2-bew button small{font-weight:400;font-size:13px;color:var(--mut)}
html.dn .dj2-bew button.stark{background:var(--lime);color:#092449}html.dn .dj2-bew button.stark small{color:#092449}
html.dn .dj2-bew button:hover{box-shadow:0 0 0 2px var(--blau)}
html.dn .dj2-abbruch{background:none;border:0;cursor:pointer;font:inherit;padding:0}
html.dn .dj2-erg{display:grid;gap:12px}
html.dn .dj2-erg.feier{background:linear-gradient(180deg,#fff3c8,var(--w) 60%)}
html.dn .dj2-feier{position:relative;display:flex;justify-content:center;padding:10px 0 0}
html.dn .dj2-feier .dj2-med{width:auto}
html.dn .dj2-feier .dj2-med svg{width:120px;height:120px;animation:dj2-dreh 1.2s ease-out both}
@keyframes dj2-dreh{from{transform:rotateY(180deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
html.dn .dj2-erg-satz{margin:0;font:700 16px/1.3 var(--serif);color:var(--navy);text-align:center}
html.dn .dj2-konfetti{position:absolute;left:50%;top:0;width:0;height:0;pointer-events:none}
html.dn .dj2-konfetti i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:wp-konf 1.4s ease-out forwards}
html.dn .dj2-konfetti i:nth-child(1){background:var(--lime);--dx:-120px}html.dn .dj2-konfetti i:nth-child(2){background:var(--blau);--dx:-80px;animation-delay:.05s}html.dn .dj2-konfetti i:nth-child(3){background:#f0c84a;--dx:-40px;animation-delay:.1s}html.dn .dj2-konfetti i:nth-child(4){background:var(--navy);--dx:-5px}html.dn .dj2-konfetti i:nth-child(5){background:var(--lime);--dx:30px;animation-delay:.08s}html.dn .dj2-konfetti i:nth-child(6){background:#f0c84a;--dx:70px;animation-delay:.04s}html.dn .dj2-konfetti i:nth-child(7){background:var(--blau);--dx:110px;animation-delay:.12s}html.dn .dj2-konfetti i:nth-child(8){background:#d08a4c;--dx:140px;animation-delay:.06s}
html.dn .dj2-kb .dj2-med-reihe{margin:8px 0}
html.dn .dj2-kb .btn{margin-top:8px}
html.dn[data-theme="dark"] .dj2-stufe-txt b,html.dn[data-theme="dark"] .dj2-g-txt b,html.dn[data-theme="dark"] .dj2-p-txt b,html.dn[data-theme="dark"] .dj2-zahlen b,html.dn[data-theme="dark"] .dj2-karte blockquote,html.dn[data-theme="dark"] .dj2-lk summary b,html.dn[data-theme="dark"] .dj2-vp,html.dn[data-theme="dark"] .dj2-erg-satz,html.dn[data-theme="dark"] .dj2 .dj2-h,html.dn[data-theme="dark"] .dj2-med.hat b{color:var(--tx)}
html.dn[data-theme="dark"] .dj2-med .dj2-pz{fill:var(--tx)}
html.dn[data-theme="dark"] .dj2-stufe.hat,html.dn[data-theme="dark"] .dj2-erg.feier{background:var(--w)}html.dn[data-theme="dark"] .dj2-gruppe.fertig{background:#2a3a10}html.dn[data-theme="dark"] .dj2-achtung{background:#3a2a10}html.dn[data-theme="dark"] .dj2-achtung b{color:#ffcf8a}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .dj2-stufe-txt b,html.dn:not([data-theme="light"]) .dj2-g-txt b,html.dn:not([data-theme="light"]) .dj2-p-txt b,html.dn:not([data-theme="light"]) .dj2-zahlen b,html.dn:not([data-theme="light"]) .dj2-karte blockquote,html.dn:not([data-theme="light"]) .dj2-lk summary b,html.dn:not([data-theme="light"]) .dj2-vp,html.dn:not([data-theme="light"]) .dj2-erg-satz,html.dn:not([data-theme="light"]) .dj2 .dj2-h,html.dn:not([data-theme="light"]) .dj2-med.hat b{color:var(--tx)}html.dn:not([data-theme="light"]) .dj2-med .dj2-pz{fill:var(--tx)}html.dn:not([data-theme="light"]) .dj2-stufe.hat,html.dn:not([data-theme="light"]) .dj2-erg.feier{background:var(--w)}html.dn:not([data-theme="light"]) .dj2-gruppe.fertig{background:#2a3a10}html.dn:not([data-theme="light"]) .dj2-achtung{background:#3a2a10}html.dn:not([data-theme="light"]) .dj2-achtung b{color:#ffcf8a}}
/* ---- Lieferung 35 (02.11.2026): Jahresplan 2027 ---- */
html.dn .jp{max-width:1100px}
html.dn .jp .jp-klein{color:var(--mut);font-size:13px;line-height:1.5;margin:4px 0 10px}
html.dn .jp .jp-fehler{color:#c0392b;font-weight:700}
html.dn .jp-leiste{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 14px}
html.dn .jp-stand{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--dn-flaeche2);color:var(--dn-eyebrow)}
html.dn .jp-stand.voll{background:var(--lime);color:#092449}
html.dn .jp-status{color:var(--mut);font-size:13px;flex:1}
html.dn .jp-knoepfe{display:flex;gap:8px;flex-wrap:wrap}
html.dn .jp-knoepfe .btn{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;margin:0;font-size:13px}
html.dn .jp-form{display:grid;gap:14px}
html.dn .jp-sek{position:relative;padding-left:62px}
html.dn .jp-sek h2{margin:0 0 4px;font:700 24px/1.15 var(--serif);color:var(--navy)}
html.dn .jp-nr{position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 13px var(--font)}
html.dn .jp-feld{display:flex;flex-direction:column;gap:4px;margin:8px 0 0}
html.dn .jp-feld>span{font-size:13px;font-weight:700;color:var(--mut)}
html.dn .jp-feld input,html.dn .jp-feld textarea,html.dn .jp-feld select,html.dn .jp-ms input,html.dn .jp-q input,html.dn .jp-q select,html.dn .jp-m input,html.dn .jp-check-felder input{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:8px;padding:8px 10px;width:100%;box-sizing:border-box;min-height:40px}
html.dn .jp textarea{resize:vertical;line-height:1.45}
html.dn .jp input:focus,html.dn .jp textarea:focus,html.dn .jp select:focus{outline:2px solid var(--blau);outline-offset:1px}
html.dn .jp input:disabled,html.dn .jp textarea:disabled,html.dn .jp select:disabled{background:var(--dn-flaeche2);color:var(--tx);opacity:1}
html.dn .jp-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 14px}
html.dn .jp-gross input{font:700 24px var(--serif);max-width:180px}
html.dn .jp-ms-liste{display:grid;gap:6px;margin:8px 0}
html.dn .jp-ms{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr) minmax(140px,1fr) auto;gap:6px;align-items:center}
html.dn .jp-weg{color:#c0392b}
html.dn .jp-quartale{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}
html.dn .jp-q{display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:var(--dn-flaeche2)}
html.dn .jp-q>b{font:700 16px var(--serif);color:var(--navy)}
html.dn .jp-q label,html.dn .jp-m label,html.dn .jp-check-felder label{display:flex;flex-direction:column;gap:3px}
html.dn .jp-q label>span,html.dn .jp-m label>span,html.dn .jp-check-felder label>span{font-size:13px;font-weight:700;color:var(--mut)}
html.dn .jp-monate{display:grid;gap:8px;margin-top:8px}
html.dn .jp-m{display:grid;grid-template-columns:110px 80px 80px minmax(220px,auto) minmax(160px,1fr);gap:8px;align-items:end;padding:8px 10px;border-radius:10px;background:var(--dn-flaeche2)}
html.dn .jp-m>b{font:700 16px var(--serif);color:var(--navy);padding-bottom:10px}
html.dn .jp-m small{grid-column:1/-1;color:var(--mut);font-size:13px}
html.dn .jp-ampel{display:flex;gap:4px;align-self:end}
html.dn .jp-amp{flex:1;min-height:40px;border:0;border-radius:8px;padding:0 8px;font:700 13px var(--font);cursor:pointer;background:var(--w);color:var(--mut);box-shadow:inset 0 0 0 1px var(--grau);white-space:nowrap}
html.dn .jp-amp.an.ja{background:#2e9e5b;color:#fff;box-shadow:none}html.dn .jp-amp.an.knapp{background:#eda100;color:#092449;box-shadow:none}html.dn .jp-amp.an.nein{background:#c0392b;color:#fff;box-shadow:none}
html.dn .jp-amp:disabled{cursor:default}
html.dn .jp-commit{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
html.dn .jp-c{width:40px;height:40px;border-radius:50%;border:0;background:var(--dn-flaeche2);color:var(--tx);font:700 16px var(--font);cursor:pointer;box-shadow:inset 0 0 0 1px var(--grau)}
html.dn .jp-c.an{background:var(--lime);color:#092449;box-shadow:none;transform:scale(1.1)}
html.dn .jp-unterschrift{margin:14px 0 0;font:italic 700 16px var(--serif);color:var(--navy)}
html.dn .jp-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
html.dn .jp-k{display:flex;flex-direction:column;padding:12px 14px;border-radius:12px;background:var(--w);box-shadow:var(--schatten)}
html.dn .jp-k b{font:700 24px/1.1 var(--serif);color:var(--navy)}html.dn .jp-k small{color:var(--mut);font-size:13px}
html.dn .jp-k.navy{background:var(--navy)}html.dn .jp-k.navy b{color:#fff}html.dn .jp-k.navy small{color:#b9d3e4}
html.dn .jp-liste{display:grid;gap:6px}
html.dn .jp-pz{display:grid;grid-template-columns:minmax(0,2fr) auto 70px 70px 34px 60px auto;gap:10px;align-items:center;padding:8px 12px;padding-left:calc(12px + var(--t) * 22px);border-radius:10px;background:var(--dn-flaeche2)}
html.dn .jp-pz.direkt{background:var(--w);box-shadow:var(--schatten)}
html.dn .jp-pz-name{display:flex;flex-direction:column;min-width:0}html.dn .jp-pz-name b{font:700 16px/1.2 var(--serif);color:var(--navy)}html.dn .jp-pz-name small{color:var(--mut);font-size:13px}
html.dn .jp-pz-plan{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--grau);color:var(--tx);white-space:nowrap}
html.dn .jp-pz-plan.voll{background:var(--lime);color:#092449}html.dn .jp-pz-plan.entwurf{background:#fff1dd;color:#b65a00}
html.dn .jp-pz-zahl{display:flex;flex-direction:column;align-items:center}html.dn .jp-pz-zahl b{font:700 16px/1 var(--serif);color:var(--navy)}html.dn .jp-pz-zahl small{font-size:13px;color:var(--mut)}
html.dn .jp-punkt{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--grau)}html.dn .jp-punkt.ja{background:#2e9e5b}html.dn .jp-punkt.knapp{background:#eda100}html.dn .jp-punkt.nein{background:#c0392b}
html.dn .jp-filter{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
html.dn .jp-filter label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
html.dn .jp-filter select{font:inherit;color:var(--tx);background:var(--w);border:1px solid var(--grau);border-radius:8px;padding:6px 10px}
html.dn .jp-kk .dn-k-knoepfe .btn,html.dn .jp-check .dn-k-knoepfe .btn{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;margin:0}
html.dn .jp-heute{margin:0 0 16px}
html.dn .jp-check{display:grid;gap:12px;background:linear-gradient(150deg,#dff1fa 0%,var(--w) 60%)}
html.dn .jp-check-kopf{display:flex;flex-direction:column;gap:4px}
html.dn .jp-check-felder{display:grid;grid-template-columns:90px 90px minmax(240px,auto) minmax(180px,1fr);gap:8px;align-items:end}
@media (max-width:760px){html.dn .jp-m{grid-template-columns:1fr 1fr}html.dn .jp-m>b,html.dn .jp-ampel,html.dn .jp-m-schritt{grid-column:1/-1}html.dn .jp-ms{grid-template-columns:1fr 1fr}html.dn .jp-ms input:first-child{grid-column:1/-1}html.dn .jp-pz{grid-template-columns:1fr auto;padding-left:12px}html.dn .jp-pz-name{grid-column:1/-1}html.dn .jp-check-felder{grid-template-columns:1fr 1fr}html.dn .jp-check-felder .jp-ampel,html.dn .jp-check-felder .jp-m-schritt{grid-column:1/-1}html.dn .jp-sek{padding-left:18px;padding-top:48px}}
html.dn[data-theme="dark"] .jp-sek h2,html.dn[data-theme="dark"] .jp-q>b,html.dn[data-theme="dark"] .jp-m>b,html.dn[data-theme="dark"] .jp-k b,html.dn[data-theme="dark"] .jp-pz-name b,html.dn[data-theme="dark"] .jp-pz-zahl b,html.dn[data-theme="dark"] .jp-unterschrift{color:var(--tx)}
html.dn[data-theme="dark"] .jp-k.navy b{color:#fff}html.dn[data-theme="dark"] .jp-check{background:linear-gradient(150deg,#0f2a42 0%,var(--w) 60%)}html.dn[data-theme="dark"] .jp-pz-plan.entwurf{background:#3a2a10;color:#ffcf8a}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .jp-sek h2,html.dn:not([data-theme="light"]) .jp-q>b,html.dn:not([data-theme="light"]) .jp-m>b,html.dn:not([data-theme="light"]) .jp-k b,html.dn:not([data-theme="light"]) .jp-pz-name b,html.dn:not([data-theme="light"]) .jp-pz-zahl b,html.dn:not([data-theme="light"]) .jp-unterschrift{color:var(--tx)}html.dn:not([data-theme="light"]) .jp-k.navy b{color:#fff}html.dn:not([data-theme="light"]) .jp-check{background:linear-gradient(150deg,#0f2a42 0%,var(--w) 60%)}html.dn:not([data-theme="light"]) .jp-pz-plan.entwurf{background:#3a2a10;color:#ffcf8a}}
/* Druck: nur der Plan, wie das Handout */
@media print{html.dn body>*:not(#main),html.dn #nav,html.dn #tabbar,html.dn .jp-leiste .jp-knoepfe,html.dn .jp .back,html.dn .jp-weg,html.dn [data-jp="ms-neu"]{display:none !important}html.dn #main{margin:0;padding:0;max-width:none}html.dn .jp-sek{box-shadow:none;border:1px solid #999;break-inside:avoid;page-break-inside:avoid}html.dn .jp input,html.dn .jp textarea,html.dn .jp select{border:1px solid #bbb;background:#fff;color:#000}html.dn .jp-m{break-inside:avoid}html.dn .hero h1{font-size:24px}}
/* ---- Lieferung 36 (02.11.2026): Jahresplan Seite für Seite, Entwurf vom Canvas ---- */
html.dn .jp-buch{display:block;max-width:560px;margin:0 auto}
html.dn .jp-seite{display:none;flex-direction:column;background:var(--w);box-shadow:var(--schatten);border-radius:16px;overflow:hidden}
html.dn .jp-seite.an{display:flex}
html.dn .jp-seite.start{background:linear-gradient(180deg,#dff1fa 0%,var(--w) 60%)}
html.dn .jp-seite.ende{background:linear-gradient(180deg,var(--w) 0%,#fff3c8 100%)}
html.dn .jp-kopf{display:flex;align-items:center;gap:10px;padding:14px 16px 0}
html.dn .jp-kopf-t{font:700 16px var(--serif);color:var(--navy);flex:1}
html.dn .jp-zurueck{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--w);box-shadow:0 0 0 1px var(--grau);color:var(--navy);font:700 24px var(--font);text-decoration:none;border:0;cursor:pointer;flex:none}
html.dn .jp-fort{flex:1;display:flex;align-items:center;gap:10px}
html.dn .jp-fort-balken{flex:1;display:flex;gap:4px}
html.dn .jp-fort-balken span{flex:1;height:6px;border-radius:3px;background:var(--grau)}
html.dn .jp-fort-balken span.an{background:var(--lime)}
html.dn .jp-fort small{font-size:13px;font-weight:700;color:var(--mut);white-space:nowrap}
html.dn .jp-kopf .jp-status{flex:0 1 auto;font-size:13px;text-align:right;max-width:40%}
html.dn .jp-bild{display:block;width:100%;height:auto}
html.dn .jp-innen{display:flex;flex-direction:column;gap:12px;padding:8px 24px 24px}
html.dn .jp-innen>.eyebrow{margin:0}
html.dn .jp-h1{margin:0;font:700 24px/1.15 var(--serif);color:var(--navy);letter-spacing:-.3px}
html.dn .jp-h1.gross{font-size:24px;letter-spacing:-1px}
html.dn .jp-text{margin:0;font-size:16px;line-height:1.5;color:var(--tx)}
html.dn .jp-klein.mitte{text-align:center;margin:0}
html.dn .jp-start-stand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html.dn .jp-start-stand small{color:var(--mut);font-size:13px}
html.dn .jp-weiter{display:flex;flex-direction:column;gap:8px;margin-top:8px}
html.dn .jp-btn{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:10px;font-size:16px;font-weight:700;margin:0;padding:0 18px;width:100%;box-sizing:border-box}
html.dn .jp-warum{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:var(--dn-flaeche2);border-left:4px solid var(--blau);color:var(--dn-eyebrow)}
html.dn .jp-warum svg{flex:none}
html.dn .jp-warum p{margin:0;font-size:13px;line-height:1.45;color:var(--tx)}
html.dn .jp-unterschrift{text-align:center;margin:0 0 4px}
/* Illustrationen */
html.dn .jp-sonne{fill:var(--p-sonne)}html.dn .jp-sonne-hof{fill:#fff3c8}
html.dn .jp-b0{fill:var(--p-himmel)}html.dn .jp-b1{fill:var(--p-fern)}html.dn .jp-b2{fill:var(--p-mitte)}html.dn .jp-b3{fill:var(--p-nah)}html.dn .jp-b4{fill:var(--p-vorn)}
html.dn .jp-mast{stroke:var(--p-vorn);stroke-width:3;stroke-linecap:round;fill:none}
html.dn .jp-mast-f{fill:var(--p-vorn)}
html.dn .jp-fahne{fill:var(--lime);stroke:var(--p-vorn);stroke-width:2;stroke-linejoin:round}
html.dn .jp-pfad{fill:none;stroke:var(--p-fern);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 10}
html.dn .jp-pfad.an{stroke:var(--lime);stroke-width:6;stroke-dasharray:none}
html.dn .jp-seite.start .jp-pfad{stroke:#fff;stroke-width:4;stroke-dasharray:2 9;opacity:.9}
html.dn .jp-t1{font:700 16px var(--serif);fill:var(--p-titel)}html.dn .jp-t2{font:13px var(--font);fill:var(--p-satz)}
html.dn .jp-st circle{fill:var(--w);stroke:var(--grau);stroke-width:3}
html.dn .jp-st.da circle{fill:var(--lime);stroke:var(--navy)}
html.dn .jp-st.offen circle{stroke:var(--blau)}
html.dn .jp-st.ziel circle{fill:var(--navy);stroke:var(--lime);stroke-width:4}
html.dn .jp-st text{font:700 13px var(--serif);fill:var(--navy)}
html.dn .jp-st.ziel text{fill:#fff}
html.dn .jp-st .jp-st-sub{font:700 13px var(--font);fill:var(--mut)}
html.dn .jp-st.ziel .jp-st-sub{fill:var(--p-titel)}
html.dn .jp-haken{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html.dn .jp-stein{fill:#49647a}html.dn .jp-stein-h{fill:#7f8c99}
html.dn .jp-umweg{fill:none;stroke:var(--p-vorn);stroke-width:4;stroke-linecap:round;stroke-dasharray:1 8}
html.dn .jp-etappen .jp-et{cursor:pointer;outline:none}
html.dn .jp-et circle{fill:var(--w);stroke:var(--p-fern);stroke-width:3;transition:transform .15s;transform-box:fill-box;transform-origin:center}
html.dn .jp-et:hover circle,html.dn .jp-et:focus-visible circle{transform:scale(1.2)}
html.dn .jp-et.ja circle{fill:#2e9e5b;stroke:#2e9e5b}html.dn .jp-et.knapp circle{fill:#eda100;stroke:#eda100}html.dn .jp-et.nein circle{fill:#c0392b;stroke:#c0392b}
html.dn .jp-et.ziel circle{fill:var(--navy);stroke:var(--lime)}
html.dn .jp-et.wahl circle{stroke:var(--navy);stroke-width:4}
html.dn .jp-et-t{font:700 13px var(--font);fill:var(--mut)}html.dn .jp-et-t.ziel{fill:var(--p-titel)}
/* Seitenbausteine */
html.dn .jp-varianten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.dn .jp-var{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;min-height:64px;border:0;border-radius:10px;background:var(--w);color:var(--tx);box-shadow:0 0 0 1px var(--grau);font:inherit;text-align:left;cursor:pointer}
html.dn .jp-var b{font-size:13px}html.dn .jp-var span{font-size:13px;color:var(--mut)}
html.dn .jp-var.an{background:var(--navy);color:#fff;box-shadow:none}html.dn .jp-var.an span{color:#d6e4ee}
html.dn .jp-zwei-ziel{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}
html.dn .jp-zwei-ziel .jp-gross input{max-width:none;text-align:center}
html.dn .jp-ms-neu{align-self:flex-start}
html.dn .jp-quartale{grid-template-columns:1fr;gap:8px}
html.dn .jp-q{grid-template-columns:54px minmax(0,1fr) 64px;align-items:center;background:var(--w);box-shadow:0 0 0 1px var(--grau);padding:10px 12px}
html.dn .jp-lager{width:54px;height:54px;flex:none}
html.dn .jp-lager-0{fill:var(--p-fern)}html.dn .jp-lager-1{fill:var(--p-mitte)}html.dn .jp-lager-2{fill:var(--p-nah)}html.dn .jp-lager-3{fill:var(--p-vorn)}
html.dn .jp-lager-t{font:700 13px var(--serif);fill:var(--navy)}html.dn .jp-lager-t.hell{fill:#fff}
html.dn .jp-q-mitte{display:grid;gap:6px;min-width:0}
html.dn .jp-q-mitte input,html.dn .jp-q-mitte select{font:inherit;font-size:13px;color:var(--tx);background:var(--bg);border:1px solid var(--grau);border-radius:8px;padding:8px 10px;min-height:40px;box-sizing:border-box;width:100%}
html.dn .jp-q-zahl{display:flex;flex-direction:column;align-items:center;gap:2px}
html.dn .jp-q-zahl span{font-size:13px;font-weight:700;color:var(--mut)}
html.dn .jp-q-zahl input{font:700 16px var(--serif);color:var(--navy);width:56px;text-align:center;background:var(--bg);border:1px solid var(--grau);border-radius:8px;padding:4px;min-height:36px;box-sizing:border-box}
html.dn .jp-m-karte{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:linear-gradient(150deg,#dff1fa,var(--w) 60%);box-shadow:0 0 0 1px #bfe0f0}
html.dn .jp-m-kopf{display:flex;align-items:baseline;justify-content:space-between}
html.dn .jp-m-kopf b{font:700 24px var(--serif);color:var(--navy)}
html.dn .jp-m-punkte{font-size:13px;font-weight:700;color:#4e6600;background:var(--lime);padding:3px 9px;border-radius:999px}
html.dn .jp-m-karte .jp-zwei{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.dn .jp-m-karte input[type=number]{font:700 24px var(--serif);color:var(--navy)}
html.dn .jp-nur-druck{display:none}
html.dn .jp-commit{justify-content:space-between}
html.dn .jp-commit .jp-c{width:auto;flex:1;min-width:0;height:44px;border-radius:50%}
@media (max-width:600px){html.dn .jp-buch{margin:0 -16px}html.dn .jp-seite{border-radius:0}html.dn .jp-h1{font-size:24px}html.dn .jp-h1.gross{font-size:24px}html.dn .jp-innen{padding:6px 18px 20px}}
html.dn[data-theme="dark"] .jp-seite.start{background:linear-gradient(180deg,#0f2a42 0%,var(--w) 60%)}
html.dn[data-theme="dark"] .jp-seite.ende{background:linear-gradient(180deg,var(--w) 0%,#2a3a10 100%)}
html.dn[data-theme="dark"] .jp-h1,html.dn[data-theme="dark"] .jp-m-kopf b,html.dn[data-theme="dark"] .jp-kopf-t,html.dn[data-theme="dark"] .jp-st text{color:var(--tx);fill:var(--tx)}
html.dn[data-theme="dark"] .jp-st.ziel text{fill:#fff}html.dn[data-theme="dark"] .jp-sonne-hof{fill:#3a2a10}html.dn[data-theme="dark"] .jp-m-karte{background:linear-gradient(150deg,#0f2a42,var(--w) 60%);box-shadow:0 0 0 1px #22405a}html.dn[data-theme="dark"] .jp-warum{color:#9fd6ef}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .jp-seite.start{background:linear-gradient(180deg,#0f2a42 0%,var(--w) 60%)}html.dn:not([data-theme="light"]) .jp-seite.ende{background:linear-gradient(180deg,var(--w) 0%,#2a3a10 100%)}html.dn:not([data-theme="light"]) .jp-h1,html.dn:not([data-theme="light"]) .jp-m-kopf b,html.dn:not([data-theme="light"]) .jp-kopf-t,html.dn:not([data-theme="light"]) .jp-st text{color:var(--tx);fill:var(--tx)}html.dn:not([data-theme="light"]) .jp-st.ziel text{fill:#fff}html.dn:not([data-theme="light"]) .jp-sonne-hof{fill:#3a2a10}html.dn:not([data-theme="light"]) .jp-m-karte{background:linear-gradient(150deg,#0f2a42,var(--w) 60%);box-shadow:0 0 0 1px #22405a}html.dn:not([data-theme="light"]) .jp-warum{color:#9fd6ef}}
@media print{html.dn .jp-seite{display:flex !important;break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #999;margin-bottom:12px}html.dn .jp-seite .jp-bild{max-height:120px}html.dn .jp-weiter,html.dn .jp-kopf .jp-zurueck,html.dn .jp-status,html.dn .jp-ms-neu,html.dn .jp-et{display:none !important}html.dn .jp-nur-druck{display:grid;gap:4px}html.dn .jp-m-druck{display:grid;grid-template-columns:90px 60px 60px 110px 1fr;gap:6px;font-size:13px}html.dn .jp-m-karte{display:none}}

/* Lieferung 38 (03.11.2026): Dojo-Medaillen in der Team-Liste und im Organigramm */
html.dn .dn-med{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-left:2px}
html.dn .dn-med i{display:inline-block;width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 1px 2px rgba(0,0,0,.25);background:#b87333}
html.dn .dn-med i.silber{background:#a9b4bf}html.dn .dn-med i.gold{background:#e3b341}
html.dn .person .chipzeile{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
html.dn .stat.stw{text-decoration:none;cursor:pointer}html.dn .stat.stw:hover{filter:brightness(.95)}

/* Lieferung 40 (03.11.2026): 30-Tage-Blatt im Startweg */
html.dn .stw-kz{margin:0}
html.dn .stw-strahl{display:block;width:100%;height:auto;margin:6px 0 2px}
html.dn .st-achse{stroke:var(--grau);stroke-width:3;stroke-linecap:round}
html.dn .st-bis-heute{stroke:var(--lime);stroke-width:5;stroke-linecap:round}
html.dn .st-tick{stroke:var(--grau);stroke-width:2}
html.dn .st-tag{font:700 13px var(--font);fill:var(--mut)}
html.dn .st-p circle{fill:var(--lime);stroke:var(--navy);stroke-width:2}html.dn .st-p text{font:700 13px var(--font);fill:var(--lime-tx)}
html.dn .st-p.offen circle{fill:var(--w);stroke:var(--blau);stroke-dasharray:3 2}html.dn .st-p.offen text{fill:var(--blau)}
html.dn .st-f rect{fill:var(--blau)}html.dn .st-f text{font:700 13px var(--font);fill:#fff}
html.dn .st-f.offen rect{fill:var(--w);stroke:var(--blau);stroke-width:2;stroke-dasharray:3 2}html.dn .st-f.offen text{fill:var(--blau)}
html.dn .st-heute{stroke:var(--navy);stroke-width:2;stroke-dasharray:4 3}html.dn .st-heute-t{font:700 13px var(--font);fill:var(--navy)}
html.dn .stw-legende{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px}
html.dn .st-l{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--lime);border:2px solid var(--navy);vertical-align:middle}
html.dn .st-l.offen{background:var(--w);border-color:var(--blau);border-style:dashed}html.dn .st-l.f{border-radius:3px;background:var(--blau);border-color:var(--blau)}
html.dn .stw-knoepfe{display:inline-flex;gap:6px;flex:none}html.dn a.stw-auf{text-decoration:none;display:inline-flex;align-items:center}
html.dn[data-theme="dark"] .st-tag,html.dn[data-theme="dark"] .st-heute-t{fill:var(--mut)}
html.dn[data-theme="dark"] .st-heute{stroke:var(--tx)}html.dn[data-theme="dark"] .st-p circle{stroke:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .st-tag,html.dn:not([data-theme="light"]) .st-heute-t{fill:var(--mut)}html.dn:not([data-theme="light"]) .st-heute{stroke:var(--tx)}html.dn:not([data-theme="light"]) .st-p circle{stroke:var(--tx)}}

/* Lieferung 42 (03.11.2026): Startweg › Dein Team auf dem Handy, Kopfzeile umbrechen statt Name unter dem Knopf */
@media (max-width:599px){html.dn .stw-person>.dn-kopfzeile{flex-wrap:wrap;gap:8px 10px}html.dn .stw-person>.dn-kopfzeile>span:first-child{flex:1 1 100%}html.dn .stw-person>.dn-kopfzeile .stw-knoepfe,html.dn .stw-person>.dn-kopfzeile>.btn{margin-left:auto}}

/* Lieferung 42: Unterzeilen der Akademie-Kacheln in der Kachelfarbe statt grau (small erbte --mut), Kachel Lernen in kräftigerem Blau */
.ak-kachel small,html.dn .ak-kachel small{opacity:1;color:inherit}
.ak-kachel.a-blau,html.dn .ak-kachel.a-blau{background-color:#007eaa}
/* Lieferung 42: Kontraste aus dem Hell/Dunkel-Durchgang im Prüfstand */
html.dn .inf-dt small{color:inherit}
html.dn .dunkel .dn-kopfzeile small{color:#b9d3e4}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .std-av{color:var(--tx)}html.dn:not([data-theme="light"]) .jp-zurueck{color:var(--tx)}html.dn:not([data-theme="light"]) .wpn .wp-weg.mini,html.dn:not([data-theme="light"]) .wpn .mini.wp-weg{color:#ff9a8b}}
html.dn[data-theme="dark"] .std-av{color:var(--tx)}
html.dn[data-theme="dark"] .jp-zurueck{color:var(--tx)}
html.dn[data-theme="dark"] .wpn .wp-weg.mini,html.dn[data-theme="dark"] .wpn .mini.wp-weg{color:#ff9a8b}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .std-av.gast-av{color:#3a3410}}
html.dn[data-theme="dark"] .std-av.gast-av{color:#3a3410}
/* Lieferung 44: Heute modular (Anpassen-Sheet, Standort-Vorgabe, Bausteine Mitteilungen und Challenges) */
html.dn .hm-sheet{max-height:86vh;overflow:auto}
html.dn .hm-titel{margin:0 0 4px;font:700 24px/1.2 var(--serif);color:var(--tx)}
html.dn .hm-liste{display:flex;flex-direction:column;gap:8px;margin:10px 0}
html.dn .hm-zeile{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--p-himmel)}
html.dn .hm-zeile.aus{opacity:.55}
html.dn .hm-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html.dn .hm-text b{font-size:16px;color:var(--tx)}
html.dn .hm-text small{font-size:13px;color:var(--mut)}
html.dn .hm-schalter{display:grid;place-items:center;flex:none;width:28px;height:28px}
html.dn .hm-schalter input{width:22px;height:22px;margin:0;accent-color:var(--blau)}
html.dn .hm-pfeile{display:flex;gap:4px;flex:none}
html.dn .hm-pfeile .mini{min-width:36px;min-height:36px;padding:0;font-size:16px}
html.dn .hm-pfeile .mini:disabled{opacity:.35}
html.dn .hm-sel{flex:none;font:inherit;font-size:13px;min-height:36px;border-radius:8px;border:1px solid var(--grau);background:var(--w);color:var(--tx);padding:0 8px}
html.dn .hm-mits{display:flex;flex-direction:column}
html.dn .hm-mit{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--grau);text-decoration:none;color:inherit}
html.dn .hm-mit:last-child{border-bottom:0}
html.dn .hm-mit b{font-size:16px;line-height:1.3}
html.dn .hm-mit.neu b::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blau);margin-right:6px;vertical-align:middle}
html.dn .hm-mit small{color:var(--mut)}
html.dn .hm-chal{display:flex;flex-direction:column;gap:4px;padding:6px 0}
html.dn .hm-chal small{color:var(--mut)}
html.dn .hm-k-mit .dn-k-knoepfe,html.dn .hm-k-chal .dn-k-knoepfe{margin-top:auto}
html.dn .vis-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Lieferung 45: Events zentral pflegen (Import und Flyer) */
html.dn .evi-karte{margin:12px 0}
html.dn .evi-schritte{display:flex;gap:8px;list-style:none;margin:12px 0;padding:0;flex-wrap:wrap}
html.dn .evi-schritte li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--p-himmel);color:var(--mut);font-size:13px;font-weight:700}
html.dn .evi-schritte li b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--w);color:var(--mut);font-size:13px}
html.dn .evi-schritte li.dran{color:var(--tx)}html.dn .evi-schritte li.dran b{background:var(--navy);color:#fff}
html.dn .evi-schritte li.fertig{color:var(--tx)}html.dn .evi-schritte li.fertig b{background:var(--lime);color:var(--lime-tx)}
html.dn .evi-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;border:2px dashed var(--grau);border-radius:12px;background:var(--p-himmel);text-align:center;cursor:pointer}
html.dn .evi-drop input{position:absolute;width:1px;height:1px;opacity:0}
html.dn .evi-drop:focus-within,html.dn .evi-drop:hover{border-color:var(--blau)}
html.dn .evi-drop.busy{opacity:.6}
html.dn .evi-drop-ic{font-size:24px;color:var(--blau)}
html.dn .evi-drop b{font-size:16px;color:var(--tx)}html.dn .evi-drop small{color:var(--mut)}
html.dn .evi-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
html.dn .evi-map-z{display:grid;grid-template-columns:1fr;gap:4px;padding:10px 12px;border-radius:10px;background:var(--p-himmel)}
html.dn .evi-map-f{font-size:13px;font-weight:700;color:var(--tx)}
html.dn .evi-map-z select{font:inherit;font-size:13px;min-height:40px;border-radius:8px;border:1px solid var(--grau);background:var(--w);color:var(--tx);padding:0 8px;max-width:100%}
html.dn .evi-map-z small{color:var(--mut);min-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.dn .evi-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
html.dn .evi-chip{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--p-himmel);color:var(--tx)}
html.dn .evi-chip.neu{background:var(--lime);color:var(--lime-tx)}html.dn .evi-chip.geaendert{background:var(--blau);color:#fff}html.dn .evi-chip.fehler{background:#c0392b;color:#fff}
html.dn .evi-liste{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
html.dn .evi-zeile{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--p-himmel)}
html.dn .evi-zeile.gleich{opacity:.7}html.dn .evi-zeile.fehler{box-shadow:inset 3px 0 0 #c0392b}html.dn .evi-zeile.neu{box-shadow:inset 3px 0 0 var(--lime)}html.dn .evi-zeile.geaendert{box-shadow:inset 3px 0 0 var(--blau)}
html.dn .evi-zeile .grow{min-width:0;display:flex;flex-direction:column;gap:2px}
html.dn .evi-zeile b{font-size:16px;color:var(--tx)}html.dn .evi-zeile small{color:var(--mut);font-size:13px}
html.dn .evi-art{flex:none;min-width:84px;font-size:13px;font-weight:700;color:var(--mut)}
html.dn .evi-zeile.neu .evi-art{color:#4e6600}html.dn .evi-zeile.geaendert .evi-art{color:var(--dn-link)}html.dn .evi-zeile.fehler .evi-art,html.dn .evi-fehler{color:#c0392b}
html.dn .evi-aend{color:var(--tx)}
html.dn .evi-wahl{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}html.dn .evi-wahl label{display:flex;align-items:center;gap:8px;color:var(--tx)}
html.dn .evi-up{position:relative;flex:none;cursor:pointer}html.dn .evi-up input{position:absolute;width:1px;height:1px;opacity:0}html.dn .evi-up.busy{opacity:.5}
html.dn .evi-textknopf{border:0;background:none;padding:0;font:inherit;color:var(--dn-link);cursor:pointer;text-decoration:underline}
html.dn .evi-leise{color:var(--mut)}
html.dn .evi-link .btn{align-self:flex-start}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .evi-zeile.fehler .evi-art,html.dn:not([data-theme="light"]) .evi-fehler{color:#ff9a8b}html.dn:not([data-theme="light"]) .evi-zeile.neu .evi-art{color:var(--lime)}}
html.dn[data-theme="dark"] .evi-zeile.fehler .evi-art,html.dn[data-theme="dark"] .evi-fehler{color:#ff9a8b}html.dn[data-theme="dark"] .evi-zeile.neu .evi-art{color:var(--lime)}
/* Lieferung 46: Meetingplan-Import */
html.dn .mpi-blatt{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--grau)}
html.dn .mpi-blatt:first-of-type{border-top:0;padding-top:0}
html.dn .mpi-blatt-t{margin:0 0 8px;font:700 16px/1.2 var(--serif);color:var(--tx)}html.dn .mpi-blatt-t small{font:600 13px var(--font);color:var(--mut);margin-left:6px}
html.dn .mpi-datum{margin:0 0 10px;max-width:360px}
html.dn .mpi-zeit{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
html.dn .mpi-zeit input{font:inherit;font-size:13px;min-height:36px;border-radius:8px;border:1px solid var(--grau);background:var(--w);color:var(--tx);padding:0 6px}
html.dn .evi-chip.vergangen{opacity:.7}html.dn .evi-zeile.vergangen{opacity:.55}
html.dn .evi-map-z{min-width:0}html.dn .evi-map-z select{width:100%}
/* Lieferung 48: Beratungsraumbuchung (altes Werkzeug /app/js/raum.js) im Gipfelblick-Design. Raumfarben kommen über die alten Marken-Tokens, die hier auf die neuen zeigen */
html.dn{--marke-blau:var(--blau);--marke-lime:var(--lime);--marke-navy:var(--navy);--sand-mittel:var(--p-himmel)}
html.dn .rbx .chips{gap:8px;margin:0 0 12px}
html.dn .rbx .chip{border-radius:999px;background:var(--p-himmel);color:var(--tx);box-shadow:inset 0 0 0 1px var(--grau);padding:0 14px;min-height:40px;display:inline-flex;align-items:center;font-size:13px;font-weight:700}
html.dn .rbx .chip.on{background:var(--navy);color:#fff;box-shadow:none}
html.dn .rbx .btn-zweit{background:var(--w);color:var(--tx);box-shadow:inset 0 0 0 1px var(--dn-linie);border:0;border-radius:6px;font-weight:700;min-height:40px;padding:0 14px}
html.dn .rbx .btn-cta,html.dn .rbx .rb-neu{background:var(--lime);color:var(--lime-tx);border:0;border-radius:6px;font-weight:700;min-height:44px;padding:0 18px;box-shadow:none}
html.dn .rbx .rb-titel{font:700 24px/1.2 var(--serif);color:var(--tx)}
html.dn .rbx .rb-rahmen{border:0;border-radius:12px;box-shadow:var(--schatten);padding:14px;background:var(--w)}
html.dn .rbx .rb-wk .heute{background:var(--p-himmel);border-radius:8px 8px 0 0}
html.dn .rbx .rb-wk small{color:var(--dn-eyebrow)}
html.dn .rbx .rb-spalte.we,html.dn .rbx .rb-spalte.heute{background-color:var(--p-himmel)}
html.dn .rbx .rb-achse span{color:var(--mut)}
html.dn .rbx .rb-block,html.dn .rbx .rb-seg{border-radius:8px;box-shadow:0 2px 6px rgba(6,46,77,.18)}
html.dn .rbx .rb-jetzt{border-top-color:#e8562d}html.dn .rbx .rb-jetzt:before{background:#e8562d}
html.dn .rbx .rb-leistebuchen{background:var(--p-himmel);border-radius:12px;padding:14px 16px}
html.dn .rbx .card{border-radius:12px;box-shadow:var(--schatten);background:var(--w);padding:20px;margin-top:16px}
html.dn .rbx .card h3,html.dn .rbx .rb-ptitel{font:700 24px/1.2 var(--serif);color:var(--tx);margin:0 0 10px}
html.dn .rbx .rb-eintrag{border-radius:10px;padding:10px 12px;background:var(--p-himmel);margin-bottom:8px}
html.dn .rbx .rb-eintrag:hover{background:var(--p-himmel);box-shadow:inset 0 0 0 1px var(--blau)}
html.dn .rbx .rb-eintrag b{font-size:16px}html.dn .rbx .rb-eintrag small{font-size:13px}
html.dn .rbx .rb-zk .btn-zweit{min-height:40px}
html.dn .rbx .rb-zk .btn-zweit.danger,html.dn .rbx .mini.danger{background:#fde8e4;color:#8a2a1a;box-shadow:none}
html.dn .rbx .rb-link{color:var(--dn-link);text-decoration-color:var(--dn-link)}
html.dn .rbx .rb-punkt{border-radius:50%}
html.dn .rbx .rb-tk{background:var(--p-himmel);border-radius:8px}html.dn .rbx .rb-tk.sel{border-color:var(--blau)}html.dn .rbx .rb-tk.heute .rb-zahl{background:var(--navy)}
html.dn .rbx .rb-band{background:var(--p-himmel);border-radius:10px}
html.dn .rbx .feld,html.dn .rbx select,html.dn .rbx input[type=date]{background:var(--w);border:1px solid var(--grau);border-radius:8px;min-height:44px;color:var(--tx);font:inherit}
html.dn .rbx .rb-dlg{background:rgba(6,46,77,.55)}
html.dn .rbx .rb-dlg-box{border-radius:16px;box-shadow:var(--schatten);padding:22px;background:var(--w)}
html.dn .rbx .rb-dlg-kopf h3{font:700 24px/1.2 var(--serif);color:var(--tx)}
html.dn .rbx .rb-dlg-fuss .btn-cta{border-radius:6px;min-height:48px}
html.dn .rbx .rb-toast{background:var(--navy);border-radius:999px}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .rbx .rb-zk .btn-zweit.danger,html.dn:not([data-theme="light"]) .rbx .mini.danger{background:#4a1f17;color:#ffb3a7}html.dn:not([data-theme="light"]) .rbx .rb-block,html.dn:not([data-theme="light"]) .rbx .rb-seg{box-shadow:0 2px 6px rgba(0,0,0,.4)}}
html.dn[data-theme="dark"] .rbx .rb-zk .btn-zweit.danger,html.dn[data-theme="dark"] .rbx .mini.danger{background:#4a1f17;color:#ffb3a7}html.dn[data-theme="dark"] .rbx .rb-block,html.dn[data-theme="dark"] .rbx .rb-seg{box-shadow:0 2px 6px rgba(0,0,0,.4)}
/* Lieferung 50: Meilensteine im Jahresplan mit Beschriftung je Feld */
html.dn .jp-ms{align-items:end}
html.dn .jp-ms-f{display:flex;flex-direction:column;gap:3px;min-width:0}
html.dn .jp-ms-f small{font-size:13px;font-weight:700;color:var(--mut);line-height:1.2}
html.dn .jp-ms .jp-ms-f:first-child{grid-column:auto}
html.dn .jp-ms .jp-weg{align-self:end;margin-bottom:2px}
html.dn .jp-ms-hinweis{margin:0 0 8px;font-size:13px;line-height:1.45;color:var(--tx)}
html.dn .jp-ms-hinweis b{font-weight:700}
@media (max-width:760px){html.dn .jp-ms{grid-template-columns:1fr 1fr auto}html.dn .jp-ms .jp-ms-f:first-child{grid-column:1/-1}}
/* Lieferung 51: Hinweis, wenn „Erreicht am“ noch in der Zukunft liegt */
html.dn .jp-ms-warn{grid-column:1/-1;font-size:13px;line-height:1.35;color:#8a4b00;margin-top:-2px}
html.dn[data-theme="dark"] .jp-ms-warn{color:#ffc46b}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .jp-ms-warn{color:#ffc46b}}

/* Lieferung 52: Lernwelt (Lernpfad mit Etappen, Lernfelder, Trainings, IHK) im Gipfelblick-Design. Aufbau wie Leiths Lernpfad: Pfad mit Knoten, Runden mit Rückmeldung, Sterne. */
html.dn .lwl{--lwl-gruen:#128363;--lwl-gruen-tief:#0a6249;--lwl-lime-tief:#9faa00;--lwl-blau-tief:#067eae;--lwl-ok-bg:#edf8f1;--lwl-ok-tx:#175e43;--lwl-ok-rand:#79b994;--lwl-nein-bg:#fff6f0;--lwl-nein-tx:#8a4328;--lwl-nein-rand:#e0a083;--lwl-stern:#d3a200;--lwl-pass-bg:#eef6ce;--lwl-pass-rand:#d4dd98;--lwl-pass-tx:#587a18;color:var(--tx);padding-bottom:16px}
html.dn[data-theme="dark"] .lwl{--lwl-ok-bg:#12302a;--lwl-ok-tx:#9fe0bf;--lwl-ok-rand:#2f7a58;--lwl-nein-bg:#3a2419;--lwl-nein-tx:#f3bfa5;--lwl-nein-rand:#8d5a3f;--lwl-pass-bg:#2b3a12;--lwl-pass-rand:#5f7a2a;--lwl-pass-tx:#d4e58a;--lwl-stern:#f0c43c}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .lwl{--lwl-ok-bg:#12302a;--lwl-ok-tx:#9fe0bf;--lwl-ok-rand:#2f7a58;--lwl-nein-bg:#3a2419;--lwl-nein-tx:#f3bfa5;--lwl-nein-rand:#8d5a3f;--lwl-pass-bg:#2b3a12;--lwl-pass-rand:#5f7a2a;--lwl-pass-tx:#d4e58a;--lwl-stern:#f0c43c}}
html.dn .lwl h1,html.dn .lwl h2,html.dn .lwl h3{letter-spacing:-.03em;font-weight:700;margin:0}
html.dn .lwl h1{font-size:24px;line-height:1.15}html.dn .lwl h2{font-size:24px;line-height:1.2}html.dn .lwl h3{font-size:16px;line-height:1.3}
html.dn .lwl p{line-height:1.6;margin:0}
html.dn .lwl-zurueck{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--tx);background:var(--w);border:2px solid var(--grau);border-radius:999px;padding:7px 14px 7px 10px;margin:0 0 20px;text-decoration:none;transition:border-color .15s,background .15s}html.dn .lwl-zurueck:hover{border-color:var(--lime);background:var(--lime-hell,var(--w))}html.dn .lwl-zurueck svg{color:var(--lime)}
html.dn .mp-absage{margin-left:6px}html.dn .mp-direkt{display:grid;gap:10px;margin:0 0 12px}html.dn .mp-akt{white-space:nowrap}
html.dn .lwl-kopf{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
html.dn .lwl-kopf>div>p:last-child{color:var(--mut);font-size:13px;margin-top:6px}
html.dn .lwl-auge{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.5;margin:0 0 10px;color:var(--mut)}
html.dn .lwl-punkte{display:flex;align-items:center;gap:8px;white-space:nowrap;border:2px solid var(--grau);border-radius:16px;padding:10px 16px;font-size:16px;color:var(--tx);background:var(--w)}
html.dn .lwl-punkte>span{color:var(--lwl-stern);font-size:24px;line-height:1}
html.dn .lwl-reiter{display:flex;gap:10px;border-bottom:2px solid var(--grau);margin-bottom:26px}
html.dn .lwl-reiter>a{display:flex;gap:8px;align-items:center;justify-content:center;min-height:50px;color:var(--mut);font-weight:600;font-size:13px;padding:8px 13px;margin-bottom:-2px;border-bottom:3px solid transparent;text-decoration:none}
html.dn .lwl-reiter>a[aria-current="page"]{color:var(--blau);border-color:var(--blau)}
html.dn .lwl-reiter>a:hover{background:var(--p-himmel)}
html.dn .lwl-raster{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:start}
html.dn .lwl-raster>div{min-width:0}
html.dn .lwl-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px;align-items:center;padding:26px 24px;border-radius:20px;border:2px solid var(--grau);background:var(--p-himmel);margin-bottom:28px;overflow:hidden}
html.dn .lwl-banner h2{font-size:24px}
html.dn .lwl-banner p:not(.lwl-auge){font-size:13px;color:var(--mut);margin:10px 0 18px}
html.dn .lwl-banner svg{width:130px;max-width:100%;display:block}
html.dn .lwl-knopf{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:13px;font-weight:700;font-size:13px;line-height:1.35;text-decoration:none;border:2px solid var(--grau);background:var(--w);color:var(--tx);cursor:pointer;box-shadow:0 4px 0 var(--grau);transition:transform .12s,box-shadow .12s;font-family:inherit}
html.dn .lwl-knopf.prim{background:var(--lime);border-color:var(--lime);color:var(--lime-tx);box-shadow:0 5px 0 var(--lwl-lime-tief)}
html.dn .lwl-knopf.gruen{background:var(--lwl-gruen);border-color:var(--lwl-gruen);color:#fff;box-shadow:0 5px 0 var(--lwl-gruen-tief)}
html.dn .lwl-knopf:active{transform:translateY(3px);box-shadow:0 1px 0 var(--grau)}
html.dn .lwl-knopf:disabled{opacity:.5;cursor:default}
html.dn .lwl-breit{width:100%;margin-top:22px}
html.dn .lwl-gruppe{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 4px 18px;border-bottom:2px solid var(--grau);margin-top:10px}
html.dn .lwl-gruppe>span{font-size:13px;white-space:nowrap;color:var(--mut)}
html.dn .lwl-gruppe h3{font-size:24px}
html.dn .lwl-pfad{padding:36px 0 12px;max-width:560px;margin:0 auto;list-style:none}
html.dn .lwl-halt{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:center;min-height:150px;width:calc(100% - 70px)}
html.dn .lwl-halt:nth-child(3n+2){margin-left:35px}html.dn .lwl-halt:nth-child(3n){margin-left:70px}
html.dn .lwl-knoten-wrap{position:relative;display:flex;justify-content:center;align-items:center;align-self:stretch}
html.dn .lwl-halt:not(:last-child) .lwl-knoten-wrap::after{content:'';position:absolute;left:50%;top:calc(50% + 47px);height:60px;border-left:4px dashed var(--grau);transform:rotate(-13deg);transform-origin:top;z-index:0}
html.dn .lwl-halt:nth-child(3n) .lwl-knoten-wrap::after{transform:rotate(24deg);height:68px}
html.dn .lwl-knoten{z-index:1;position:relative;display:flex;align-items:center;justify-content:center;width:74px;height:70px;border:0;border-radius:50%;background:var(--grau);color:var(--mut);box-shadow:0 7px 0 var(--p-fern);cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit}
html.dn .lwl-knoten svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html.dn .lwl-knoten img{width:46px;height:46px;object-fit:contain}
html.dn .lwl-knoten:not(:disabled):active{transform:translateY(4px);box-shadow:0 3px 0 var(--grau)}
html.dn .lwl-knoten:disabled{cursor:default;opacity:.7}
html.dn .lwl-halt.aktiv .lwl-knoten{background:var(--lime);color:var(--lime-tx);box-shadow:0 7px 0 var(--lwl-lime-tief)}
html.dn .lwl-halt.offen .lwl-knoten{background:var(--blau);color:#fff;box-shadow:0 7px 0 var(--lwl-blau-tief)}
html.dn .lwl-halt.fertig .lwl-knoten{background:var(--lwl-gruen);color:#fff;box-shadow:0 7px 0 var(--lwl-gruen-tief)}
html.dn .lwl-orbit{position:absolute;inset:-8px;border:3px solid var(--lime);border-radius:50%;opacity:.5;pointer-events:none}
html.dn .lwl-fahne{position:absolute;top:4px;z-index:2;white-space:nowrap;font-size:13px;letter-spacing:.05em;font-weight:700;border:2px solid var(--grau);border-radius:9px;padding:6px 9px;background:var(--w);box-shadow:0 2px 0 var(--grau);color:var(--tx)}
html.dn .lwl-fahne::after{content:'';position:absolute;bottom:-5px;left:45%;width:7px;height:7px;transform:rotate(45deg);border-right:2px solid var(--grau);border-bottom:2px solid var(--grau);background:var(--w)}
html.dn .lwl-halt-text{padding:10px 0}
html.dn .lwl-halt-text>small:first-child{font-size:13px;letter-spacing:.11em;color:var(--mut);font-weight:600;text-transform:uppercase}
html.dn .lwl-halt-text>strong{display:block;font-size:16px;font-weight:700;line-height:1.3;margin:4px 0}
html.dn .lwl-halt-text>p{font-size:13px;line-height:1.45;color:var(--mut);max-width:240px}
html.dn .lwl-halt-text>a{font-size:13px;font-weight:600;color:var(--blau)}
html.dn .lwl-halt.zu .lwl-halt-text>strong{color:var(--mut)}
html.dn .lwl-sterne{display:inline-flex;gap:3px;margin:4px 0;font-size:16px;color:var(--grau);line-height:1}
html.dn .lwl-sterne .voll{color:var(--lwl-stern)}
html.dn .lwl-seite{display:grid;gap:16px}
html.dn .lwl-karte{padding:20px 18px;border:2px solid var(--grau);border-radius:18px;background:var(--w)}
html.dn .lwl-karte-kopf{display:flex;align-items:center;gap:9px;color:var(--blau)}
html.dn .lwl-karte-kopf svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .lwl-karte h3{font-size:16px;color:var(--tx)}
html.dn .lwl-karte p{font-size:13px;color:var(--mut);margin-top:10px}
html.dn .lwl-gross{font-size:24px;font-weight:700;line-height:1.3;margin-top:16px;color:var(--blau)}
html.dn .lwl-gross>span{font-size:16px;padding-left:6px}
html.dn .lwl-balken{height:12px;border-radius:20px;overflow:hidden;background:var(--p-himmel);margin-top:16px}
html.dn .lwl-balken i{display:block;height:100%;background:var(--lwl-gruen);border-radius:20px;transition:width .2s}
html.dn .lwl-mini{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
html.dn .lwl-mini span{font-size:13px;color:var(--mut)}
html.dn .lwl-mini b{display:block;font-size:16px;color:var(--tx);margin-bottom:3px}
html.dn .lwl-wie p{display:flex;gap:10px;align-items:center;margin:12px 0 0;color:var(--tx)}
html.dn .lwl-wie b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--p-himmel);color:var(--tx);flex:none}
html.dn .lwl-karte small{display:block;font-size:13px;color:var(--mut);line-height:1.6;margin-top:12px}
html.dn .lwl-rang{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
html.dn .lwl-rang li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:13px}
html.dn .lwl-rang li.ich{font-weight:700}
html.dn .lwl-rang li>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--p-himmel);font-size:13px;font-weight:700}
html.dn .lwl-rang li>b{font-variant-numeric:tabular-nums}
html.dn .lwl-schluss{border:2px dashed var(--grau);border-radius:20px;padding:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
html.dn .lwl-schluss>span{display:grid;place-items:center;background:var(--p-himmel);width:48px;height:48px;flex:none;border-radius:15px;color:var(--blau);font-size:24px}
html.dn .lwl-schluss>div{flex:1;min-width:150px}
html.dn .lwl-schluss h3{font-size:16px}html.dn .lwl-schluss p{font-size:13px;color:var(--mut);margin-top:4px}
html.dn .lwl-textknopf{padding:5px 0;min-height:36px;border:0;background:none;color:var(--blau);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit}
html.dn .lwl-fuss{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;margin-top:32px;padding:16px 0 4px;border-top:1px solid var(--grau);font-size:13px;color:var(--mut)}
/* Runde: einlesen, Fragen, Ergebnis */
html.dn .lwl-runde{max-width:710px;margin:0 auto;padding:2px 8px 30px}
html.dn .lwl-runde-kopf{display:flex;align-items:center;gap:16px;margin:0 0 32px}
html.dn .lwl-x{display:grid;place-items:center;border:0;background:none;color:var(--mut);min-height:44px;min-width:38px;cursor:pointer;font-size:24px;font-family:inherit}
html.dn .lwl-spur{flex:1;height:12px;border-radius:20px;overflow:hidden;background:var(--p-himmel)}
html.dn .lwl-spur i{display:block;height:100%;background:var(--lwl-gruen);border-radius:20px;transition:width .2s}
html.dn .lwl-runde-kopf>span{font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap}
html.dn .lwl-runde h2{font-size:24px}
html.dn .lwl-lead{margin-top:14px;font-size:16px;color:var(--mut)}
html.dn .lwl-symbol{display:grid;place-items:center;background:var(--p-himmel);color:var(--blau);width:80px;height:80px;border:2px solid var(--grau);border-radius:24px;margin:0 0 22px;box-shadow:0 5px 0 var(--grau);font-size:24px}
html.dn .lwl-symbol svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .lwl-wissen{padding:22px;border:2px solid var(--grau);border-radius:18px;margin:22px 0}
html.dn .lwl-wissen h3{margin-bottom:12px;font-size:16px}
html.dn .lwl-wissen ul{margin:0;padding-left:20px}html.dn .lwl-wissen li{font-size:13px;margin:6px 0;line-height:1.5}
html.dn .lwl-link{display:inline-flex;gap:6px;align-items:center;color:var(--blau);font-weight:600;font-size:13px;min-height:38px;text-decoration:none}
html.dn .lwl-optionen{display:grid;gap:12px;margin-top:22px}
html.dn .lwl-option{display:flex;gap:14px;align-items:center;padding:16px 18px;border:2px solid var(--grau);border-radius:16px;background:var(--w);color:var(--tx);box-shadow:0 3px 0 var(--grau);font-size:13px;line-height:1.5;text-align:left;min-height:72px;cursor:pointer;font-family:inherit;transition:border-color .15s,background-color .15s}
html.dn .lwl-option:hover:not(:disabled){border-color:var(--blau);background:var(--p-himmel)}
html.dn .lwl-option:disabled{cursor:default;opacity:1}
html.dn .lwl-buchstabe{display:grid;place-items:center;border:2px solid var(--grau);border-radius:9px;width:32px;height:32px;flex:none;font-size:13px;font-weight:700}
html.dn .lwl-option.richtig{border-color:var(--lwl-ok-rand);background:var(--lwl-ok-bg);color:var(--lwl-ok-tx);box-shadow:0 3px 0 var(--lwl-ok-rand)}
html.dn .lwl-option.falsch{border-color:var(--lwl-nein-rand);background:var(--lwl-nein-bg);color:var(--lwl-nein-tx);box-shadow:0 3px 0 var(--lwl-nein-rand)}
html.dn .lwl-gewaehlt{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;counter-reset:n}
html.dn .lwl-gewaehlt li{display:block}
html.dn .lwl-token{min-height:56px;padding:12px 16px;width:100%}
html.dn .lwl-rueck{margin-top:24px;padding:20px;border-radius:17px;display:flex;gap:14px;align-items:flex-start;background:var(--p-himmel);color:var(--tx)}
html.dn .lwl-rueck.richtig{background:var(--lwl-ok-bg);color:var(--lwl-ok-tx)}
html.dn .lwl-rueck.nochmal{background:var(--lwl-nein-bg);color:var(--lwl-nein-tx)}
html.dn .lwl-rueck h3{font-size:16px;margin-bottom:6px;color:inherit}
html.dn .lwl-rueck p{font-size:13px;line-height:1.6;color:inherit}
html.dn .lwl-rueck>span{font-size:24px;line-height:1;flex:none}
html.dn .lwl-rueck .lwl-knopf{margin-top:14px}
html.dn .lwl-ergebnis{max-width:650px;text-align:center;margin:20px auto;padding:8px 20px 30px}
html.dn .lwl-ergebnis-symbol{display:grid;place-items:center;width:108px;height:108px;border:3px solid var(--grau);border-radius:32px;background:var(--p-himmel);color:var(--blau);box-shadow:0 7px 0 var(--grau);margin:0 auto 32px;transform:rotate(-5deg);font-size:24px}
html.dn .lwl-ergebnis-symbol.bestanden{background:var(--lwl-pass-bg);border-color:var(--lwl-pass-rand);color:var(--lwl-pass-tx);box-shadow:0 7px 0 var(--lwl-pass-rand)}
html.dn .lwl-ergebnis h2{font-size:24px;margin-bottom:18px}
html.dn .lwl-ergebnis .lwl-sterne{font-size:24px;gap:7px;margin-bottom:16px}
html.dn .lwl-score{font-size:16px;color:var(--mut);margin-bottom:14px}
html.dn .lwl-score b{font-size:24px;color:var(--tx)}
html.dn .lwl-ergebnis>p:not(.lwl-auge){color:var(--mut)}
html.dn .lwl-stats{display:flex;justify-content:center;gap:18px;margin:26px 0;flex-wrap:wrap}
html.dn .lwl-stats>span{padding:14px 22px;border:2px solid var(--grau);border-radius:14px;font-size:13px;color:var(--mut)}
html.dn .lwl-stats b{display:block;font-size:24px;color:var(--blau);margin-bottom:4px}
html.dn .lwl-aktionen{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}
html.dn .lwl-klein{font-size:13px;line-height:1.6;color:var(--mut);margin-top:14px}
/* Inhalte: Lektionen, Trainingskarten, IHK */
html.dn .lwl-inhalt{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:820px;min-width:0}
html.dn .lwl-hinweis>span:last-child{min-width:0;overflow-wrap:anywhere}
html.dn .lwl-inhalt .lwl-karte h2{font-size:16px;display:flex;align-items:center;gap:9px;margin-bottom:12px}
html.dn .lwl-inhalt .lwl-karte h2 svg{width:22px;height:22px;fill:none;stroke:var(--blau);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
html.dn .lwl-inhalt .lwl-karte p{color:var(--tx);font-size:13px;margin:0 0 8px}
html.dn .lwl-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
html.dn .lwl-fakten>div{font-size:13px;line-height:1.5}html.dn .lwl-fakten strong{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:3px}
html.dn .lwl-schritte{margin:0;padding-left:0;list-style:none;counter-reset:s;display:grid;gap:12px}
html.dn .lwl-schritte li{position:relative;padding-left:44px;font-size:13px;line-height:1.55;counter-increment:s}
html.dn .lwl-schritte li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:10px;background:var(--p-himmel);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:13px}
html.dn[data-theme="dark"] .lwl-schritte li::before{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .lwl-schritte li::before{color:var(--tx)}}
html.dn .lwl-schritte li strong{display:block;margin-bottom:2px}
html.dn .lwl-liste{margin:0;padding-left:20px;display:grid;gap:7px}html.dn .lwl-liste li{font-size:13px;line-height:1.5}
html.dn .lwl-liste.nein li::marker{content:'✕  ';color:#b4562f}
html.dn .lwl-skript{margin:0;display:grid;gap:10px}
html.dn .lwl-skript>div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg)}
html.dn .lwl-skript>div.du{background:var(--p-himmel)}
html.dn .lwl-skript>div.regie{background:none;border:1px dashed var(--grau);font-style:italic}
html.dn .lwl-skript dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding-top:2px}
html.dn .lwl-skript dd{margin:0;font-size:13px;line-height:1.55}
html.dn .lwl-tabelle{width:100%;border-collapse:collapse;font-size:13px}
html.dn .lwl-tabelle th,html.dn .lwl-tabelle td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--grau);vertical-align:top;line-height:1.45}
html.dn .lwl-tabelle thead th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
html.dn .lwl-tabelle tbody th{font-weight:700}
html.dn .lwl-tabelle-wrap{overflow-x:auto}
html.dn .lwl-klapp{border:1px solid var(--grau);border-radius:12px;padding:0 14px;margin:8px 0}
html.dn .lwl-klapp>summary{cursor:pointer;font-weight:600;font-size:13px;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
html.dn .lwl-klapp>summary::after{content:'+';color:var(--mut);font-weight:700}html.dn .lwl-klapp[open]>summary::after{content:'−'}
html.dn .lwl-klapp>summary::-webkit-details-marker{display:none}
html.dn .lwl-klapp>*:not(summary){padding-bottom:12px}
html.dn .lwl-klapp .frage{font-weight:700;color:var(--blau)}
html.dn .lwl-hinweis{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:12px 14px;border-radius:12px;background:var(--p-himmel);font-size:13px;line-height:1.5}
html.dn .lwl-hinweis>span{flex:none;font-size:16px;line-height:1.2}
html.dn .lwl-quelle{font-size:13px;color:var(--mut);margin-top:10px!important}
html.dn .lwl-lektion{font-size:16px;line-height:1.7;max-width:720px}
html.dn .lwl-lektion h2,html.dn .lwl-lektion h3{margin:22px 0 8px;font-size:16px}
html.dn .lwl-lektion p{margin:0 0 12px}html.dn .lwl-lektion ul,html.dn .lwl-lektion ol{margin:0 0 12px;padding-left:22px}html.dn .lwl-lektion li{margin:4px 0}
html.dn .lwl-lektion table{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 14px}html.dn .lwl-lektion th,html.dn .lwl-lektion td{text-align:left;padding:8px;border-bottom:1px solid var(--grau);vertical-align:top}
html.dn .lwl-lektion a{color:var(--blau)}
html.dn .lwl-lektion-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--grau)}
html.dn .lwl-lektionen{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:l}
html.dn .lwl-lektionen li{counter-increment:l}
html.dn .lwl-lektionen a{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--bg);color:var(--tx);text-decoration:none;font-size:13px;font-weight:600}
html.dn .lwl-lektionen a::before{content:counter(l);width:30px;height:30px;border-radius:10px;background:var(--p-himmel);display:grid;place-items:center;font-size:13px;font-weight:700}
html.dn .lwl-lektionen a:hover{background:var(--p-himmel)}
html.dn .lwl-lektionen .ok{font-size:13px;font-weight:700;color:var(--lwl-gruen)}
html.dn .lwl-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;background:var(--p-himmel);color:var(--tx);text-decoration:none;border:0;cursor:pointer;font-family:inherit}
html.dn .lwl-chip.fehlt{background:var(--bg);color:var(--mut);cursor:default}
html.dn .lwl-chip.on{background:var(--navy);color:#fff}
html.dn .lwl-baum{display:grid;gap:14px}
html.dn .lwl-baum h3{font-size:16px;margin:6px 0 2px}
html.dn .lwl-baum ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
html.dn .lwl-baum li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:13px}
html.dn .lwl-baum li.fertig{box-shadow:inset 3px 0 0 var(--lwl-gruen)}
html.dn .lwl-felder{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
html.dn .lwl-feld{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:var(--w);box-shadow:var(--schatten);color:var(--tx);text-decoration:none}
html.dn .lwl-feld b{font-size:16px}html.dn .lwl-feld small{font-size:13px;color:var(--mut)}
html.dn .lwl-feld .lwl-balken{margin-top:6px;height:8px}
html.dn .lwl-praxis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}
html.dn .lwl-praxis label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--mut)}
html.dn .lwl-praxis textarea{font:inherit;font-size:13px;padding:10px 12px;border:1px solid var(--grau);border-radius:10px;background:var(--bg);color:var(--tx);min-height:110px;resize:vertical}
html.dn .lwl-haken{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:600;cursor:pointer}
html.dn .lwl-haken input{width:20px;height:20px;accent-color:var(--lwl-gruen)}
html.dn .lwl-ihk-frage{padding:14px 0;border-top:1px solid var(--grau)}
html.dn .lwl-ihk-frage:first-child{border-top:0}
html.dn .lwl-ihk-frage>b{display:block;font-size:13px;margin-bottom:10px}
html.dn .lwl-ihk-frage .lwl-optionen{gap:8px;margin-top:0}
html.dn .lwl-ihk-frage .lwl-option{min-height:48px;padding:10px 14px;font-size:13px;box-shadow:none}
html.dn .lwl-ihk-frage .warum{font-size:13px;color:var(--mut);margin-top:10px}
html.dn .lwl-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
html.dn .lwl-plan{display:grid;gap:10px}
html.dn .lwl-plan>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:13px;line-height:1.5}
html.dn .lwl-plan>div>b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding-top:2px}
html.dn .lwl-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
html.dn .lwl-karten>a{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--w);box-shadow:var(--schatten);color:var(--tx);text-decoration:none}
html.dn .lwl-karten>a h2{font-size:16px}html.dn .lwl-karten>a p{font-size:13px;color:var(--mut)}html.dn .lwl-karten>a small{font-size:13px;color:var(--blau);font-weight:600;margin-top:6px}
html.dn .lwl-fehler{padding:16px;border-radius:12px;background:var(--lwl-nein-bg);color:var(--lwl-nein-tx)}
@media (max-width:1100px){html.dn .lwl-raster{grid-template-columns:minmax(0,1fr) 215px;gap:18px}html.dn .lwl-halt{gap:12px;grid-template-columns:90px minmax(0,1fr);width:calc(100% - 45px)}html.dn .lwl-halt:nth-child(3n+2){margin-left:23px}html.dn .lwl-halt:nth-child(3n){margin-left:45px}}
@media (max-width:900px){html.dn .lwl-raster{grid-template-columns:1fr}html.dn .lwl-seite{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}html.dn .lwl-pfad{max-width:500px}}
@media (max-width:600px){html.dn .lwl h1{font-size:24px}html.dn .lwl-kopf{align-items:flex-start;margin-bottom:20px}html.dn .lwl-punkte{padding:8px 11px;font-size:13px;gap:5px;border-radius:13px}html.dn .lwl-punkte>span{font-size:24px}html.dn .lwl-reiter{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}html.dn .lwl-reiter>a{font-size:13px;padding:10px 2px;flex-direction:column;min-height:60px;gap:4px}html.dn .lwl-banner{grid-template-columns:minmax(0,1fr) 80px;padding:22px 18px}html.dn .lwl-banner h2{font-size:24px}html.dn .lwl-banner svg{width:80px}html.dn .lwl-halt{grid-template-columns:82px minmax(0,1fr);gap:12px;min-height:150px;width:calc(100% - 32px)}html.dn .lwl-halt:nth-child(3n+2){margin-left:16px}html.dn .lwl-halt:nth-child(3n){margin-left:32px}html.dn .lwl-knoten{width:66px;height:63px}html.dn .lwl-halt-text>strong{font-size:16px}html.dn .lwl-seite{grid-template-columns:1fr}html.dn .lwl-runde{padding:0 0 24px}html.dn .lwl-runde h2{font-size:24px}html.dn .lwl-ergebnis h2{font-size:24px}html.dn .lwl-skript>div{grid-template-columns:1fr}html.dn .lwl-fakten{grid-template-columns:1fr}}

/* Lieferung 53 (04.11.2026): Spiele in der Lernwelt (Sichtungsphase, eingebettete Spiele) und Unser Netz (Deutschlandkarte). Präfixe lwl- und netz-. */
html.dn .lwl-rahmen-kopf{margin-bottom:6px}
html.dn .lwl-spiele{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0 0 24px}
html.dn .lwl-spiel{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:20px;background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);min-width:0}
html.dn .lwl-spiel h2{margin:4px 0 6px;font-family:var(--serif);font-size:24px;color:var(--tx)}
html.dn .lwl-spiel p{margin:0 0 6px;color:var(--tx)}html.dn .lwl-spiel small{display:block;color:var(--mut);font-size:13px;line-height:1.4}
html.dn .lwl-spiel .lwl-knopf{justify-self:start}
html.dn .lwl-spiel-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--p-himmel);color:var(--navy)}
html.dn[data-theme="dark"] .lwl-spiel-symbol{color:var(--p-fern);background:var(--dn-flaeche2)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .lwl-spiel-symbol{color:var(--p-fern);background:var(--dn-flaeche2)}}
html.dn .lwl-rahmen{margin:16px 0 18px;background:var(--w);border-radius:var(--r);box-shadow:var(--schatten);overflow:hidden;min-height:320px}
html.dn .lwl-rahmen>p{padding:18px;margin:0}
html.dn .lwl-frame{display:block;width:100%;height:1200px;border:0;background:transparent}
html.dn button.lwl-knoten{font:inherit;cursor:pointer}html.dn button.lwl-knoten:disabled{cursor:not-allowed}
html.dn .lwl-klapp-t{display:flex;gap:12px;align-items:center;min-width:0}html.dn .lwl-klapp-t small{display:block;color:var(--mut);font-size:13px;font-weight:400}
html.dn .lwl-klapp.fertig .lwl-klapp-t .lwl-buchstabe{background:#128363;color:#fff}
html.dn .lwl-klapp-body{padding:4px 2px 12px}html.dn .lwl-klapp-body h4{margin:16px 0 6px;font-size:13px}html.dn .lwl-klapp-body p{margin:0 0 8px}
html.dn .lwl-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
html.dn .lwl-praxis-feld{display:flex;flex-direction:column;gap:6px;margin:8px 0}
html.dn .lwl-praxis-feld>span{font-size:13px;font-weight:700;color:var(--mut)}
html.dn .lwl-praxis-feld textarea{font:inherit;font-size:13px;padding:10px 12px;border:1px solid var(--grau);border-radius:10px;background:var(--bg);color:var(--tx);resize:vertical;min-height:84px}
html.dn .lwl-praxis-feld textarea:focus{outline:2px solid var(--blau);outline-offset:1px}
html.dn .lwl-karte-kopf .lwl-chip{margin-left:auto}
@media (max-width:600px){html.dn .lwl-zwei{grid-template-columns:1fr}html.dn .lwl-spiele{grid-template-columns:1fr}}
/* Unser Netz */
html.dn .netz{margin:0;display:flex;flex-direction:column;gap:10px}
html.dn .netz svg{width:100%;max-width:560px;height:auto;margin:0 auto;overflow:visible;display:block}
html.dn .netz-land{stroke:var(--p-fern);stroke-width:1.2;filter:drop-shadow(0 14px 28px rgba(6,46,77,.18))}
html.dn .netz-linie{fill:none;stroke:var(--blau);stroke-width:1.5;stroke-linecap:round;opacity:.5}
html.dn .netz-pin circle{fill:var(--p-mitte)}html.dn .netz-pin{outline:none;transform-box:fill-box;transform-origin:center}
html.dn .netz-pin[data-netz-ort]{cursor:pointer}html.dn .netz-treffer{fill:transparent!important}
html.dn .netz-pin.dabei .netz-punkt{fill:var(--blau);stroke:var(--w);stroke-width:2.5;filter:drop-shadow(0 2px 6px rgba(0,159,210,.7))}
html.dn .netz-pin:focus-visible .netz-punkt,html.dn .netz-pin:focus-visible>circle:last-child{stroke:var(--lime);stroke-width:4}
html.dn .netz-puls{fill:var(--blau);transform-box:fill-box;transform-origin:center;animation:netz-puls 2.6s ease-out infinite}
@keyframes netz-puls{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.6);opacity:0}}
html.dn .netz-pin,html.dn .netz-land,html.dn .netz-linie{animation:netz-rein .5s ease-out both}html.dn .netz-pin{animation-delay:calc(.3s + var(--d,0s))}html.dn .netz-linie{animation-delay:1.2s}
@keyframes netz-rein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html.dn .netz-pin,html.dn .netz-land,html.dn .netz-linie,html.dn .netz-puls{animation:none}html.dn .netz-puls{opacity:.25;transform:scale(1.6)}}
html.dn .netz-tip{position:fixed;z-index:60;transform:translate(-50%,-100%);padding:7px 11px;border-radius:8px;background:var(--navy);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
html.dn .netz-tip[hidden]{display:none}
html.dn .netz-legende{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13px;color:var(--mut)}
html.dn .netz-legende span{display:inline-flex;align-items:center;gap:7px}html.dn .netz-legende a{margin-left:auto;font-weight:700;color:var(--dn-link)}
html.dn .netz-legende small{width:100%;font-size:13px}
html.dn .netz-key{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--p-mitte)}html.dn .netz-key.dabei{background:var(--blau);box-shadow:0 0 0 2px var(--w)}
html.dn .netz-kopf{max-width:720px;margin-bottom:12px}html.dn .netz-kopf h2{margin:4px 0 8px;font-family:var(--serif);font-size:24px;text-transform:none;letter-spacing:-.3px;color:var(--tx)}html.dn .netz-kopf p{margin:0;color:var(--tx)}
html.dn .netz-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html.dn .netz-ubr{margin:14px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--dn-eyebrow)}
html.dn .netz-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}html.dn .netz-liste li{display:flex;align-items:center;gap:9px}
html.dn .netz-staedte li{justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--grau)}html.dn .netz-staedte li b{font-family:var(--serif);font-size:16px}
html.dn .netz-teaser{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center}
html.dn .netz-teaser h2{margin:4px 0 8px;font-family:var(--serif);font-size:24px;text-transform:none;letter-spacing:-.3px;color:var(--tx)}html.dn .netz-teaser p{margin:0 0 12px}
html.dn .netz-mini svg{max-width:220px}html.dn .netz-mini .netz-land{filter:none}
@media (max-width:700px){html.dn .netz-zwei{grid-template-columns:1fr}html.dn .netz-teaser{grid-template-columns:1fr}html.dn .netz-mini svg{max-width:180px}html.dn .netz-legende a{margin-left:0}}

/* Lieferung 54 (04.11.2026): Lernplan je Position in der Lernwelt (Präfix lwl-plan-), WhatsApp-Einladung bei den nächsten Events (inf-wa). */
html.dn .lwl-breit{max-width:none}
html.dn .lwl-gruppe .lwl-klein{margin:2px 0 0;font-size:13px;color:var(--mut)}
html.dn .lwl-plan-karte.eigene{outline:2px solid var(--lime);outline-offset:-2px}
html.dn .lwl-plan-karte small b{color:var(--blau)}
html.dn .lwl-plan-frage{font-style:italic;color:var(--blau);font-weight:600}
html.dn .lwl-plan-komp{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--grau)}
html.dn .lwl-plan-komp:first-of-type{border-top:0}
html.dn .lwl-plan-komp strong{display:block;font-size:13px}
html.dn .lwl-plan-komp small{display:block;font-size:13px;color:var(--mut);line-height:1.45;margin-top:2px}
html.dn .lwl-plan-komp select{font:inherit;font-size:13px;padding:9px 10px;border:1px solid var(--grau);border-radius:10px;background:var(--bg);color:var(--tx);min-width:0;max-width:100%}
html.dn .lwl-inhalt .lwl-klapp-body h4{font-size:13px;margin:12px 0 6px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
html.dn .lwl-inhalt .lwl-karte .lwl-haken{margin-top:10px;font-weight:500}
html.dn .lwl-inhalt .lwl-karte .lwl-karte-kopf h2{margin:0}
html.dn .lwl-inhalt .lwl-karte .lwl-tabelle-wrap{margin:10px 0}
html.dn .inf-wa{color:#1a8f4a;font-weight:600}
html.dn[data-theme="dark"] .inf-wa{color:#5fd38a}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .inf-wa{color:#5fd38a}}
@media (max-width:600px){html.dn .lwl-plan-komp{grid-template-columns:1fr}}

/* Lieferung 55 (05.11.2026): Akademie nach Leiths Video. Schreibschrift-Logo (Mr Dafoe, OFL, liegt unter design/fonts/), Reiterzeile (akd-reiter),
   Seitenkopf mit „Wissen wirkt.“ (akd-kopf), vier Foto-Kacheln (akd-kacheln) und Karten (akd-karte). Fotos aus Leiths Übergabe unter design/fotos/. */
@font-face{font-family:"Mr Dafoe";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/mr-dafoe-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mr Dafoe";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/mr-dafoe-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
html.dn{--script:"Mr Dafoe","Snell Roundhand","Brush Script MT",cursive}
/* Logo in der Seitenleiste: Zeichen oben, Schriftzug schräg, Limettenstrich, darunter die Struktur */
html.dn .sb-logo{flex-direction:column;align-items:flex-start;gap:10px;padding:0 24px 30px}
html.dn .sb-logo img{height:48px;width:48px;border-radius:12px}
html.dn .sb-logo img.chip{height:48px;width:auto;max-width:120px;border-radius:9px}
html.dn .sb-name{display:block;line-height:1}
html.dn .sb-name b{position:relative;display:inline-block;max-width:150px;padding:6px 10px 0 0;font:400 24px/.92 var(--script);letter-spacing:0;color:#fff;transform:rotate(-6deg);transform-origin:left bottom}
html.dn .sb-name b::after{content:"";position:absolute;left:4px;right:10px;bottom:-8px;height:3px;border-radius:3px;background:var(--lime);transform:rotate(-2deg)}
html.dn .sb-name small{display:block;margin-top:16px;font:500 13px/1.3 var(--font);letter-spacing:0;text-transform:none;color:#dce9f4}
html.dn .tb-logo b{position:relative;padding-right:6px;font:400 24px/1 var(--script);letter-spacing:0;transform:rotate(-5deg);transform-origin:left bottom}
html.dn .tb-logo b::after{content:"";position:absolute;left:2px;right:6px;bottom:-4px;height:2px;border-radius:2px;background:var(--lime)}
/* Reiterzeile der Akademie */
html.dn .akd-reiter{display:flex;gap:4px;margin:0 0 20px;border-bottom:1px solid var(--grau);overflow-x:auto;scrollbar-width:none}
html.dn .akd-reiter::-webkit-scrollbar{display:none}
html.dn .akd-reiter a{flex:none;padding:10px 16px;border-bottom:3px solid transparent;margin-bottom:-1px;font-weight:600;font-size:13px;color:var(--mut);text-decoration:none;white-space:nowrap}
html.dn .akd-reiter a:hover{color:var(--tx)}
html.dn .akd-reiter a.an{border-bottom-color:var(--blau);color:var(--navy)}
html.dn[data-theme="dark"] .akd-reiter a.an{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .akd-reiter a.an{color:var(--tx)}}
/* Seitenkopf mit Schreibschrift rechts */
html.dn .akd-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 22px}
html.dn .akd-kopf h1{margin:0;font:700 24px/1.08 var(--serif);letter-spacing:-.012em;color:var(--navy)}
html.dn .akd-kopf p{margin:6px 0 0;font-size:16px;color:var(--mut)}
html.dn[data-theme="dark"] .akd-kopf h1{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .akd-kopf h1{color:var(--tx)}}
html.dn .akd-schrift{position:relative;flex:none;padding:0 12px 8px 0;font:400 24px/.95 var(--script);text-align:center;color:var(--navy);transform:rotate(-5deg)}
html.dn .akd-schrift::after{content:"";position:absolute;left:10%;right:0;bottom:0;height:3px;border-radius:3px;background:var(--lime);transform:rotate(-2deg)}
html.dn[data-theme="dark"] .akd-schrift{color:#fff}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .akd-schrift{color:#fff}}
/* Vier Kacheln mit Foto */
html.dn .akd-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}
html.dn .akd-kachel{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;color:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}
html.dn .akd-kachel:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,50,91,.2)}
html.dn .akd-kachel:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
html.dn .akd-kachel img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;transition:transform .35s}
html.dn .akd-kachel:hover img{transform:scale(1.04)}
html.dn .akd-kachel.training img{object-position:85% center}
html.dn .akd-kachel-text{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 16px 16px}
html.dn .akd-kachel-text b{font:700 24px/1.15 var(--serif)}
html.dn .akd-kachel-text>span{flex:1;font-size:13px;line-height:1.4}
html.dn .akd-kachel-text small{margin-top:8px;font-size:13px;min-height:1em}
html.dn .akd-balken{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
html.dn .akd-balken i{display:block;width:0;height:100%;border-radius:3px;background:#fff;transition:width .4s}
html.dn .akd-kachel.sky{background:#0a7fc2}
html.dn .akd-kachel.navy{background:var(--navy)}
html.dn .akd-kachel.lime{background:var(--lime);color:var(--lime-tx)}
html.dn .akd-kachel.sand{background:#cbcdb9;color:var(--lime-tx)}
html.dn .akd-kachel.lime .akd-balken,html.dn .akd-kachel.sand .akd-balken{background:rgba(0,50,91,.18)}
html.dn .akd-kachel.lime .akd-balken i,html.dn .akd-kachel.sand .akd-balken i{background:var(--navy)}
html.dn[data-theme="dark"] .akd-kachel.navy{background:#0b4570}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .akd-kachel.navy{background:#0b4570}}
/* Karten wie Leiths Spiel- und Lernpfadkarten */
html.dn .akd-karte{display:flex;align-items:center;gap:20px;margin:0 0 16px;padding:20px 22px;border-radius:var(--r);border-left:4px solid var(--blau);background:var(--dn-flaeche2);box-shadow:var(--schatten)}
html.dn .akd-karte>div{flex:1;min-width:0}
html.dn .akd-karte-ic{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#c9e8fa;color:var(--navy)}
html.dn .akd-karte-ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .akd-auge{display:block;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--mut)}
html.dn .akd-karte h2{margin:4px 0 8px;font:700 24px/1.2 var(--serif);color:var(--navy)}
html.dn .akd-karte p{margin:0;font-size:13px;line-height:1.5;color:var(--tx)}
html.dn .akd-karte small{display:block;margin-top:6px;font-size:13px;color:var(--mut);min-height:1em}
html.dn .akd-karte>.btn{flex:none;margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
html.dn .akd-karte>.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.dn[data-theme="dark"] .akd-karte h2{color:var(--tx)}
html.dn[data-theme="dark"] .akd-karte-ic{background:#1d4466;color:#c9e8fa}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .akd-karte h2{color:var(--tx)}html.dn:not([data-theme="light"]) .akd-karte-ic{background:#1d4466;color:#c9e8fa}}
html.dn .akd-karte+.lernweg{margin-top:28px}
@media (max-width:980px){html.dn .akd-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){html.dn .akd-karte{flex-wrap:wrap;gap:14px;align-items:flex-start;padding:18px}html.dn .akd-karte>.btn{width:100%;justify-content:center;margin:4px 0 0}html.dn .akd-karte-ic{width:44px;height:44px}html.dn .akd-karte-ic svg{width:22px;height:22px}html.dn .akd-karte h2{font-size:24px}html.dn .akd-schrift{display:none}html.dn .akd-kacheln{gap:10px}html.dn .akd-kachel-text{padding:12px}html.dn .akd-kachel-text b{font-size:16px}html.dn .akd-kachel-text>span{font-size:13px}}

/* Lieferung 56 (05.11.2026): Termine nach Leiths Video. Kachelzeile mit Illustrationen (trm-kacheln), zwei große Karten unter Entwicklung (trm-karte),
   Eventgruppen zum Aufklappen (trm-gruppe), Monatskarten der Jahresansicht. Illustrationen aus Leiths Übergabe unter design/illu/. Kopf wie die Akademie (akd-kopf). */
html.dn .trm-kacheln{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 22px}
html.dn .trm-kacheln a{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--grau);border-radius:10px;background:var(--dn-flaeche2);color:var(--navy);font-weight:600;font-size:13px;text-decoration:none;text-align:center;transition:transform .15s,box-shadow .15s}
html.dn .trm-kacheln a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,50,91,.14)}
html.dn .trm-kacheln a:focus-visible{outline:3px solid var(--blau);outline-offset:2px}
html.dn .trm-kacheln img{display:block;width:100%;aspect-ratio:240/110;object-fit:cover}
html.dn .trm-kacheln span{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:6px 6px;font-size:13px;line-height:1.2}
html.dn .trm-kacheln a.an{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
html.dn[data-theme="dark"] .trm-kacheln a{color:var(--tx)}
html.dn[data-theme="dark"] .trm-kacheln a.an{border-color:var(--blau);box-shadow:0 0 0 2px var(--blau)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .trm-kacheln a{color:var(--tx)}html.dn:not([data-theme="light"]) .trm-kacheln a.an{border-color:var(--blau);box-shadow:0 0 0 2px var(--blau)}}
html.dn .trm-kopf{margin-bottom:20px}
html.dn .trm-raster{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin:0 0 20px}
html.dn .trm-karte{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);background:var(--w);box-shadow:var(--schatten)}
html.dn .trm-bild{display:block;aspect-ratio:32/15;overflow:hidden;background:var(--navy)}
html.dn .trm-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
html.dn .trm-karte:hover .trm-bild img{transform:scale(1.02)}
html.dn .trm-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
html.dn .trm-body>.eyebrow{margin:0;color:var(--dn-eyebrow)}
html.dn .trm-body h2{margin:0;font:700 24px/1.15 var(--serif);color:var(--navy)}
html.dn .trm-body h2 a{color:inherit;text-decoration:none}
html.dn .trm-body h2 a:hover{color:var(--blau)}
html.dn .trm-datum{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--mut)}
html.dn .trm-datum svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn .trm-body ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.45}
html.dn .trm-body li{position:relative;padding-left:14px}
html.dn .trm-body li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--lime)}
html.dn .trm-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px}
html.dn .trm-links a{color:var(--dn-link);text-decoration:none}
html.dn .trm-links a:hover{text-decoration:underline}
html.dn .trm-mehr{align-self:flex-start;margin-top:auto}
html.dn[data-theme="dark"] .trm-body h2{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .trm-body h2{color:var(--tx)}}
html.dn .trm-gruppen{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}
html.dn .trm-gruppe{overflow:hidden;border-radius:var(--r);background:var(--w);box-shadow:var(--schatten)}
html.dn .trm-gruppe.aktuell{box-shadow:0 0 0 2px var(--lime)}
html.dn .trm-gruppe>summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 16px;cursor:pointer;list-style:none}
html.dn .trm-gruppe>summary::-webkit-details-marker{display:none}
html.dn .trm-gruppe>summary img{flex:none;width:108px;height:63px;border-radius:8px;object-fit:cover}
html.dn .trm-gruppe-text{display:flex;flex-direction:column;gap:2px;min-width:0}
html.dn .trm-gruppe-text b{font:700 16px/1.2 var(--serif);color:var(--navy)}
html.dn .trm-gruppe-text small{font-size:13px;color:var(--mut)}
html.dn[data-theme="dark"] .trm-gruppe-text b{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .trm-gruppe-text b{color:var(--tx)}}
html.dn .trm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
html.dn .trm-chip{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--dn-flaeche2);font-size:13px;font-weight:600;color:var(--tx)}
html.dn .trm-chip.akt{background:var(--lime);color:var(--lime-tx)}
html.dn .trm-gruppe-liste{padding:0 16px 14px}
html.dn .trm-monat h2{font-size:24px}
@media (max-width:900px){html.dn .trm-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){html.dn .trm-kacheln{display:flex;gap:8px;margin:0 -16px 18px;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}html.dn .trm-kacheln::-webkit-scrollbar{display:none}html.dn .trm-kacheln a{flex:0 0 140px;font-size:13px}html.dn .trm-kacheln span{min-height:40px}html.dn .trm-raster{grid-template-columns:1fr;gap:14px}html.dn .trm-body{padding:16px}html.dn .trm-body h2{font-size:24px}html.dn .trm-gruppe>summary img{width:84px;height:49px}}

/* Lieferung 57 (05.11.2026): Heute nach Leiths Video. Oben zwei Spalten (hd-raster): links Wochenfokus (hd-fokus) und Deine Woche (hd-woche),
   rechts Nächster Termin (hd-termin) und Ranking (hd-rang). Die übrigen Bausteine folgen darunter wie bisher. */
html.dn .hd-raster{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;align-items:start;margin:16px 0}
html.dn .hd-spalte{display:flex;flex-direction:column;gap:18px;min-width:0}
html.dn .hd-fokus,html.dn .hd-termin{padding:20px 24px;border-radius:var(--r);background:#062e4d;color:#fff}
html.dn .hd-termin{background:#083b63}
html.dn .hd-fokus>.eyebrow,html.dn .hd-termin .eyebrow{margin:0;color:#c9e8fa}
html.dn .hd-fokus h2,html.dn .hd-termin h2{margin:4px 0;font:700 24px/1.2 var(--serif);letter-spacing:0;text-transform:none;color:#fff;hyphens:auto;overflow-wrap:break-word}
html.dn .hd-fokus p,html.dn .hd-termin p{margin:0;color:#dce9f4}
html.dn .hd-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
html.dn .hd-knoepfe .btn{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 16px;background:var(--lime);color:#092449;box-shadow:none;text-decoration:none}
html.dn .hd-knoepfe .btn.hd-hell{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
html.dn .hd-knoepfe .btn.hd-hell:hover{background:rgba(255,255,255,.1)}
html.dn .hd-termin-oben{display:flex;align-items:center;justify-content:space-between;gap:10px}
html.dn .hd-wann{flex:none;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px;font-weight:700}
html.dn .hd-wann.heute{background:var(--lime);color:#092449}
html.dn .hd-termin p{font-size:13px}
html.dn .hd-termin .inf-tag{display:inline-block;margin-top:6px}
html.dn .hd-termin ul{display:flex;flex-direction:column;gap:5px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.4}
html.dn .hd-termin li{display:flex;align-items:flex-start;gap:8px}
html.dn .hd-termin li i{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--blau)}
html.dn .hd-termin li i.lime{background:var(--lime)}
html.dn .hd-woche,html.dn .hd-rang{display:flex;flex-direction:column;gap:12px;margin:0;padding:20px;border-radius:var(--r);background:var(--w);box-shadow:var(--schatten);color:var(--tx)}
html.dn .hd-kopfzeile{display:flex;align-items:center;justify-content:space-between;gap:12px}
html.dn .hd-woche h2,html.dn .hd-rang h2{display:flex;align-items:center;gap:10px;margin:0;font:700 24px/1.25 var(--serif);letter-spacing:0;text-transform:none;color:var(--navy)}
html.dn .hd-woche h2 svg,html.dn .hd-rang h2 svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.dn[data-theme="dark"] .hd-woche h2,html.dn[data-theme="dark"] .hd-rang h2{color:var(--tx)}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .hd-woche h2,html.dn:not([data-theme="light"]) .hd-rang h2{color:var(--tx)}}
html.dn .hd-chip{flex:none;padding:3px 10px;border-radius:999px;background:var(--dn-flaeche2);font-size:13px;font-weight:600;color:var(--tx)}
html.dn .hd-ziele{list-style:none;margin:0;padding:0}
html.dn .hd-ziele li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--grau)}
html.dn .hd-ziele li:first-child{border-top:0;padding-top:2px}
html.dn .hd-ziel{flex:1;min-width:0;font-weight:600;font-size:13px}
html.dn .hd-ziel small{margin-left:4px;font-weight:400;color:var(--mut)}
html.dn .hd-ziel .bar{margin-top:6px}
html.dn .hd-ziele li.erreicht .bar i{background:var(--lime)}
html.dn .hd-plus{flex:none;min-width:44px;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:var(--lime);color:#092449;font:700 16px var(--font);cursor:pointer}
html.dn .hd-plus:hover{background:#bcc100}
html.dn .hd-haken{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--dn-flaeche2);color:var(--blau);font-weight:700}
html.dn .hd-woche .wk-ziele{margin-top:4px}
html.dn .hd-rangliste{list-style:none;margin:0;padding:0}
html.dn .hd-rangliste li{display:grid;grid-template-columns:26px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-radius:8px}
html.dn .hd-rangliste li.ich{background:var(--dn-flaeche2)}
html.dn .hd-rangliste b{font:700 16px var(--serif);color:var(--blau)}
html.dn .hd-av{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
html.dn[data-theme="dark"] .hd-av{background:#1d4466}
@media (prefers-color-scheme:dark){html.dn:not([data-theme="light"]) .hd-av{background:#1d4466}}
html.dn .hd-rname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
html.dn .hd-rangliste em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
html.dn .hd-klein{font-size:13px}
html.dn .hd-rang .btn.hell{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 16px}
@media (max-width:900px){html.dn .hd-raster{grid-template-columns:1fr;gap:14px}html.dn .hd-spalte{gap:14px}html.dn .hd-fokus,html.dn .hd-termin{padding:18px}html.dn .hd-fokus h2,html.dn .hd-termin h2{font-size:24px}}

/* Lieferung 79 (11.11.2026): drei Schriftgroessen 13/16/24, Kacheln einzeilig. */
select{font-size:16px}
.akd-kachel-text>b,.akd-kachel-text>span:not(.akd-balken),.akd-kachel-text>small{white-space:nowrap}
@media(max-width:700px){
.akd-kacheln{grid-template-columns:1fr!important}
.akd-kachel{display:flex!important;flex-direction:row!important;align-items:stretch}
.akd-kachel img{width:104px!important;height:auto!important;min-height:92px;object-fit:cover;flex:none}
.akd-kachel-text{flex:1;min-width:0}
.akd-karte .akd-auge,.akd-karte p,.akd-karte small{display:none!important}
}
.lw-karte{grid-template-columns:auto 1fr!important}
.lw-karte .lw-ic{grid-row:1 / span 2;align-self:center}
.lw-karte .lw-pille{grid-column:2;grid-row:1;justify-self:start}
.lw-karte .lw-txt{grid-column:2;grid-row:2;min-width:0}
.lw-karte .lw-txt small{display:none}
.lw-karte .lw-txt b{white-space:nowrap}
.lw-stufe{flex:none!important;width:auto!important;padding-left:12px!important;padding-right:12px!important}
.lw-stufe span,.lw-stufe small{white-space:nowrap;hyphens:none}
.modulkarte b,.modulkarte small{white-space:nowrap}
.lernkarte small,.lernkarte b{white-space:nowrap}

/* Lieferung 80 (11.11.2026): feste Groessen aus den Modulen auf 13/16/24. Praesentation (.wg) und Grafiken (SVG) ausgenommen. */
.ev-karte b{font-size:16px!important}
.ev-pfeil{font-size:24px!important}
.ev-zahlen{font-size:13px!important}
.ev-zahlen b{font-size:24px!important}
.ev-hinweis{font-size:13px!important}
.ev-gast input.ev-gname,.ev-neu input{font-size:16px!important}
.ev-pot{font-size:13px!important}
.ev-chip{font-size:13px!important}
.ev-item small{font-size:13px!important}
.ev-wer{font-size:13px!important}
.ev-ab h3{font-size:16px!important}
.ev-ozahl{font-size:13px!important}
.inf-raum b{font-size:16px!important}
.inf-raum-pf{font-size:24px!important}
.inf-feed-t{font-size:24px!important}
.inf-zahl{font-size:13px!important}
.inf-klein{font-size:13px!important}
.inf-ch-kopf small{font-size:13px!important}
.inf-zahlen{font-size:13px!important}
.inf-dt b{font-size:16px!important}
.inf-dt small{font-size:13px!important}
.inf-tag{font-size:13px!important}
.inf-gr small{font-size:13px!important}
.pm-kopf{font-size:13px!important}
.pm-box h2{font-size:24px!important}
.pm-meta{font-size:13px!important}
.pm-hinweis{font-size:13px!important}
.pv-rang li{font-size:13px!important}
.ms-s small{font-size:13px!important}
.ms-sym{font-size:16px!important}
.ms-auf small{font-size:13px!important}
.ms-p summary small{font-size:13px!important}
.ms-ls{font-size:13px!important}
.ms-h3{font-size:16px!important}
.ms-pd small{font-size:13px!important}
.ms-pd b{font-size:16px!important}
.ms-pdst{font-size:13px!important}
.mpt-karte h2{font-size:24px!important}
.mpt-karte p{font-size:13px!important}
.mpt-schritt{font-size:13px!important}
.unt-k p{font-size:13px!important}
.unt-k small{font-size:13px!important}
.unt-typ{font-size:13px!important}
.unt-p small{font-size:13px!important}
.unt-av{font-size:13px!important}
.pv-wer{font-size:13px!important}
#main [style*="font-size:12px"]:not(.wg *){font-size:13px!important}
#main [style*="font-size:15px"]:not(.wg *){font-size:16px!important}
#main [style*="font-size:18px"]:not(.wg *){font-size:16px!important}
/* Lieferung 81 (11.11.2026): Knoepfe der Akademie-Karten gleich breit. */
html.dn .akd-karte>.btn{min-width:200px;justify-content:center}
/* Positionskacheln im Lernweg gleich breit, Namen einzeilig. */
html.dn .lw-leiter{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow:visible!important}
html.dn .lw-stufe{min-width:0}
/* Zweitknoepfe so gross wie Hauptknoepfe (vorher 13 neben 16). */
.btn.hell{font-size:16px}
html.dn .fk-monat .btn,html.dn .fk-monat button,html.dn .pv-aktion .btn,html.dn .pv-aktion button{font-size:16px}
/* Startseite: Wochenfokus und Naechster Termin gleich breit und gleich hoch. */
@media (min-width:901px){html.dn .hd-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html.dn .hd-raster>.hd-spalte{display:contents}html.dn .hd-raster>.hd-spalte:first-child>*{grid-column:1}html.dn .hd-raster>.hd-spalte:first-child+.hd-spalte>*{grid-column:2}html.dn .hd-raster>.hd-spalte>:nth-child(1){grid-row:1}html.dn .hd-raster>.hd-spalte>:nth-child(2){grid-row:2}html.dn .hd-raster>.hd-spalte>.hd-fokus,html.dn .hd-raster>.hd-spalte>.hd-termin{align-self:stretch}}
/* Lernweg: nicht waehlbare Positionen. */
html.dn .lw-stufe:disabled{cursor:default}html.dn .lw-stufe:disabled:not(.geschafft){opacity:.55}
/* Lieferung 82 (11.11.2026): Positionskacheln im Lernweg in jeder Zeile gleich hoch. */
html.dn .lw-leiter{grid-auto-rows:1fr}
/* Text laeuft nie aus der Kachel: kein erzwungenes Einzeilig mehr, Umbruch nur an Wortgrenzen. */
.akd-kachel-text>b,.akd-kachel-text>span:not(.akd-balken),.akd-kachel-text>small,.lw-karte .lw-txt b,.modulkarte b,.modulkarte small,.lernkarte small,.lernkarte b{white-space:normal;overflow-wrap:break-word}
html.dn .lw-stufe span,html.dn .lw-stufe small{white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.akd-kachel-text,.modulkarte>span:last-child,.lernkarte>span:last-child{min-width:0}

/* Lieferung 89: Reiter „Upload“ unter Termine, Anmeldung und Teilnehmer am Termin */
.upl-leiste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 12px}
.upl-nav{display:flex;gap:6px;flex:1 1 auto;overflow-x:auto;padding:2px;scrollbar-width:none}
.upl-nav::-webkit-scrollbar{display:none}
.upl-nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:var(--p-himmel);color:var(--tx);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.upl-nav a.an{background:var(--lime);color:var(--lime-tx)}
.upl-reset{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:2px solid #c0392b;color:#c0392b;font-weight:700;font-size:14px;text-decoration:none;background:var(--w)}
.upl-reset.an,html.dn .upl-reset:hover{background:#c0392b;color:#fff}
.upl-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.upl-weg{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:12px;background:var(--p-himmel)}
.upl-weg h3{margin:0;font-size:17px;color:var(--tx)}
.upl-weg p{margin:0;color:var(--tx);font-size:14px}
.upl-weg .upl-weg-was{color:var(--mut);font-size:13px;flex:1}
.upl-weg .btn{align-self:flex-start}
.upl-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.upl-zahlen div{padding:10px 12px;border-radius:10px;background:var(--p-himmel);display:flex;flex-direction:column}
.upl-zahlen b{font-size:24px;color:var(--tx)}
.upl-zahlen small{color:var(--mut);font-size:13px}
.upl-quellen{display:flex;flex-direction:column;gap:8px}
.upl-quelle{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--p-himmel);box-shadow:inset 3px 0 0 var(--lime)}
.upl-quelle.warn{box-shadow:inset 3px 0 0 #c0392b}
.upl-quelle .grow{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.upl-quelle small{color:var(--mut);font-size:13px;overflow-wrap:anywhere}
.upl-quelle-knoepfe{display:flex;gap:6px;flex-wrap:wrap}
.upl-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.upl-filter input[type=search],.upl-filter select{flex:1 1 200px;min-height:44px;border-radius:10px;border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-size:16px;padding:0 12px;max-width:100%}
.upl-check{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--tx);cursor:pointer}
.upl-check input{width:20px;height:20px;flex:none}
.upl-check.gross{align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--p-himmel)}
.upl-check.gross span{display:flex;flex-direction:column;gap:2px}
.upl-check.gross small{color:var(--mut);font-size:13px}
.upl-was{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.upl-evs{display:flex;flex-direction:column;gap:8px}
.upl-ev{border-radius:12px;background:var(--p-himmel)}
.upl-ev summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:52px;padding:8px 12px;cursor:pointer;list-style:none}
.upl-ev summary::-webkit-details-marker{display:none}
.upl-ev summary .grow{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:2px}
.upl-ev summary b{font-size:16px;color:var(--tx)}
.upl-ev summary small{color:var(--mut);font-size:13px}
.upl-ev[open]{box-shadow:inset 0 0 0 2px var(--blau)}
.upl-ev-innen{padding:0 12px 14px}
.upl-ev-innen code{font-size:13px;background:var(--w);padding:1px 6px;border-radius:6px}
.upl-ev-innen input[type=url],.upl-sp input[type=url]{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--grau);background:var(--w);color:var(--tx);font:inherit;font-size:16px;padding:0 12px;box-sizing:border-box}
.upl-marken{display:flex;gap:6px;flex-wrap:wrap}
.upl-marke{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--w);color:var(--mut)}
.upl-marke.ok{background:var(--lime);color:var(--lime-tx)}
.upl-h3{margin:16px 0 6px;font-size:15px;color:var(--tx)}
.upl-datei{position:relative;cursor:pointer}
.upl-datei input{position:absolute;width:1px;height:1px;opacity:0}
.upl-datei:focus-within{outline:2px solid var(--blau);outline-offset:2px}
.upl-sp{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--p-himmel)}
.upl-sp summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--tx);min-height:32px;display:flex;align-items:center}
.upl-hinweis{color:#8a5a00!important}
.upl-gefahr{box-shadow:inset 4px 0 0 #c0392b}
.btn.upl-rot{background:#c0392b;color:#fff;border-color:#c0392b}
.upl-warn{padding:10px 12px;border-radius:10px;background:#fdecea;color:#7a1f15;font-size:14px;font-weight:600}
.upl-seg{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid var(--grau);flex:none;max-width:100%;flex-wrap:wrap}
.upl-seg button{min-height:44px;padding:0 12px;border:0;background:var(--w);color:var(--tx);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.upl-seg button.an{background:var(--lime);color:var(--lime-tx)}
.upl-tns{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.upl-tn{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-radius:10px;background:var(--p-himmel)}
.upl-tn .grow{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px}
.upl-tn small{color:var(--mut);font-size:13px}
.upl-status{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--w);color:var(--tx)}
.upl-status.angemeldet{background:var(--lime);color:var(--lime-tx)}
.upl-status.abgemeldet{background:#c0392b;color:#fff}
.upl-status.eingeladen{background:var(--blau);color:#fff}
.trm-anm{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.trm-anm .btn.mini{min-height:40px;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:600px){.upl-leiste{align-items:stretch}.upl-reset{width:100%;justify-content:center}.upl-seg{width:100%}.upl-seg button{flex:1 1 auto}}

/* Lieferung 89: Bedienung wie in anderen Apps */
html{overscroll-behavior-y:contain}
.bd-zeiger{position:fixed;z-index:60;left:0;top:0;width:44px;height:44px;border-radius:50%;display:none;place-items:center;background:var(--w);color:var(--tx);box-shadow:0 4px 16px rgba(0,0,0,.25);font-size:26px;font-weight:700;line-height:1;pointer-events:none}
.bd-zeiger.an{display:grid}
.bd-zeiger.neu{left:50%}
.bd-zeiger.bereit{background:var(--lime);color:var(--lime-tx)}
.bd-zeiger.dreht{animation:bd-dreh .7s linear infinite}
@keyframes bd-dreh{to{rotate:360deg}}
@media (prefers-reduced-motion:reduce){.bd-zeiger.dreht{animation:none}}
html.dn :is(a,button,summary,select,input,textarea,[tabindex]):focus-visible{outline:3px solid var(--blau);outline-offset:2px}
html.dn .sheet :is(h2,h3):focus{outline:none}
.tabbar a span{font-size:12px}

/* Lieferung 89: Punkte aus dem Prüfbericht */
@media (max-width:600px){html.dn .dn-held .dn-knoepfe{flex-wrap:wrap}}
html.dn .akd-kachel .akd-kachel-text small{color:inherit;opacity:1}
html.dn .akd-kachel.sky{background:#0873b2}
html.dn .dn-kachel.dunkel .eyebrow{color:#8fd6f7}
html.dn .akd-anliegen{margin:0 0 16px}
html.dn .akd-anliegen h2{margin:0 0 8px;font-size:18px;color:var(--tx)}
html.dn .akd-anliegen-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
html.dn .akd-anliegen-l a{display:flex;flex-direction:column;gap:2px;min-height:56px;justify-content:center;padding:10px 14px;border-radius:12px;background:var(--p-himmel);color:var(--tx);text-decoration:none}
html.dn .akd-anliegen-l a small{color:var(--mut);font-size:13px}
html.dn .akd-anliegen-l a:hover{box-shadow:inset 0 0 0 2px var(--blau)}
.tb-spst{flex:none;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--p-himmel);color:var(--tx);white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis}
.tb-spst.gespeichert{background:var(--lime);color:var(--lime-tx)}
@media (max-width:900px){.tb-spst{position:fixed;top:calc(env(safe-area-inset-top) + 74px);left:50%;transform:translateX(-50%);z-index:40;max-width:92vw;box-shadow:0 4px 14px rgba(0,0,0,.25)}}
.tb-spst.verbindung,.tb-spst.konflikt,.tb-spst.abgemeldet{background:#c0392b;color:#fff}
.entw-banner{box-shadow:inset 4px 0 0 #c0392b;margin:0 0 12px}
.entw-zeile{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:var(--p-himmel);margin-top:6px}
.entw-zeile .grow{flex:1 1 180px;display:flex;flex-direction:column;gap:2px}
.entw-zeile small{color:var(--mut);font-size:13px}

/* ===== Lieferung 89, zweiter Teil ===== */
.trm-regel{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 0}.trm-frist{font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--tx);border:1px solid var(--grau)}
.trm-frist.bald{background:var(--warnsoft);color:var(--warntx);border-color:transparent}.trm-frist.vorbei{background:transparent;color:var(--mut)}
.upl-regel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upl-regel .fld{margin:0}.upl-regel input{width:100%}
.upl-vorl{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--grau)}.upl-vorl small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.upl-vorl-tage{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.upl-vorl-neu{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--mut)}
.mpi-sp{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--grau)}.mpi-sp .fld{margin:0}.mpi-sp input{width:100%}.mpi-sp small{color:var(--mut);font-size:13px}.mpi-sp .btn{justify-self:start}
.hd-weiter h2{margin:4px 0 4px;font-size:20px;line-height:1.25;overflow-wrap:anywhere;text-transform:none;letter-spacing:0;font-family:var(--serif,Georgia,serif);font-weight:700}.hd-weiter .dn-k-knoepfe{margin-top:0}.hd-weiter p{margin:0 0 12px;color:var(--mut);font-size:14px}.hd-weiter.pause{border-left:4px solid var(--lime, #c6e200)}
.hm-gruppe{margin:16px 0 4px;font-size:14px}.hm-fest{flex:none;font-size:12px;color:var(--mut);border:1px solid var(--grau);border-radius:999px;padding:2px 8px}
.pk-erkl{margin-top:var(--gap)}.pk-teile{list-style:none;padding:0;margin:8px 0 14px}.pk-teile li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--grau);font-size:14px}
.pk-arten{margin:0;display:grid;gap:10px}.pk-arten dt{font-weight:700;font-size:14px}.pk-arten dd{margin:2px 0 0;color:var(--mut);font-size:14px}
.akd-stil{margin:0 0 var(--gap)}.akd-stil h2{font-size:17px;margin:0 0 8px}.akd-stil-wahl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.akd-stil-wahl button{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 12px;border-radius:var(--r-s);border:1px solid var(--grau);background:var(--w);color:var(--tx)}.akd-stil-wahl button b{display:block;font-size:14px}.akd-stil-wahl button small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.akd-stil-wahl button.on{border-color:var(--blau);box-shadow:inset 0 0 0 1px var(--blau)}.akd-stil-wahl button:focus-visible{outline:2px solid var(--blau);outline-offset:2px}.akd-stil-tipps{margin-top:10px}
.akd-glossar{margin:var(--gap) 0;border:1px solid var(--grau);border-radius:var(--r);padding:12px 16px;background:var(--w)}.akd-glossar summary{cursor:pointer;font-weight:700}.akd-glossar dl{margin:12px 0 0;display:grid;gap:10px}.akd-glossar dt{font-weight:700;font-size:14px}.akd-glossar dd{margin:2px 0 0;color:var(--mut);font-size:14px}
.lp-vorab .lm-meta{margin:0;padding-left:18px}.lp-vorab li{margin:4px 0}.lp-danach{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lp-danach.fertig{border-left:4px solid var(--ok)}
.vbl-zeile{margin:0 0 var(--gap);padding:8px 12px;border-radius:var(--r-s);font-size:13.5px;background:var(--bg);border:1px solid var(--grau);color:var(--tx)}.vbl-zeile.entwurf{background:var(--warnsoft);color:var(--warntx);border-color:transparent}.vbl-zeile.bestaetigt{background:var(--oksoft);border-color:transparent}.vbl-zeile a{color:inherit;white-space:nowrap}
.vbl-liste{display:grid;gap:0}.vbl-p{border-top:1px solid var(--grau);padding:10px 0}div.vbl-p,.vbl-p summary{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.vbl-p summary{cursor:pointer;list-style:none}.vbl-p summary::-webkit-details-marker{display:none}
.vbl-p small{display:block;color:var(--mut);font-size:13px;margin-top:2px;overflow-wrap:anywhere}.vbl-marke{flex:none;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--grau);color:var(--tx)}
.vbl-marke.bestaetigt{background:var(--oksoft);color:var(--ok);border-color:transparent}.vbl-marke.entwurf{background:var(--warnsoft);color:var(--warntx);border-color:transparent}.vbl-marke.offen{color:var(--mut)}
.vbl-form{padding:10px 0 4px}.vbl-form .fld{display:block;margin:8px 0}.vbl-form .fld input,.vbl-form .fld select{display:block;width:100%;margin-top:4px}.vbl-legende dl{margin:0;display:grid;gap:10px}.vbl-legende dt{margin-bottom:2px}.vbl-legende dd{margin:0;color:var(--mut);font-size:14px}
@media (max-width:700px){.akd-stil-wahl{grid-template-columns:1fr 1fr}.upl-regel{grid-template-columns:1fr}}
html.dn .hd-weiter h2{text-transform:none;letter-spacing:0;font-family:var(--serif);font-size:20px}
html.dn .akd-karte{min-width:0}html.dn .akd-karte h2,html.dn .akd-karte h3,html.dn .akd-karte p,html.dn .akd-karte small,html.dn .akd-karte span{overflow-wrap:anywhere;min-width:0}