:root{--r-schale:32px;--r-leiste:26px;--r-karte:20px;--r-feld:14px;--r-klein:12px;--r-pille:999px;--glas-blur:blur(30px) saturate(140%);--glas-blur-leiste:blur(28px) saturate(140%);--schrift-familie:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--t-winzig:11px;--t-klein:12px;--t-normal:13px;--t-gross:15px;--t-titel:16px;--t-kopf:19px;--t-zahl:26px;--kulisse:radial-gradient(1250px 850px at 0% 0%, #fbd2a6 0%, transparent 55%), radial-gradient(1050px 950px at 100% 8%, #dccff7 0%, transparent 60%), radial-gradient(950px 750px at 3% 100%, #cfead9 0%, transparent 55%), radial-gradient(950px 750px at 100% 100%, #f7d4ed 0%, transparent 55%), linear-gradient(135deg, #faf7fc 0%, #f0eaf8 100%);--glas-schale:#ffffffad;--glas-karte:#ffffff8c;--glas-feld:#ffffff73;--glas-feld-stark:#ffffffc7;--glas-rand:#ffffffbf;--glas-rand-innen:#2e2a4a12;--schatten-schale:0 30px 80px #4c3f8f29;--schatten-leiste:0 20px 50px #4c3f8f24;--schrift:#2e2a4a;--schrift-leise:#6b6590;--schrift-zart:#2e2a4a73;--akzent:#f97316;--akzent-verlauf:linear-gradient(135deg, #fb923c, #ea6a08);--auf-akzent:#fff;--akzent-hauch:#f973161f;--spur:#2e2a4a1a;--ok-flaeche:#dcfce7;--ok-schrift:#166534;--ok-balken:linear-gradient(135deg, #6ee7a8, #16a34a);--info-flaeche:#dbeafe;--info-schrift:#1e40af;--info-balken:linear-gradient(135deg, #93c5fd, #2563eb);--warn-flaeche:#fef3c7;--warn-schrift:#92400e;--gefahr-flaeche:#fee2e2;--gefahr-schrift:#991b1b;--gefahr:#dc2626}:root[data-thema=dunkel]{--kulisse:linear-gradient(135deg, #2b2620 0%, #3a322a 40%, #22201f 100%);--glas-schale:#ffffff14;--glas-karte:#ffffff12;--glas-feld:#ffffff0d;--glas-feld-stark:#ffffff1f;--glas-rand:#ffffff29;--glas-rand-innen:#ffffff1f;--schatten-schale:0 30px 80px #0000004d;--schatten-leiste:0 20px 50px #00000040;--schrift:#fff;--schrift-leise:#ffffffa6;--schrift-zart:#fff6;--akzent:#f2b25c;--akzent-verlauf:linear-gradient(135deg, #f2b25c, #c97b2e);--auf-akzent:#241c10;--akzent-hauch:#f2b25c29;--spur:#ffffff1f;--ok-flaeche:#8fd6a82e;--ok-schrift:#9fdcb4;--ok-balken:linear-gradient(135deg, #8fd6a8, #4f9a6c);--info-flaeche:#8ab8f02e;--info-schrift:#a8c9f2;--info-balken:linear-gradient(135deg, #8ab8f0, #4a76b8);--warn-flaeche:#f2b25c2e;--warn-schrift:#f6c47e;--gefahr-flaeche:#f0917e2e;--gefahr-schrift:#f0917e;--gefahr:#f0917e}
*,:before,:after{box-sizing:border-box}html{background:var(--kulisse);background-attachment:fixed}body{min-height:100vh;color:var(--schrift);font-family:var(--schrift-familie);font-size:var(--t-normal);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.25}h1{font-size:var(--t-kopf);font-weight:700}h2{font-size:var(--t-titel);font-weight:700}h3{font-size:var(--t-normal);font-weight:700}p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:8px}.buehne{align-items:stretch;gap:24px;min-height:100vh;padding:24px;display:flex}.leiste{background:var(--glas-schale);-webkit-backdrop-filter:var(--glas-blur-leiste);border:1px solid var(--glas-rand);border-radius:var(--r-leiste);box-shadow:var(--schatten-leiste);flex-direction:column;align-self:flex-start;gap:6px;padding:14px 10px;display:flex;position:sticky;top:24px}.leiste a,.leiste .gesperrt{border-radius:var(--r-feld);width:44px;height:44px;color:var(--schrift-leise);justify-content:center;align-items:center;display:flex}.leiste a:hover{background:var(--glas-feld-stark);color:var(--schrift)}.leiste a[aria-current=page]{background:var(--akzent-verlauf);color:var(--auf-akzent);box-shadow:0 6px 16px var(--akzent-hauch)}.leiste .gesperrt{color:var(--schrift-zart);cursor:default}.leiste hr{background:var(--glas-rand-innen);border:0;width:24px;height:1px;margin:6px auto}.schale{background:var(--glas-schale);min-width:0;-webkit-backdrop-filter:var(--glas-blur);border:1px solid var(--glas-rand);border-radius:var(--r-schale);box-shadow:var(--schatten-schale);flex-direction:column;flex:1;gap:20px;padding:22px;display:flex}.kopfleiste{flex-wrap:wrap;align-items:center;gap:16px;display:flex}img.marke{display:block}img.marke-dunkel,:root[data-thema=dunkel] img.marke-hell{display:none}:root[data-thema=dunkel] img.marke-dunkel{display:block}.kopfleiste .seitentitel{font-size:var(--t-kopf);border-left:1px solid var(--glas-rand-innen);padding-left:16px;font-weight:700}.kopfleiste .schub{flex:1}.suche{background:var(--glas-feld);border:1px solid var(--glas-rand-innen);border-radius:var(--r-pille);flex:240px;align-items:center;gap:8px;max-width:420px;margin-left:12px;padding:4px 6px 4px 16px;display:flex}.suche input{min-width:0;font-size:var(--t-normal);background:0 0;border:0;flex:1;padding:6px 0}.suche input::placeholder{color:var(--schrift-zart)}.suche input:focus{background:0 0;border:0;outline:none}.suche select{width:auto;font-size:var(--t-normal);background:0 0;border:0;padding:6px 4px}.suche button{background:var(--glas-feld-stark);color:var(--schrift);border-radius:var(--r-pille);font-size:var(--t-klein);cursor:pointer;border:0;padding:7px 14px;font-weight:600}.suche button:hover{background:var(--akzent-hauch)}.konto{background:var(--glas-feld);border:1px solid var(--glas-rand-innen);border-radius:var(--r-pille);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.konto .kuerzel{background:var(--akzent-verlauf);width:30px;height:30px;color:var(--auf-akzent);font-size:var(--t-klein);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.konto .wer{font-size:var(--t-klein);color:var(--schrift-leise);line-height:1.25}.konto .wer b{color:var(--schrift);font-weight:600;font-size:var(--t-normal);display:block}.btn-primary{background:var(--akzent-verlauf);color:var(--auf-akzent);border-radius:var(--r-pille);font-size:var(--t-normal);cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px var(--akzent-hauch);border:0;padding:10px 18px;font-weight:600;display:inline-block}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:var(--glas-feld);color:var(--schrift);border:1px solid var(--glas-rand-innen);border-radius:var(--r-pille);font-size:var(--t-normal);cursor:pointer;white-space:nowrap;padding:10px 18px;font-weight:600;display:inline-block}.btn-ghost:hover{background:var(--glas-feld-stark)}.btn-gefahr{background:var(--gefahr-flaeche);color:var(--gefahr-schrift);border-radius:var(--r-pille);font-size:var(--t-normal);cursor:pointer;border:1px solid #0000;padding:10px 18px;font-weight:700}.btn-klein{font-size:var(--t-klein);padding:7px 14px}.btn-primary:disabled,.btn-ghost:disabled,.btn-gefahr:disabled{opacity:.55;cursor:not-allowed}.karte{background:var(--glas-karte);border:1px solid var(--glas-rand-innen);border-radius:var(--r-karte);padding:18px 20px}.karten-reihe{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.kennzahl{flex-direction:column;gap:6px;display:flex}.kennzahl-name{font-size:var(--t-klein);color:var(--schrift-leise)}.kennzahl-wert{font-size:var(--t-zahl);letter-spacing:-.02em;font-weight:700;line-height:1.1}.kennzahl-zusatz{font-size:var(--t-winzig);color:var(--schrift-leise)}.kennzahl-zusatz[data-ton=ok]{color:var(--ok-schrift)}.kennzahl-zusatz[data-ton=gefahr]{color:var(--gefahr-schrift)}.kennzahl-zusatz[data-ton=akzent]{color:var(--akzent)}.kennzahl[data-gesperrt]{opacity:.58}.kennzahl[data-gesperrt] .kennzahl-wert{color:var(--schrift-zart);font-size:var(--t-titel);font-weight:600}.balken{background:var(--spur);border-radius:3px;height:6px;overflow:hidden}.balken>i{background:var(--akzent-verlauf);border-radius:3px;height:100%;display:block}.balken>i[data-ton=ok]{background:var(--ok-balken)}.balken>i[data-ton=info]{background:var(--info-balken)}.abzeichen{border-radius:var(--r-pille);font-size:var(--t-winzig);background:var(--glas-feld-stark);color:var(--schrift-leise);padding:4px 11px;font-weight:600;display:inline-block}.abzeichen[data-status=in_arbeit]{background:var(--warn-flaeche);color:var(--warn-schrift)}.abzeichen[data-status=erledigt]{background:var(--ok-flaeche);color:var(--ok-schrift)}.abzeichen[data-status=pausiert]{background:var(--gefahr-flaeche);color:var(--gefahr-schrift)}.abzeichen[data-status=geplant]{background:var(--info-flaeche);color:var(--info-schrift)}.tabellen-rahmen{overflow-x:auto}table{border-collapse:separate;border-spacing:0 6px;width:100%;min-width:560px}th{text-align:left;font-size:var(--t-winzig);text-transform:uppercase;letter-spacing:.07em;color:var(--schrift-zart);padding:0 16px 4px;font-weight:600}td{background:var(--glas-feld);vertical-align:middle;padding:13px 16px}tbody tr td:first-child{border-radius:var(--r-klein) 0 0 var(--r-klein)}tbody tr td:last-child{border-radius:0 var(--r-klein) var(--r-klein) 0}tbody tr:hover td{background:var(--glas-feld-stark)}td .zeilen-titel{font-weight:600}td .zeilen-zusatz{color:var(--schrift-leise);font-size:var(--t-klein)}td.zahl{text-align:right;font-weight:600}.kante{gap:12px;padding:2px 0;display:flex}.kante>i{background:var(--akzent);border-radius:2px;flex:0 0 3px;width:3px}.kante>i[data-ton=info]{background:var(--info-schrift)}.kante>i[data-ton=ok]{background:var(--ok-schrift)}.kante-titel{font-size:var(--t-normal);font-weight:600}.kante-zusatz{font-size:var(--t-klein);color:var(--schrift-leise)}.stapel{flex-direction:column;gap:14px;display:flex}.zweispalt{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.karten-kopf{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.karten-kopf h2{font-size:var(--t-gross)}.karten-kopf a{font-size:var(--t-klein);color:var(--akzent);font-weight:600}.leer{text-align:center;padding:46px 20px}.leer h3{font-size:var(--t-gross);margin-bottom:6px}.leer p{color:var(--schrift-leise);margin-bottom:18px}.formular{gap:16px;max-width:640px;display:grid}.feld{gap:6px;display:grid}.feld>label{font-weight:600;font-size:var(--t-klein);color:var(--schrift-leise)}.feld-hinweis{color:var(--schrift-leise);font-size:var(--t-winzig)}.feld-paar{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],input[type=search],input[type=number],select,textarea{background:var(--glas-feld);width:100%;color:var(--schrift);border:1px solid var(--glas-rand-innen);border-radius:var(--r-feld);padding:12px 14px;font-size:16px}input:hover,select:hover,textarea:hover{border-color:var(--akzent)}input:focus,select:focus,textarea:focus{border-color:var(--akzent);background:var(--glas-feld-stark);outline:none}textarea{resize:vertical;min-height:92px}select option{color:#2e2a4a;background:#fff}.wahl{border:1px solid var(--glas-rand-innen);border-radius:var(--r-feld);background:var(--glas-feld);cursor:pointer;font-weight:600;font-size:var(--t-normal);align-items:center;gap:11px;padding:11px 14px;display:flex}.wahl:hover{background:var(--glas-feld-stark)}.wahl input{width:20px;height:20px;accent-color:var(--akzent);flex:none}.formular-aktionen{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meldung{border-radius:var(--r-feld);font-weight:500;font-size:var(--t-normal);padding:12px 16px}.meldung-fehler{background:var(--gefahr-flaeche);color:var(--gefahr-schrift)}.meldung-hinweis{background:var(--glas-feld);color:var(--schrift-leise);border:1px solid var(--glas-rand-innen)}.meldung-erfolg{background:var(--ok-flaeche);color:var(--ok-schrift)}.werkzeugleiste{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.anmelde-buehne{place-items:center;min-height:100vh;padding:24px;display:grid}.anmelde-karte{background:var(--glas-schale);width:100%;max-width:420px;-webkit-backdrop-filter:var(--glas-blur);border:1px solid var(--glas-rand);border-radius:var(--r-schale);box-shadow:var(--schatten-schale);padding:32px}.anmelde-karte img.marke{width:auto;height:34px;margin-bottom:22px;display:block}.anmelde-karte h1{margin-bottom:6px;font-size:22px}.anmelde-karte>p{color:var(--schrift-leise);margin-bottom:24px}.anmelde-fuss{color:var(--schrift-leise);font-size:var(--t-klein);text-align:center;margin-top:20px}.mobil-nav{display:none}@media (max-width:900px){.buehne{flex-direction:column;gap:0;padding:0}.leiste{display:none}.schale{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:16px;padding:14px 16px 104px}.zweispalt,.feld-paar{grid-template-columns:1fr}.kopfleiste{gap:10px}.kopfleiste .seitentitel{font-size:var(--t-titel);border-left:0;padding-left:0}.suche{max-width:none;margin-left:0}.konto .wer{display:none}h1{font-size:var(--t-titel)}.mobil-nav{z-index:30;background:var(--glas-schale);-webkit-backdrop-filter:var(--glas-blur-leiste);border-top:1px solid var(--glas-rand);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.mobil-nav a{border-radius:var(--r-klein);color:var(--schrift-leise);font-size:var(--t-winzig);flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px;font-weight:600;display:flex}.mobil-nav a[aria-current=page]{background:var(--akzent-verlauf);color:var(--auf-akzent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tafel-rahmen{-webkit-overflow-scrolling:touch;overflow-x:auto}.tafel{border-collapse:separate;border-spacing:4px;width:100%;min-width:720px}.tafel th,.tafel td{vertical-align:top;padding:0}.tafel thead th{text-align:center;font-size:var(--t-klein);color:var(--schrift-leise);padding:6px 4px;font-weight:600}.tafel-tag{color:var(--schrift);font-weight:700;display:block}.tafel-datum{font-size:var(--t-winzig);display:block}.tafel-name{text-align:left;font-size:var(--t-klein);white-space:nowrap;background:var(--kulisse);padding:10px 8px;font-weight:600;position:sticky;left:0}.tafel tbody td{background:var(--glas-feld);border:1px solid var(--glas-rand-innen);border-radius:var(--r-feld);min-width:120px;min-height:64px;padding:4px;transition:background .12s,border-color .12s}.tafel-heute{background:var(--akzent-hauch)!important}.tafel-ziel{border-color:var(--akzent)!important;background:var(--glas-feld-stark)!important}.termin{background:var(--glas-karte);border:1px solid var(--glas-rand);border-radius:var(--r-klein);font-size:var(--t-klein);cursor:grab;margin-bottom:4px;padding:7px 8px}.termin:active{cursor:grabbing}.termin-titel{font-weight:600;line-height:1.25}.termin-zeit{color:var(--schrift-leise);font-size:var(--t-winzig);margin-top:2px}.termin-zusatz{color:var(--schrift-zart);font-size:var(--t-winzig);margin-top:2px}.termin-erledigt{opacity:.55}.termin-erledigt .termin-titel{text-decoration:line-through}.termin-kollision{border-color:var(--warn-schrift);background:var(--warn-flaeche)}.termin-knoepfe{gap:6px;margin-top:6px;display:flex}.termin-knoepfe button{border:1px solid var(--glas-rand-innen);border-radius:var(--r-pille);font-size:var(--t-winzig);color:var(--schrift-leise);cursor:pointer;background:0 0;padding:2px 8px}.termin-knoepfe button:hover{background:var(--glas-feld-stark);color:var(--schrift)}@media (max-width:760px){.tafel{border-spacing:0;min-width:0}.tafel thead{display:none}.tafel,.tafel tbody,.tafel tr,.tafel td,.tafel th{width:100%;display:block}.tafel tbody tr{margin-bottom:14px}.tafel-name{font-size:var(--t-normal);padding:8px 0 4px;position:static}.tafel tbody td:empty{display:none}.tafel tbody td{margin-bottom:4px}}.qr{border-radius:var(--r-klein);border:1px solid var(--glas-rand);width:190px;height:190px;margin:10px 0;display:block}.kennzahl-link{color:inherit;border-radius:var(--r-karte);text-decoration:none;display:block}.kennzahl-link:hover .kennzahl{border-color:var(--akzent)}.kennzahl-link:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.wert-gefahr{color:var(--gefahr)}.bilderreihe{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 4px;display:grid}.bildkachel{flex-direction:column;gap:4px;margin:0;display:flex}.bildkachel img{object-fit:cover;border-radius:var(--r-klein);border:1px solid var(--glas-rand);background:var(--glas-feld);width:100%;height:130px;display:block}.bildkachel figcaption{font-size:var(--t-klein);flex-direction:column;gap:2px;display:flex}.unterschriftsfeld{touch-action:none;border:1.5px dashed var(--glas-rand);border-radius:var(--r-klein);cursor:crosshair;background:#fff;width:100%;max-width:600px;height:200px;display:block}