:root{color:#1c1c1c;background:#f7f6f3;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0}.center{max-width:380px;margin:15vh auto 0;padding:0 16px}h1{margin-bottom:.25rem;font-size:2rem}.muted{color:#6b6b6b}.error{color:#b00020}form{flex-direction:column;gap:8px;margin-top:24px;display:flex}input{font:inherit;border:1px solid #ccc;border-radius:8px;padding:10px 12px}button{font:inherit;color:#fff;cursor:pointer;background:#1c1c1c;border:0;border-radius:8px;padding:10px 12px}button:disabled{opacity:.6}.leiste{background:#fff;border-bottom:1px solid #e4e2dc;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.leiste nav{flex:1;gap:12px;display:flex}.leiste nav a{color:#6b6b6b;padding:4px 0;text-decoration:none}.leiste nav a.active{color:#1c1c1c;border-bottom:2px solid #1c1c1c}.seite{max-width:1100px;margin:0 auto;padding:16px}.klein{font-size:.85rem}a{color:#1c1c1c}h2{margin:8px 0}h3{margin:16px 0 8px}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.knoepfe{flex-wrap:wrap;gap:8px;display:flex}.karte{background:#fff;border:1px solid #e4e2dc;border-radius:10px;margin:12px 0;padding:12px 16px}.karte.erfolg{background:#f1f9f0;border-color:#8bc48a}.karte.hinweis{background:#fdf8ea;border-color:#e6c46a}.karte summary{cursor:pointer}.raster{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:8px;display:grid}.raster label,.karte>label{color:#4a4a4a;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.raster .breit{grid-column:1/-1}select{font:inherit;background:#fff;border:1px solid #ccc;border-radius:8px;padding:9px 10px}button.zweit{color:#1c1c1c;background:#fff;border:1px solid #ccc}button.link{color:#1c1c1c;background:0 0;padding:2px 4px;text-decoration:underline}.gefahr{color:#b00020!important}table{border-collapse:collapse;background:#fff;width:100%;font-size:.92rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eeece6;padding:8px 10px}th{color:#4a4a4a;background:#faf9f6;font-weight:600}td.zahl,th.zahl{text-align:right;white-space:nowrap}td.aktionen{white-space:nowrap;text-align:right}.marke{white-space:nowrap;background:#eee;border-radius:999px;padding:2px 8px;font-size:.8rem}.marke.vermietet{background:#e3f3e2}.marke.gekuendigt{background:#fde8d7}.marke.leer{background:#f0f0f0}.marke.renovierung{background:#e5ecfb}.datei input{margin-top:6px;display:block}@media (width<=640px){table{display:block;overflow-x:auto}}label.warnung input,label.warnung select{background:#fffbea;border-color:#e0a800}.marke.vorschlag{background:#fdf3c4}.marke.uebernommen{background:#e3f3e2}.marke.fehler{background:#fde2e2}.marke.laeuft,.marke.offen{background:#e5ecfb}select.marke{cursor:pointer;border:0;padding:3px 8px;font-size:.8rem}.warnhinweis{color:#8a5a00;max-width:200px;margin-top:4px}.warnhinweis.breit{max-width:none}label.haken,.karte>label.haken{flex-direction:row;align-items:center;gap:8px;margin-top:8px}label.haken input{width:auto}tr.erledigt td{color:#6b6b6b}tr.erledigt td.titel{text-decoration:line-through}.ueberfaellig{color:#b00020;font-weight:600}textarea{font:inherit;border:1px solid #ccc;border-radius:8px;padding:9px 10px}a.knopf{color:#fff;background:#1c1c1c;border-radius:8px;padding:10px 12px;text-decoration:none;display:inline-block}a.knopf.zweit{color:#1c1c1c;background:#fff;border:1px solid #ccc}form.zuordnen{flex-flow:wrap;align-items:center;gap:6px;margin-top:0}form.zuordnen select,form.zuordnen input{width:auto;max-width:220px;padding:6px 8px}form.zuordnen input[inputmode=decimal]{width:90px}.marke.freigegeben{background:#e5ecfb}.marke.versendet{background:#e3f3e2}.brief{background:#fff;border:1px solid #e4e2dc;border-radius:10px;margin:16px 0;padding:24px}.brief h3{margin-top:20px}.brief-kopf th{text-align:left;width:12em;font-weight:600}.brief .ergebnis{margin-top:16px;font-size:1rem}.entwurf-stempel{color:#b00020;text-align:center;border:2px dashed #b00020;padding:6px 10px;font-weight:600}@media print{.leiste,.nicht-drucken{display:none!important}body{background:#fff}.seite{max-width:none;padding:0}.brief{break-after:page;border:none;border-radius:0;margin:0;padding:0}.brief:last-child{break-after:auto}.brief table{font-size:10pt;display:table}.brief tr{break-inside:avoid}}.notfaelle{margin:12px 0 20px}.karte.notfall{background:#fdecee;border:2px solid #b00020}.notfall-hinweis{color:#7a0016;flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.notfall-hinweis strong{font-size:1.05rem}.nachricht-text{white-space:pre-wrap;margin:8px 0}.raster label.haken{flex-direction:row;align-items:center;gap:8px}.aktionen{align-items:center;margin-top:8px}.marke.kat-schaden{background:#fde8d7}.marke.kat-kuendigung{background:#fde2e2}.marke.kat-zahlung{background:#e5ecfb}.marke.kat-frage{background:#e3f3e2}.marke.auftrag-entwurf{background:#fdf3c4}.marke.auftrag-freigabe_noetig{background:#fde8d7}.marke.auftrag-freigegeben{background:#e5ecfb}.marke.auftrag-beauftragt{background:#ede5fb}.marke.auftrag-erledigt,.marke.auftrag-abgerechnet{background:#e3f3e2}.antwort{border-top:1px dashed #e2dfd6;margin-top:10px;padding-top:10px}.antwort>label{flex-direction:column;gap:4px;display:flex}.marke.autopilot-moeglich{background:#e3f3e2}.marke.autopilot-an_gesperrt{background:#fdf3c4}.marke.autopilot-an{background:#e3f3e2}.marke.autopilot-nie{background:#fde2e2}.galerie{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.galerie li{background:#faf9f6;border:1px solid #e4e2dc;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.galerie li.titelbild{border:2px solid #1c1c1c}.galerie img,.galerie .platzhalter{aspect-ratio:4/3;object-fit:cover;background:#eee;border-radius:6px;width:100%}.galerie .platzhalter{color:#6b6b6b;justify-content:center;align-items:center;font-size:.8rem;display:flex}textarea.volle-breite{box-sizing:border-box;width:100%}.expose-druck h1{font-size:1.6rem}.expose-titelbild{object-fit:cover;border-radius:6px;width:100%;max-height:420px;margin:8px 0 12px}.expose-druck table th{background:0 0;width:40%}.expose-text{white-space:pre-wrap;margin:16px 0;line-height:1.5}.expose-bilder{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.expose-bilder img{aspect-ratio:4/3;object-fit:cover;break-inside:avoid;border-radius:4px;width:100%}.expose-grundriss{break-inside:avoid;max-width:100%;max-height:600px;margin:8px auto;display:block}@media print{.expose-druck{break-after:auto}.expose-druck img{break-inside:avoid}}.uebergabe{max-width:640px;margin:0 auto;padding-bottom:96px}.uebergabe .karte>label,.uebergabe .unterschrift-block label{color:#4a4a4a;flex-direction:column;gap:4px;margin:10px 0;font-size:.9rem;display:flex}.uebergabe input,.uebergabe textarea,.uebergabe select{padding:12px;font-size:1rem}.uebergabe button,.uebergabe .knopf{min-height:48px}.fortschritt{z-index:2;background:#f7f6f3;padding:8px 0;position:sticky;top:0}.fortschritt progress{accent-color:#1c1c1c;width:100%;height:10px}.wahl{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:8px 0;display:grid}.wahl button{min-height:56px;font-size:1.05rem}.wahl button.zustand-gut{background:#2e7d32}.wahl button.zustand-gebrauchsspuren{background:#b26a00}.wahl button.zustand-mangel{background:#b00020}.zeile{flex-direction:row;align-items:center;gap:8px;margin:6px 0;display:flex}.zeile input,.zeile select{flex:1;min-width:0}.zeile input.anzahl{flex:0 0 90px}.raumliste{margin:8px 0;padding:0;list-style:none}.raumliste li{border-bottom:1px solid #eeece6;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.mangel{border:1px solid #eeece6;border-radius:8px;flex-direction:column;gap:6px;margin:8px 0;padding:8px;display:flex}.fotos{flex-wrap:wrap;gap:6px;display:flex}.fotos figure{flex-direction:column;align-items:center;margin:0;display:flex}.fotos img{object-fit:cover;border-radius:6px;width:96px;height:96px}label.knopf{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}label.knopf.zweit{color:#1c1c1c;background:#fff;border:1px solid #ccc}.schritt-knoepfe{z-index:3;background:#fff;border-top:1px solid #e4e2dc;gap:8px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.schritt-knoepfe button{flex:1}button.gross,a.knopf.gross{text-align:center;width:100%;min-height:56px;margin:8px 0;font-size:1.1rem}.unterschrift canvas{touch-action:none;background:#fff;border:2px dashed #bbb;border-radius:8px;width:100%;height:200px;margin-bottom:8px;display:block}.unterschrift-bild{object-fit:contain;background:#fff;border:1px solid #eee;border-radius:8px;max-width:100%;height:120px}.unterschriften{break-inside:avoid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;display:grid}.unterschriften img,.unterschrift-leer{object-fit:contain;max-width:100%;height:80px}.unterschriften .linie{border-top:1px solid #1c1c1c;padding-top:4px}.uebergabe-druck .fotos img{width:120px;height:90px}.marke.online{background:#e3f3e2}.marke.pausiert{background:#fdf3c4}.marke.beendet{background:#f0f0f0}.marke.entwurf{background:#e5ecfb}table.felder{margin:8px 0 16px}table.felder th{width:30%}pre.feldtext{white-space:pre-wrap;max-height:14rem;margin:0;font-family:inherit;overflow:auto}.vertragstext{white-space:pre-wrap;font-family:inherit;line-height:1.5}pre.vertragstext{max-height:60vh;overflow:auto}@media print{pre.vertragstext{max-height:none;overflow:visible}}