:root{--gruen: #7DB959;--gruen-dunkel: #579235;--gruen-hell: #A9D88D;--gruen-heller: #E9EFE6;--gruen-schatten: #3E6C23;--anthrazit: #1E1E1E;--anthrazit-hell: #2A2A2A;--grau-dunkel: #3D3D3D;--grau: #9A9A9A;--grau-hell: #E0E0E0;--grau-mittel: #5A5C58;--hintergrund: #F4F5F4;--hintergrund-card: #FFFFFF;--trennlinie: #D8DAD3;--erfolg: #4FAA34;--erfolg-soft: #ECF6E5;--warnung: #E0A92F;--warnung-soft: #FBF1DA;--warnung-text:#A87708;--fehler: #C8472B;--fehler-soft: #FAE9E5;--blau: #2F6DB0;--blau-soft: #E5EEF7;--schrift: "Verdana", "Geneva", Tahoma, sans-serif;--mono: "Cascadia Code", "Consolas", "Menlo", monospace;--sidebar: #1E1E1E;--sidebar-hell: #2A2A2A}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--schrift);color:var(--anthrazit);background:var(--hintergrund);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--gruen);color:#1b3007;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:30;box-shadow:inset -1px 0 #00000029}.sb-logo{padding:15px 16px;border-bottom:1px solid rgba(15,28,3,.16);background:#ffffff24;display:flex;align-items:center;gap:12px}.sb-logo-mark{flex:0 0 auto;width:40px;height:40px;border-radius:6px;background:#ffffff80;display:inline-flex;align-items:center;justify-content:center}.sb-logo-mark svg{width:26px;height:26px;color:#1b3007}.sb-logo .title{font-weight:300;color:#0f1c03;font-size:17px;line-height:1.15;letter-spacing:.01em}.sb-logo .sub{font-size:9.5px;color:#122204;margin-top:2px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.sb-nav{flex:1;padding:6px 0 10px}.nav-group{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:#16290a;padding:14px 17px 6px;border-top:1px solid rgba(15,28,3,.16);margin-top:8px}.sb-nav .nav-group:first-child{border-top:none;margin-top:0;padding-top:8px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 14px 9px 17px;color:#1b3007;text-decoration:none;font-size:13.5px;cursor:pointer;border-left:3px solid transparent;transition:background 70ms,color 70ms}.nav-item:hover{background:#ffffff4d;color:#122204}.nav-item.active{background:#ffffffb8;color:#0f1c03;border-left-color:var(--gruen-schatten);font-weight:600}.nav-item svg{width:18px;height:18px;color:#1b3007}.nav-item.active svg{color:var(--gruen-schatten)}.nav-badge{margin-left:auto;min-width:19px;height:18px;padding:0 5px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;background:#0f1c0329;color:#0f1c03;font-size:10.5px;font-weight:600}.nav-badge.rot{background:var(--fehler);color:#fff}.nav-item.gesperrt{opacity:.45;cursor:not-allowed}.nav-item.gesperrt:hover{background:transparent;color:#1b3007}.sb-footer{padding:13px 17px;border-top:1px solid rgba(15,28,3,.16);background:#ffffff24;display:flex;align-items:center;gap:12px;font-size:12px;color:#0f1c03}.sb-footer strong{color:#0f1c03}.sb-footer .farn{width:34px;height:34px;flex:none;object-fit:contain;filter:brightness(0) opacity(.66)}.sb-footer .version{font:10.5px/1.15 Cascadia Code,Consolas,monospace;color:#122204;margin-top:4px}.main{margin-left:246px;flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;background:var(--hintergrund-card);border-bottom:1px solid var(--trennlinie);padding:12px 30px}.topbar .tb-such{flex:1;max-width:460px;position:relative}.topbar .tb-such svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--grau)}.topbar .tb-such input{padding-left:32px}.topbar .tb-rechts{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--grau-dunkel);font-size:12.5px}.tb-user{display:flex;align-items:center;gap:8px}.tb-avatar{width:30px;height:30px;border-radius:50%;background:var(--gruen-heller);color:var(--gruen-schatten);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.content{padding:26px 30px 48px;max-width:1320px;width:100%}.page-header{margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{font-size:22px;font-weight:300;color:var(--anthrazit)}.page-header .sub{color:var(--grau-mittel);font-size:13px;margin-top:3px}.loading{color:var(--grau-mittel);padding:50px;text-align:center}.error{background:var(--fehler-soft);color:var(--fehler);padding:10px 14px;border-radius:4px;border:1px solid rgba(200,71,43,.3);margin-bottom:16px;font-size:13px}.muted{color:var(--grau-mittel)}.mono{font-family:var(--mono)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;padding:15px 16px;border-top:3px solid var(--gruen);position:relative;min-width:0;overflow:hidden}.kpi.gruen{border-top-color:var(--gruen)}.kpi.rot{border-top-color:var(--fehler)}.kpi.orange{border-top-color:var(--warnung)}.kpi.blau{border-top-color:var(--blau)}.kpi.grau{border-top-color:var(--grau)}.kpi-num{font-size:27px;font-weight:300;color:var(--anthrazit);line-height:1.12;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.kpi-label{font:600 10.5px var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:var(--grau-dunkel);margin-top:5px}.kpi-icon{position:absolute;top:13px;right:14px;color:var(--grau-hell)}.dlg{background:var(--hintergrund);border:1px solid #b9bbb4;border-radius:5px;box-shadow:0 26px 64px #00000052,0 6px 18px #0000002e;overflow:hidden;font-family:var(--schrift);width:720px;max-width:100%}.dlg-hd{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 20px 13px;border-bottom:1px solid var(--trennlinie);background:var(--hintergrund-card)}.dlg-kick{font:600 10px var(--schrift);letter-spacing:.09em;text-transform:uppercase;color:var(--grau);margin-bottom:4px}.dlg-title{margin:0;font:300 21px var(--schrift);color:var(--anthrazit)}.dlg-x{width:28px;height:28px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--grau-dunkel);cursor:pointer;display:flex;align-items:center;justify-content:center}.dlg-x:hover{background:var(--fehler);border-color:var(--fehler);color:#fff}.dlg-koerper{display:grid;grid-template-columns:minmax(0,1fr) 268px}@media (max-width: 640px){.dlg-koerper{grid-template-columns:1fr}}.dlg-links{padding:20px;display:flex;flex-direction:column;gap:22px;border-right:1px solid var(--trennlinie)}.dlg-preis{padding:20px 18px;background:var(--gruen-heller);display:flex;flex-direction:column;gap:2px}.dlg-ft{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;border-top:1px solid var(--trennlinie);background:var(--hintergrund-card)}.dlg-note{font:11.5px/1.45 var(--schrift);color:var(--grau);max-width:330px}.sechd{display:flex;align-items:center;gap:9px;margin:0 0 13px}.sechd .bar{width:3px;height:15px;background:var(--gruen-dunkel);border-radius:2px}.sechd .t{font:600 11px var(--schrift);letter-spacing:.08em;text-transform:uppercase;color:var(--grau-dunkel)}.sechd .h{flex:1;height:1px;background:var(--trennlinie)}.fld{min-width:0}.dlg .label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--grau-dunkel);text-transform:uppercase;display:block;margin-bottom:6px}.unit{display:flex;border:1px solid var(--trennlinie);border-radius:3px;background:var(--hintergrund-card);overflow:hidden;transition:border-color .12s}.unit:focus-within{border-color:var(--gruen-dunkel)}.unit input{border:none;flex:1;min-width:0;padding:7px 9px;font:13px var(--schrift);color:var(--anthrazit);outline:none;background:transparent}.unit input:disabled{color:var(--grau)}.unit .u{display:flex;align-items:center;padding:0 10px;background:var(--hintergrund);border-left:1px solid var(--trennlinie);color:var(--grau);font-size:12px;white-space:nowrap}.roline{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font:13px var(--schrift);color:var(--grau-dunkel)}.roline .v{font-family:Cascadia Code,Consolas,monospace;color:var(--anthrazit)}.autofield{background:#f1f2ef;border:1px solid var(--trennlinie);border-radius:3px;padding:8px 10px;font:13px/1.5 var(--schrift);color:var(--grau-dunkel)}.autotag{display:inline-flex;align-items:center;gap:4px;font:600 9.5px var(--schrift);letter-spacing:.05em;text-transform:uppercase;color:var(--gruen-dunkel);background:var(--gruen-heller);border:1px solid rgba(125,168,46,.4);border-radius:3px;padding:2px 6px}details.disc>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}details.disc>summary::-webkit-details-marker{display:none}details.disc .caret{transition:transform .14s;color:var(--gruen-dunkel)}details.disc[open] .caret{transform:rotate(90deg)}details.disc .disc-t{font:600 12px var(--schrift);color:var(--anthrazit)}details.disc .disc-s{font:11.5px var(--schrift);color:var(--grau)}details.disc .disc-body{padding:16px 2px 0}.card{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;padding:18px}.card h3{font-size:13.5px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px}.card h3 svg{width:17px;height:17px;color:var(--gruen-dunkel)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 950px){.grid-2,.grid-3{grid-template-columns:1fr}}.tbl-wrap{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{background:var(--grau);color:#fff;text-align:left;padding:9px 12px;font:600 11px var(--schrift);letter-spacing:.02em;white-space:nowrap;border-right:1px solid var(--grau-dunkel);position:sticky;top:0}table.tbl th:last-child{border-right:none}table.tbl td{padding:8px 12px;border-bottom:1px solid var(--grau-hell);vertical-align:middle}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr{cursor:pointer;transition:background 60ms}table.tbl tbody tr.alt td{background:#fafbf8}table.tbl tbody tr:hover td{background:var(--gruen-heller)}.tbl .num{font-family:var(--mono);text-align:right}.zelle-titel{font-weight:600;color:var(--anthrazit)}.zelle-nr{font-family:var(--mono);font-size:12px;color:var(--grau-mittel);white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.badge.ok{background:var(--erfolg-soft);color:var(--erfolg)}.badge.warn{background:var(--warnung-soft);color:var(--warnung-text)}.badge.err{background:var(--fehler-soft);color:var(--fehler)}.badge.blau{background:var(--blau-soft);color:var(--blau)}.badge.grau{background:var(--grau-hell);color:var(--grau-dunkel)}.badge.gruen{background:var(--gruen-heller);color:var(--gruen-schatten)}.prio{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.prio:before{content:"";width:9px;height:9px;border-radius:50%;flex:0 0 auto}.prio.niedrig:before{background:var(--grau)}.prio.normal:before{background:var(--gruen)}.prio.hoch:before{background:var(--warnung)}.prio.kritisch:before{background:var(--fehler);box-shadow:0 0 0 3px #c8472b2e}.prod-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12.5px}.prod-chip:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--prod-farbe, var(--gruen));flex:0 0 auto}.avatar-mini{width:24px;height:24px;border-radius:50%;background:var(--gruen-heller);color:var(--gruen-schatten);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10.5px;flex:0 0 auto}.zuw{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.input,select.input,textarea.input{padding:7px 9px;border:1px solid var(--trennlinie);border-radius:3px;font-size:13px;font-family:inherit;background:#fff;width:100%;color:var(--anthrazit);transition:border-color 80ms}.input:hover,select.input:hover{border-color:var(--gruen)}.input:focus,select.input:focus{outline:none;border-color:var(--gruen-dunkel)}.input::placeholder{color:var(--grau)}select.input{accent-color:var(--gruen-dunkel)}.such{flex:1;min-width:220px;position:relative}.such svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--grau)}.such input{padding-left:32px}.filter-sel{max-width:180px}.btn{padding:7px 14px;border-radius:3px;border:1px solid var(--trennlinie);background:var(--hintergrund-card);font:13px var(--schrift);cursor:pointer;color:var(--anthrazit);display:inline-flex;align-items:center;gap:7px;transition:background 60ms,border-color 60ms}.btn:hover{border-color:var(--gruen-dunkel);background:#f8fbf1}.btn:active{background:#ecf4d7}.btn:disabled{color:var(--grau);background:#f4f4f4;cursor:default;border-color:var(--grau-hell)}.btn-primary{background:var(--gruen-heller);border-color:var(--gruen);color:var(--gruen-dunkel);font-weight:600}.btn-primary:hover{background:var(--gruen-dunkel);border-color:var(--gruen-schatten);color:#fff}.btn-primary:active{background:var(--gruen-schatten);border-color:var(--gruen-schatten);color:#fff}.btn-danger{color:var(--fehler)}.btn-danger:hover{border-color:var(--fehler);background:var(--fehler-soft)}.btn-danger:active{border-color:#a03520;background:#f4d0c8}.btn-sm{padding:5px 9px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--grau-dunkel)}.btn-ghost:hover{background:var(--gruen-heller);color:var(--gruen-schatten);border-color:transparent}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px}.bar-row .lbl{width:130px;flex:0 0 auto;color:var(--grau-dunkel)}.bar-row .track{display:block;flex:1;height:16px;background:var(--hintergrund);border-radius:4px;overflow:hidden}.bar-row .fill{display:block;height:100%;background:var(--gruen);border-radius:4px;min-width:2px;transition:width .2s}.bar-row .val{width:30px;text-align:right;font-family:var(--mono);color:var(--grau-mittel);flex:0 0 auto}.spark{display:flex;align-items:flex-end;gap:4px;height:90px;padding-top:8px}.spark .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.spark .bar{width:100%;max-width:22px;background:var(--gruen);border-radius:3px 3px 0 0;min-height:2px}.spark .tag{font-size:9.5px;color:var(--grau);white-space:nowrap}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1416146b;z-index:100;animation:fade .12s ease-out}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:0;right:0;height:100vh;width:620px;max-width:94vw;background:var(--hintergrund);z-index:101;display:flex;flex-direction:column;box-shadow:-14px 0 40px #00000047;animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(40px);opacity:.5}}.drawer-head{background:var(--hintergrund-card);border-bottom:1px solid var(--trennlinie);padding:16px 20px;display:flex;align-items:flex-start;gap:12px}.drawer-head .nr{font-family:var(--mono);font-size:12px;color:var(--grau-mittel)}.drawer-head h2{font-size:18px;font-weight:400;margin-top:2px}.drawer-x{margin-left:auto;background:transparent;border:none;color:var(--grau);cursor:pointer;padding:4px;border-radius:6px;flex:0 0 auto}.drawer-x:hover{background:var(--grau-hell);color:var(--grau-dunkel)}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-foot{border-top:1px solid var(--trennlinie);background:var(--hintergrund-card);padding:12px 20px;display:flex;gap:10px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:6px}.meta-grid .feld{display:flex;flex-direction:column;gap:4px}.meta-grid label,.feld label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--grau-dunkel);text-transform:uppercase}.feld{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.beschr-box{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;padding:12px 14px;font-size:13px;white-space:pre-line;margin:14px 0;color:var(--grau-dunkel)}.abschnitt-titel{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grau-mittel);margin:20px 0 10px}.drawer-body .abschnitt-titel{margin:22px -20px 12px;padding:7px 20px;background:var(--grau-hell);color:var(--grau-dunkel);border-top:1px solid var(--trennlinie);border-bottom:1px solid var(--trennlinie)}.drawer-body .abschnitt-titel:first-of-type{margin-top:16px}.verlauf{display:flex;flex-direction:column;gap:0}.ve{display:flex;gap:12px;padding-bottom:16px;position:relative}.ve:before{content:"";position:absolute;left:13px;top:26px;bottom:-2px;width:2px;background:var(--grau-hell)}.ve:last-child:before{display:none}.ve-punkt{width:28px;height:28px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--gruen-heller);color:var(--gruen-schatten);z-index:1}.ve-punkt.eingang{background:var(--blau-soft);color:var(--blau)}.ve-punkt.status{background:var(--warnung-soft);color:var(--warnung)}.ve-punkt.antwort{background:var(--erfolg-soft);color:var(--erfolg)}.ve-punkt.zuweisung{background:var(--grau-hell);color:var(--grau-dunkel)}.ve-inhalt{flex:1;min-width:0}.ve-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ve-autor{font-weight:600;font-size:12.5px}.ve-zeit{font-size:11px;color:var(--grau)}.ve-text{font-size:13px;color:var(--grau-dunkel);margin-top:2px;white-space:pre-line}.ve-oeffentlich{font-size:10px;color:var(--gruen-dunkel);font-weight:600}.antwort-box{margin-top:14px}.antwort-box textarea{min-height:150px;resize:vertical}.antwort-optionen{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}.cb{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.cb input{position:absolute;opacity:0;pointer-events:none}.cb .box{width:16px;height:16px;border:1px solid var(--grau);border-radius:2px;background:#fff;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:background 60ms,border-color 60ms}.cb:hover .box{border-color:var(--gruen)}.cb input:checked+.box{background:var(--gruen);border-color:var(--gruen)}.cb input:checked+.box:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.toast{position:fixed;bottom:20px;right:24px;z-index:200;background:var(--anthrazit);color:#c5e27c;border:1px solid var(--gruen-dunkel);border-radius:4px;padding:11px 16px;font-size:13px;box-shadow:0 10px 30px #0006;animation:fade-up .2s ease-out;display:flex;align-items:center;gap:9px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.leer{text-align:center;color:var(--grau-mittel);padding:40px 20px}.leer svg{color:var(--grau-hell);margin-bottom:10px}.genehm-box{border:1px solid var(--trennlinie);border-radius:4px;padding:12px 14px;margin:14px 0;background:var(--hintergrund-card)}.genehm-box.ausstehend{background:var(--warnung-soft);border-color:#c8891f59}.genehm-box.genehmigt{background:var(--erfolg-soft);border-color:#4faa344d}.genehm-box.abgelehnt{background:var(--fehler-soft);border-color:#c8472b4d}.genehm-kopf{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;margin-bottom:8px}.genehm-kopf svg{color:var(--grau-dunkel)}.genehm-kopf .badge{margin-left:auto}.genehm-aktionen{display:flex;align-items:center;gap:8px}.disclaimer{display:flex;gap:12px;align-items:flex-start;background:var(--warnung-soft);border:1px solid rgba(200,137,31,.35);border-radius:4px;padding:12px 15px;margin-bottom:20px;font-size:12.5px;color:var(--grau-dunkel)}.disclaimer svg{color:var(--warnung);flex:0 0 auto;margin-top:1px}.kandidaten-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.kandidat{border:1px solid var(--trennlinie);border-left:4px solid var(--fehler);border-radius:4px;padding:12px 14px;position:relative;background:var(--hintergrund-card)}.kandidat-rang{position:absolute;top:10px;right:12px;font:700 13px var(--mono);color:var(--grau-hell)}.kandidat-kopf{display:flex;align-items:center;gap:9px;margin-bottom:8px}.kandidat-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kandidat-score{margin-left:auto;font:300 24px var(--schrift);color:var(--fehler);line-height:1}.kandidat-label{font-weight:700;color:var(--fehler);font-size:14px}.kandidat-grund{font-size:12px;color:var(--grau-mittel);margin:3px 0 10px}.kandidat-metrik{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--grau-dunkel)}.kandidat-metrik span{display:inline-flex;align-items:center;gap:6px}.kandidat-metrik svg{color:var(--grau)}.score-zeile{display:flex;align-items:center;gap:9px}.score-track{flex:1;height:9px;background:var(--hintergrund);border:1px solid var(--grau-hell);border-radius:5px;overflow:hidden;min-width:70px}.score-fill{height:100%;border-radius:5px}.score-fill.gruen{background:var(--erfolg)}.score-fill.gelb{background:var(--warnung)}.score-fill.rot{background:var(--fehler)}.score-num{font:600 13px var(--mono);width:26px;text-align:right}.ampel-punkt{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}.ampel-punkt.gruen{background:var(--erfolg)}.ampel-punkt.gelb{background:var(--warnung)}.ampel-punkt.rot{background:var(--fehler)}.ampel-punkt.grau{background:var(--grau-hell)}.tbl-box{position:relative}.tw{width:20px;height:20px;padding:0;border:none;border-radius:3px;background:#ffffff29;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 60ms}.tw:hover{background:#ffffff5c}.tw-links{position:absolute;top:5px;left:5px;z-index:6}.tw-rechts{position:absolute;top:5px;right:5px;z-index:6;display:inline-flex;gap:4px}.tbl-box.maxi{position:fixed;top:14px;right:14px;bottom:14px;left:14px;z-index:160;background:var(--hintergrund);border:1px solid var(--trennlinie);border-radius:4px;box-shadow:0 30px 80px #00000073;padding:12px;display:flex;flex-direction:column}.tbl-box.maxi .tw-links{top:17px;left:17px}.tbl-box.maxi .tw-rechts{top:17px;right:17px}.tbl-box.maxi .tbl-wrap{flex:1;overflow:auto}.tbl-box table.tbl thead th:first-child{padding-left:30px}.tbl-box table.tbl thead th:last-child{padding-right:54px}th.sortierbar{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortierbar:hover{background:var(--grau-dunkel)}th.sortiert{background:var(--gruen-dunkel)}.sort-pfeil{display:inline-block;width:11px;font-size:8px;margin-left:3px}td.aktionen{white-space:nowrap;text-align:right}td.aktionen .btn{padding:4px 7px}td.aktionen .btn+.btn{margin-left:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1416146b;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .12s ease-out}.modal-box{background:var(--hintergrund);border-radius:4px;width:100%;max-width:480px;box-shadow:0 24px 60px #00000052;display:flex;flex-direction:column;max-height:90vh;animation:modal-pop .14s ease-out}@keyframes modal-pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--trennlinie)}.modal-head h3{font-size:16px;font-weight:400;flex:1}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{display:flex;gap:10px;padding:12px 18px;border-top:1px solid var(--trennlinie);background:var(--hintergrund-card);border-radius:0 0 4px 4px}.farbwahl{display:flex;gap:8px;align-items:center}.farbwahl input[type=color]{width:40px;height:34px;padding:0;border:1px solid var(--trennlinie);border-radius:3px;background:none;cursor:pointer;flex:0 0 auto}.gruppen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.gruppe-karte{display:flex;flex-direction:column;gap:12px}.gruppe-kopf{display:flex;align-items:flex-start;gap:10px}.gruppe-punkt{width:12px;height:12px;border-radius:3px;flex:0 0 auto;margin-top:3px}.gruppe-name{font-weight:600;font-size:14.5px}.gruppe-leiter{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--grau-dunkel);padding:8px 10px;background:var(--hintergrund);border-radius:4px}.gruppe-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.gruppe-zahlen>div{padding:6px 2px;border-radius:6px}.gruppe-zahlen .warnung{background:var(--warnung-soft)}.z-num{font:300 20px var(--schrift);color:var(--anthrazit)}.z-lbl{font-size:10px;color:var(--grau-mittel)}.gruppe-mitglieder{display:flex;flex-wrap:wrap;gap:6px}.mitglied{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;background:var(--hintergrund);border:1px solid var(--trennlinie);border-radius:20px;padding:2px 9px 2px 3px}.gruppe-aktionen{display:flex;gap:8px;margin-top:auto}[data-theme=dark]{--hintergrund: #1A1B1A;--hintergrund-card: #232423;--trennlinie: #3A3C39;--anthrazit: #ECEFE6;--anthrazit-hell: #D8DBD2;--grau-dunkel: #B6B9B0;--grau: #7A7D74;--grau-hell: #2F3130;--grau-mittel: #A3A6A0;--gruen-heller: #1E2A1A;--erfolg-soft: #1F2C18;--warnung-soft: #2C2417;--fehler-soft: #2F1B17;--blau-soft: #16222E;--warnung-text: #E0A92F}[data-theme=dark] .btn:hover{background:#2f3a24}[data-theme=dark] .btn:active{background:#3a4a2c}[data-theme=dark] .btn,[data-theme=dark] .input,[data-theme=dark] select.input,[data-theme=dark] textarea.input{background:var(--hintergrund-card);color:var(--anthrazit)}[data-theme=dark] table.tbl tbody tr.alt td{background:#1f201f}[data-theme=dark] .cb .box{background:var(--hintergrund-card)}.login-seite{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--anthrazit-hell);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px;padding:20px}[data-theme=dark] .login-seite{background:#141514}.login-karte{background:var(--hintergrund);border:1px solid #0E0F0E;border-radius:4px;box-shadow:0 30px 80px #00000073;padding:26px 28px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:4px}.login-kopf{display:flex;align-items:center;gap:12px;margin-bottom:16px}.login-titel{font-weight:700;font-size:17px;color:var(--anthrazit)}.login-untertitel{font-size:12px;color:var(--grau-mittel)}.login-hinweis{font-size:11.5px;color:var(--grau-mittel);margin-top:12px;text-align:center}.login-hinweis a{color:var(--gruen-dunkel)}.login-spalte{display:flex;flex-direction:column;gap:14px;width:100%;max-width:380px}.demo-karte{background:var(--hintergrund);border:1px solid #0E0F0E;border-radius:4px;box-shadow:0 18px 50px #00000059;padding:14px 16px}.demo-titel{font:600 10.5px var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:var(--grau-mittel);margin-bottom:8px}.demo-zeile{display:flex;align-items:center;gap:9px;width:100%;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:3px;padding:7px 10px;margin-bottom:6px;cursor:pointer;font:12.5px var(--schrift);color:var(--anthrazit);text-align:left;transition:background 60ms,border-color 60ms}.demo-zeile:hover{border-color:var(--gruen-dunkel);background:#f8fbf1}[data-theme=dark] .demo-zeile:hover{background:#2f3a24}.demo-zeile:disabled{opacity:.5;cursor:default}.demo-name{font-weight:600;white-space:nowrap}.glocke,.glocke-knopf{position:relative}.glocke-zahl{position:absolute;top:-2px;right:-4px;background:var(--fehler);color:#fff;font-size:9.5px;font-weight:700;border-radius:9px;padding:0 5px;min-width:15px;text-align:center;line-height:15px}.glocke-liste{position:absolute;right:0;top:calc(100% + 8px);width:330px;z-index:90;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;box-shadow:0 14px 40px #00000038;max-height:420px;overflow-y:auto}.glocke-titel{font:600 10.5px var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:var(--grau-mittel);padding:10px 14px 6px}.glocke-eintrag{padding:8px 14px;cursor:pointer;border-top:1px solid var(--grau-hell)}.glocke-eintrag:hover{background:var(--gruen-heller)}.ge-text{font-size:12.5px}.ge-meta{font-size:10.5px;color:var(--grau-mittel);margin-top:2px}.kanban{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:10px}.kb-spalte{flex:1;min-width:210px;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px}.kb-kopf{padding:9px 12px;font:600 11px var(--schrift);letter-spacing:.04em;text-transform:uppercase;color:var(--grau-dunkel);border-bottom:1px solid var(--trennlinie);background:var(--grau-hell)}.kb-liste{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:60px}.kb-karte{background:var(--hintergrund);border:1px solid var(--trennlinie);border-radius:4px;padding:9px 11px;cursor:grab;transition:border-color 80ms}.kb-karte:hover{border-color:var(--gruen)}.kb-karte.ueberfaellig{border-left:3px solid var(--fehler)}.kb-nr{font-size:10.5px;color:var(--grau-mittel)}.kb-titel{font-size:12.5px;font-weight:600;margin:3px 0 7px;line-height:1.3}.kb-fuss{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kb-leer{text-align:center;color:var(--grau-hell);padding:12px}.wissen-liste{display:flex;flex-direction:column;gap:10px}.wissen-karte{padding:12px 16px}.wissen-kopf{display:flex;align-items:center;gap:11px;cursor:pointer}.wissen-titel{font-weight:600;font-size:13.5px}.wissen-text{margin-top:10px;padding:12px 14px;background:var(--hintergrund);border:1px solid var(--grau-hell);border-radius:4px;font-size:13px;white-space:pre-line}.anhang-liste{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.anhang{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:3px;padding:5px 10px;color:var(--anthrazit);text-decoration:none}.anhang:hover{border-color:var(--gruen-dunkel);background:#f8fbf1}[data-theme=dark] .anhang:hover{background:#2f3a24}.zeit-liste{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.zeit-zeile{font-size:12px;color:var(--grau-dunkel);display:flex;align-items:center;gap:6px}.zeit-form{display:flex;gap:8px;align-items:center}.vorschlag-box{border:1px solid var(--gruen);background:var(--gruen-heller);border-radius:4px;padding:10px 12px;margin:14px 0}.dubletten-box{border:1px solid var(--warnung);background:var(--warnung-soft);border-radius:4px;padding:10px 12px;margin:14px 0}.vorschlag{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:3px;cursor:pointer;font-size:12.5px}.vorschlag:hover{background:var(--hintergrund-card)}.portal{min-height:100vh;background:var(--hintergrund)}.portal-kopf{display:flex;align-items:center;gap:14px;padding:12px 26px;background:var(--hintergrund-card);border-bottom:1px solid var(--trennlinie);position:sticky;top:0;z-index:10;flex-wrap:wrap}.portal-tabs{display:flex;gap:8px;margin-left:18px}.portal-inhalt{max-width:980px;margin:0 auto;padding:24px 22px 60px}.portal-anfrage{display:flex;gap:16px;align-items:flex-start}.portal-seite{width:260px;flex:0 0 auto}@media (max-width: 820px){.portal-anfrage{flex-direction:column}.portal-seite{width:100%}}.portal-arten{display:flex;gap:6px;flex-wrap:wrap}.aktiv-chip{display:inline-flex;align-items:center;gap:6px;background:var(--gruen-heller);border:1px solid var(--gruen);border-radius:3px;color:var(--gruen-schatten);font:600 12px var(--schrift);padding:5px 9px;cursor:pointer;white-space:nowrap}.aktiv-chip:hover{background:var(--gruen-hell)}.aktiv-chip-x{display:inline-flex;padding:2px;border-radius:3px;opacity:.7}.aktiv-chip-x:hover{opacity:1;background:#00000014}.massen-leiste{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--gruen-heller);border:1px solid var(--gruen);border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:12.5px}.portal tr.zu td{opacity:.62}.portal tr.zu .badge{background:var(--grau-hell);color:var(--grau-mittel)}.portal tr.zu:hover td{opacity:.85}@media print{.sidebar,.topbar,.toolbar,.page-header button,.page-header input{display:none!important}.main{margin-left:0}.content{padding:0;max-width:none}.druckbereich .card,.druckbereich .kpi{border:1px solid #bbb;break-inside:avoid}}.login-card{display:grid;grid-template-columns:240px 1fr;max-width:720px;width:100%;background:var(--hintergrund);border:1px solid #0E0F0E;border-radius:4px;box-shadow:0 30px 80px #00000073;overflow:hidden}.login-card.mit-demo{max-width:860px}.login-bild{background:linear-gradient(180deg,#7db959,#4e7f32 60%,#3e6c23);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;text-align:center}.lb-titel{color:#fff;font-weight:700;font-size:20px;margin-top:14px;letter-spacing:.2px}.lb-sub{color:#ffffffd9;font-size:11px;margin-top:4px}.login-form{padding:30px 30px 24px;min-width:0}.login-form h2{font-size:20px;font-weight:300;color:var(--anthrazit)}.login-label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grau-dunkel);margin:14px 0 5px}.login-input-icon{display:flex;align-items:center;gap:9px;padding:0 10px;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;transition:border-color .15s,box-shadow .15s}.login-input-icon:focus-within{border-color:var(--gruen-dunkel);box-shadow:0 0 0 3px #57923524}.login-input-icon svg:first-child{color:var(--grau);flex:0 0 auto}.login-input-icon .input{flex:1;min-width:0;border:none;background:transparent;padding:9px 0;box-shadow:none}.login-input-icon .input:focus{outline:none;border:none}.pw-toggle{flex:0 0 auto;background:transparent;border:none;cursor:pointer;color:var(--grau);padding:4px 0 4px 6px;display:flex;border-radius:3px}.pw-toggle:hover{color:var(--gruen-dunkel)}.login-label-zeile{display:flex;align-items:baseline;justify-content:space-between}.login-label-zeile .login-label{flex:1}.login-vergessen{background:none;border:none;padding:0;font:12px var(--schrift);color:var(--gruen-dunkel);cursor:pointer}.login-vergessen:hover{text-decoration:underline}.login-hinweis-box{margin-top:9px;padding:9px 12px;background:var(--gruen-heller);border-radius:4px;font-size:12px;color:var(--anthrazit);line-height:1.5}.login-bleiben{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:12.5px;color:var(--anthrazit);cursor:pointer}.login-bleiben input[type=checkbox]{width:15px;height:15px;flex:0 0 auto;margin:0;accent-color:var(--gruen-dunkel)}.btn-link{background:none;border:none;color:var(--gruen-dunkel);cursor:pointer;font:12px var(--schrift);text-decoration:underline;text-underline-offset:2px;padding:0}.demo-toggle{display:block;margin-top:14px}.schalter{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:13px var(--schrift);-webkit-user-select:none;user-select:none}.schalter input{position:absolute;opacity:0;width:0;height:0}.schalter .gleis{width:38px;height:21px;border-radius:11px;background:var(--trennlinie);position:relative;transition:background .15s;flex:0 0 auto}.schalter .gleis:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .15s}.schalter input:checked+.gleis{background:var(--gruen)}.schalter input:checked+.gleis:after{transform:translate(17px)}.schalter input:focus-visible+.gleis{outline:2px solid var(--gruen-dunkel);outline-offset:2px}.schalter.aus .schalter-text{color:var(--grau)}.demo-bereich{margin-top:10px}@media (max-width: 640px){.login-card,.login-card.mit-demo{grid-template-columns:1fr;max-width:420px}.login-bild{padding:18px}}.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.wk-kachel{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;border-top:3px solid var(--wk-farbe, var(--grau));padding:14px 16px;cursor:pointer;transition:border-color 80ms,transform 80ms}.wk-kachel:hover{border-color:var(--gruen)}.wk-kachel:active{transform:translateY(1px)}.wk-kopf{display:flex;align-items:center;gap:9px;margin-bottom:8px}.wk-punkt{width:10px;height:10px;border-radius:2px;flex:0 0 auto}.wk-name{font-weight:600;font-size:13.5px;flex:1;min-width:0}.wk-zahl{background:var(--gruen-heller);color:var(--gruen-schatten);font-weight:700;font-size:11.5px;border-radius:10px;padding:1px 9px}.wk-vorschau{min-height:34px}.wk-titel{font-size:12px;color:var(--grau-mittel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prozess-schritte{padding-left:20px;display:flex;flex-direction:column;gap:4px}.vorschlag-vorschau{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:3px;padding:10px 12px;margin:4px 4px 8px 22px;font-size:12.5px}.prozess-box{border:1px solid var(--blau);background:var(--blau-soft);border-radius:4px;padding:10px 12px;margin:14px 0}.prozess{margin-bottom:10px}.prozess:last-child{margin-bottom:0}.prozess-titel{display:flex;align-items:center;font-weight:600;font-size:12.5px;margin-bottom:5px}.prozess-schritt{display:flex;width:100%;padding:2px 0;font-size:12.5px}.prozess-schritt .erledigt{text-decoration:line-through;color:var(--grau-mittel)}.mail-artikel{display:flex;flex-direction:column;gap:5px;margin-top:8px;background:var(--gruen-heller);border:1px solid var(--gruen);border-radius:3px;padding:8px 10px}.avatar-bild{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--trennlinie)}.profil-avatar-zeile{display:flex;gap:16px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.profil-avatar-gross{width:96px;height:96px;border-radius:50%;overflow:hidden;flex:0 0 auto;border:2px solid var(--trennlinie);background:var(--hintergrund);display:flex;align-items:center;justify-content:center}.profil-avatar-gross img{width:100%;height:100%;object-fit:cover}.profil-avatar-aktionen{display:flex;flex-direction:column;gap:8px}.profil-generator{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.profil-generator .feld{margin-bottom:0}.schmuck-wahl{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;background:var(--hintergrund);border:1px solid var(--grau-hell);border-radius:3px}.stil-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:14px}.stil-kachel{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:3px;padding:6px 4px;cursor:pointer;font:10.5px var(--schrift);color:var(--grau-dunkel);transition:border-color 80ms,transform 80ms}.stil-kachel:hover{border-color:var(--gruen)}.stil-kachel:active{transform:translateY(1px)}.stil-kachel.gewaehlt{border-color:var(--gruen-dunkel);background:var(--gruen-heller);font-weight:600}.stil-kachel img{width:64px;height:64px;border-radius:3px;display:block}.reaktion-seite{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--hintergrund);padding:8vh 20px 40px}.reaktion-karte{width:100%;max-width:440px}.reaktion-knoepfe{display:flex;gap:10px;justify-content:center;margin-top:6px}.reaktion-smileys{display:flex;gap:6px;align-items:center;margin-top:16px;border-top:1px solid var(--trennlinie);padding-top:12px}.reaktion-smileys button{background:transparent;border:1px solid var(--trennlinie);border-radius:3px;font-size:20px;padding:4px 10px;cursor:pointer;transition:background 60ms,border-color 60ms}.reaktion-smileys button:hover{border-color:var(--gruen);background:var(--gruen-heller)}.tseite{max-width:1500px}.tseite-kopf{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;flex-wrap:wrap}.tseite-titel{font-size:19px;font-weight:400;line-height:1.25}.tseite-spalten{display:grid;gap:14px;grid-template-columns:320px minmax(0,1fr) 320px;align-items:start}.tseite-spalten.ohne-links{grid-template-columns:minmax(0,1fr) 320px}.tseite-spalten.ohne-rechts{grid-template-columns:320px minmax(0,1fr)}.tseite-spalten.ohne-links.ohne-rechts{grid-template-columns:minmax(0,1fr)}@media (max-width: 1100px){.tseite-spalten,.tseite-spalten.ohne-links,.tseite-spalten.ohne-rechts{grid-template-columns:1fr}}.spalte{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;display:flex;flex-direction:column;min-height:300px}.spalte-inhalt{padding:14px;overflow-y:auto;max-height:calc(100vh - 240px)}.sp-tabs{display:flex;border-bottom:1px solid var(--trennlinie);background:var(--hintergrund);border-radius:4px 4px 0 0}.sp-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border:none;background:transparent;cursor:pointer;font:600 11px var(--schrift);color:var(--grau-mittel);border-bottom:2px solid transparent;white-space:nowrap}.sp-tab:hover{color:var(--anthrazit);background:var(--gruen-heller)}.sp-tab.an{color:var(--gruen-schatten);border-bottom-color:var(--gruen-dunkel);background:var(--hintergrund-card)}.antwort-gross{min-height:260px;resize:vertical}.fund{border:1px solid var(--trennlinie);border-radius:3px;padding:8px 10px;margin-bottom:8px;background:var(--hintergrund)}.fund-kopf{display:flex;align-items:center;gap:7px;margin-bottom:6px}.fund-titel{font-size:12.5px;font-weight:600;flex:1;min-width:0}.fund-aktionen{display:flex;gap:6px;flex-wrap:wrap}.bilder-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.bild-kachel{border:1px solid var(--trennlinie);border-radius:3px;background:var(--hintergrund-card);padding:4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font:10px var(--schrift);color:var(--grau-mittel)}.bild-kachel:hover{border-color:var(--gruen)}.bild-kachel img{width:100%;height:70px;object-fit:cover;border-radius:2px}.bild-kachel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abw-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.abw-liste{display:flex;flex-direction:column;gap:6px}.abw-zeile{display:flex;align-items:center;gap:10px;font-size:12.5px;background:var(--hintergrund);border:1px solid var(--grau-hell);border-radius:3px;padding:6px 10px}.wechsel-knopf{display:inline-flex;align-items:center;gap:5px;background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:3px;padding:5px 12px;cursor:pointer;font:12.5px var(--schrift);margin:8px 0 4px;transition:border-color 60ms}.wechsel-knopf:hover{border-color:var(--gruen-dunkel)}.wechsel-knopf span{color:var(--grau)}.wechsel-knopf .trenn{color:var(--grau-hell)}.wechsel-knopf .an{color:var(--gruen-schatten);font-weight:700}.ph-zeile{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.kopf-zeile{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:10px}.kopf-gruppe{border:1px solid var(--trennlinie);border-radius:4px;padding:7px 10px 9px;background:var(--hintergrund-card)}.kg-titel{font:600 9.5px var(--schrift);letter-spacing:.07em;text-transform:uppercase;color:var(--grau-mittel);margin-bottom:6px}.kopf-gruppe.status{flex:1;min-width:220px;border-left:3px solid var(--gruen)}.kg-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.kopf-gruppe.aktionen{border-left:3px solid var(--warnung);display:flex;flex-direction:column;gap:4px;min-width:216px}.sa{display:inline-flex;align-items:center;gap:6px;width:100%;border:1px solid;border-radius:3px;padding:4px 9px;font:600 11px var(--schrift);cursor:pointer;text-align:left;transition:filter 60ms}.sa:hover{filter:brightness(.94)}.sa-gruen{color:var(--gruen-schatten);border-color:var(--gruen);background:var(--gruen-heller)}.sa-blau{color:var(--blau);border-color:var(--blau);background:var(--blau-soft)}.sa-orange{color:var(--warnung-text);border-color:var(--warnung);background:var(--warnung-soft)}.sa-rot{color:var(--fehler);border-color:var(--fehler);background:var(--fehler-soft)}.modus-schalter{display:flex;align-items:center;gap:0;margin-bottom:6px;flex-wrap:wrap}.modus-schalter>button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--trennlinie);background:var(--hintergrund-card);color:var(--grau-mittel);font:600 11.5px var(--schrift);padding:5px 11px;cursor:pointer}.modus-schalter>button:first-of-type{border-radius:3px 0 0 3px}.modus-schalter>button+button{border-radius:0 3px 3px 0;margin-left:-1px}.modus-schalter>button.an{background:var(--grau-hell);color:var(--text);border-color:var(--grau-mittel)}.modus-schalter>button.an.kunde{background:var(--gruen-heller);color:var(--gruen-schatten);border-color:var(--gruen)}textarea.input.kunden-modus{border-color:var(--gruen);box-shadow:inset 3px 0 0 var(--gruen);background:var(--gruen-heller)}.zeit-anstoss{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding:7px 10px;border:1px dashed var(--gruen);border-radius:3px;background:var(--gruen-heller);font-size:12px}.pruef-punkte{border:1px solid var(--warnung);border-left-width:3px;border-radius:3px;background:var(--warnung-soft);padding:8px 10px;margin-bottom:10px}.pruef-punkte .pruef-titel{display:flex;align-items:center;gap:6px;font:600 12px var(--schrift);color:var(--warnung-text);margin-bottom:4px}.pruef-punkte ul{margin:0;padding-left:18px;font-size:12px}.pruef-punkte li{margin:2px 0}button.nav-group.nav-klappbar{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;cursor:pointer;text-align:left}.nav-pfeil{margin-left:auto;font-size:9px;opacity:.7}.glocke-eintrag.neu{background:var(--gruen-heller)}.glocke-eintrag.neu .ge-text{font-weight:600}.glocke-titel{display:flex;align-items:center}.kb-karte.eskaliert{border-left:3px solid var(--fehler)}.massen-leiste{border-left:3px solid var(--gruen)!important;background:var(--gruen-heller)!important}.shop-hero{text-align:center;margin:10px 0 26px}.shop-hero h1{font-size:26px;font-weight:300;color:var(--anthrazit)}.shop-hero p{color:var(--grau-mittel);font-size:13px;margin-top:4px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.shop-karte{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;border-top:3px solid var(--prod-farbe, var(--gruen));padding:16px 18px;display:flex;flex-direction:column;gap:10px;transition:border-color 80ms,transform 80ms}.shop-karte:hover{border-color:var(--gruen)}.shop-karte-kopf{display:flex;align-items:flex-start;gap:9px}.shop-karte-kopf>svg{flex:0 0 auto;margin-top:1px}.shop-karte-name{font-weight:600;font-size:15px;flex:1 1 auto;min-width:0}.shop-karte-text{font-size:12.5px;color:var(--grau-mittel);flex:1;min-height:36px}.shop-karte-fuss{display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:wrap}.shop-karte-fuss .shop-preis{flex:1 1 auto}.shop-karte-fuss>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.shop-preis{font-size:22px;font-weight:300;color:var(--anthrazit)}.shop-preis span{font-size:12px;color:var(--grau-mittel)}.shop-bestellung{border:1px solid var(--trennlinie);border-radius:4px;background:var(--hintergrund-card);padding:4px 14px;margin-bottom:14px}.sb-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--grau-hell);font-size:13px}.sb-zeile:last-child{border-bottom:none}.sb-zeile.sb-summe{border-top:2px solid var(--trennlinie);font-size:14px}.shop-merkmale{list-style:none;margin:0 0 12px;padding:0}.shop-merkmale li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--grau-dunkel);padding:3px 0}.shop-merkmale svg{color:var(--gruen-dunkel);flex:0 0 auto;margin-top:2px}.shop-schluessel{font-size:17px;letter-spacing:1px;text-align:center;background:var(--gruen-heller);border:1px dashed var(--gruen);border-radius:4px;padding:12px 10px;margin:12px 0;color:var(--gruen-schatten)}.shop-schluessel-klein{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}.shop-lizenz{margin-bottom:12px;border-left:4px solid var(--prod-farbe, var(--gruen))}.shop-lizenz-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}.shop-geraete{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;color:var(--grau-mittel)}.kontrolle-block h3{width:100%}.kontrolle-fund{border:1px solid var(--trennlinie);border-left:3px solid var(--warnung);border-radius:3px;background:var(--hintergrund);padding:8px 11px;margin-bottom:8px}.kontrolle-fund:last-child{margin-bottom:0}.kf-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.kf-kopf>.btn{margin-left:auto}.kf-text{font-size:12.5px;color:var(--grau-dunkel)}.stufen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.stufen-karte{background:var(--hintergrund-card);border:1px solid var(--trennlinie);border-radius:4px;border-top:3px solid var(--stufe-farbe, var(--gruen));padding:14px 16px;display:flex;flex-direction:column;gap:8px}.stufen-karte.ausgelistet{opacity:.62;border-top-color:var(--grau)}.stufen-kopf{display:flex;align-items:center;justify-content:space-between}.stufen-name{font-weight:700;font-size:14px;color:var(--stufe-farbe, var(--anthrazit))}.stufen-preis{font-size:24px;font-weight:300;color:var(--anthrazit)}.stufen-preis span{font-size:12px;color:var(--grau-mittel)}.stufen-beschr{font-size:12px;color:var(--grau-mittel);min-height:32px}.stufen-funktionen{list-style:none;margin:0;padding:0;flex:1}.stufen-funktionen li{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--grau-dunkel);padding:3px 0;border-top:1px solid var(--grau-hell)}.stufen-funktionen li:first-child{border-top:none}.stufen-funktionen li svg{color:var(--gruen-dunkel);flex:0 0 auto;margin-top:2px}.stufen-funktionen li.alles-aus{color:var(--grau-mittel);font-style:italic}.stufen-funktionen li.alles-aus svg{color:var(--grau)}.stufen-fuss{margin-top:6px}.stufen-wahl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stufen-wahl-kachel{border:1px solid var(--trennlinie);border-radius:3px;background:var(--hintergrund-card);padding:8px 6px;cursor:pointer;text-align:center;transition:border-color 60ms,background 60ms}.stufen-wahl-kachel:hover{border-color:var(--gruen)}.stufen-wahl-kachel.gewaehlt{border-color:var(--gruen-dunkel);background:var(--gruen-heller)}.sw-name{font:600 11.5px var(--schrift);color:var(--anthrazit)}.sw-preis{font-size:12px;color:var(--gruen-schatten);margin-top:2px;font-weight:600}.shop-stufen-mini{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--grau-mittel);border-top:1px dashed var(--grau-hell);padding-top:8px}.einkauf-knopf{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:3px;padding:3px 7px;cursor:pointer;font:12.5px var(--schrift);color:var(--gruen-schatten)}.einkauf-knopf:hover{border-color:var(--gruen);background:var(--gruen-heller)}.kontakt-zeile{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.kontakt-zeile>svg{color:var(--grau);flex:0 0 auto}.kontakt-label{width:62px;flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grau-dunkel)}.kontakt-wert{min-width:0;overflow-wrap:anywhere}.kontakt-wert a{color:var(--gruen-dunkel)}.erreichbar-box{border:1px solid var(--gruen);background:var(--gruen-heller);border-radius:4px;padding:8px 12px;margin-top:10px}.shop-karte.klickbar{cursor:pointer}.shop-demo-leiste{display:flex;align-items:center;gap:12px;border:1px dashed var(--gruen);background:var(--gruen-heller);border-radius:4px;padding:10px 14px;margin-top:4px;font-size:12.5px;color:var(--grau-dunkel)}.shop-demo-leiste>svg{color:var(--gruen-dunkel);flex:0 0 auto}.rolle-zeile{display:grid;grid-template-columns:1fr 64px 76px 84px 30px;gap:6px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--grau-hell)}.rolle-zeile .num{text-align:right}.rolle-summe{font-size:12.5px;color:var(--grau-dunkel);text-align:right}.rolle-funktionen{grid-column:1 / -1;font-size:12px}.konfig-wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.konfig-zeile{display:flex;align-items:center;gap:8px;padding:4px 0;width:100%}.konfig-zeile .muted{font-size:11.5px;white-space:nowrap}.team-zeile{display:grid;grid-template-columns:1fr 70px 90px 90px 30px;gap:6px;align-items:center;margin-bottom:8px}.team-zeile .num{text-align:right}.nav-menue,.nav-backdrop{display:none}@media (max-width: 900px){.sidebar{transform:translate(-100%);transition:transform .18s ease-out}.sidebar.offen{transform:translate(0)}.main{margin-left:0}.nav-menue{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1416146b;z-index:25}}.suche-box{width:100%;max-width:560px;background:var(--hintergrund);border-radius:4px;box-shadow:0 24px 60px #00000059;padding:14px;align-self:flex-start;margin-top:10vh}.suche-ergebnis{margin-top:10px;max-height:50vh;overflow-y:auto}.suche-gruppe{font:600 10.5px var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:var(--grau-mittel);padding:10px 4px 4px}.suche-treffer{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:3px;cursor:pointer;font-size:13px}.suche-treffer:hover{background:var(--gruen-heller)}.glocke-leer{padding:16px;text-align:center;color:var(--grau-mittel);font-size:12.5px}.tb-suche-knopf{gap:8px;color:var(--grau-mittel)}.tb-suche-knopf kbd{font:10px var(--mono);background:var(--hintergrund);border:1px solid var(--trennlinie);border-radius:3px;padding:1px 5px;color:var(--grau-mittel)}@media (max-width: 640px){.tb-suche-knopf span,.tb-suche-knopf kbd{display:none}}.portal-tabs{overflow-x:auto;max-width:100%}[data-theme=dark] .portal-kopf,[data-theme=dark] .shop-karte,[data-theme=dark] .stufen-karte{background:var(--hintergrund-card)}.sp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sp-top-r{display:flex;align-items:center;gap:12px}.sp-aktiv{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--gruen-dunkel);background:var(--gruen-heller);border-radius:20px;padding:4px 12px}.sp-portal{justify-content:center}.sp-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:16px 0 8px;flex-wrap:wrap}.sp-hero-txt{flex:1 1 340px;min-width:0}.sp-hero h1{display:inline-flex;align-items:center;gap:13px;margin:0}.sp-titel{font:700 36px var(--schrift);color:var(--anthrazit);letter-spacing:-.01em}.sp-hero p{color:var(--grau-mittel);margin:10px 0 0;max-width:72ch}.sp-hero-akt{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.sp-hero-sub{font-size:11.5px;color:var(--grau);max-width:34ch}.sp-konfig-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:600 12px var(--schrift);color:var(--gruen-dunkel);background:#fff;border:1px solid var(--gruen);border-radius:4px;padding:8px 14px}.sp-konfig-btn.aktiv{background:var(--gruen);color:#fff}.sp-row{display:grid;grid-template-columns:390px 1fr;gap:22px;align-items:start}.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.sp-karte{position:relative;background:#fff;border:1px solid var(--trennlinie);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:8px}.sp-empf{border:2px solid var(--gruen);background:var(--gruen-heller);padding:22px}.sp-badge{position:absolute;top:0;right:0;background:var(--gruen);color:#fff;font:600 10px var(--schrift);letter-spacing:.8px;padding:5px 12px;border-radius:0 4px 0 6px}.sp-name{font-weight:700;font-size:18px;color:var(--stufe-farbe, var(--gruen-schatten));display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-name-sm{font-weight:700;font-size:14px;color:var(--stufe-farbe, var(--anthrazit));display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sp-grid .sp-karte{border-top:3px solid var(--stufe-farbe, var(--trennlinie))}.sp-name svg,.sp-name-sm svg{color:var(--gruen-dunkel);flex:0 0 auto}.sp-seats{display:inline-flex;align-items:center;gap:0;flex:0 0 auto}.sp-seats svg{color:var(--gruen-dunkel);margin-right:-2px}.sp-owned{font:600 10px var(--schrift);color:var(--gruen-dunkel);background:var(--gruen-heller);border:1px solid var(--gruen);border-radius:12px;padding:2px 8px;margin-left:auto}.sp-karte-klick{cursor:pointer;transition:border-color .12s,box-shadow .12s}.sp-karte-klick:hover{border-color:var(--gruen);box-shadow:0 1px 6px #3e6c231f}.sp-untertitel{font-size:12.5px;color:var(--grau-dunkel);line-height:1.5}.sp-konfig-kopf{display:flex;align-items:flex-start;gap:11px}.pg{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;gap:2px}.pg-reihe{display:flex;justify-content:center}.pg-reihe svg{color:var(--gruen-dunkel);margin:0 -1px}.pg-mehr{font:600 8px var(--schrift);color:var(--gruen);letter-spacing:.09em;margin-top:1px}.sp-anzahl-box{display:flex;align-items:center;gap:10px;border:1px solid var(--trennlinie);border-radius:4px;padding:10px 12px}.sp-anzahl-box label{flex:0 0 auto;width:56px;font:600 12px/1.25 var(--schrift);color:var(--grau-dunkel)}.sp-anzahl-box input{flex:0 0 auto;width:72px;padding:6px 8px;border:1px solid var(--trennlinie);border-radius:3px;font:400 14px var(--schrift);color:var(--anthrazit);background:#fff}.sp-hint{flex:1 1 auto;font-size:11px;color:var(--grau)}.sp-zeit{display:inline-flex;border:1px solid var(--trennlinie);border-radius:4px;overflow:hidden;background:#fff;width:fit-content}.sp-zeit button{border:none;background:#fff;cursor:pointer;font:600 12px var(--schrift);color:var(--grau-dunkel);padding:8px 16px}.sp-zeit button.aktiv{background:var(--gruen);color:#fff}.sp-preis{font:300 40px/1 var(--schrift);color:var(--gruen-schatten)}.sp-preis-sm{font-size:26px}.sp-preis span{font-size:12px;color:var(--grau-mittel)}.sp-preis-sub{font-size:12px;color:var(--grau-mittel);margin-top:3px}.sp-nutzer{font-size:12px;color:var(--gruen-dunkel)}.sp-nutzer-sm{font-size:11.5px}.sp-features{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.sp-features li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--grau-dunkel)}.sp-features li svg{color:var(--gruen);flex:0 0 auto}.sp-pills{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}.sp-pill{font:600 11px var(--schrift);color:var(--gruen-dunkel);background:#fff;border:1px solid var(--gruen);border-radius:4px;padding:3px 9px}.sp-btns{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.sp-btns-oben{display:flex;gap:8px}.sp-btns-oben .btn{flex:1 1 0}.sp-btn-haupt{justify-content:center;width:100%;background:#fff;color:var(--anthrazit);border:1px solid var(--trennlinie)}.sp-btn-haupt:hover{border-color:var(--gruen)}.sp-btn-test,.sp-btn-film{justify-content:center;background:var(--gruen-heller);color:var(--gruen-dunkel);border:1px solid var(--gruen)}.sp-btn-klein{justify-content:center;width:100%;margin-top:auto;background:var(--gruen-heller);color:var(--gruen-dunkel);border:1px solid var(--gruen)}.sp-fuss-note{font-size:12px;margin-top:16px}.sp-faq{margin-top:26px}.sp-faq-h{font:600 12px var(--schrift);letter-spacing:.08em;text-transform:uppercase;color:var(--grau-dunkel);margin-bottom:6px}.sp-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.sp-faq-item{border-bottom:1px solid var(--trennlinie)}.sp-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:13px 2px;font-size:14px;font-weight:600;color:var(--anthrazit)}.sp-faq-item summary::-webkit-details-marker{display:none}.sp-faq-caret{color:var(--grau);transition:transform .15s;flex:0 0 auto}.sp-faq-item[open] .sp-faq-caret{transform:rotate(90deg)}.sp-faq-a{padding:0 2px 14px 26px;font-size:13px;color:var(--grau-mittel);line-height:1.55}.sp-fuss{text-align:center;font-size:12px;color:var(--grau);margin-top:24px}[data-theme=dark] .sp-karte,[data-theme=dark] .sp-empf,[data-theme=dark] .sp-pill,[data-theme=dark] .sp-zeit button,[data-theme=dark] .sp-konfig-btn,[data-theme=dark] .sp-anzahl-box input{background:var(--hintergrund-card)}@media (max-width: 900px){.sp-row{grid-template-columns:1fr}}@media (max-width: 640px){.sp-faq-grid{grid-template-columns:1fr}}@media (max-width: 560px){.sp-grid{grid-template-columns:1fr}}.datei-grid{display:flex;flex-direction:column;gap:16px;margin-top:16px}.datei-karte h3{display:flex;align-items:center;gap:8px}.datei-name{font-weight:600;font-size:13px;overflow-wrap:anywhere}.datei-meta{display:flex;align-items:center;gap:10px;margin:6px 0 12px;flex-wrap:wrap;font-size:12px}.datei-aktion{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.datei-liste{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.datei-liste li{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--trennlinie);border-radius:4px;font-size:12.5px}.datei-liste .datei-name{flex:1 1 auto;min-width:0;font-weight:500}.datei-num{width:20px;height:20px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gruen-heller);color:var(--gruen-dunkel);font:600 11px var(--schrift)}label.btn{cursor:pointer}.demo-player{background:var(--hintergrund-card, #fff);border-radius:6px;width:min(1000px,94vw);height:min(760px,90vh);display:flex;flex-direction:column;overflow:hidden}.demo-player-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--trennlinie);font-size:13px;font-weight:600}.demo-player-frame{flex:1 1 auto;width:100%;border:none;background:#fff}.demo-player-fuss{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-top:1px solid var(--trennlinie);flex-wrap:wrap}.demo-player-leer{display:flex;align-items:center;justify-content:center;color:var(--grau)}.demo-tempo{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--grau-dunkel)}.demo-tempo input[type=range]{width:110px;accent-color:var(--gruen)}.build-liste{display:flex;flex-direction:column;gap:8px}.build-zeile{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--trennlinie);border-radius:4px}.build-zeile.standard{border-color:var(--gruen);background:var(--gruen-heller)}.build-arch{flex:0 0 auto;width:96px}.build-arch-tag{display:inline-block;font:600 12px var(--schrift);color:#fff;background:var(--gruen-dunkel);border-radius:3px;padding:2px 8px}.build-arch-sub{display:block;font-size:10.5px;color:var(--grau);margin-top:3px}.build-info{flex:1 1 auto;min-width:0}.build-info .datei-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.build-std{font:600 9.5px var(--schrift);color:var(--gruen-dunkel);background:#ecf6e5;border-radius:4px;padding:3px 9px;text-transform:uppercase;letter-spacing:.04em}.build-als-std{border:1px solid var(--trennlinie);background:#fff;color:var(--grau-dunkel);font:600 10.5px var(--schrift);border-radius:4px;padding:3px 9px;cursor:pointer}.build-als-std:hover{border-color:var(--gruen);color:var(--gruen-dunkel)}.build-neu{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;border-top:1px dashed var(--trennlinie);padding-top:12px}.demo-panels{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.demo-sprachliste{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--trennlinie);padding-right:14px}.demo-sprach-chip{display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;border:1px solid transparent;border-radius:4px;background:transparent;padding:6px 8px;font:500 13px var(--schrift);color:var(--anthrazit)}.demo-sprach-chip:hover{background:var(--gruen-heller)}.demo-sprach-chip.aktiv{background:var(--gruen-heller);border-color:var(--gruen)}.demo-sprach-code{flex:0 0 auto;width:26px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background:var(--gruen-dunkel);color:#fff;font:600 10px var(--schrift)}.demo-sprach-n{flex:0 0 auto;min-width:18px;text-align:center;font:600 11px var(--schrift);color:var(--grau-dunkel);background:var(--hintergrund);border-radius:10px;padding:1px 6px}.demo-dateien{min-width:0}.demo-dateien-kopf{display:flex;align-items:center;gap:8px;margin-bottom:8px}.demo-sprache-neu{display:flex;gap:6px;align-items:center;margin-top:8px;border-top:1px dashed var(--trennlinie);padding-top:10px}.demo-sprache-neu .input{flex:1 1 auto;min-width:0}@media (max-width: 760px){.demo-panels{grid-template-columns:1fr}.demo-sprachliste{border-right:none;border-bottom:1px solid var(--trennlinie);padding-right:0;padding-bottom:12px}}.dd-body{display:flex;flex-direction:column;gap:18px;padding:22px}.dd-stufe{display:flex;align-items:center;gap:14px;background:var(--gruen-heller);border:1px solid rgba(125,168,46,.45);border-radius:5px;padding:15px 17px}.dd-icon{flex:0 0 auto;width:42px;height:42px;border-radius:5px;background:#fff;border:1px solid rgba(125,168,46,.5);display:flex;align-items:center;justify-content:center}.dd-demo{font:600 10px var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--gruen-dunkel);border-radius:2px;padding:2px 7px}.dd-chks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dd-chks li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--grau-dunkel)}.dd-chks li svg{color:var(--grau-dunkel);flex:0 0 auto;margin-top:1px}.dd-panel{border:1px solid var(--trennlinie);border-radius:4px;background:var(--hintergrund-card)}.dd-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;font-size:13px}.dd-panel>div+div{border-top:1px solid var(--trennlinie)}.dd-panel span{color:var(--grau-dunkel)}.dd-panel strong{color:var(--anthrazit)}.sp-row{position:relative}.sp-panel{position:absolute;top:0;bottom:0;left:412px;right:0;z-index:5;background:var(--hintergrund-card, #fff);border:1px solid var(--trennlinie);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #0000001f}.sp-panel-x{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border:none;border-radius:4px;background:#ffffffd9;color:var(--grau-dunkel);cursor:pointer;display:flex;align-items:center;justify-content:center}.sp-panel-x:hover{background:var(--fehler);color:#fff}.sp-panel-frame{flex:1 1 auto;width:100%;border:none;background:#fff}.sp-panel-fuss{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px;border-top:1px solid var(--trennlinie)}.sp-panel-leer{flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:var(--grau);padding:20px;text-align:center}.sp-download{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.sp-download-icon{width:56px;height:56px;border-radius:50%;background:var(--gruen-heller);color:var(--gruen-dunkel);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.sp-download-name{font-weight:600;font-size:14px;overflow-wrap:anywhere}@media (max-width: 900px){.sp-panel{left:0}}input[type=checkbox],input[type=radio]{accent-color:var(--gruen-dunkel)}