@font-face{font-family:Mona Sans;src:url(/app/fonts/MonaSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Mona Sans;src:url(/app/fonts/MonaSans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Mona Sans;src:url(/app/fonts/MonaSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Mona Sans;src:url(/app/fonts/MonaSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Mona Sans;src:url(/app/fonts/MonaSans-Black.ttf) format("truetype");font-weight:900;font-display:swap}:root{--color-primary: #297094;--color-primary-hover: #1f5670;--color-primary-active: #174055;--color-dark: #0e181e;--color-bg: #f6f8f9;--color-muted: #b7c2c8;--color-text: #353c40;--color-white: #ffffff;--color-danger: #c0392b;--color-warning: #e67e22;--color-success: #27ae60;--color-line: #f0f4f6;--color-line-row: #f8fafb;--color-input: #e2e8ec;--color-accent-soft: #e8f4f8;--st-aktiv-bg: #e8f4f8;--st-aktiv: #297094;--st-offen-bg: #fef9ec;--st-offen: #b8860b;--st-progress-bg: #eef4ff;--st-progress: #2563eb;--st-neutral-bg: #f0f0f0;--st-neutral: #555555;--st-fault-bg: #fde8e8;--st-fault: #c0392b;--st-done-bg: #e8f8ee;--st-done: #27ae60;--radius-card: 20px;--radius-modal: 20px;--radius-button: 12px;--radius-input: 12px;--shadow-card: 0 1px 3px rgba(14,24,30,.06), 0 4px 16px rgba(14,24,30,.04);--shadow-modal: 0 8px 40px rgba(14,24,30,.16);--primaer: var(--color-primary);--primaer-dunkel: var(--color-primary-hover);--primaer-90: var(--color-accent-soft);--primaer-95: var(--color-bg);--primaer-80: var(--color-input);--primaer-60: var(--color-muted);--titel: var(--color-dark);--text: var(--color-text);--text-leise: #8a979e;--radius: var(--radius-button);--radius-gross: var(--radius-card);--schatten: var(--shadow-card);--tippflaeche: 48px;--st-verrechnet-bg: var(--st-done-bg);--st-verrechnet: var(--st-done);--st-fehler-bg: var(--st-fault-bg);--st-fehler: var(--st-fault);--schrift: "Mona Sans", Calibri, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--schrift);color:var(--color-text);background:var(--color-bg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--color-dark);margin:0 0 .5em;line-height:1.3;font-weight:600}h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:1rem}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary)}code{font-size:.88em;background:var(--color-line);padding:1px 5px;border-radius:6px}.leise{color:var(--text-leise);font-size:.875em}.zahl{font-variant-numeric:tabular-nums}.icon{flex:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:var(--radius-button);border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.btn:hover{background:var(--color-accent-soft)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primaer{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn.primaer:hover{background:var(--color-primary-hover)}.btn.primaer:active{background:var(--color-primary-active)}.btn.flach{border-color:transparent;background:transparent;color:var(--color-text)}.btn.flach:hover{background:var(--color-line)}.btn.gefahr{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn.gefahr:hover{background:#a93226}.btn.flach.gefahr{background:transparent;border-color:transparent;color:var(--color-danger)}.btn.claude{border-color:var(--color-primary)}.btn.klein{min-height:32px;padding:6px 12px;border-radius:10px;font-size:.8125rem}.btn.gross{min-height:var(--tippflaeche);font-size:1rem;width:100%;white-space:normal;text-align:center;padding:10px 20px;border-radius:14px}.btn.riesig{min-height:60px;font-size:1.0625rem;width:100%;border-radius:14px;white-space:normal}.btn-icon{position:relative;width:40px;height:40px;display:inline-grid;place-items:center;border-radius:var(--radius-button);border:0;background:transparent;color:var(--color-text);cursor:pointer}.btn-icon:hover{background:var(--color-line)}.btn-icon .punkt{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:600;display:grid;place-items:center}.feld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.feld>label{font-weight:500;font-size:.8125rem;color:var(--color-text)}.feld input,.feld select,.feld textarea,.eingabe{min-height:42px;padding:8px 12px;font-size:.9375rem;border:1px solid var(--color-input);border-radius:var(--radius-input);background:#fff;color:var(--color-text);width:100%}.feld textarea,textarea.eingabe{min-height:72px;resize:vertical}.feld input::placeholder,.eingabe::placeholder,textarea::placeholder{color:var(--color-muted)}.feld input:focus,.feld select:focus,.feld textarea:focus,.eingabe:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px var(--color-primary)}.feld .fehler{color:var(--color-danger);font-size:.8125rem}.reihe{display:flex;gap:8px;align-items:center}.reihe>*{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:38px;padding:6px 14px;border-radius:999px;border:1px solid var(--color-input);background:#fff;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--color-text)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip.aktiv{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.check{display:flex;gap:10px;align-items:flex-start;padding:4px 0;cursor:pointer;font-size:.9375rem}.check input{width:18px;height:18px;margin-top:3px;accent-color:var(--color-primary)}.karte{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px}.karte+.karte{margin-top:16px}.karte.kompakt{padding:4px 20px}.flaeche{background:var(--color-bg);border-radius:var(--radius-input);padding:12px 14px}.icon-kachel{width:40px;height:40px;flex:none;border-radius:12px;background:var(--color-accent-soft);color:var(--color-primary);display:inline-grid;place-items:center}.hinweis{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius-input);padding:12px 14px;font-size:.875rem;border:1px solid;margin-bottom:12px}.hinweis.info{background:var(--st-aktiv-bg);border-color:#2970944d;color:var(--st-aktiv)}.hinweis.warn{background:var(--st-offen-bg);border-color:#b8860b4d;color:#8a6508}.hinweis.fehler{background:var(--st-fault-bg);border-color:#c0392b4d;color:var(--st-fault)}.hinweis.ok{background:var(--st-done-bg);border-color:#27ae604d;color:#1e8449}.hinweis .sym{font-weight:700}.platzhalter{border:2px dashed var(--color-muted);border-radius:var(--radius-input);padding:12px 14px;color:var(--color-text);background:var(--color-bg);font-size:.875rem}.platzhalter b{display:block;color:var(--color-dark);font-weight:600}.status{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:999px;white-space:nowrap}.status.erfasst{color:var(--st-neutral);background:var(--st-neutral-bg)}.status.freigegeben{color:var(--st-aktiv);background:var(--st-aktiv-bg)}.status.verrechnet{color:var(--st-done);background:var(--st-done-bg)}.status.ohne_rechnung{color:var(--st-progress);background:var(--st-progress-bg)}.status.offen{color:var(--st-offen);background:var(--st-offen-bg)}.status.fehler{color:var(--st-fault);background:var(--st-fault-bg)}table.tab{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.karte table.tab,.sheet table.tab{box-shadow:none;border-radius:0}table.tab th{text-align:left;font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;border-bottom:1px solid var(--color-line);white-space:nowrap}table.tab td{padding:14px 20px;border-bottom:1px solid var(--color-line-row);vertical-align:top;color:var(--color-text)}table.tab tr:last-child td{border-bottom:0}table.tab tbody tr:hover td{background:var(--color-line-row)}table.tab td.r,table.tab th.r{text-align:right}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.kachel{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 20px}.kachel .lbl{font-size:.8125rem;color:var(--text-leise);font-weight:500;order:-1}.kachel .wert{font-size:1.75rem;font-weight:600;color:var(--color-dark);font-variant-numeric:tabular-nums;line-height:1.2}.kachel{display:flex;flex-direction:column;gap:2px}.kachel.warn .wert{color:var(--st-offen)}.liste{list-style:none;margin:0;padding:0}.liste>li{border-bottom:1px solid var(--color-line);padding:12px 0}.liste>li:last-child{border-bottom:0}.zeile{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wahl{width:100%;text-align:left;min-height:var(--tippflaeche);padding:10px 16px;border:0;border-radius:var(--radius-input);background:#fff;box-shadow:var(--shadow-card);cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--color-text)}.wahl+.wahl{margin-top:8px}.wahl:hover{background:var(--color-line-row)}.wahl.aktiv{box-shadow:0 0 0 2px var(--color-primary);background:var(--color-accent-soft)}.wahl:disabled{opacity:.5;cursor:not-allowed}.abschnitt{margin:24px 0 10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600}.balken{height:8px;border-radius:4px;background:var(--color-line);overflow:hidden}.balken>div{height:100%;background:var(--color-primary)}.balken.warn>div{background:var(--color-warning)}.app{display:flex;height:100%}.app-haupt{flex:1;min-width:0;height:100%}.admin{height:100%}.shell{display:grid;grid-template-columns:240px 1fr;height:100%;background:var(--color-bg)}.sidebar{background:var(--color-dark);display:flex;flex-direction:column;height:100%;min-height:0}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-bild{height:22px;width:auto;display:block}.sidebar .logo-bild{filter:brightness(0) invert(1);opacity:.95}.sidebar-fuss button{margin-left:auto}.logo-icon{width:32px;height:32px;border-radius:8px;background:var(--color-primary);color:#fff;display:grid;place-items:center;flex:none}.logo-icon.klein{width:22px;height:22px;border-radius:6px;display:inline-grid;margin-right:6px;vertical-align:middle}.logo-name{display:block;color:#fff;font-weight:600;font-size:.875rem;line-height:1.2}.logo-bereich{display:block;color:#fff6;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav button{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:42px;border:0;border-radius:10px;background:none;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:background-color .15s,color .15s}.sidebar-nav button:hover{color:#fff;background:#ffffff14}.sidebar-nav button.aktiv{background:var(--color-primary);color:#fff}.nav-kurz{display:none}.nav-anz{margin-left:auto;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ffffff26;color:#fff;display:grid;place-items:center}.nav-anz.warn{background:var(--color-warning)}.sidebar-fuss{display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.1)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;flex:none}.fuss-name{margin:0;color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fuss-rolle{margin:0;color:#fff6;font-size:10px}.shell-haupt{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.seitenkopf{background:#fff;border-bottom:1px solid var(--color-line);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.seitenkopf h1{margin:0}.seitenkopf .zurueck{flex:none;min-width:48px;min-height:48px;margin-left:-8px}.breadcrumbs{font-size:.75rem;color:var(--color-muted);margin-bottom:2px}.breadcrumbs .aktuell{color:var(--color-text)}.breadcrumbs .trenner{margin:0 6px}.seitenkopf-aktion{display:flex;align-items:center;gap:8px;flex:none}.mobil-marke{display:none}.shell-inhalt{flex:1;overflow-y:auto;padding:24px}.seite{max-width:1100px;margin:0 auto}.seite.breit{max-width:none}.seite>.schmal,.schmal{max-width:760px}.admin-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.admin-kopf p{margin:0;color:var(--text-leise);font-size:.875rem}.raster{display:grid;gap:16px}.raster.zwei{grid-template-columns:1fr 1fr}.raster.vier{grid-template-columns:repeat(4,1fr)}.reiter{display:flex;gap:4px;border-bottom:1px solid var(--color-line);margin-bottom:16px;flex-wrap:wrap}.reiter button{border:0;background:none;padding:10px 14px;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--text-leise);border-bottom:2px solid transparent;margin-bottom:-1px}.reiter button.aktiv{color:var(--color-primary);border-bottom-color:var(--color-primary)}.quelle{font-size:.75rem;font-weight:500;color:var(--st-aktiv);background:var(--st-aktiv-bg);padding:2px 8px;border-radius:999px}.sheet-hg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0e181e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.sheet{background:#fff;width:100%;max-width:560px;max-height:88vh;border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);display:flex;flex-direction:column}.sheet.breit,.admin .sheet{max-width:760px}.admin .sheet.breit{max-width:1000px}.sheet-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--color-line)}.sheet-kopf h2{margin:0;font-size:1.125rem}.sheet-kopf .btn.flach{color:var(--color-muted);min-height:32px;padding:4px 8px}.sheet-kopf .btn.flach:hover{color:var(--color-text);background:none}.sheet-inhalt{overflow-y:auto;padding:20px 24px 24px}.erinnerung{position:fixed;right:24px;top:120px;width:min(400px,calc(100vw - 20px));z-index:45;background:var(--color-dark);color:#fff;border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-modal);animation:rein .25s ease-out}.erinnerung .btn{background:#ffffff1a;color:#fff;border-color:#ffffff40}.erinnerung .btn.primaer{background:var(--color-primary);border-color:var(--color-primary)}@keyframes rein{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.knopfreihe{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.heute-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.heute-raster .heute-titel-rechts{margin-top:0}.status-karte{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;margin-bottom:16px}.status-karte.arbeit{background:var(--color-primary);color:#fff}.status-karte.telefon{background:var(--st-offen);color:#fff}.status-karte.feierabend{background:var(--st-done-bg)}.status-karte .gross-zeit{font-size:2.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;margin:6px 0;letter-spacing:-.01em}.status-karte .klein{opacity:.85;font-size:.875rem}.status-karte.arbeit .btn,.status-karte.telefon .btn{background:#ffffff1f;border-color:#ffffff59;color:#fff}.status-karte.arbeit .btn:hover,.status-karte.telefon .btn:hover{background:#fff3}.status-karte.arbeit .btn.weiss,.status-karte.telefon .btn.weiss{background:#fff;border-color:#fff;color:var(--color-primary)}.status-karte.telefon .btn.weiss{color:var(--st-offen)}.knopf-raster{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.knopf-raster .btn{min-height:52px;font-size:.9375rem;white-space:normal;border-radius:14px}.balken-tag{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 18px 12px}.balken-tag.klickbar{cursor:pointer}.balken-tag.klickbar:hover{box-shadow:0 0 0 2px var(--color-accent-soft),var(--shadow-card)}.sheet .balken-tag{box-shadow:none;padding:0}.balken-spur{position:relative;height:34px;border-radius:10px;background:repeating-linear-gradient(45deg,#fff,#fff 5px,var(--color-bg) 5px,var(--color-bg) 10px);overflow:hidden;border:1px solid var(--color-line)}.balken-block{position:absolute;top:0;bottom:0;background:var(--color-accent-soft)}.balken-block.laeuft{box-shadow:inset -3px 0 0 var(--color-primary)}.balken-seg{position:absolute;top:5px;bottom:5px;border-radius:5px}.balken-jetzt{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--color-danger)}.balken-skala{position:relative;height:18px;font-size:.6875rem;color:var(--color-muted)}.balken-skala span{position:absolute;transform:translate(-50%)}.balken-legende{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8125rem;margin-top:4px}.balken-legende i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.kacheln-kunde{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.kachel-kunde{text-align:left;min-height:72px;padding:10px 14px;border:1px solid var(--color-input);border-radius:var(--radius-input);background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:2px}.kachel-kunde:hover{border-color:var(--color-primary);background:var(--color-line-row)}.kachel-kunde b{color:var(--color-dark);line-height:1.25;font-weight:600}.kachel-kunde span{font-size:.75rem;color:var(--text-leise)}.gewaehlt{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--color-bg);border-radius:var(--radius-input);padding:10px 14px;margin-bottom:14px}.sla-wahl{margin-bottom:14px}.segment-gross{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment-gross button{min-height:64px;padding:10px 12px;border:1px solid var(--color-input);border-radius:var(--radius-input);background:#fff;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;color:var(--color-text)}.segment-gross button b{color:var(--color-dark);font-weight:600}.segment-gross button span{font-size:.75rem;color:var(--text-leise);line-height:1.3}.segment-gross button:hover{border-color:var(--color-primary)}.segment-gross button.aktiv{border-color:var(--color-primary);background:var(--color-accent-soft);box-shadow:0 0 0 1px var(--color-primary)}.segment-gross button.aktiv b{color:var(--color-primary)}details.mehr{margin:12px 0 16px;border-top:1px solid var(--color-line);padding-top:8px}details.mehr summary{cursor:pointer;font-weight:500;font-size:.875rem;color:var(--color-primary);min-height:40px;display:flex;align-items:center}.eintrag{width:100%;text-align:left;border:0;border-bottom:1px solid var(--color-line);background:none;padding:12px 0;display:flex;gap:12px;align-items:center;cursor:pointer;color:var(--color-text)}.eintrag:last-child{border-bottom:0}.eintrag:hover:not(:disabled){background:var(--color-line-row)}.eintrag:disabled{cursor:default}.eintrag i{width:4px;align-self:stretch;border-radius:2px;flex:none}.eintrag b{font-weight:600;color:var(--color-dark)}.menue .wahl{min-height:60px}.schritte{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.schritte span{font-size:.75rem;padding:3px 10px;border-radius:999px;background:var(--st-neutral-bg);color:var(--st-neutral);font-weight:500}.schritte span.aktiv{background:var(--color-primary);color:#fff}.schritte span.fertig{background:var(--st-done-bg);color:var(--st-done)}.mcp{font-family:ui-monospace,Consolas,monospace;font-size:.8125rem;background:var(--color-dark);color:#d6e6ee;border-radius:var(--radius-input);padding:12px 14px;margin:10px 0;white-space:pre-wrap}.szenarien-panel{width:440px;max-width:100%;height:100%;border-left:1px solid var(--color-line);background:var(--color-bg);overflow-y:auto;padding:20px}.szenario{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 20px;margin-bottom:14px}.szenario h3{display:flex;align-items:center;gap:8px}.szenario ol{margin:6px 0 10px;padding-left:20px;font-size:.875rem}.szenario li{margin-bottom:4px}.fortschritt{font-size:.75rem;color:var(--text-leise);margin-left:auto;font-weight:500}.toasts{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius-input);border:1px solid;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #0000001a;max-width:min(480px,92vw);background:var(--st-aktiv-bg);color:var(--st-aktiv);border-color:#2970944d;animation:rein .2s ease-out}.toast.ok{background:var(--st-done-bg);color:#1e8449;border-color:#27ae604d}.toast.fehler{background:var(--st-fault-bg);color:var(--st-fault);border-color:#c0392b4d}.tooltip{position:fixed;z-index:200;transform:translate(-50%,-100%);max-width:260px;padding:8px 12px;border-radius:10px;background:var(--color-dark);color:#fff;font-size:.8125rem;font-weight:400;line-height:1.4;box-shadow:var(--shadow-modal);pointer-events:none;animation:tipp-rein .12s ease-out;text-align:left}.tooltip.unten{transform:translate(-50%)}@keyframes tipp-rein{0%{opacity:0}to{opacity:1}}[data-tipp]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}canvas.unterschrift{width:100%;height:170px;border:2px dashed var(--color-muted);border-radius:var(--radius-input);touch-action:none;background:#fff;display:block}.unterschrift-hilfe{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-muted);pointer-events:none;font-weight:500}.beleg{width:100%;height:140px;border-radius:var(--radius-input);background:linear-gradient(135deg,var(--color-accent-soft),#fff);border:1px solid var(--color-input);display:grid;place-items:center;color:var(--color-primary);font-weight:600}@media (max-width: 760px){.shell{grid-template-columns:1fr}.shell.mobil-unten .sidebar{position:fixed;left:0;right:0;bottom:0;height:auto;z-index:40}.shell.mobil-oben{grid-template-rows:auto 1fr}.sidebar-logo,.sidebar-fuss{display:none}.sidebar-nav{flex-direction:row;padding:0;gap:0;overflow-x:auto}.sidebar-nav button{flex:1;flex-direction:column;justify-content:center;gap:2px;min-height:60px;padding:6px 4px;border-radius:0;font-size:.6875rem;position:relative;white-space:nowrap}.shell.mobil-oben .sidebar-nav button{flex:none;min-width:76px;min-height:52px}.sidebar-nav button.aktiv{background:none;color:#fff}.sidebar-nav button.aktiv:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px}.nav-lang{display:none}.nav-kurz{display:inline}.nav-anz{position:absolute;top:4px;left:calc(50% + 6px);margin:0;height:16px;min-width:16px;font-size:10px;padding:0 4px}.shell.mobil-unten .shell-inhalt{padding-bottom:84px}.seitenkopf{padding:10px 16px}.seitenkopf h1{font-size:1.0625rem}.breadcrumbs{display:none}.mobil-marke{display:flex;align-items:center;font-size:.75rem;font-weight:600;color:var(--color-dark);margin-bottom:2px}.shell-inhalt,.karte{padding:16px}.status-karte{padding:18px}.heute-raster{grid-template-columns:1fr;gap:0}.heute-raster .heute-titel-rechts{margin-top:24px}.raster.zwei,.raster.vier{grid-template-columns:1fr}.szenarien-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:60;border-left:0}.sheet-hg{align-items:flex-end;padding:0}.sheet,.sheet.breit,.admin .sheet,.admin .sheet.breit{max-width:none;max-height:92vh;border-radius:20px 20px 0 0}.sheet-kopf{padding:18px 16px 12px}.sheet-inhalt{padding:16px 16px 24px}.erinnerung{left:10px;right:10px;width:auto;top:10px}.toasts{left:16px;right:16px;bottom:80px;align-items:stretch}}.laedt{color:var(--text-leise);font-size:.875rem;padding:12px 0}.anmeldung{min-height:100%;display:grid;place-items:center;padding:24px}.anmeldung .karte{max-width:420px;width:100%;text-align:center}.anmeldung .logo-bild{height:28px;margin:0 auto 16px}.beleg-bild{width:100%;max-height:220px;object-fit:contain;border-radius:var(--radius-input);border:1px solid var(--color-input);background:#fff}.kw-nav{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kw-nav>div{flex:1;text-align:center}.nav-gruppe,.nav-gruppe .nav-kinder{display:flex;flex-direction:column;gap:2px}.sidebar-nav .nav-kind{padding-left:38px;min-height:36px;font-size:.8125rem}.sidebar-nav .nav-pfeil{margin-left:auto;font-size:.75rem;opacity:.7}.sidebar-nav button.eltern .nav-anz+.nav-pfeil{margin-left:8px}.saldo-wochen{width:100%;border-collapse:collapse;font-size:.875rem}.saldo-wochen th,.saldo-wochen td{padding:8px 6px;text-align:right;border-bottom:1px solid var(--color-line);white-space:nowrap}.saldo-wochen th:first-child,.saldo-wochen td:first-child{text-align:left}.saldo-wochen th{font-weight:600;color:var(--text-leise);font-size:.75rem;text-transform:uppercase;letter-spacing:.02em}.saldo-wochen tr:last-child td{border-bottom:0}@media (max-width: 760px){.nav-gruppe,.nav-gruppe .nav-kinder{display:contents}.sidebar-nav .nav-kind{padding-left:4px;min-height:60px;font-size:.6875rem;background:#ffffff0f}.shell.mobil-oben .sidebar-nav .nav-kind{min-height:52px}.sidebar-nav .nav-pfeil{position:absolute;right:4px;top:4px;margin:0}}.sidebar-fuss .abmelden{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:6px 10px;font-size:.8125rem;display:inline-flex;gap:6px;align-items:center;cursor:pointer;white-space:nowrap}.sidebar-fuss .abmelden:hover{background:#ffffff1f}.eintrag .marke{display:inline-block;font-size:.6875rem;padding:1px 6px;border-radius:10px;background:var(--color-line-row);color:var(--color-text);margin-left:6px;vertical-align:middle}.ansicht-zeile{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-line)}.ansicht-zeile:last-child{border-bottom:0}.ansicht-zeile span:first-child{color:var(--color-muted, #6b7378)}.offline{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--st-fault-bg);color:var(--st-fault);border-bottom:1px solid rgba(192,57,43,.3);padding:10px 16px;font-size:.875rem;text-align:center}@media (max-width: 760px){.shell{max-width:100vw;overflow-x:hidden}.sidebar{min-width:0;max-width:100vw;overflow:hidden}.shell-inhalt{overflow-x:hidden}table.tab{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}table.tab th,table.tab td{white-space:nowrap}}
