: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}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}