:root{--hg:#f4f6f4;--flaeche:#ffffff;--flaeche-2:#eef1ee;--flaeche-3:#e7ebe7;--rand:#e3e6e2;--rand-stark:#d3d8d2;--text:#17211c;--text-2:#586159;--text-3:#8c948d;--akzent:#1f6b52;--akzent-stark:#17543f;--akzent-weich:#e6f1ec;--akzent-kontrast:#ffffff;--gruen:#157a55;--gruen-bg:#e2f3ea;--gruen-rand:#bfe3cf;--gelb:#8a6910;--gelb-bg:#f8efd3;--gelb-rand:#ecdca6;--rot:#b03636;--rot-bg:#f9e6e6;--rot-rand:#edc4c4;--blau:#2b5f9e;--blau-bg:#e6eef8;--r-xs:6px;--r-sm:8px;--r:12px;--r-lg:16px;--r-pill:999px;--schatten-1:0 1px 2px rgba(20,32,26,0.04),0 1px 3px rgba(20,32,26,0.06);--schatten-2:0 4px 12px rgba(20,32,26,0.08),0 2px 4px rgba(20,32,26,0.05);--schatten-3:0 12px 32px rgba(20,32,26,0.12);--seitenleiste-breite:250px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,"Cascadia Mono",monospace}@media (prefers-color-scheme:dark){:root{--hg:#0f1311;--flaeche:#171c19;--flaeche-2:#1e2521;--flaeche-3:#253029;--rand:#29322c;--rand-stark:#35413a;--text:#e9ede9;--text-2:#a3aca4;--text-3:#727b74;--akzent:#45b088;--akzent-stark:#5cc79d;--akzent-weich:#16261f;--akzent-kontrast:#08130d;--gruen:#57c294;--gruen-bg:#14271e;--gruen-rand:#245740;--gelb:#d9b451;--gelb-bg:#29230f;--gelb-rand:#574a20;--rot:#e2807f;--rot-bg:#2a1717;--rot-rand:#5a2f2f;--blau:#7aa8de;--blau-bg:#16202e;--schatten-1:0 1px 2px rgba(0,0,0,0.3);--schatten-2:0 4px 14px rgba(0,0,0,0.4);--schatten-3:0 14px 36px rgba(0,0,0,0.5)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--hg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05","ss01"}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--akzent-weich)}.app{display:grid;grid-template-columns:var(--seitenleiste-breite) 1fr;min-height:100vh}.seitenleiste{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:.25rem;padding:1.15rem .85rem 1rem;background:var(--flaeche);border-right:1px solid var(--rand)}.marke{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem 1.1rem;color:var(--text)}.marke:hover{text-decoration:none}.marke-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,var(--akzent),var(--akzent-stark));color:#fff;box-shadow:var(--schatten-1);flex:none}.marke-titel{display:flex;flex-direction:column;line-height:1.2}.marke-titel b{font-size:.98rem;font-weight:650;letter-spacing:-.01em}.marke-titel span{font-size:.72rem;color:var(--text-3)}.nav-gruppe{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:.9rem .6rem .35rem}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:var(--r-sm);color:var(--text-2);font-size:.9rem;font-weight:500;transition:background .12s,color .12s}.nav-link:hover{background:var(--flaeche-2);color:var(--text);text-decoration:none}.nav-link svg{width:18px;height:18px;flex:none;opacity:.85}.nav-link.aktiv{background:var(--akzent-weich);color:var(--akzent);font-weight:600}.nav-link.aktiv svg{opacity:1}.seitenleiste-fuss{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--rand)}.nutzer-chip{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-pill);background:var(--flaeche-3);color:var(--text);font-size:.78rem;font-weight:650;flex:none}.nutzer-chip .meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.nutzer-chip .meta b{font-size:.83rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nutzer-chip .meta span{font-size:.7rem;color:var(--text-3)}.inhalt{padding:1.9rem 2.4rem 5rem;max-width:68rem;width:100%}.seiten-kopf{margin-bottom:1.5rem}.seiten-kopf .krume{font-size:.75rem;color:var(--text-3);font-weight:500;letter-spacing:.02em;margin-bottom:.4rem}h1{font-size:1.7rem;font-weight:680;letter-spacing:-.02em;margin:0 0 .3rem;line-height:1.2}.lede,.seiten-kopf p{color:var(--text-2);font-size:.95rem;margin:0;max-width:46rem}h2{font-size:1.05rem;font-weight:640;letter-spacing:-.01em;margin:2.1rem 0 .85rem;display:flex;align-items:center;gap:.6rem}h3{font-size:.92rem;font-weight:620;margin:1.2rem 0 .5rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--r);padding:1.15rem 1.3rem;margin-bottom:1rem;box-shadow:var(--schatten-1)}.karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.karte-kopf h2,.karte-kopf h3{margin:0}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));grid-gap:.85rem;gap:.85rem;margin-bottom:.5rem}.kennzahl{position:relative;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--r);padding:1rem 1.15rem 1.1rem;box-shadow:var(--schatten-1);overflow:hidden}.kennzahl:before{content:"";position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;border-radius:0 3px 3px 0;background:var(--akzent);opacity:.75}.kennzahl.betont{background:linear-gradient(155deg,var(--akzent),var(--akzent-stark));border-color:transparent}.kennzahl.betont:before{display:none}.kennzahl.betont .beschriftung,.kennzahl.betont .wert{color:#fff}.kennzahl.betont .beschriftung{opacity:.85}.kennzahl .beschriftung{font-size:.76rem;color:var(--text-2);font-weight:500;line-height:1.35;margin-bottom:.45rem}.kennzahl .wert{font-size:1.45rem;font-weight:680;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kennzahl .fussnote{font-size:.72rem;color:var(--text-3);margin-top:.2rem}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--rand-stark);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}tbody td{padding:.6rem .7rem;border-bottom:1px solid var(--rand)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--flaeche-2)}td.betrag,th.betrag{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody tr.summe td{font-weight:680;border-top:2px solid var(--rand-stark);border-bottom:none}.negativ{color:var(--rot)}.ampel,.badge,.marke-ampel{display:inline-flex;align-items:center;gap:.3rem;padding:.13rem .6rem;border-radius:var(--r-pill);font-size:.75rem;font-weight:620;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.ampel:before,.marke-ampel:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.ampel-gruen,.ampel.GRUEN{background:var(--gruen-bg);color:var(--gruen);border-color:var(--gruen-rand)}.ampel-gelb,.ampel.GELB{background:var(--gelb-bg);color:var(--gelb);border-color:var(--gelb-rand)}.ampel-rot,.ampel.ROT{background:var(--rot-bg);color:var(--rot);border-color:var(--rot-rand)}.badge.neutral{background:var(--flaeche-3)}.badge.neutral,.gedaempft{color:var(--text-2)}.klein{font-size:.82rem}.mono{font-family:var(--mono);font-size:.86em}.liste{padding-left:1.15rem}.liste li{margin:.2rem 0}.stapel{display:grid;grid-gap:.6rem;gap:.6rem}.banner,.hinweisbanner{display:flex;gap:.6rem;align-items:flex-start;background:var(--gelb-bg);border:1px solid var(--gelb-rand);color:var(--gelb);border-radius:var(--r-sm);padding:.7rem .95rem;font-size:.86rem;margin-bottom:1rem}.banner.info{background:var(--blau-bg);border-color:transparent;color:var(--blau)}.banner.gruen{background:var(--gruen-bg);border-color:var(--gruen-rand);color:var(--gruen)}.banner b{font-weight:650}form.einwurf,form.formular{display:grid;grid-gap:.9rem;gap:.9rem;max-width:34rem}label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--text)}input,select,textarea{font:inherit;padding:.6rem .7rem;border:1px solid var(--rand-stark);border-radius:var(--r-sm);background:var(--flaeche);color:var(--text);transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-weich)}textarea{min-height:7rem;resize:vertical}.knopf,button{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;background:var(--akzent);color:var(--akzent-kontrast);border:1px solid transparent;border-radius:var(--r-sm);padding:.6rem 1.15rem;font:inherit;font-weight:600;cursor:pointer;transition:background .12s,transform .05s,box-shadow .12s;box-shadow:var(--schatten-1);text-decoration:none}.knopf:hover,button:hover{background:var(--akzent-stark);text-decoration:none}.knopf:active,button:active{transform:translateY(1px)}.knopf.sekundaer,button.sekundaer{background:var(--flaeche);color:var(--text);border-color:var(--rand-stark);box-shadow:none}.knopf.sekundaer:hover,button.sekundaer:hover{background:var(--flaeche-2)}.vorschlaege{list-style:none;padding:0;margin:0;display:grid;grid-gap:.85rem;gap:.85rem}.vorschlag{background:var(--flaeche);border:1px solid var(--rand);border-left:3px solid var(--akzent);border-radius:var(--r);padding:1rem 1.2rem;box-shadow:var(--schatten-1)}.vorschlag-kopf{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.35rem}.vorschlag-kopf strong{font-size:.98rem}.vorschlag-kopf .effekt{margin-left:auto;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gruen)}.vorschlag p{margin:.3rem 0;color:var(--text-2);font-size:.9rem}table.drill,table.fristen{font-size:.88rem}tr.frist-hart,tr.frist-hart:hover{background:var(--rot-bg)}.paket-ordner{margin:1.3rem 0}.paket-ordner h2{font-size:.98rem}.paket-zeile{margin:.6rem 0 1.1rem}.paket-summe{margin-bottom:.4rem}.paket-download{margin:1.6rem 0;padding:1.2rem 1.35rem;border:1px solid var(--rand);border-radius:var(--r);background:var(--flaeche);box-shadow:var(--schatten-1)}.download-liste{list-style:none;padding:0;margin:.7rem 0 0;display:grid;grid-gap:.15rem;gap:.15rem}.download-liste li a{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:var(--r-xs);color:var(--text-2);font-size:.9rem}.download-liste li a:before{content:"↓";color:var(--akzent);font-weight:700}.download-liste li a:hover{background:var(--flaeche-2);color:var(--text);text-decoration:none}.zip-knopf{margin-top:.3rem}.auth-buehne{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(1200px 500px at 50% -10%,var(--akzent-weich),transparent 60%),var(--hg)}.auth-karte{width:100%;max-width:25rem;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--r-lg);padding:2rem 1.9rem;box-shadow:var(--schatten-3)}.auth-marke{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-bottom:1.4rem}.auth-marke .marke-symbol{width:38px;height:38px}.auth-karte h1{font-size:1.3rem;text-align:center;margin-bottom:.2rem}.auth-karte .lede{text-align:center;margin:0 auto 1.5rem;font-size:.9rem}.auth-karte form{max-width:none}.auth-karte .knopf-voll,.auth-karte button[type=submit]{justify-self:stretch;width:100%;justify-content:center}.auth-fuss{margin-top:1.3rem;text-align:center;font-size:.85rem;color:var(--text-2)}.feld-fehler{color:var(--rot);background:var(--rot-bg);border:1px solid var(--rot-rand);border-radius:var(--r-sm);padding:.5rem .7rem;font-size:.83rem;font-weight:500}.totp-code{font-family:var(--mono);font-size:1.4rem;letter-spacing:.4em;text-align:center}.qr-rahmen{display:grid;place-items:center;padding:.85rem;background:#fff;border:1px solid var(--rand);border-radius:var(--r);margin:0 auto 1rem;width:-moz-fit-content;width:fit-content}.qr-rahmen img{display:block}.backup-codes{margin-bottom:1rem;font-size:.85rem}.backup-codes summary{cursor:pointer;color:var(--text-2)}.backup-liste{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem 1rem;gap:.35rem 1rem;margin-top:.6rem;padding:.7rem .9rem;background:var(--flaeche-2);border-radius:var(--r-sm);font-size:.9rem}.abmelden{margin-top:.5rem;width:100%;justify-content:center;background:transparent;color:var(--text-2);border:1px solid var(--rand);box-shadow:none;font-size:.83rem;font-weight:500;padding:.4rem}.abmelden:hover{background:var(--flaeche-2);color:var(--text)}@media (max-width:860px){.abmelden{display:none}.app{grid-template-columns:1fr}.seitenleiste{position:static;height:auto;flex-direction:row;align-items:center;gap:.15rem;overflow-x:auto;border-right:none;border-bottom:1px solid var(--rand);padding:.6rem .8rem}.marke{padding:.2rem .6rem .2rem .2rem}.marke-titel,.nav-label{display:none}.nav-gruppe{flex-direction:row}.nav-link span{display:none}.nav-link{padding:.5rem}.seitenleiste-fuss{margin:0 0 0 auto;padding:0;border:none}.nutzer-chip .meta{display:none}.inhalt{padding:1.4rem 1.15rem 4rem}h1{font-size:1.45rem}}