:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{color:#1f2937;background:#fafaf9;margin:0}main{max-width:64rem;margin:0 auto;padding:2rem 1rem}.kopf{border-bottom:1px solid #e7e5e4;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.kopf nav{align-items:center;gap:1rem;display:flex}.marke{color:inherit;font-weight:600;text-decoration:none}.nutzer{color:#57534e}.linkknopf{color:#1d4ed8;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.anmeldung{max-width:24rem;margin:4rem auto}.formular{gap:1rem;display:grid}.feld{gap:.25rem;display:grid}.feld input{font:inherit;border:1px solid #a8a29e;border-radius:.25rem;padding:.5rem}.formular button{font:inherit;color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:.25rem;padding:.6rem 1rem}.formular button[disabled]{opacity:.6}.fehler{color:#b91c1c;margin:0}.kalender__kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.kalender__nav{gap:1rem;display:flex}.raster{background:#e7e5e4;border:1px solid #e7e5e4;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.raster__kopf{color:#57534e;text-align:center;background:#fafaf9;padding:.25rem;font-size:.8rem}.raster__leer{background:#f5f5f4}.tag{background:#fff;flex-direction:column;gap:.15rem;min-height:5.5rem;padding:.2rem;display:flex}.raster--kompakt .tag{min-height:2.2rem;padding:.1rem}.tag--heute{outline-offset:-2px;outline:2px solid #1d4ed8}.tag__nummer{color:#57534e;align-self:flex-end;padding:0 .2rem;font-size:.8rem;text-decoration:none}.tag__nummer--frei:hover{background:#dbeafe;border-radius:.2rem}.tag__eintraege{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.eintrag a{color:inherit;white-space:nowrap;border:1px solid #0000;border-radius:.2rem;justify-content:space-between;gap:.3rem;padding:.1rem .3rem;font-size:.75rem;text-decoration:none;display:flex;overflow:hidden}.eintrag__status{color:#44403c;font-size:.65rem}.eintrag--direkt a,.eintrag--direkt.legende__muster{background:#bfdbfe;border-color:#60a5fa}.eintrag--fewo_direkt a,.eintrag--fewo_direkt.legende__muster{background:#fde68a;border-color:#f59e0b}.eintrag--eigennutzung a,.eintrag--eigennutzung.legende__muster{background:#d9f99d;border-color:#84cc16}.eintrag--vorpuffer a,.eintrag--nachpuffer a,.eintrag--vorpuffer.legende__muster,.eintrag--nachpuffer.legende__muster{color:#57534e;background-image:repeating-linear-gradient(135deg,#ffffffb3 0 3px,#0000 3px 6px);font-style:italic}.eintrag--offen a,.eintrag--offen.legende__muster{color:#78716c;background:#f5f5f4;border-style:dashed}.eintrag--status-storniert a,.eintrag--status-verworfen a{text-decoration:line-through}.legende__muster{vertical-align:middle;border:1px solid #0000;border-radius:.2rem;width:2.2rem;height:1rem;display:inline-block}.legende{flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0;font-size:.85rem;display:flex}.legende__zeile{align-items:center;gap:.4rem;display:flex}.legende dt,.legende dd{margin:0}.eintrag__punkt{height:.5rem;display:block}.jahr{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem;display:grid}.jahr__monat h2{margin:0 0 .3rem;font-size:1rem}.jahr__monat h2 a{color:inherit;text-decoration:none}.jahr__monat h2 a:hover{text-decoration:underline}.raster--kompakt .raster__kopf{padding:.1rem;font-size:.65rem}.raster--kompakt .tag__nummer{align-self:flex-start;font-size:.65rem}.raster--kompakt .eintrag a{border-radius:1px;height:.5rem;padding:0}.belegung-formular{max-width:44rem}.zeile{flex-wrap:wrap;gap:1rem;display:flex}.zeile>.feld{flex:12rem}.zeile>.feld--kurz{flex:0 8rem}.zeile--aktionen{align-items:center}fieldset.feld{border:1px solid #e7e5e4;border-radius:.25rem;padding:.75rem 1rem}.auswahl{gap:1.5rem;display:flex}.feld textarea{font:inherit;border:1px solid #a8a29e;border-radius:.25rem;padding:.5rem}.kontrollkaestchen{align-items:center;gap:.3rem;display:inline-flex}.vorschau{background:#eff6ff;border-left:4px solid #1d4ed8;padding:.75rem 1rem}.vorschau--laeuft{opacity:.6}.hinweis{color:#44403c;margin:0}.preis{border-collapse:collapse;margin-top:.5rem}.preis td{padding:.15rem 1rem .15rem 0}.preis__betrag{text-align:right;font-variant-numeric:tabular-nums}.preis__summe td{border-top:1px solid #a8a29e;font-weight:600}.preis__kaution td{color:#57534e;font-style:italic}.eigenschaften{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem 1.5rem;display:grid}.eigenschaften dt{color:#57534e;font-size:.8rem}.eigenschaften dd{margin:0}.mehrzeilig{white-space:pre-line}.status{background:#e7e5e4;border-radius:1rem;padding:.1rem .5rem}.status--vorgemerkt,.status--gesperrt_bestaetigt,.status--zugesagt,.status--gebucht{background:#bfdbfe}.status--storniert,.status--verworfen{text-decoration:line-through}.statusaktionen{gap:.5rem;display:grid}.statusaktion{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.statusaktion input{font:inherit;padding:.3rem}.statusaktion button{font:inherit;color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:.25rem;padding:.4rem .8rem}.knopf--zweitrangig{background:#78716c!important}.hinweise{color:#44403c;margin:.5rem 0 0;padding-left:1.2rem;font-size:.9rem}.vorgaenge{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.vorgang{background:#fff;border:1px solid #e7e5e4;border-left:4px solid #b45309;border-radius:.25rem;padding:.6rem .9rem}.vorgang__kopf{color:inherit;text-decoration:none}.vorgang__kopf:hover{text-decoration:underline}.vorgang__grund,.vorgang__handlung{color:#44403c;margin:.25rem 0 0;font-size:.9rem}.kennzahlen{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem 1.5rem;margin:1rem 0;display:grid}.kennzahlen dt{color:#57534e;font-size:.8rem}.kennzahlen dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem}.tabelle{border-collapse:collapse;width:100%;margin:.5rem 0 1rem;font-size:.9rem}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid #e7e5e4;padding:.25rem .6rem .25rem 0}.tabelle th.preis__betrag,.tabelle td.preis__betrag{text-align:right}.positionen input,.positionen select{font:inherit;box-sizing:border-box;width:100%;padding:.25rem}.positionen input.kurz,.statusaktion input.kurz{width:7rem}.ausstellen{border:1px solid #e7e5e4;border-radius:.25rem;margin-top:2rem;padding:1rem}.statusaktion select,.statusaktion input[type=text]{font:inherit;padding:.3rem}