:root{--lms-rot: #E8433C;--lms-blau: #37A8D8;--lms-tiefblau: #1D5A7A;--lms-putz: #F4F3EF;--lms-nacht: #171717;--lms-beton: #9A9A96;--schrift-auszeichnung: "Archivo", "Arial Black", sans-serif;--schrift-text: "Inter", system-ui, sans-serif;--schrift-zahlen: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html,body,#wurzel{height:100%}body{background:var(--lms-putz);color:var(--lms-nacht);font-family:var(--schrift-text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}.betrag{font-family:var(--schrift-zahlen);font-variant-numeric:tabular-nums;white-space:nowrap}h1,h2{font-family:var(--schrift-auszeichnung);font-weight:800;letter-spacing:-.02em}h1{font-size:1.6rem}h2{font-size:1.15rem}.sprenkel{background-image:url(/sprenkel.jpg);background-size:100% 125%;background-position:top center;color:var(--lms-putz)}.geruest{display:flex;flex-direction:column;min-height:100%;max-width:640px;margin:0 auto}.inhalt{flex:1;padding:16px 16px calc(76px + env(safe-area-inset-bottom))}.navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:2px;background:var(--lms-tiefblau);padding-bottom:env(safe-area-inset-bottom)}.navigation button{flex:1;max-width:106px;border:0;background:none;color:#f4f3efb8;font-family:var(--schrift-text);font-size:.72rem;font-weight:600;padding:10px 2px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.navigation button.aktiv{color:#fff}.navigation button .punkt{width:26px;height:3px;border-radius:2px;background:transparent}.navigation button.aktiv .punkt{background:var(--lms-blau)}.karte{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid rgba(154,154,150,.25)}.knopf{display:inline-block;border:0;border-radius:10px;background:var(--lms-blau);color:#fff;font-family:var(--schrift-text);font-size:1rem;font-weight:600;padding:13px 20px;cursor:pointer;width:100%}.knopf:disabled{background:var(--lms-beton);cursor:default}.knopf.nebenbei{background:transparent;color:var(--lms-tiefblau);font-weight:500}.sekundaer{color:var(--lms-beton);font-size:.88rem}.alarmtext{color:var(--lms-rot);font-weight:600}.liste-leer{text-align:center;padding:28px 16px;color:var(--lms-beton)}.liste-leer img{max-width:220px;width:60%;margin-bottom:12px}table.daten{width:100%;border-collapse:collapse}table.daten th{text-align:left;font-size:.78rem;font-weight:600;color:var(--lms-beton);padding:6px 8px 6px 0;border-bottom:1px solid rgba(154,154,150,.35)}table.daten td{padding:7px 8px 7px 0;border-bottom:1px solid rgba(154,154,150,.18);font-size:.9rem}.anmeldung{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.anmeldung img.turm{width:min(58vw,260px)}.anmeldung .wortmarke{font-family:var(--schrift-auszeichnung);font-weight:900;font-size:2rem;letter-spacing:-.03em}.anmeldung .wortmarke .rot{color:var(--lms-rot)}.anmeldung .knopf{max-width:320px}.feld{display:block;margin:12px 0;font-size:.85rem;font-weight:600;color:var(--lms-tiefblau)}.feld input:not([type=checkbox]),.feld select,.feld textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;font-family:var(--schrift-text);font-size:1rem;font-weight:400;color:var(--lms-nacht);background:var(--lms-putz);border:1px solid rgba(154,154,150,.4);border-radius:8px}.feld input.betrag{font-family:var(--schrift-zahlen)}.feld.zeile{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--lms-nacht);font-size:1rem}.feld.pruefen input,.feld.pruefen select,.feld.pruefen textarea{border-color:var(--lms-rot);border-width:2px}.warnliste{margin:10px 0;padding:10px 12px 10px 28px;background:#e8433c14;border-radius:8px;font-size:.9rem}.karte .knopf+.knopf{margin-top:8px}.karte .knopf.nebenbei{display:block}.zuschnitt{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;margin-bottom:12px}.zuschnitt img{width:100%;display:block;border-radius:8px}.zuschnitt-rahmen{position:absolute;border:2px solid var(--lms-blau);box-shadow:0 0 0 9999px #17171773;border-radius:4px;pointer-events:none}.zuschnitt-ecke{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--lms-blau);border:3px solid #fff;box-shadow:0 1px 4px #0006}.zuschnitt{overflow:hidden;border-radius:8px}.finanzkopf{display:flex;justify-content:space-between;gap:16px;padding:22px 18px;border:0}.kopf-label{font-size:.75rem;color:#f4f3efbf}.kopf-wert{font-family:var(--schrift-auszeichnung);font-size:1.45rem;font-weight:800;margin:2px 0;color:#fff}.mietbalken{display:flex;gap:4px;align-items:flex-end;margin-top:12px}.mietmonat{flex:1;text-align:center;font-size:.6rem;color:var(--lms-beton)}.balkenpaar{display:flex;gap:1px;align-items:flex-end;justify-content:center;height:66px}.balken{width:8px;background:var(--lms-tiefblau);border-radius:2px 2px 0 0;min-height:1px}.balken.vorjahr{background:#9a9a9680}tr.vergangen td{color:var(--lms-beton)}.nur-druck{display:none}@media print{.kein-druck,.navigation{display:none!important}.nur-druck{display:block}.druckkopf{margin-bottom:16px}body{background:#fff}.karte{border:0;padding:0 0 16px}.druckseite{break-inside:avoid}}.alarmliste{margin:8px 0 0;padding-left:20px}.alarmliste li{margin:6px 0}.chat-knopf{position:fixed;right:14px;bottom:calc(64px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;border:0;background:var(--lms-tiefblau);color:#fff;font-size:1.3rem;cursor:pointer;box-shadow:0 2px 10px #1717174d;z-index:5}.chat-flaeche{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--lms-putz);display:flex;flex-direction:column;max-width:640px;margin:0 auto;padding:16px}.chat-kopf{display:flex;justify-content:space-between;align-items:center}.chat-liste{flex:1;overflow-y:auto;padding:12px 0}.chat-blase{background:#fff;border:1px solid rgba(154,154,150,.25);border-radius:12px 12px 12px 4px;padding:10px 14px;margin:6px 0;max-width:85%}.chat-blase.du{background:var(--lms-tiefblau);color:#fff;border-radius:12px 12px 4px;margin-left:auto}.chat-blase p+p{margin-top:6px}.chat-eingabe{display:flex;gap:8px;padding-bottom:env(safe-area-inset-bottom)}.chat-eingabe input{flex:1;padding:12px 14px;border:1px solid rgba(154,154,150,.4);border-radius:10px;font-size:1rem;font-family:var(--schrift-text);background:#fff}.karte.sprenkel,.sprenkel{background:var(--lms-nacht) url(/sprenkel.jpg) top center / 100% 125% no-repeat;color:var(--lms-putz)}.karte{overflow-x:auto}