*{margin:0;padding:0;box-sizing:border-box}:root{--navy-900: #0d1f2d;--navy-600: #16364a;--orange: #ff7a1a;--orange-soft: #ff9234;--gruen: #2bb673;--rot: #e05252;--grau-linie: #d5dee6;--grau-text: #5b6b78}body{font-family:Inter,system-ui,sans-serif;color:var(--navy-900);background:#eef2f6}.seite{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(150deg,var(--navy-900),var(--navy-600));color:#fff}.brand{font-weight:900;letter-spacing:.4px}.brand span{color:var(--orange-soft)}.mitte{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px}.status{display:flex;align-items:center;gap:9px;background:#fff;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700;box-shadow:0 2px 10px #0d1f2d14}.dot{width:10px;height:10px;border-radius:50%}.dot.gruen{background:var(--gruen)}.dot.rot{background:var(--rot)}.dot.grau{background:#b8c5d0}.karte{background:#fff;border-radius:16px;box-shadow:0 2px 14px #0d1f2d17;padding:30px 28px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:440px;text-align:left}.karte h1{font-size:22px;font-weight:900}.karte p{color:var(--grau-text);font-size:14.5px;line-height:1.55}.feld-label{font-size:13px;font-weight:700}.feld{font-family:inherit;font-size:16px;padding:14px 16px;border:1.6px solid var(--grau-linie);border-radius:10px;outline:none;transition:border-color .12s ease;color:var(--navy-900)}.feld:focus{border-color:var(--orange)}.fehlertext{color:var(--rot);font-size:13.5px;font-weight:600}.btn{font-family:inherit;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,var(--orange),var(--orange-soft));color:#fff;font-weight:800;font-size:15.5px;border-radius:999px;padding:15px 24px;box-shadow:0 3px 10px #ff7a1a52;transition:transform .06s ease,opacity .12s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn--ghost{background:#eef2f6;color:var(--navy-900);box-shadow:none}.btn--gefahr{background:var(--rot);box-shadow:0 3px 10px #e0525252}.beispiel-chips{display:flex;gap:8px;flex-wrap:wrap}.chip-klick{font-family:inherit;cursor:pointer;border:1.4px solid var(--grau-linie);background:#fff;color:var(--grau-text);font-size:12.5px;font-weight:700;border-radius:999px;padding:7px 14px}.chip-klick:hover{border-color:var(--orange);color:var(--orange)}.dashboard{width:100%;max-width:760px;display:flex;flex-direction:column;gap:18px}.dashboard-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-kopf h1{font-size:22px;font-weight:900}.dashboard-unter{color:var(--grau-text);font-size:13.5px;font-weight:600;margin-top:2px}.geraete-liste{list-style:none;display:flex;flex-direction:column;gap:12px}.geraete-zeile{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.geraete-info{display:flex;flex-direction:column;gap:4px}.geraete-name{font-weight:800;font-size:15.5px;display:flex;align-items:center;gap:8px}.geraete-datum{font-size:13px;color:var(--grau-text)}.geraete-aktionen{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.geraete-leer{color:var(--grau-text);font-size:14px;padding:8px 4px}.chip-info{font-size:10.5px;font-weight:700;color:var(--gruen);background:#e5f7ee;border-radius:999px;padding:3px 9px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{font-family:inherit;cursor:pointer;border:1.6px solid var(--grau-linie);background:#fff;color:var(--navy-900);font-size:14px;font-weight:700;border-radius:999px;padding:10px 18px}.tab--aktiv{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.bereich-inhalt{display:flex;flex-direction:column;gap:16px}.bereich-kopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bereich-titel{font-size:17px;font-weight:900;margin-bottom:4px}.bereich-untertitel{color:var(--grau-text);font-size:13.5px;margin-bottom:10px}.feld--suche{flex:1;min-width:240px}.feld--auswahl{flex:1;min-width:200px}.kunden-liste{list-style:none;display:flex;flex-direction:column;gap:12px}.kunden-zeile{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;transition:box-shadow .12s ease}.kunden-zeile:hover{box-shadow:0 4px 16px #0d1f2d21}.chip-status{font-size:10.5px;font-weight:700;color:var(--grau-text);background:#eef2f6;border-radius:999px;padding:3px 9px;white-space:nowrap}.chip-status--aktiv{color:var(--gruen);background:#e5f7ee}.chip-status--info{color:var(--navy-600);background:#e8f0f7}.chip-status--fehler{color:var(--rot);background:#fdecec}.archiv-umschalter{display:flex;gap:8px}.kunden-zeile--archiviert{opacity:.6}.archiv-bestaetigung{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff8f1;border:1.5px solid #ffd9b8;border-radius:12px;padding:14px 16px;font-weight:600}.karte--breit{max-width:640px}.formzeile{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.formzeile--eng{gap:10px}.formzeile--spalte{flex-direction:column;align-items:stretch}.formfeld{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.hinweis-gruen{color:var(--gruen);font-size:13.5px;font-weight:600}.onboarding-block{border-top:1.4px solid var(--grau-linie);margin-top:16px;padding-top:16px;display:flex;flex-direction:column;gap:10px}.onboarding-titel{font-size:15px;font-weight:800}.onboarding-url{font-family:ui-monospace,monospace;font-size:13.5px;background:#eef2f6;border-radius:10px;padding:12px 14px;word-break:break-all;-webkit-user-select:all;user-select:all}.onboarding-hinweis{color:var(--grau-text);font-size:12.5px}.zuordnung-abschnitt{display:flex;flex-direction:column}.zuordnung-liste{list-style:none;display:flex;flex-direction:column;gap:12px}.zuordnung-zeile{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.qr-bild{width:240px;height:240px;display:block;margin:4px 0 12px;border:1px solid var(--grau-linie);border-radius:12px;background:#fff;padding:8px}@media print{.topbar,.tabs,.dashboard-kopf,.formzeile,.onboarding-url{display:none}.qr-bild{width:60mm;height:60mm;border:none}}.nummernfrage{margin-top:12px;padding:14px 16px;border-radius:12px;background:#fff8f1;border:1.5px solid #ffd9b8}.nummernfrage-titel{font-weight:800;margin-bottom:6px}.nummernfrage-auswahl{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 8px}.nummernfrage-hinweis{font-size:12.5px;color:var(--grau-text)}.archiv-block{margin-top:48px;padding-top:20px;border-top:1.4px solid var(--grau-linie)}.archiv-block--offen{padding:16px 18px;border-radius:12px;background:#fdf2f2;border:1.5px solid #f3c8c8}.untertabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.hint{font-size:12.5px;color:var(--grau-text);font-weight:600;line-height:1.5}.warnhinweis{color:#b5480f;font-size:12.5px;font-weight:700;background:#fff0e2;border-radius:8px;padding:6px 10px;display:inline-block;width:fit-content}.anfragen-liste{list-style:none;display:flex;flex-direction:column;gap:14px}.anfrage-karte{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.anfrage-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.anfrage-wuensche{display:flex;gap:8px;flex-wrap:wrap}.anfrage-notiz{font-size:13.5px;color:var(--navy-600);font-style:italic}.anfrage-wartet{display:flex;flex-direction:column;gap:8px;margin-top:4px}.chip-wunsch{font-size:12px;font-weight:700;color:var(--navy-600);background:#eef2f6;border-radius:999px;padding:5px 12px;white-space:nowrap}.chip-wunsch--blau{background:#e8f0f7;color:var(--navy-600)}.reserve{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grau-text);font-weight:600}.raster-block{display:flex;flex-direction:column;gap:10px;margin-top:4px}.tabelle-scroll{overflow-x:auto}.slot-raster{border-collapse:separate;border-spacing:4px;width:100%}.slot-raster th{font-size:11.5px;font-weight:800;color:var(--grau-text);padding:4px 6px;white-space:nowrap}.slot-raster th[scope=row]{text-align:left;font-size:12.5px}.slot{display:block;width:100%;min-width:58px;text-align:center;font-family:inherit;font-size:12.5px;font-weight:700;padding:10px 6px;border-radius:8px;border:1.6px solid var(--grau-linie);background:#fafcfe;color:var(--navy-900);cursor:pointer}.slot--aus{color:#b8c5d0;background:#f4f7fa;text-decoration:line-through;cursor:default;border-style:dashed}.slot--wählbar:hover{border-color:var(--orange-soft)}.slot--wählbar:disabled{opacity:.4;cursor:default}.slot--gewählt{border-color:var(--orange);background:#fff4ea;color:var(--orange)}.slot--gruen{background:#e8f7ef;border-color:#9edbb9;color:#146c43}.slot--gelb{background:#fff7dc;border-color:#f1d27a;color:#7a5a00}.slot--rot{background:#fdecec;border-color:#f0b4b4;color:#a12d2d;cursor:not-allowed;border-style:dashed}.raster-legende{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;font-weight:600;color:var(--grau-text);margin:4px 0 6px}.raster-legende li{display:flex;align-items:center;gap:6px}.raster-legende .slot{display:inline-block;width:auto;padding:2px 8px;min-width:0;font-size:12px;text-decoration:none}.slot.slot--gewählt{border-color:var(--orange);background:#fff4ea;color:var(--orange);box-shadow:0 0 0 2px var(--orange) inset}.termin-gruppen{display:flex;flex-direction:column;gap:22px}.termin-tag-gruppe{display:flex;flex-direction:column;gap:10px}.termin-liste{list-style:none;display:flex;flex-direction:column;gap:10px}.termin-zeile{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.besuch-liste{list-style:none;display:flex;flex-direction:column;gap:12px}.besuch-zeile{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.fortschritt{display:flex;align-items:center;gap:6px;margin-top:6px}.fortschritt-punkt{width:10px;height:10px;border-radius:50%;background:var(--grau-linie)}.fortschritt-punkt--fertig{background:var(--gruen)}.fortschritt-punkt--aktiv{background:var(--orange)}.fortschritt-label{font-size:12px;font-weight:800;color:var(--orange);margin-left:6px}.such-treffer{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:8px}.anliegen-liste{list-style:none;display:flex;flex-direction:column;gap:14px}.anliegen-zeile{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.anliegen-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.schalter{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer}.schalter input{width:18px;height:18px;accent-color:var(--orange)}.wochentag-auswahl{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{font-family:inherit;cursor:pointer;border:1.6px solid var(--grau-linie);background:#fff;color:var(--navy-900);font-size:13px;font-weight:700;border-radius:8px;padding:8px 12px;min-width:42px}.tag-chip--aktiv{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.tag-chip:disabled{opacity:.4;cursor:default}.kosten-uebersicht{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0d1f2d12;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.kosten-zeile{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:800;font-size:14.5px}.kosten-balken{height:10px;border-radius:999px;background:#eef2f6;overflow:hidden}.kosten-balken-fuellung{height:100%;border-radius:999px;background:linear-gradient(120deg,var(--orange),var(--orange-soft));transition:width .2s ease}.kosten-balken-fuellung--voll{background:var(--rot)}.tab-zaehler{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:999px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;line-height:1;vertical-align:middle}.speicherleiste{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:30;width:calc(100% - 32px);max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px 12px 18px;border-radius:14px;background:var(--navy-900);color:#fff;box-shadow:0 8px 28px #0d1f2d52}.speicherleiste-platz{height:96px;flex:none}.speicherleiste-text{display:flex;flex-direction:column;gap:4px;font-size:14.5px;font-weight:700}.speicherleiste-bezug{font-weight:500;color:#c9d5df}.speicherleiste .fehlertext{color:#ffb4b4}.speicherleiste-knoepfe{display:flex;gap:10px}.speicherleiste-knoepfe .btn{padding:11px 20px;font-size:14.5px}@media(max-width:560px){.speicherleiste-knoepfe{width:100%}.speicherleiste-knoepfe .btn{flex:1}}@media print{.speicherleiste{display:none}}.einstellung-abschnitt{display:flex;flex-direction:column;gap:12px;padding:22px 22px 18px;background:#fff;border-radius:16px;box-shadow:0 2px 14px #0d1f2d17}.feld--mehrzeilig{resize:vertical;min-height:76px;line-height:1.5;font-family:inherit}.hinweis-liste{list-style:none;display:flex;flex-direction:column;gap:12px}.hinweis-karte{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fff;border-radius:14px;padding:16px 18px;border-left:5px solid var(--gruen);box-shadow:0 2px 10px #0d1f2d12}.hinweis-karte--abgesagt{border-left-color:var(--rot)}.hinweis-karte--hu{border-left-color:var(--orange)}.hinweis-kopf{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.hinweis-art{font-weight:900;font-size:15px}.hinweis-text{font-size:14.5px}.hu-vom-kunden{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px;padding:10px 12px;border-radius:10px;background:#fff4ea;border:1.5px solid #ffd2ad;font-size:13.5px;font-weight:700}.hu-vom-kunden .btn{padding:8px 14px;font-size:13.5px}.zeitraum-wahl{display:flex;gap:8px;flex-wrap:wrap}.chip-status--warn{color:#8a4b00;background:#fff1e0}.faellig-zeile .geraete-info{gap:6px}.erinnerung-stand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;padding:6px 10px;border-radius:8px;background:#f4f7fa}.erinnerung-stand--versendet{background:#e8f7ef}.erinnerung-stand--zurueckgehalten,.erinnerung-stand--unterdrueckt{background:#fff7dc}.btn--klein{padding:7px 14px;font-size:13px}.kennzahl-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kennzahl{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:#f4f7fa}.kennzahl-wert{font-size:28px;font-weight:900;color:var(--navy-900)}.kennzahl-leer{font-size:15px;font-weight:700;color:var(--grau-text);padding:8px 0}.kennzahl-titel{font-size:13px;font-weight:600;color:var(--grau-text)}