:root{--bg:#f4f6f9;--panel:#ffffff;--panel2:#eef3f8;--border:#dbe3ec;--text:#000;--muted:#000;--accent:#1a598f;--accent2:#1a598f;--link:#0056b3;--green:#15803d;--red:#dc2626;--amber:#b45309;--card:#ffffff;--blue:#1a598f;--shadow:0 1px 3px rgba(26,89,143,.08),0 4px 14px rgba(26,89,143,.06);color-scheme:light}[data-theme=dark]{--bg:#0f172a;--panel:#1e293b;--panel2:#273449;--border:#334a63;--text:#fff;--muted:#fff;--accent:#5b9bd5;--accent2:#5b9bd5;--link:#7ab8f5;--green:#4ade80;--red:#f87171;--amber:#fbbf24;--card:#1e293b;--blue:#5b9bd5;--shadow:0 1px 3px rgba(0,0,0,.45),0 4px 14px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--link);text-decoration:none}.layout{display:flex;flex-direction:column;min-height:100vh}:root{--kopf-hoehe:64px}.kopf-fix{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--panel)}main.content{flex:1 1;width:100%;padding:calc(var(--kopf-hoehe,64px) + 22px) 28px 32px;max-width:1600px;margin:0 auto}[id]{scroll-margin-top:calc(var(--kopf-hoehe,64px) + 12px)}.kk{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.kk:hover{border-color:#c3d3e3}.kk-kopf{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(26,89,143,.045),transparent)}.kk-kopf,.kk-titel{display:flex;align-items:center}.kk-titel{gap:9px;min-width:0}.kk-titel strong{font-size:15px;color:var(--accent)}.kk-aktionen{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kk-ampel{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.kk-ok{background:#2e9e5b}.kk-warnung{background:#e0a800}.kk-fehler{background:#c62828}.kk-neutral{background:#9aa7b4}.kk-laeuft{background:#1a598f;animation:kk-puls 1.4s ease-in-out infinite}@keyframes kk-puls{0%,to{opacity:1}50%{opacity:.35}}.kk-zeile{display:flex;gap:16px;flex-wrap:wrap;padding:9px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border)}.kk-zustand{color:var(--text)}.kk-naechster{padding:10px 16px;font-size:13px;background:rgba(224,168,0,.09);border-bottom:1px solid var(--border)}.kk-naechster-marke{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8a6a00;background:rgba(224,168,0,.22);border-radius:6px;padding:2px 7px;margin-right:7px}.kk-inhalt{padding:14px 16px}.kk-breit{grid-column:1/-1}.kk-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:16px;gap:16px;align-items:start}.wf-liste{counter-reset:wf}.wf-nummer{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:#e9eef4;color:var(--accent);border:2px solid #cfdae6}.wf-nummer-ok{background:#2e9e5b;border-color:#2e9e5b;color:#fff}.wf-naechster{background:rgba(224,168,0,.07);border-left:4px solid #e0a800}.wf .list-group-item{padding:14px 16px}.wf-liste .list-group-item{position:relative}.wf-liste .list-group-item:not(:last-child):after{content:"";position:absolute;left:31px;top:52px;bottom:-2px;width:2px;background:#e3e9ef}.btn-primary{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:#14486f;--bs-btn-hover-border-color:#14486f}.text-primary{color:var(--accent)!important}.card{border-color:var(--border)}.hilfe-knopf{width:20px;height:20px;flex:0 0 auto;border-radius:50%;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:12px;font-weight:700;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.hilfe-knopf:hover{background:var(--accent);color:#fff}.hilfe-huelle{background:rgba(0,0,0,.5);z-index:300;overflow-y:auto}.hilfe-blatt{border:1px solid var(--border)}.hilfe-inhalt{font-size:14px;line-height:1.65}.hilfe-inhalt h4{margin:18px 0 6px;font-size:14px;color:var(--accent)}.hilfe-inhalt p{margin:0 0 9px}.hilfe-inhalt ol,.hilfe-inhalt ul{margin:0 0 9px 20px}.hilfe-inhalt li{margin-bottom:5px}.hilfe-kurz{font-size:15px;font-weight:600}.hilfe-felder{margin:0 0 9px}.hilfe-felder div{display:grid;grid-template-columns:minmax(140px,240px) 1fr;grid-gap:10px;gap:10px;padding:6px 0;border-bottom:1px dashed var(--border)}.hilfe-felder dt{font-weight:600}.hilfe-felder dd{margin:0;color:var(--muted)}.hilfe-regeln li{color:#8a3b00}.hilfe-fehler{border-left:3px solid #c62828;background:rgba(198,40,40,.05);border-radius:0 8px 8px 0;padding:8px 12px;margin-bottom:9px}.hilfe-rolle{margin-top:14px;padding:10px 12px;border-radius:8px;background:rgba(26,89,143,.07);border:1px solid var(--border)}.hilfe-fehlend{padding:8px 0}.hilfe-fuss{margin-top:16px;padding-top:10px;border-top:1px solid var(--border);font-size:12px}@media(max-width:620px){.hilfe-huelle{padding:0}.hilfe-blatt{border-radius:0;max-height:100vh;height:100vh;width:100%}.hilfe-felder div{grid-template-columns:1fr;gap:2px}}main.content:has(.tk-wide){max-width:none}h1{font-size:21px;margin-bottom:4px;color:var(--accent)}.sub{color:var(--muted);font-size:13px;margin-bottom:18px}h2{font-size:15px;margin:20px 0 10px;color:var(--accent)}h3{color:var(--text)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.tile .num{font-size:24px;font-weight:700;color:var(--accent)}.tile .lbl{color:var(--muted);font-size:12px;margin-top:2px}.g{color:var(--green)}.r{color:var(--red)}.a{color:var(--amber)}.b{color:var(--accent)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}.card:hover{border-color:#c3d3e3}.rowline{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;flex-wrap:wrap}.rowline:hover{background:var(--panel2)}.dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.name{font-weight:600;font-size:14px}.name,.pill{color:var(--text)}.pill{font-size:11px;background:var(--panel2);border:1px solid var(--border);border-radius:20px;padding:2px 9px;white-space:nowrap}.pill.warn{color:var(--amber);border-color:var(--amber);background:#fff7ed}.pill.ok{color:var(--green);border-color:var(--green);background:#f0fdf4}.pill.err{color:var(--red);border-color:var(--red);background:#fef2f2}.short{color:var(--muted);font-size:12px;flex:1 1;min-width:180px}.arrow{margin-left:auto;color:var(--accent);font-size:17px;transition:transform .2s}.open .arrow{transform:rotate(90deg)}.detail{padding:14px 18px;border-top:1px solid var(--border);background:var(--panel2);font-size:13px;line-height:1.6}.detail dl{display:grid;grid-template-columns:170px 1fr;grid-gap:6px 12px;gap:6px 12px;margin-bottom:10px}.detail dt{color:var(--muted)}pre.payload{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12px;overflow-x:auto;white-space:pre-wrap;margin:8px 0;color:var(--text)}button.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;box-shadow:var(--shadow)}button.btn:hover{filter:brightness(1.12)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.green{background:var(--green)}button.btn.red{background:var(--red)}button.btn.ghost{background:var(--panel);border:1px solid var(--border);color:var(--text);box-shadow:none}button.btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}a.btn,label.btn{background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;display:inline-block;box-shadow:var(--shadow)}a.btn.ghost{background:var(--panel);border:1px solid var(--border);color:var(--text)}a.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:9px 12px;font:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #bcd6ec;border-color:var(--accent)}textarea{width:100%;min-height:70px;resize:vertical}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.toolbar input{flex:1 1;min-width:200px}.hint{font-size:12px;color:#1e5a8d;background:#eaf3fb;border:1px dashed #9cc3e0;border-radius:8px;padding:10px 12px;margin:12px 0}.error{color:var(--red);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px}.error,.success{font-size:13px;margin:8px 0}.success{color:var(--green)}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{color:var(--muted);text-align:left;font-weight:600;padding:8px 10px;border-bottom:2px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.05em}table.tbl td{padding:8px 10px;border-bottom:1px solid var(--panel2);vertical-align:top}.login-box{max-width:380px;margin:12vh auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.login-box h1{margin-bottom:14px}.login-box input{width:100%;margin-bottom:10px}.form-grid{display:grid;grid-gap:8px;gap:8px;max-width:640px;margin-bottom:16px}.topnav{position:relative;z-index:80;background:var(--panel);border-bottom:2px solid var(--accent);box-shadow:var(--shadow)}.topnav-inner{flex-wrap:wrap;padding:8px 18px;max-width:1900px;margin:0 auto}.tb-brand,.topnav-inner{display:flex;align-items:center;gap:10px}.tb-brand{flex-shrink:0;padding-right:12px;border-right:1px solid var(--border);color:var(--text)}.tb-brand img{height:32px;border-radius:6px;background:#fff;padding:2px;border:1px solid var(--border)}.tb-brand b{font-size:13px;line-height:1.2;color:var(--accent)}.tb-brand small{color:var(--muted);font-size:10px;display:block;font-weight:400}.tb-menu{display:flex;align-items:center;gap:2px;flex-wrap:wrap;flex:1 1;min-width:0}.tb-home{display:block;color:var(--text);padding:8px 12px;font-size:14px;border-radius:8px;border-bottom:3px solid transparent;white-space:nowrap}.tb-home.active,.tb-home:hover{color:var(--accent);background:var(--panel2)}.tb-home.active{border-bottom-color:var(--accent);font-weight:600}.tb-wrap{position:relative}.tb-rubric{display:flex;align-items:center;gap:7px;background:none;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;color:var(--text);font-size:14px;font-family:inherit;padding:8px 12px;cursor:pointer;white-space:nowrap}.tb-rubric:hover{color:var(--accent);background:var(--panel2)}.tb-rubric.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tb-rubric.open{background:var(--panel2)}.tb-ico{flex:0 0 auto;font-size:15px}.tb-caret{flex:0 0 auto;color:var(--muted);font-size:11px;transition:transform .18s ease}.tb-rubric.open .tb-caret{transform:rotate(180deg)}.tb-panel{position:absolute;left:0;top:100%;z-index:90;min-width:250px;margin-top:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 34px rgba(26,89,143,.2),0 2px 10px rgba(0,0,0,.12);padding:6px 0;animation:tb-in .14s ease;max-height:75vh;overflow-y:auto}.tb-panel-right{left:auto;right:0}.tb-panel-head{padding:6px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:4px}.tb-panel a{display:block;color:var(--text);padding:8px 18px;font-size:14px;border-left:3px solid transparent;white-space:nowrap}.tb-panel a.active,.tb-panel a:hover{color:var(--accent);background:var(--panel2)}.tb-panel a.active{border-left-color:var(--accent);font-weight:600}@keyframes tb-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tb-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.tb-search{position:relative}.tb-search input{width:190px;padding:7px 10px;font-size:13px}.tb-search-panel{position:absolute;right:0;top:100%;margin-top:6px;z-index:90;min-width:260px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 34px rgba(26,89,143,.2);padding:6px 0}.tb-search-panel a{display:flex;align-items:center;gap:8px;color:var(--text);padding:8px 14px;font-size:13px;white-space:nowrap}.tb-search-panel a:hover{color:var(--accent);background:var(--panel2)}.tb-search-panel a small{margin-left:auto;color:var(--muted);font-size:11px}.tb-search-leer{padding:10px 14px;color:var(--muted);font-size:12px}.tb-icon-btn{background:var(--panel2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;line-height:1;padding:7px 9px;cursor:pointer}.tb-icon-btn:hover{border-color:var(--accent)}.tb-backdrop,.tb-burger,.tb-drawer{display:none}@media(max-width:1100px){.tb-menu,.tb-right .tb-search,.tb-right .tb-wrap{display:none}.tb-burger{display:flex;align-items:center;justify-content:center;order:3;width:42px;height:42px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:20px;cursor:pointer;margin-left:auto}.tb-brand small{display:none}.tb-backdrop.show{inset:0;background:rgba(0,0,0,.45);z-index:70}.tb-backdrop.show,.tb-drawer{display:block;position:fixed;top:0}.tb-drawer{right:0;width:min(340px,88vw);height:100vh;z-index:75;background:var(--panel);border-left:1px solid var(--border);padding:64px 0 24px;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease}.tb-drawer.open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.35)}main.content{padding:16px 14px 28px}}.tb-drawer-home{display:block;color:var(--text);padding:12px 18px;font-size:15px;border-left:3px solid transparent}.tb-drawer-home.active{color:var(--accent);border-left-color:var(--accent);background:var(--panel2);font-weight:600}.tb-drawer-rubric{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;border-top:1px solid var(--border);color:var(--text);font-size:15px;font-family:inherit;padding:12px 18px;cursor:pointer;text-align:left}.tb-drawer-rubric .tb-lbl{flex:1 1}.tb-drawer-rubric.active{color:var(--accent);font-weight:600}.tb-drawer-rubric.open .tb-caret{transform:rotate(180deg)}.tb-drawer-items{background:var(--panel2);padding:4px 0}.tb-drawer-items a{display:block;color:var(--text);padding:11px 18px 11px 34px;font-size:14px;border-left:3px solid transparent}.tb-drawer-items a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600}.tb-drawer-theme{display:block;width:calc(100% - 36px);margin:16px 18px;padding:10px;background:var(--panel2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:inherit;cursor:pointer}.toast-wrap{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(360px,90vw);pointer-events:none}.toast{pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;box-shadow:var(--shadow);padding:11px 14px;font-size:13px;color:var(--text);display:flex;align-items:flex-start;gap:9px;animation:toast-in .2s ease}.toast.ok{border-left-color:var(--green)}.toast.fehler{border-left-color:var(--red)}.toast .toast-ico{flex-shrink:0}.toast .toast-x{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:0 2px}.toast .toast-x:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.install-warn{display:flex;align-items:flex-start;gap:12px;background:#fff7ed;border-bottom:3px solid var(--amber);color:#7c2d12;padding:12px 20px;font-size:13.5px;line-height:1.5}[data-theme=dark] .install-warn{background:#3a2a10;color:#fde68a}.install-warn .iw-ico{font-size:22px;line-height:1.2;flex-shrink:0}.install-warn .iw-text{display:flex;flex-direction:column;gap:3px}.install-warn .iw-text b{font-size:14.5px}.install-warn code{background:rgba(0,0,0,.07);border-radius:4px;padding:1px 5px;font-size:12.5px}[data-theme=dark] .install-warn code{background:rgba(255,255,255,.12)}.install-warn .iw-link{font-weight:700;color:#7c2d12;text-decoration:underline}[data-theme=dark] .install-warn .iw-link{color:#fde68a}.tb-abschnitt{padding:8px 14px 4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--border);margin-top:4px}.tb-abschnitt:first-child{border-top:0;margin-top:0}main.content canvas,main.content iframe,main.content img,main.content svg,main.content video{max-width:100%;height:auto}main.content input,main.content select,main.content textarea{max-width:100%}main.content pre{white-space:pre-wrap;word-break:break-word}main.content h1,main.content h2,main.content h3,main.content li,main.content p{overflow-wrap:anywhere}main.content td,main.content th{overflow-wrap:normal;word-break:normal}@media(max-width:1100px){main.content{padding-left:16px;padding-right:16px}main.content [style*=grid-template-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}main.content div[style*="position: fixed"][style*=width]{max-width:calc(100vw - 16px)!important;right:8px!important}body,html{overflow-x:hidden;max-width:100vw}.layout,main.content{max-width:100vw;min-width:0}main.content [style*="width:"]:not(input[type=checkbox]):not(input[type=radio]):not(.tb-ico):not(.dot):not(.kk-ampel){max-width:100%!important}main.content [style*=min-width]{min-width:0!important}main.content [style*="display: flex"]{flex-wrap:wrap}main.content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}main.content div[style*="position: fixed"][style*=height]{left:8px!important;right:8px!important;width:auto!important;max-height:85vh!important}}@media(max-width:760px){body,html{overflow-x:hidden}main.content{padding:calc(var(--kopf-hoehe,64px) + 12px) 12px 24px}h1{font-size:19px}h2{font-size:15px}main.content [style*=grid-template-columns]{grid-template-columns:1fr!important}main.content [style*="repeat(7"]{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;font-size:11px}main.content [style*="repeat(7"]>*{padding:4px 2px!important;min-width:0;overflow:hidden}.tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.kk-raster{grid-template-columns:1fr}.detail{padding:10px 12px}.detail dl{grid-template-columns:1fr;gap:2px 0}.detail dt{margin-top:6px}.card,.kk{border-radius:10px}main.content [style*="width:"]:not(input[type=checkbox]):not(input[type=radio]):not(.tb-ico):not(.dot):not(.kk-ampel){max-width:100%!important}main.content [style*=min-width]{min-width:0!important}main.content [style*="display: flex"]{flex-wrap:wrap}main.content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}main.content table td,main.content table th{padding:6px 8px}.btn,button.btn{min-height:40px;padding:9px 14px}main.content input:not([type=checkbox]):not([type=radio]),main.content select,main.content textarea{min-height:40px;font-size:16px}main.content div[style*="position: fixed"][style*=height]{left:8px!important;right:8px!important;width:auto!important;max-height:85vh!important;top:auto!important;bottom:8px!important}.toast-wrap{left:12px;right:12px;max-width:none}.tb-brand b small{display:none}.tb-right .tb-search input{width:140px}}@media(max-width:480px){main.content{padding-left:8px;padding-right:8px}.tiles{grid-template-columns:1fr 1fr}.tile .num{font-size:20px}.rowline{padding:10px 12px;gap:8px}.short{min-width:0;flex-basis:100%}.tb-right .tb-search{display:none}main.content div[style*="position: fixed"][style*=height]{left:0!important;right:0!important;bottom:0!important;max-height:92vh!important;border-radius:12px 12px 0 0}}@media(max-width:760px){main.content :not(table):not(thead):not(tbody):not(tfoot):not(tr):not(td):not(th):not(svg *){max-width:100%;min-width:0!important}main.content input:not([type=checkbox]):not([type=radio]),main.content label,main.content select,main.content textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}main.content .name,main.content .pill,main.content .short,main.content a,main.content b,main.content span,main.content strong{white-space:normal!important;overflow-wrap:anywhere}main.content [style*="flex-shrink: 0"],main.content [style*="flex: 0 0"]{flex-shrink:1!important;flex-basis:auto!important}main.content [style*="height: calc(100vh"]{height:auto!important;min-height:0!important}main.content [style*="display: flex"]>.card{flex:1 1 100%!important;width:100%!important}main.content .tile{min-width:0!important}main.content .btn,main.content button{max-width:100%;white-space:normal}}