:root{--hg: #f4f5f7;--flaeche: #ffffff;--text: #1d2733;--leise: #5f6b7a;--linie: #e2e6eb;--linie-stark: #cfd5dd;--akzent: #1f5f8b;--akzent-dunkel: #174b6e;--akzent-zart: #e7f0f7;--gut: #1e7a48;--gut-zart: #e3f3e9;--warn: #8a5a00;--warn-zart: #fdf1d8;--krit: #b42318;--krit-zart: #fdeceb;--info: #23527c;--info-zart: #e6eef8;--seite: #18324a;--radius: 10px;--schatten: 0 1px 2px rgba(16, 24, 40, .06);color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--text);background:var(--hg)}*{box-sizing:border-box}body{margin:0;background:var(--hg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.25}.start{padding:48px;text-align:center;color:var(--leise)}.rahmen{display:flex;min-height:100vh}.seitenleiste{position:sticky;top:0;height:100vh;width:236px;flex:none;display:flex;flex-direction:column;background:var(--seite);color:#dbe6f0;padding:18px 12px}.marke-logo{display:flex;align-items:center;gap:10px;padding:4px 10px 22px}.marke-logo strong{display:block;color:#fff;font-size:16px}.marke-logo small{color:#9fb4c8}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#2c7cb4;color:#fff}.seitenleiste nav{display:flex;flex-direction:column;gap:2px;flex:1}.seitenleiste nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#c8d6e3;font-weight:500}.seitenleiste nav a:hover{background:#ffffff12;text-decoration:none;color:#fff}.seitenleiste nav a.aktiv{background:#ffffff21;color:#fff}.seitenleiste .konto{border-top:1px solid rgba(255,255,255,.12);padding:14px 10px 0;display:flex;flex-direction:column;gap:4px;font-size:14px}.seitenleiste .konto .link{color:#9fc6e6;padding:0;text-align:left}.hauptbereich{flex:1;min-width:0}.inhalt{max-width:1280px;margin:0 auto;padding:28px 32px 60px}.mobil-kopf{display:none}.seitenkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.seitenkopf h1{font-size:26px;font-weight:700;letter-spacing:-.01em}.unter{margin:4px 0 0;color:var(--leise)}.aktionen{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.aktionen.rechtsbuendig{justify-content:flex-end;margin-top:16px}.zurueck{display:inline-block;margin-bottom:12px;color:var(--leise);font-size:14px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;border-radius:8px;border:1px solid var(--linie-stark);background:var(--flaeche);cursor:pointer;font-weight:500;white-space:nowrap;text-decoration:none!important;color:var(--text)}.knopf:hover{border-color:#b3bcc8;background:#fafbfc}.knopf.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}.knopf.haupt:hover{background:var(--akzent-dunkel)}.knopf.leise{background:transparent;border-color:transparent;color:var(--leise)}.knopf.leise:hover{background:#eceff3}.knopf.gefahr{color:var(--krit);border-color:#f1c4c0}.knopf.klein{padding:5px 10px;font-size:13px}.knopf:disabled{opacity:.55;cursor:default}.link{border:0;background:none;padding:4px 6px;color:var(--akzent);cursor:pointer;font-weight:500}.link:hover{text-decoration:underline}.gefahr-text{color:var(--krit)!important}:focus-visible{outline:2px solid #2c7cb4;outline-offset:2px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:20px;box-shadow:var(--schatten)}.karte.leer{text-align:center;padding:48px 24px;color:var(--leise)}.karte.leer h2{color:var(--text);margin-bottom:8px}.karte.schmal{max-width:760px}.block-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.block-kopf h2{font-size:17px}.block-kopf.abstand{margin-top:22px}.abschnitt-block{margin:28px 0}.zwei-spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.zwei-spalten.breit-links{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.stapel{display:flex;flex-direction:column;gap:18px}.leise{color:var(--leise)}.klein{font-size:13px}.rot{color:var(--krit)}.leer-text{color:var(--leise);margin:6px 0}.liste{list-style:none;margin:0;padding:0}.liste li{display:flex;justify-content:space-between;gap:12px;padding:11px 6px;border-top:1px solid var(--linie);cursor:pointer;border-radius:6px}.liste li:first-child{border-top:0}.liste li:hover{background:#f7f9fb}.liste li>div:first-child{display:flex;flex-direction:column;min-width:0}.liste .rechts,.liste li>.rechts{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;flex:none}.liste.kompakt li{padding:8px 4px}.notiz{background:#fafaf6;border-left:3px solid #d7d0b5;padding:8px 12px;border-radius:4px;white-space:pre-wrap;color:#45403a}.vorformatiert{white-space:pre-wrap;margin:0 0 8px}.infobox{background:var(--akzent-zart);border-radius:8px;padding:10px 14px}.hinweis-zeile{background:var(--warn-zart);color:var(--warn);border-radius:8px;padding:8px 12px;font-size:14px;margin:10px 0 0}.laden{padding:60px;text-align:center;color:var(--leise)}.kennzahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:8px}.kennzahlen.drei{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.kennzahl{display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px 20px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);border-top:4px solid var(--linie-stark);cursor:pointer}.kennzahl:disabled,div.kennzahl{cursor:default}button.kennzahl:not(:disabled):hover{border-color:var(--linie-stark);box-shadow:0 4px 12px #10182814}.kennzahl.gut{border-top-color:#4caf7a}.kennzahl.warnung{border-top-color:#e3a52b}.kennzahl.kritisch{border-top-color:#d9453b}.k-titel{color:var(--leise);font-size:14px;font-weight:500}.k-wert{font-size:26px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.k-wert.klein{font-size:18px}.k-unter{color:var(--leise);font-size:13px;display:flex;flex-direction:column;gap:6px}.balken{display:block;height:7px;background:#edf0f3;border-radius:99px;overflow:hidden}.balken i{display:block;height:100%;background:#4caf7a;border-radius:99px}.marke{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.marke.gut{background:var(--gut-zart);color:var(--gut)}.marke.warnung{background:var(--warn-zart);color:var(--warn)}.marke.kritisch{background:var(--krit-zart);color:var(--krit)}.marke.info{background:var(--info-zart);color:var(--info)}.marke.neutral{background:#eef0f3;color:var(--leise)}.portfolio-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.portfolio-raster.gross{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.objekt-karte{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;cursor:pointer;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);transition:box-shadow .15s,transform .15s}.objekt-karte:hover{box-shadow:0 8px 22px #1018281a;transform:translateY(-1px)}.objekt-karte .objektbild{height:160px}.portfolio-raster.gross .objekt-karte .objektbild{height:190px}.objekt-karte-text{display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px}.objekt-karte-text strong{font-size:17px}.objekt-karte-text .marke{align-self:flex-start;margin-top:6px}.objekt-typ{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--akzent)}.objekt-zahlen{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:14px;font-weight:500}.objektbild{display:block;width:100%;height:100%;object-fit:cover;background:#e9edf1}.objektbild.platzhalter{display:grid;place-items:center;color:#8ea2b5;background:linear-gradient(135deg,#e8eef4,#dfe7ef)}.objektbild.platzhalter.gewerbe{background:linear-gradient(135deg,#ebeef2,#dde3ea)}.objektbild.platzhalter.grundstueck{background:linear-gradient(135deg,#eaf2e3,#dde9d2);color:#7f9a68}.paket-leiste{display:flex;flex-wrap:wrap;gap:14px 36px;margin-bottom:16px;padding:16px 22px}.paket-leiste>div{display:flex;flex-direction:column}.paket-leiste strong{font-size:18px;font-variant-numeric:tabular-nums}.willkommen ol{line-height:1.9}.objekt-kopf{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;margin-bottom:20px}.titelbild{position:relative;height:320px;border-radius:12px;overflow:hidden;border:1px solid var(--linie)}.titelbild-aktionen{position:absolute;left:12px;bottom:12px;display:flex;gap:8px}.titelbild-aktionen .knopf{background:#fffffff0}.titelbild-aktionen .knopf.leise{color:var(--text)}.objekt-info h1{font-size:28px;margin:4px 0}.eckdaten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:18px 0}.eckdaten div{border-left:3px solid var(--akzent-zart);padding-left:10px}.eckdaten dt{color:var(--leise);font-size:13px}.eckdaten dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.reiter{display:flex;gap:4px;border-bottom:1px solid var(--linie-stark);margin-bottom:16px;overflow-x:auto}.reiter button{border:0;background:none;padding:10px 16px;cursor:pointer;font-weight:600;color:var(--leise);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.reiter button.an{color:var(--akzent);border-bottom-color:var(--akzent)}.tabelle-rahmen{overflow-x:auto}.tabelle-rahmen.karte{padding:0}table{width:100%;border-collapse:collapse}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--linie);vertical-align:middle}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--leise);background:#fafbfc;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}tr.klickbar{cursor:pointer}.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.keine{text-align:center;color:var(--leise);padding:32px}.zeilen-aktionen{text-align:right;white-space:nowrap}.zeilen-aktionen>*+*{margin-left:4px}.werkzeugleiste{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.suche{flex:1;min-width:220px;max-width:420px;padding:9px 12px;border:1px solid var(--linie-stark);border-radius:8px;background:#fff}.umschalter{display:inline-flex;background:#e9ecf0;border-radius:9px;padding:3px;gap:2px;flex-wrap:wrap}.umschalter button{border:0;background:none;padding:6px 13px;border-radius:7px;cursor:pointer;font-weight:500;color:var(--leise)}.umschalter button.an{background:#fff;color:var(--text);box-shadow:0 1px 2px #00000014}.umschalter.filter{margin-bottom:14px}.monatswahl{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--linie);border-radius:9px;padding:3px}.monatswahl strong{min-width:150px;text-align:center}.aktionsleiste{display:flex;gap:10px;align-items:center;padding:12px 16px;margin-bottom:18px;flex-wrap:wrap}.aktionsleiste>span{color:var(--leise);font-weight:500;margin-right:4px}.zeile-eingabe{display:grid;grid-template-columns:2fr 1.2fr 1fr auto;gap:8px;margin:14px 0 8px}.zeile-eingabe input,.zeile-eingabe select{padding:9px 10px;border:1px solid var(--linie-stark);border-radius:8px;background:#fff;min-width:0}.tafel{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto;align-items:start}.tafel-spalte{background:#eceff3;border-radius:var(--radius);padding:12px;min-height:200px}.tafel-spalte h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--leise);margin:2px 4px 12px;display:flex;justify-content:space-between}.tafel-spalte.offen{border-top:4px solid #e3a52b}.tafel-spalte.beauftragt{border-top:4px solid #6f9fd0}.tafel-spalte.in_arbeit{border-top:4px solid #2c7cb4}.tafel-spalte.erledigt{border-top:4px solid #4caf7a}.anzahl{background:#fff;border-radius:99px;padding:0 9px;font-size:13px}.tafel-karte{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 1px 2px #10182814;cursor:pointer;display:flex;flex-direction:column;gap:3px}.tafel-karte:hover{box-shadow:0 4px 10px #1018281a}.tafel-titel{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.tafel-fuss{display:flex;justify-content:space-between;margin-top:6px;font-weight:600;font-size:14px}.tafel-knoepfe{display:flex;justify-content:space-between;border-top:1px solid var(--linie);margin-top:8px;padding-top:4px}.tafel-knoepfe .link{font-size:13px;padding:2px}.skizze-leiste,.ansicht3d-leiste{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.ansicht3d-leiste{margin:12px 0 0}.legende{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--leise)}.legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px;border:1px solid #94a3b8}.legende i.vermietet{background:#dcefe3}.legende i.frei{background:#fbecd0}.skizze-rahmen{border:1px solid var(--linie);border-radius:8px;background:#fff;padding:8px}.skizze-svg{display:block;width:100%;height:auto;max-height:560px}.skizze-svg text{font-family:system-ui,Segoe UI,sans-serif;fill:#1d2733;font-size:12px}.skizze-svg .raum{stroke:#334155;stroke-width:1.2}.skizze-svg .raum.vermietet{fill:#dcefe3}.skizze-svg .raum.frei{fill:#fbecd0}.skizze-svg .raum.leer{fill:#f1f3f6}.skizze-svg .raum.keller{fill:#e6e8ec}.skizze-svg .raum.gebaeude{fill:#e7eefb}.skizze-svg .raum.flaeche{fill:#eef4e4;stroke-dasharray:4 3}.skizze-svg .raum-name{font-weight:600}.skizze-svg .raum-unter{fill:#5d6878;font-size:11px}.skizze-svg .geschoss-name{fill:#5d6878}.skizze-svg .dachflaeche{fill:#c9cfd8;stroke:#334155}.skizze-svg .gelaende{stroke:#334155;stroke-width:1.5}.skizze-svg .erdreich{fill:#efe9e1}.skizze-svg .grundstueck{fill:#f6faf2;stroke:#5b7a3a;stroke-width:1.5;stroke-dasharray:8 4}.skizze-svg .masslinie line{stroke:#5d6878}.skizze-svg .masslinie text{fill:#5d6878;font-size:11px}.skizze-svg .strasse{fill:#5d6878;letter-spacing:.2em}.skizze-svg .nordpfeil path{fill:#334155}.ansicht3d{position:relative}.ansicht3d canvas{display:block;border-radius:8px;border:1px solid var(--linie);cursor:grab;touch-action:none;max-width:100%}.ansicht3d canvas:active{cursor:grabbing}.ansicht3d .umschalter button{min-width:36px}.modal-hintergrund{position:fixed;inset:0;background:#0f172073;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040}.modal.breit{width:min(860px,100%)}.modal-kopf{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 10px}.modal-kopf h2{font-size:19px}.modal-kopf .x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:var(--leise)}.modal-inhalt{padding:8px 22px 18px;overflow-y:auto}.modal-fuss{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--linie)}.modal-fuss .links{margin-right:auto}.formular-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.formular-raster .breit,.feld.breit{grid-column:1 / -1}.abschnitt{grid-column:1 / -1;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--akzent);margin-top:8px;padding-top:10px;border-top:1px solid var(--linie)}.formular-raster>.abschnitt:first-child{border-top:0;margin-top:0;padding-top:0}.feld{display:flex;flex-direction:column;gap:5px;font-size:14px}.feld>span{color:var(--leise);font-weight:500}.feld small{color:var(--leise);font-size:12px}.pflicht{color:var(--krit)}.eingabe{display:flex;align-items:center;border:1px solid var(--linie-stark);border-radius:8px;background:#fff}.eingabe:focus-within{border-color:#2c7cb4;box-shadow:0 0 0 3px #2c7cb426}.eingabe input,.eingabe select,.eingabe textarea{flex:1;min-width:0;border:0;outline:none;padding:9px 11px;background:transparent;border-radius:8px}.eingabe textarea{resize:vertical}.eingabe em{font-style:normal;color:var(--leise);padding-right:11px;white-space:nowrap}.seitenkopf .feld>span:empty,.werkzeugleiste .feld>span:empty{display:none}textarea.brief-editor{width:100%;border:1px solid var(--linie-stark);border-radius:8px;padding:12px;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.55;resize:vertical}.meldungen{position:fixed;right:20px;top:20px;display:flex;flex-direction:column;gap:8px;z-index:80;max-width:380px}.toast{padding:12px 16px;border-radius:9px;box-shadow:0 8px 22px #00000026;font-weight:500}.toast.erfolg{background:#1e7a48;color:#fff}.toast.fehler{background:#b42318;color:#fff}.kein-zugriff{max-width:480px;margin:80px auto;text-align:center}.brief-vorschau{background:#e9ecef;padding:20px;border-radius:8px}.brief{background:#fff;color:#111;font-family:Georgia,Times New Roman,serif;font-size:11pt;line-height:1.5;padding:18mm 20mm 20mm 25mm;max-width:210mm;margin:0 auto;box-shadow:0 2px 10px #0000001f}.brief-kopf{display:flex;justify-content:flex-end;text-align:right;font-size:9.5pt;color:#333;margin-bottom:10mm}.brief-ruecksende{font-size:7.5pt;color:#555;border-bottom:1px solid #999;display:inline-block;padding-bottom:1px;margin-bottom:3mm}.brief-empfaenger{min-height:30mm}.brief-datum{text-align:right;margin:8mm 0}.brief-betreff{font-size:11pt;font-weight:700;margin-bottom:6mm;font-family:inherit}.brief-text{white-space:pre-wrap}#druckbereich{display:none}@media print{@page{size:A4;margin:0}body>*:not(#druckbereich){display:none!important}#druckbereich{display:block!important}#druckbereich .brief{box-shadow:none;max-width:none;padding:20mm 20mm 20mm 25mm}}@media(max-width:1100px){.kennzahlen{grid-template-columns:repeat(2,minmax(0,1fr))}.objekt-kopf{grid-template-columns:1fr}}@media(max-width:860px){.inhalt{padding:20px 20px 48px}.karte{padding:16px}.zwei-spalten,.zwei-spalten.breit-links{grid-template-columns:1fr}.zeile-eingabe{grid-template-columns:1fr 1fr}.titelbild{height:240px}}.skizze-svg .kante{fill:#4d6b2c;font-size:11px;font-weight:600}.planeditor{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"leiste leiste" "hinweis hinweis" "flaeche seiten";gap:12px 16px;align-items:start}.plan-leiste{grid-area:leiste;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.plan-hinweis{grid-area:hinweis;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--akzent-zart);color:var(--akzent-dunkel);border-radius:8px;padding:10px 14px}.plan-flaeche{grid-area:flaeche;position:relative;border:1px solid var(--linie-stark);border-radius:10px;overflow:hidden;background:#fff}.plan-svg{display:block;width:100%;height:min(70vh,640px);touch-action:none;-webkit-user-select:none;user-select:none}.plan-svg.modus-zeichnen,.plan-svg.modus-massstab{cursor:crosshair}.plan-svg.modus-auswahl{cursor:grab}.plan-hg{fill:#f7f9f6}.plan-raster line{stroke:#dfe5dc;stroke-width:1;vector-effect:non-scaling-stroke}.plan-grundstueck{fill:#78aa502e;stroke:#4d7a2a;stroke-width:2.5;stroke-dasharray:9 5;vector-effect:non-scaling-stroke}.plan-kante{fill:#2f5214;font-weight:700;paint-order:stroke;stroke:#ffffffe6;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.plan-ecke{fill:#fff;stroke:#4d7a2a;stroke-width:2;vector-effect:non-scaling-stroke;cursor:move}.plan-ecke.aktiv,.plan-ecke.start{fill:#4d7a2a}.plan-mitte{fill:#4d7a2a59;cursor:copy}.plan-mitte:hover{fill:#4d7a2a}.plan-zeichnung{fill:none;stroke:#4d7a2a;stroke-width:2.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.plan-messung{fill:none;stroke:#d9453b;stroke-width:3;vector-effect:non-scaling-stroke}.plan-messpunkt{fill:#d9453b}.plan-rechteck{fill:#1f5f8b8c;stroke:#123a57;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:move}.plan-rechteck.gebaeude{fill:#4664a08c}.plan-rechteck.garage,.plan-rechteck.stellplatz{fill:#6e788799}.plan-rechteck.grundstueck{fill:#8cb45a73;stroke-dasharray:6 4}.plan-rechteck.aktiv{stroke:#e3a52b;stroke-width:3}.plan-name{fill:#fff;font-weight:700;paint-order:stroke;stroke:#0a1e32a6;stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.plan-dreh-linie{stroke:#e3a52b;stroke-width:2;vector-effect:non-scaling-stroke}.plan-dreh{fill:#fff;stroke:#e3a52b;stroke-width:3;vector-effect:non-scaling-stroke;cursor:grab}.plan-zoom{position:absolute;right:10px;top:10px}.plan-raster-info{position:absolute;left:10px;bottom:8px;font-size:12px;color:var(--leise);background:#ffffffd9;padding:2px 8px;border-radius:6px}.plan-seiten{grid-area:seiten;display:flex;flex-direction:column;gap:12px}.plan-seiten .karte{padding:16px}.plan-seiten h3{font-size:15px;margin-bottom:8px}.plan-seiten p{margin:6px 0}.plan-liste{list-style:none;margin:0;padding:0}.plan-liste li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 6px;border-top:1px solid var(--linie);border-radius:6px}.plan-liste li:first-child{border-top:0}.plan-liste li.aktiv{background:#fff7e6}.plan-liste li>div{display:flex;flex-direction:column}.plan-auswahl{margin-top:10px;background:#fafbfc;border:1px solid var(--linie);border-radius:8px;padding:12px}.plan-felder{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.plan-felder label,.kanten-liste label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--leise)}.kanten-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.kanten-liste label{flex-direction:row;align-items:center;gap:6px}input.mini{width:100%;min-width:60px;padding:6px 8px;border:1px solid var(--linie-stark);border-radius:6px;background:#fff}.plan-hinweis input.mini{width:90px}.regler{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px;color:var(--leise)}.haken{display:flex;gap:8px;align-items:center;font-size:14px;margin:6px 0}details summary{cursor:pointer;color:var(--akzent);font-weight:500;margin:6px 0}@media(max-width:1100px){.planeditor{grid-template-columns:1fr;grid-template-areas:"leiste" "hinweis" "flaeche" "seiten"}}.vorschlag-umriss{fill:#e3a52b1f;stroke:#e3a52b;stroke-width:3;stroke-dasharray:10 5;vector-effect:non-scaling-stroke;pointer-events:none}.vorschlag-rechteck{fill:#96969640;stroke:#9aa3ad;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;cursor:pointer}.vorschlag-rechteck.an{fill:#e3a52b73;stroke:#c47f00;stroke-dasharray:none}.vorschlag-karte{border:2px solid #e3a52b}.erkennen-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--linie)}.erkennen-box .knopf{width:100%}.plan-liste .haken{margin:0}.erkennen-box .knopf{white-space:normal;text-align:center}.skizze-svg .plan-linie-skizze{fill:none;stroke:#7a3e9d;stroke-width:2;stroke-dasharray:6 3}.mieter-legende{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:14px}.mieter-legende span{display:inline-flex;align-items:center;gap:6px}.mieter-legende i{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.2)}.mieter-legende i.frei-muster{background:#f1f3f6}.legende .umschalter{margin-right:6px}.plan-rechteck.geteilt{fill:none;stroke-dasharray:8 4;pointer-events:stroke;stroke-width:3}.plan-rechteck.teilen,.plan-poly.teilen{stroke:#d9453b;stroke-width:3}.plan-poly{fill:#1f5f8b73;stroke:#123a57;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}.plan-poly.freiflaeche{fill:#8cb45a66;stroke:#4d7a2a;stroke-dasharray:6 3}.plan-poly.aktiv{stroke:#e3a52b;stroke-width:3}.plan-verknuepfung{stroke:#2563eb;stroke-width:3;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.plan-linie{fill:none;stroke:#7a3e9d;stroke-width:3;stroke-dasharray:8 4;vector-effect:non-scaling-stroke;pointer-events:none}.teilen-box{margin-top:10px;padding-top:10px;border-top:1px solid var(--linie)}.teilen-box p{margin:6px 0}.farbpunkt{width:14px;height:14px;border-radius:3px;flex:none}.plan-liste li{cursor:pointer}.plan-auswahl select.mini{width:auto}.mehrfach{display:flex;flex-wrap:wrap;gap:6px 14px;max-height:160px;overflow-y:auto;padding:8px 10px;border:1px solid var(--linie-stark);border-radius:8px}.mehrfach .haken{margin:0;font-size:14px;color:var(--text)}.mehrfach .haken.an{font-weight:600}tr.teilzeile td:first-child{padding-left:30px}tr.teilzeile{background:#fbfcfd}.einzug,tr.geteilt-zeile td{color:var(--leise)}.kat-flur{fill:#ffffff59;stroke:#8b95a1;stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer}.kat-flur.an{fill:#e3a52b38;stroke:#c47f00;stroke-width:2.5}.kat-nr{fill:#6b7480;font-style:italic;pointer-events:none}.kat-geb{fill:#8c96a059;stroke:#6b7480;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}.kat-geb.an{fill:#1f5f8b99;stroke:#123a57;stroke-width:1.5}.kat-suche{display:flex;gap:6px;margin:8px 0}.kat-suche input{flex:1}.kat-titel{font-size:14px;margin:12px 0 4px}.kat-umriss{fill:#78828c2e;stroke:#6b7480;stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:none}.skizze-svg .kataster-umriss{fill:#eceef1;stroke:#6b7480;stroke-width:1}.skizze-wahl,.knopf-reihe{display:flex;gap:8px;flex-wrap:wrap}.plan-aktionen{display:flex;flex-direction:column;gap:8px;margin:10px 0 6px}.aktionen-zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aktionen-zeile .name-eingabe{flex:1 1 160px;min-width:120px}.plan-liste .name-eingabe{width:100%;font-weight:600}.zahl-eingabe{width:70px}.skizze-auswahl{margin-top:12px}.skizze-auswahl .aktionen-zeile:first-child{justify-content:space-between}.skizze-svg .klickbar{cursor:pointer}.skizze-svg .klickbar:hover .raum{stroke:#1f5f8b;stroke-width:2}.skizze-svg .raum.gewaehlt{stroke:#1f5f8b;stroke-width:3}.aktion-titel{font-size:12px;font-weight:600;color:var(--leise, #5d6878);min-width:62px}input.mini.zahl-eingabe{width:70px;min-width:0}select.mini.auto,.aktionen-zeile .name-eingabe{width:auto}.klein-umschalter button{padding:4px 10px;min-width:32px}.plan-rechteck.rast-ziel{stroke:#1aa36b;stroke-width:3;stroke-dasharray:6 3}.plan-umriss.rast-ziel,.plan-grundstueck.rast-ziel{stroke:#1aa36b;stroke-width:3}.gruppen-leiste{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:6px;scrollbar-width:thin}.gruppen-leiste button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--linie-stark);background:var(--flaeche);color:var(--text);font-weight:500;cursor:pointer}.gruppen-leiste button:hover{border-color:var(--akzent)}.gruppen-leiste button.an{background:var(--akzent);border-color:var(--akzent);color:#fff}.zahl-marke{font-size:12px;min-width:20px;padding:1px 7px;border-radius:999px;background:var(--akzent-zart);color:var(--akzent);text-align:center}.gruppen-leiste button.an .zahl-marke{background:#ffffff38;color:#fff}.mieter-gruppe{margin-bottom:18px;padding-bottom:8px}.mieter-liste{list-style:none;margin:0 -20px;padding:0}.mieter-liste li{display:grid;grid-template-columns:40px minmax(0,1.4fr) minmax(0,1.2fr) auto auto;align-items:center;gap:14px;padding:11px 20px;border-top:1px solid var(--linie);cursor:pointer}.mieter-liste li:hover{background:#f7f9fb}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--akzent-zart);color:var(--akzent);font-weight:700;font-size:14px}.mieter-name,.mieter-kontakt{display:flex;flex-direction:column;gap:2px;min-width:0}.mieter-name strong,.mieter-kontakt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mieter-doks{display:flex;gap:6px}.mieter-doks span{padding:2px 8px;border-radius:6px;background:#eef1f4;color:var(--leise);white-space:nowrap}.mieter-doks span.fehlt{background:var(--warn-zart);color:var(--warn)}.dok-spalten{margin-bottom:18px;align-items:start}.dok-upload{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.ablage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:2px dashed var(--linie-stark);border-radius:var(--radius);background:#fafbfc;margin-bottom:10px}.ablage.ueber{border-color:var(--akzent);background:var(--akzent-zart)}.dok-gruppe h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--leise);margin:14px 0 6px}.dok-liste{list-style:none;margin:0;padding:0}.dok-liste li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--linie)}.dok-symbol{flex:0 0 auto;width:42px;height:42px;border-radius:8px;border:1px solid var(--linie-stark);background:#fff;font-size:11px;font-weight:700;color:var(--akzent);cursor:pointer}.dok-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.dok-titel{padding:0;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dok-aktionen{display:flex;flex-wrap:wrap;justify-content:flex-end}.foto-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.foto{aspect-ratio:1;padding:0;border:1px solid var(--linie);border-radius:8px;overflow:hidden;background:#eef1f4;cursor:pointer}.foto img{width:100%;height:100%;object-fit:cover;display:block}.foto:hover{outline:2px solid var(--akzent)}.foto-platz{font-size:12px;font-weight:700;color:var(--leise)}.foto-gross{display:grid;place-items:center;min-height:240px;background:#111;border-radius:8px;overflow:hidden}.foto-gross img{max-width:100%;max-height:70vh;display:block}@media(max-width:860px){.dok-spalten{grid-template-columns:minmax(0,1fr)}.mieter-liste li{grid-template-columns:40px minmax(0,1fr) auto}.mieter-kontakt{display:none}.mieter-liste li>.marke{grid-column:2 / -1;justify-self:start}}@media(max-width:520px){.mieter-liste{margin:0 -14px}.mieter-liste li{padding:10px 14px;gap:10px}.mieter-doks{flex-direction:column;gap:3px}.dok-liste li{flex-wrap:wrap}.dok-aktionen{width:100%;justify-content:flex-start;padding-left:54px}}.vertrag-titel{font-family:inherit;font-size:16pt;text-align:center;margin:0 0 10mm}.vertrag-dok .brief-text{font-size:10.5pt}.dok-erstellt .dok-symbol{color:var(--gut)}.zahl-marke.warnung{background:var(--krit-zart);color:var(--krit)}.gruppen-leiste button.an .zahl-marke.warnung{background:#fff;color:var(--krit)}.mieten-gruppe{margin-bottom:18px}.mieten-gruppe .tabelle-rahmen{margin:0 -20px -20px}.gruen{color:var(--gut)}.fett{font-weight:700}tr.zeile-offen td:first-child{box-shadow:inset 4px 0 0 var(--krit)}tr.zeile-teilweise td:first-child{box-shadow:inset 4px 0 #e3a52b}tr.zeile-offen{background:#fff8f7}.matrix-legende{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 10px}.matrix-legende span{display:inline-flex;align-items:center;gap:6px}.matrix-legende i.zelle{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid var(--linie)}.matrix-karte{padding:0;overflow:hidden}.matrix-rahmen{overflow-x:auto}table.matrix{border-collapse:separate;border-spacing:0;min-width:980px;width:100%;font-variant-numeric:tabular-nums}table.matrix th,table.matrix td{padding:7px 8px;border-bottom:1px solid var(--linie)}table.matrix thead th{background:#f7f9fb;position:sticky;top:0;z-index:1}table.matrix thead th.heute{box-shadow:inset 0 -3px 0 var(--akzent)}table.matrix thead th .link{padding:0;font-weight:600}.matrix-mieter{position:sticky;left:0;background:var(--flaeche);z-index:2;min-width:190px;max-width:240px;text-align:left}thead .matrix-mieter{background:#f7f9fb;z-index:3}td.matrix-mieter{box-shadow:1px 0 0 var(--linie)}.matrix-name{display:flex;flex-direction:column;gap:1px;min-width:0}.matrix-name strong,.matrix-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr.matrix-gruppe th{text-align:left;background:var(--akzent-zart);color:var(--akzent);font-size:13px;text-transform:uppercase;letter-spacing:.04em;position:sticky;left:0}td.zelle{text-align:center;font-size:12.5px;font-weight:600;min-width:52px;border-left:2px solid var(--flaeche)}.zelle.bezahlt{background:var(--gut-zart);color:var(--gut)}.zelle.teilweise{background:var(--warn-zart);color:var(--warn)}.zelle.offen{background:var(--krit-zart);color:var(--krit)}.zelle.kommend{background:#f3f5f8;color:#a3adb9}.zelle.keiner{background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 4px,#f1f3f6 4px 8px)}tr.matrix-summe td{background:#fafbfc;font-size:12.5px;font-weight:600}tr.matrix-summe td.matrix-mieter{background:#fafbfc}tr.matrix-summe.gesamt td{border-top:2px solid var(--linie-stark);font-size:13px}@media(max-width:860px){.mieten-gruppe .tabelle-rahmen{margin:0 -16px -16px}.matrix-mieter{min-width:140px}}.einheiten-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 14px;padding:10px 12px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius)}.einheiten-titel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--leise);margin-right:4px}.einheiten-leiste button{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:7px;border:1px solid var(--linie-stark);background:#fff;color:var(--text);font-size:13px;font-weight:500;cursor:pointer}.einheiten-leiste button:hover{border-color:var(--akzent)}.einheiten-leiste button.an{background:var(--akzent-zart);border-color:var(--akzent);color:var(--akzent);font-weight:600}.einheiten-leiste .zahl-marke{font-size:11px;padding:0 6px;min-width:18px}.tafel-gruppe{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--akzent);margin:10px 4px 6px}.tafel-gruppe:first-of-type{margin-top:0}.nk-uebersicht td .link{padding:0}@media(max-width:520px){.einheiten-leiste{flex-wrap:nowrap;overflow-x:auto}.einheiten-leiste button{flex:0 0 auto}}.zahlen-hinweis{margin:-6px 0 12px}tr.summenzeile td{background:#fafbfc;border-top:2px solid var(--linie-stark)}.schreiben-gruppe{margin-bottom:18px}.schreiben-gruppe .tabelle-rahmen{margin:0 -20px -20px}@media(max-width:860px){.schreiben-gruppe .tabelle-rahmen{margin:0 -16px -16px}}.belege-bereich{margin-top:18px}.beleg-upload{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.beleg-ziel{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}.beleg-tabelle{margin:0 -20px -20px}.beleg-marke{margin-left:8px;font-size:11px;font-weight:600;padding:1px 6px;border-radius:5px;background:var(--akzent-zart);color:var(--akzent)}.beleg-pruefen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}.beleg-vorschau{display:flex;flex-direction:column;gap:6px;position:sticky;top:0}.beleg-vorschau img{width:100%;max-height:70vh;object-fit:contain;background:#f3f5f8;border:1px solid var(--linie);border-radius:8px}.beleg-vorschau iframe{width:100%;height:70vh;border:1px solid var(--linie);border-radius:8px;background:#f3f5f8}.haken-feld span{display:flex;align-items:center;gap:8px;color:var(--text)!important;font-weight:500}.dreher{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:drehen .8s linear infinite;vertical-align:-1px}@keyframes drehen{to{transform:rotate(360deg)}}@media(max-width:860px){.beleg-pruefen{grid-template-columns:minmax(0,1fr)}.beleg-vorschau{position:static}.beleg-vorschau iframe{height:50vh}.beleg-ziel{grid-template-columns:minmax(0,1fr)}.beleg-tabelle{margin:0 -16px -16px}}.nowrap{white-space:nowrap}.bank-konten,.bank-gruppe{margin-bottom:18px}.konto-liste{display:flex;flex-direction:column}.konto-zeile{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr) auto;gap:14px;align-items:start;padding:10px 0;border-top:1px solid var(--linie)}.konto-auszuege{display:flex;flex-direction:column;gap:6px}.auszug-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.auszug-hinweis{flex-basis:100%;white-space:pre-wrap}.auszug-upload{margin-top:14px;padding-top:14px;border-top:1px solid var(--linie);display:flex;flex-direction:column;gap:8px}.konto-block+.konto-block{margin-top:16px}.buchung-tabelle{margin:0 -20px}.bank-gruppe .buchung-tabelle:last-child{margin-bottom:-20px}.buchung-text{display:flex;flex-direction:column;gap:2px;max-width:520px}.buchung-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}h3.abschnitt{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--leise);margin:14px 0 8px}h3.abschnitt:first-child{margin-top:0}.buchung-kopf{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--linie)}.buchung-betrag{font-size:26px;font-weight:700}.buchung-spalten{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.buchung-vorschau{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.buchung-vorschau img{width:100%;max-height:50vh;object-fit:contain;background:#f3f5f8;border:1px solid var(--linie);border-radius:8px}.buchung-vorschau iframe{width:100%;height:50vh;border:1px solid var(--linie);border-radius:8px}.knopf-reihe{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0}.formular-raster.einspaltig{grid-template-columns:minmax(0,1fr)}.kasse-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.kasse-zahlen>div{display:flex;flex-direction:column;gap:2px;background:#fafbfc;border:1px solid var(--linie);border-radius:8px;padding:10px 12px}.kasse-zahlen strong{font-size:18px}@media(max-width:860px){.konto-zeile,.buchung-spalten{grid-template-columns:minmax(0,1fr)}.buchung-tabelle{margin:0 -16px}.bank-gruppe .buchung-tabelle:last-child{margin-bottom:-16px}.kasse-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}}.konto-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.kasse-neu.mit-beleg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.beleg-zuerst{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.beleg-zuerst .ablage{margin-bottom:0}.feld-huelle{display:contents}.feld-huelle.aus-beleg>.feld .eingabe{background:#f2f8ee;border-color:#9cc78a}@media(max-width:860px){.kasse-neu.mit-beleg{grid-template-columns:minmax(0,1fr)}}.export{position:relative;display:inline-block}.export-menue{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:230px;background:#fff;border:1px solid var(--linie-stark);border-radius:10px;box-shadow:0 8px 24px #10182824;padding:6px;display:flex;flex-direction:column}.export-menue button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;background:none;padding:8px 10px;border-radius:7px;cursor:pointer;text-align:left;color:var(--text)}.export-menue button:hover{background:var(--akzent-zart)}.export-menue span{font-size:12px;color:var(--leise)}.gesamtexport{margin-top:18px}.export-liste{list-style:none;margin:10px 0 0;padding:0}.export-liste li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--linie)}.export-liste li>div{display:flex;flex-direction:column;gap:2px}.kamera-knopf span{font-size:16px;line-height:1}@media(any-pointer:coarse){.ablage .knopf{min-height:44px}.ablage{flex-direction:column;align-items:stretch;text-align:center}.ablage .knopf{width:100%;justify-content:center}.titelbild-aktionen{flex-wrap:wrap}}.vorlagen-editor{margin-top:18px}.vorlagen-editor .umschalter{margin:6px 0 14px}.vorlagen-raster{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.vorlagen-text{display:flex;flex-direction:column;gap:10px}.platzhalter-liste{position:sticky;top:12px;max-height:80vh;overflow-y:auto;background:#fafbfc;border:1px solid var(--linie);border-radius:var(--radius);padding:12px}.platzhalter-liste ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.platzhalter-liste li{display:flex;flex-direction:column;gap:1px}.platzhalter{align-self:flex-start;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;padding:2px 7px;border-radius:6px;border:1px solid #c7d7e6;background:var(--akzent-zart);color:var(--akzent);cursor:pointer}.platzhalter:hover{border-color:var(--akzent)}@media(max-width:860px){.vorlagen-raster{grid-template-columns:minmax(0,1fr)}.platzhalter-liste{position:static;max-height:none}}.vertrag-dok{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;line-height:1.45;color:#111;page:vertrag}.vertrag-dok .vertrag-balken{background:#6f7680;color:#fff;padding:9mm 8mm;margin:0 0 7mm}.vertrag-dok .vertrag-titel{font-family:Arial,Helvetica,sans-serif;font-size:22pt;font-weight:300;text-align:left;margin:0;letter-spacing:.01em}.vertrag-inhalt .vk-paragraf{font-size:12pt;font-weight:700;margin:6mm 0 2.5mm;padding-top:2mm;border-top:1px solid #b9bec5;break-after:avoid;page-break-after:avoid;font-family:inherit}.vertrag-inhalt .vk-zwischen{font-size:11pt;font-weight:700;margin:3mm 0 1.5mm;font-family:inherit;break-after:avoid}.vertrag-inhalt .vk-absatz{margin:0 0 2.2mm;white-space:pre-wrap;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.vk-kaesten{border-top:1px solid #2b2f36;border-left:1px solid #2b2f36;margin:1.5mm 0 3mm;break-inside:avoid;page-break-inside:avoid}.vk-zeile{display:flex}.vk-zelle{border-right:1px solid #2b2f36;border-bottom:1px solid #2b2f36;padding:1.2mm 2mm 1.4mm;min-height:9mm;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.vk-label{font-size:8pt;color:#333;line-height:1.2}.vk-wert{font-family:Courier New,Courier,monospace;font-size:9.5pt;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere}.vk-zelle:not(:has(.vk-label)){justify-content:center}.vk-zelle:not(:has(.vk-label)) .vk-wert{font-family:inherit}.vk-betrag{align-items:flex-end}.vk-betrag .vk-wert{font-family:Courier New,Courier,monospace!important}.vk-unterschrift{min-height:18mm}@page vertrag{size:A4;margin:14mm 16mm 18mm 18mm;@bottom-left{content:"Mietvertrag";font:8pt Arial,sans-serif;color:#666}@bottom-right{content:"Seite " counter(page) " von " counter(pages);font:8pt Arial,sans-serif;color:#666}}@media print{#druckbereich .brief.vertrag-dok{padding:0}.vertrag-dok .vertrag-balken{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.export-menue{min-width:300px;gap:2px}.export-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:7px}.export-zeile:hover{background:#f5f7fa}.export-zeile>div:first-child{display:flex;flex-direction:column;gap:1px}.export-aktionen{display:flex;gap:4px}.export-menue .export-aktionen button{flex-direction:row;align-items:center;padding:6px 10px;border:1px solid var(--linie-stark);background:#fff;font-size:13px;font-weight:500;border-radius:7px}.export-menue .export-aktionen button:hover{border-color:var(--akzent);background:var(--akzent-zart);color:var(--akzent)}.export-vorschau+.export-vorschau{margin-top:14px}.export-vorschau .tabelle-rahmen{max-height:60vh;overflow:auto;border:1px solid var(--linie);border-radius:8px}.export-vorschau thead th{position:sticky;top:0;z-index:1}.export-vorschau td,.export-vorschau th{white-space:nowrap}.pdf-ansicht{width:100%;height:72vh;border:1px solid var(--linie);border-radius:8px;background:#525659}html{-webkit-text-size-adjust:100%}a,button,summary,label{-webkit-tap-highlight-color:transparent}.rahmen{min-height:100dvh}.tab-leiste,.mehr-hintergrund{display:none}.logo.klein{width:30px;height:30px;border-radius:8px;flex:none}@keyframes hochfahren{0%{transform:translateY(100%)}to{transform:none}}@keyframes einblenden{0%{opacity:0}to{opacity:1}}@media(min-width:700px)and (max-width:1099px){.seitenleiste{width:88px;padding:14px 6px 12px}.marke-logo{justify-content:center;padding:2px 0 14px}.marke-text{display:none}.seitenleiste nav{gap:2px;overflow-y:auto;scrollbar-width:none}.seitenleiste nav a{flex-direction:column;gap:4px;padding:9px 2px 8px;font-size:11px;font-weight:600;line-height:1.15;text-align:center;border-radius:10px}.seitenleiste nav a svg{width:22px;height:22px}.seitenleiste .konto{padding:10px 0 0;align-items:center}.konto-name{display:none}.seitenleiste .konto .link{font-size:12px;text-align:center;padding:8px 4px}th,td{padding:10px 9px}th,th.zahl,td.zahl,td.zeilen-aktionen{white-space:normal}}@media(max-width:699px){.seitenleiste{display:none}.mobil-kopf{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;font-size:17px;background:#ffffffeb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--linie)}.inhalt{padding:16px 14px calc(92px + env(safe-area-inset-bottom))}.tab-leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));background:#fffffff2;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--linie)}.tab-leiste a,.tab-leiste button{flex:1 1 0;min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;padding:2px 0;cursor:pointer;color:#7b8794;font-size:11px;font-weight:600;text-decoration:none!important}.tab-leiste span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-leiste .aktiv{color:var(--akzent)}.mehr-hintergrund{display:block;position:fixed;inset:0;z-index:44;background:#0f172066;animation:einblenden .15s}.mehr-blatt{position:absolute;left:0;right:0;bottom:0;background:var(--flaeche);border-radius:18px 18px 0 0;padding:8px 16px calc(86px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0000001f;animation:hochfahren .22s ease-out}.blatt-griff{display:block;width:40px;height:5px;border-radius:3px;background:#d5dbe2;margin:4px auto 14px}.mehr-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mehr-raster a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border-radius:12px;color:var(--text);font-size:13px;font-weight:500;text-align:center;text-decoration:none!important}.mehr-raster a:active{background:#f1f4f7}.mehr-raster a.aktiv{background:var(--akzent-zart);color:var(--akzent)}.mehr-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f1f4f7;color:var(--akzent)}.mehr-raster a.aktiv .mehr-icon{background:#fff}.mehr-konto{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--linie);font-size:14px}.seitenkopf{margin-bottom:14px;gap:12px;align-items:stretch}.seitenkopf h1{font-size:23px}.seitenkopf .aktionen{width:100%}.seitenkopf .aktionen>.knopf,.seitenkopf .aktionen>.export{flex:1 1 auto}.seitenkopf .aktionen>.export>.knopf{width:100%}.block-kopf{flex-wrap:wrap}.werkzeugleiste{gap:8px}.suche{min-width:0;max-width:none;flex:1 1 100%}.monatswahl{flex:1 1 auto;justify-content:space-between}.monatswahl strong{min-width:0}.aktionsleiste{padding:10px 12px}.zeile-eingabe,.formular-raster{grid-template-columns:minmax(0,1fr)}.kennzahlen,.kennzahlen.drei{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kennzahlen>:last-child:nth-child(odd){grid-column:1 / -1}.kennzahl{padding:12px 14px;border-top-width:3px}.k-titel{font-size:13px}.k-wert{font-size:20px}.k-unter{font-size:12px}.paket-leiste{padding:14px 16px;gap:10px 24px}.titelbild{height:200px}.objekt-info h1{font-size:23px}.objekt-karte .objektbild,.portfolio-raster.gross .objekt-karte .objektbild{height:150px}.reiter{margin-left:-14px;margin-right:-14px;padding:0 8px;scrollbar-width:none}.tafel{grid-template-columns:repeat(4,82vw);scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 8px;scroll-padding:0 14px}.tafel-spalte{scroll-snap-align:start}table[data-karten],table[data-karten] tbody,table[data-karten] td{display:block;width:auto}table[data-karten] thead{display:none}table[data-karten] tr{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid var(--linie)}table[data-karten] tbody tr:last-child{border-bottom:0}table[data-karten] tbody tr:hover{background:none}table[data-karten] tr.klickbar:active{background:#f5f7fa}table[data-karten] td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:2px 0;border:0;text-align:right;white-space:normal;max-width:none;box-shadow:none!important;font-size:14px}table[data-karten] td:before{content:attr(data-label);flex:none;max-width:48%;text-align:left;color:var(--leise);font-size:13px;font-weight:500}table[data-karten] td[data-label=""]:before{content:none}table[data-karten] td:first-child{display:block;order:-2;text-align:left;font-size:15.5px;padding-bottom:6px}table[data-karten] td:first-child:before{content:none}table[data-karten] td:empty{display:none}table[data-karten] td.keine{display:block;text-align:center;padding:22px 0}table[data-karten] td.zeilen-aktionen{justify-content:flex-start;flex-wrap:wrap;gap:6px 4px;padding-top:8px;text-align:left}table[data-karten] td.zeilen-aktionen>*+*{margin-left:0}table[data-karten] td.zeilen-aktionen .knopf.klein{min-height:40px;padding:6px 14px;font-size:14px}table[data-karten] tr.zeile-offen{box-shadow:inset 4px 0 0 var(--krit)}table[data-karten] tr.zeile-teilweise{box-shadow:inset 4px 0 #e3a52b}table[data-karten] tr.teilzeile{padding-left:32px}table[data-karten] tr.summenzeile{background:#fafbfc;border-top:2px solid var(--linie-stark)}table[data-karten] tr.summenzeile td{border-top:0}.buchung-tabelle table[data-karten] td.buchung-text{order:-3;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-size:15.5px;padding-bottom:4px}.buchung-tabelle table[data-karten] td.buchung-text:before{content:none}.buchung-tabelle table[data-karten] td:first-child{display:flex;order:0;font-size:inherit;padding-bottom:3px;text-align:right}.buchung-tabelle table[data-karten] td:first-child:before{content:attr(data-label)}.buchung-tabelle table[data-karten] td.klein>div{display:inline}.buchung-tabelle table[data-karten] td.klein>div:before{content:" · "}.mieter-liste{margin:0 -16px}.mieter-liste li{padding:11px 16px;gap:12px}.mieter-doks{flex-direction:column;gap:3px}.modal-hintergrund{place-items:end stretch;padding:0}.modal,.modal.breit{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 10px);border-radius:18px 18px 0 0;animation:hochfahren .22s ease-out}.modal-kopf{padding:14px 16px 8px;gap:12px}.modal-kopf h2{font-size:18px}.modal-kopf .x{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f1f4f7;font-size:22px}.modal-inhalt{padding:6px 16px 16px;overscroll-behavior:contain}.modal-fuss{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.modal-fuss>.knopf{flex:1 1 auto}.modal-fuss .links{flex-basis:100%;margin-right:0}.export-menue{position:fixed;left:10px;right:10px;top:auto;bottom:calc(74px + env(safe-area-inset-bottom));min-width:0;max-height:65vh;overflow-y:auto;z-index:60;box-shadow:0 10px 40px #10182840}.export-zeile{flex-wrap:wrap}.meldungen{left:12px;right:12px;top:calc(8px + env(safe-area-inset-top));max-width:none}.brief-vorschau{padding:8px;margin:0 -8px}.brief{padding:8mm 6mm}}@media(any-pointer:coarse){.knopf{min-height:44px}.knopf.klein{min-height:36px}.link{padding:8px 6px}.umschalter button{padding:8px 14px}.monatswahl .knopf{min-width:44px}.gruppen-leiste button{min-height:40px}.reiter button{padding:12px 16px}input,select,textarea,.suche{font-size:16px}.objekt-karte:hover{transform:none}.objekt-karte:active{transform:scale(.99)}button.kennzahl:active{background:#fafbfc}}@media print{.tab-leiste,.mehr-hintergrund,.mobil-kopf{display:none!important}}
