:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--farbe-hintergrund:#fafaf9;--farbe-flaeche:#fff;--farbe-flaeche-2:#f5f5f4;--farbe-rand:#e7e5e4;--farbe-rand-stark:#a8a29e;--farbe-text:#1f2937;--farbe-text-2:#44403c;--farbe-text-3:#57534e;--farbe-text-4:#78716c;--farbe-text-invers:#fff;--farbe-akzent:#1d4ed8;--farbe-akzent-dunkel:#1e40af;--farbe-akzent-hell:#dbeafe;--farbe-akzent-hauch:#eff6ff;--farbe-fehler:#b91c1c;--farbe-fehler-hell:#fef2f2;--farbe-warnung:#b45309;--farbe-erfolg:#15803d;--farbe-toast:#292524;--status-angefragt:#e7e5e4;--status-angefragt-text:#44403c;--status-vorgemerkt:#fef08a;--status-vorgemerkt-text:#713f12;--status-gesperrt:#fed7aa;--status-gesperrt-text:#7c2d12;--status-zugesagt:#bfdbfe;--status-zugesagt-text:#1e3a8a;--status-gebucht:#bbf7d0;--status-gebucht-text:#14532d;--status-beendet:#e7e5e4;--status-beendet-text:#78716c;--herkunft-direkt:#bfdbfe;--herkunft-direkt-rand:#60a5fa;--herkunft-fewo-direkt:#fde68a;--herkunft-fewo-direkt-rand:#f59e0b;--herkunft-eigennutzung:#d9f99d;--herkunft-eigennutzung-rand:#84cc16;--puffer-schraffur:#ffffffbf;--farbe-frei:#f0fdf4;--farbe-frei-text:#15803d;--farbe-frei-rand:#bbf7d0;--farbe-wochenende:#fafaf9;--abstand-1:.25rem;--abstand-2:.5rem;--abstand-3:.75rem;--abstand-4:1rem;--abstand-5:1.5rem;--abstand-6:2rem;--radius:.25rem;--radius-gross:.5rem;--radius-rund:1rem;--schrift-xs:.65rem;--schrift-s:.75rem;--schrift-m:.85rem;--schrift-basis:1rem;--schrift-l:1.25rem;--schrift-xl:1.6rem;--schatten:0 1px 2px #1c191714;--schatten-toast:0 6px 20px #1c191740;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{color:var(--farbe-text);background:var(--farbe-hintergrund);margin:0}main{max-width:64rem;padding:var(--abstand-6) var(--abstand-4);margin:0 auto}a{color:var(--farbe-akzent)}h1{font-size:var(--schrift-xl)}h1 small{font-size:var(--schrift-basis);color:var(--farbe-text-3);font-weight:400}h2{font-size:var(--schrift-l)}h3{font-size:var(--schrift-basis)}.icon{vertical-align:-.15em;flex-shrink:0;width:1em;height:1em}.kopf{align-items:center;gap:var(--abstand-3) var(--abstand-5);padding-bottom:var(--abstand-3);border-bottom:1px solid var(--farbe-rand);margin-bottom:var(--abstand-5);flex-wrap:wrap;display:flex}.marke{align-items:center;gap:var(--abstand-2);color:inherit;font-weight:600;text-decoration:none;display:inline-flex}.marke__logo{border-radius:var(--radius);width:auto;height:2rem}.navigation{gap:var(--abstand-1);flex-wrap:wrap;flex:auto;display:flex}.navigation__reiter{border-radius:var(--radius);color:var(--farbe-text-2);font-size:var(--schrift-m);align-items:center;gap:.35rem;padding:.35rem .6rem;text-decoration:none;display:inline-flex}.navigation__reiter:hover{background:var(--farbe-flaeche-2)}.navigation__reiter--aktiv{background:var(--farbe-akzent-hell);color:var(--farbe-akzent-dunkel);font-weight:600}.kopf__nutzer{align-items:center;gap:var(--abstand-3);font-size:var(--schrift-m);margin-left:auto;display:inline-flex}.nutzer{color:var(--farbe-text-3)}.linkknopf{color:var(--farbe-akzent);cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;text-decoration:underline;display:inline-flex}.anmeldung{max-width:24rem;margin:var(--abstand-6) auto;text-align:center}.anmeldung .formular{text-align:left}.anmeldung__logo{border-radius:var(--radius);width:6rem;height:auto}.formular{gap:var(--abstand-4);display:grid}.feld{gap:var(--abstand-1);display:grid}.feld input,.feld select,.feld textarea{padding:var(--abstand-2);font:inherit;border:1px solid var(--farbe-rand-stark);border-radius:var(--radius);background:var(--farbe-flaeche);color:inherit}.formular button,.statusaktion button,.knopf{font:inherit;border-radius:var(--radius);background:var(--farbe-akzent);color:var(--farbe-text-invers);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem .9rem;display:inline-flex}.formular button[disabled],.statusaktion button[disabled]{opacity:.6;cursor:default}.formular button.linkknopf,.statusaktion button.linkknopf{color:var(--farbe-akzent);background:0 0;border-radius:0;padding:0}.knopf--zweitrangig{background:var(--farbe-text-4)!important}.fehler{color:var(--farbe-fehler);margin:0}.kalender__kopf{justify-content:space-between;align-items:baseline;gap:var(--abstand-4);flex-wrap:wrap;display:flex}.kalender__nav{gap:var(--abstand-4);flex-wrap:wrap;display:flex}.kalender__nav a{align-items:center;gap:.3rem;display:inline-flex}.raster{background:var(--farbe-rand);border:1px solid var(--farbe-rand);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.raster__kopf{background:var(--farbe-hintergrund);padding:var(--abstand-1);font-size:var(--schrift-s);color:var(--farbe-text-3);text-align:center}.raster__leer{background:var(--farbe-flaeche-2)}.tag{background:var(--farbe-flaeche);flex-direction:column;gap:.1rem;min-height:5.5rem;padding:.2rem;display:flex;position:relative}.raster--kompakt .tag{min-height:1.4rem;padding:.1rem}.tag--heute{outline:2px solid var(--farbe-akzent);outline-offset:-2px}.tag__nummer{font-size:var(--schrift-s);color:var(--farbe-text-3);align-self:flex-end;padding:0 .2rem;text-decoration:none}.tag__nummer--frei:hover{background:var(--farbe-akzent-hell);border-radius:.2rem}.tag__kopf{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex}.tag__frei{font-size:var(--schrift-xs);color:var(--farbe-frei-text)}.tag--wochenende{background:var(--farbe-wochenende)}.tag--luecke{background:var(--farbe-frei)}.tag--auswahl{background:var(--farbe-akzent-hell);box-shadow:inset 0 0 0 2px var(--farbe-akzent)}.tag[data-frei="1"]{cursor:crosshair}.spur{align-items:center;height:1.15rem;margin-top:.15rem;display:flex}.halb{box-sizing:border-box;height:100%;color:inherit;border:1px solid #0000;border-left:none;border-right:none;flex:50%;text-decoration:none;display:block;position:relative}.halb--leer{border:none}.halb--anfang{border-left:1px solid #0000;border-radius:5px 0 0 5px}.halb--ende{border-right:1px solid #0000;border-radius:0 5px 5px 0}.halb--anfang.halb--ende{border-radius:5px}.halb--direkt{background-color:var(--herkunft-direkt);border-color:var(--herkunft-direkt-rand)}.halb--fewo_direkt{background-color:var(--herkunft-fewo-direkt);border-color:var(--herkunft-fewo-direkt-rand)}.halb--eigennutzung{background-color:var(--herkunft-eigennutzung);border-color:var(--herkunft-eigennutzung-rand)}.halb--puffer{background-image:repeating-linear-gradient(135deg, var(--puffer-schraffur) 0 3px, transparent 3px 6px)}.halb--offen{background-color:var(--farbe-flaeche-2);border-style:dashed;border-color:var(--farbe-text-4);background-image:none}.halb:hover,.halb:focus-visible{filter:brightness(.95);outline:none}.balken__name{z-index:2;white-space:nowrap;font-size:var(--schrift-s);color:var(--farbe-text);pointer-events:none;align-items:center;gap:.3rem;font-weight:600;display:inline-flex;position:absolute;top:50%;left:.3rem;transform:translateY(-50%)}.halb--status-storniert .balken__name,.halb--status-verworfen .balken__name{color:var(--farbe-text-4);text-decoration:line-through}.legende__muster{vertical-align:middle;width:2.2rem;height:1rem;display:inline-block}.legende__muster--frei{background:var(--farbe-frei);border:1px solid var(--farbe-frei-rand);border-radius:var(--radius)}.legende{gap:var(--abstand-2) var(--abstand-5);margin:var(--abstand-4) 0;font-size:var(--schrift-m);flex-wrap:wrap;display:flex}.legende__zeile{align-items:center;gap:.4rem;display:flex}.legende__hinweis{color:var(--farbe-text-4)}.legende dt,.legende dd{margin:0}.kalender__bedienung{justify-content:space-between;gap:var(--abstand-2) var(--abstand-4);margin:0 0 var(--abstand-2);font-size:var(--schrift-s);color:var(--farbe-text-4);flex-wrap:wrap;display:flex}kbd{font:inherit;border:1px solid var(--farbe-rand-stark);border-radius:var(--radius);background:var(--farbe-flaeche);padding:0 .3rem}.kalender__nav--knoepfe{gap:var(--abstand-2)}.kalender__nav--knoepfe a{border:1px solid var(--farbe-rand);border-radius:var(--radius-gross);background:var(--farbe-flaeche);color:var(--farbe-text);font-size:var(--schrift-m);padding:.35rem .6rem;text-decoration:none}.kalender__nav--knoepfe a:hover{background:var(--farbe-flaeche-2)}.kalender__nav--knoepfe a.kalender__nav-knopf{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-text-invers)}.kalender__huelle{-webkit-user-select:none;user-select:none;position:relative}.ziehauswahl{z-index:6;align-items:center;gap:var(--abstand-2);border-radius:var(--radius-gross);background:var(--farbe-akzent);color:var(--farbe-text-invers);font-size:var(--schrift-s);box-shadow:var(--schatten-toast);white-space:nowrap;padding:.4rem .6rem;display:inline-flex;position:absolute}.ziehauswahl--rechts,.karte--rechts{transform:translate(calc(3rem - 100%))}.ziehauswahl__knopf{border-radius:var(--radius);background:var(--farbe-flaeche);color:var(--farbe-akzent);align-items:center;gap:.3rem;padding:.15rem .5rem;font-weight:600;text-decoration:none;display:inline-flex}.ziehauswahl__schliessen{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.karte{z-index:5;border-radius:var(--radius-gross);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);width:15rem;box-shadow:var(--schatten-toast);font-size:var(--schrift-s);pointer-events:none;flex-direction:column;gap:.25rem;padding:.6rem .75rem;display:flex;position:absolute}.karte__kopf{justify-content:space-between;align-items:center;gap:var(--abstand-2);font-size:var(--schrift-m);display:flex}.karte__zeile{color:var(--farbe-text-2)}.karte__zeile--leise{color:var(--farbe-text-4)}.jahr{gap:var(--abstand-5);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.jahr__monat h2{font-size:var(--schrift-basis);margin:0 0 .3rem}.jahr__monat h2 a{color:inherit;text-decoration:none}.jahr__monat h2 a:hover{text-decoration:underline}.raster--kompakt .raster__kopf{font-size:var(--schrift-xs);padding:.1rem}.raster--kompakt .spur{height:.4rem;margin-top:.1rem}.raster--kompakt .halb--anfang{border-radius:3px 0 0 3px}.raster--kompakt .halb--ende{border-radius:0 3px 3px 0}.jahr__monat h2{justify-content:space-between;align-items:baseline;gap:var(--abstand-2);display:flex}.jahr__anzahl{font-size:var(--schrift-xs);color:var(--farbe-text-4);font-weight:400}.belegung-formular{max-width:44rem}.zeile{gap:var(--abstand-4);flex-wrap:wrap;display:flex}.zeile>.feld{flex:12rem}.zeile>.feld--kurz{flex:0 8rem}.zeile--aktionen{align-items:center}fieldset.feld{border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:var(--abstand-3) var(--abstand-4)}.auswahl{gap:var(--abstand-5);display:flex}.kontrollkaestchen{align-items:center;gap:.3rem;display:inline-flex}.vorschau{padding:var(--abstand-3) var(--abstand-4);border-left:4px solid var(--farbe-akzent);background:var(--farbe-akzent-hauch)}.vorschau--laeuft{opacity:.6}.hinweis{color:var(--farbe-text-2);margin:0}.betrag,.preis__betrag,.kennzahlen dd{font-variant-numeric:tabular-nums}.preis{border-collapse:collapse;margin-top:var(--abstand-2)}.preis td{padding:.15rem var(--abstand-4) .15rem 0}.preis__betrag{text-align:right;white-space:nowrap}.preis__summe td{border-top:1px solid var(--farbe-rand-stark);font-weight:600}.preis__kaution td{color:var(--farbe-text-3);font-style:italic}.eigenschaften{gap:var(--abstand-3) var(--abstand-5);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.eigenschaften dt{font-size:var(--schrift-s);color:var(--farbe-text-3)}.eigenschaften dd{margin:0}.mehrzeilig{white-space:pre-line}.zeitraum{white-space:nowrap}.zeitraum__naechte{color:var(--farbe-text-3)}.zeitpunkt{text-underline-offset:.15em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.chip{border-radius:var(--radius-rund);font-size:var(--schrift-m);white-space:nowrap;background:var(--status-angefragt);color:var(--status-angefragt-text);padding:.1rem .55rem;line-height:1.5;display:inline-block}.chip--klein{font-size:var(--schrift-xs);padding:0 .4rem;line-height:1.4}.chip--vorgemerkt{background:var(--status-vorgemerkt);color:var(--status-vorgemerkt-text)}.chip--gesperrt_bestaetigt{background:var(--status-gesperrt);color:var(--status-gesperrt-text)}.chip--zugesagt{background:var(--status-zugesagt);color:var(--status-zugesagt-text)}.chip--gebucht{background:var(--status-gebucht);color:var(--status-gebucht-text)}.chip--storniert,.chip--verworfen{background:var(--status-beendet);color:var(--status-beendet-text);text-decoration:line-through}.herkunft{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.statusaktionen{gap:var(--abstand-2);display:grid}.statusaktion{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.statusaktion input,.statusaktion select{font:inherit;border:1px solid var(--farbe-rand-stark);border-radius:var(--radius);background:var(--farbe-flaeche);color:inherit;padding:.3rem}.hinweise{margin:var(--abstand-2) 0 0;color:var(--farbe-text-2);font-size:var(--schrift-m);padding-left:1.2rem}.vorgaenge{gap:var(--abstand-3);margin:0;padding:0;list-style:none;display:grid}.vorgang{gap:.1rem var(--abstand-3);border:1px solid var(--farbe-rand);border-left:4px solid var(--farbe-warnung);border-radius:var(--radius);background:var(--farbe-flaeche);grid-template-columns:auto 1fr;padding:.6rem .9rem;display:grid}.vorgang__symbol{font-size:var(--schrift-l);color:var(--farbe-warnung);grid-row:1/span 3;align-self:start;padding-top:.15rem}.vorgang--dringend .vorgang__symbol{color:var(--farbe-fehler)}.vorgang__kopf{color:inherit;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;text-decoration:none;display:flex}.vorgang__kopf:hover strong{text-decoration:underline}.vorgang__grund,.vorgang__handlung{font-size:var(--schrift-m);color:var(--farbe-text-2);margin:.25rem 0 0}.vorgang--dringend{border-left-color:var(--farbe-fehler);background:var(--farbe-fehler-hell)}.vorgang__dringend{border-radius:var(--radius);background:var(--farbe-fehler);color:var(--farbe-text-invers);font-size:var(--schrift-s);text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;display:inline-block}.leer{align-items:center;gap:var(--abstand-3);margin:var(--abstand-4) 0;padding:var(--abstand-4);border:1px dashed var(--farbe-rand-stark);border-radius:var(--radius-gross);color:var(--farbe-text-3);display:flex}.leer .icon{font-size:var(--schrift-xl);color:var(--farbe-text-4)}.toast{left:50%;bottom:var(--abstand-5);align-items:center;gap:var(--abstand-2);border-radius:var(--radius-gross);background:var(--farbe-toast);color:var(--farbe-text-invers);box-shadow:var(--schatten-toast);font-size:var(--schrift-m);z-index:10;padding:.6rem 1rem;animation:.2s ease-out toast-ein;display:inline-flex;position:fixed;transform:translate(-50%)}.toast .icon{color:var(--status-gebucht)}@keyframes toast-ein{0%{opacity:0;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%)}}.kennzahlen{gap:var(--abstand-3) var(--abstand-5);margin:var(--abstand-4) 0;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}.kennzahlen dt{font-size:var(--schrift-s);color:var(--farbe-text-3)}.kennzahlen dd{font-size:var(--schrift-l);margin:0}.tabelle{border-collapse:collapse;width:100%;margin:var(--abstand-2) 0 var(--abstand-4);font-size:var(--schrift-m)}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--farbe-rand);vertical-align:top;padding:.3rem .6rem .3rem 0}.tabelle th{color:var(--farbe-text-3);font-weight:600}.tabelle th.preis__betrag,.tabelle td.preis__betrag{text-align:right}.tabelle a{align-items:center;gap:.3rem;display:inline-flex}.positionen input,.positionen select{padding:var(--abstand-1);font:inherit;box-sizing:border-box;width:100%}.positionen input.kurz,.statusaktion input.kurz{width:7rem}.ausstellen{margin-top:var(--abstand-6);padding:var(--abstand-4);border:1px solid var(--farbe-rand);border-radius:var(--radius)}.feed-url{overflow-wrap:anywhere;background:var(--farbe-flaeche-2);border-radius:var(--radius);max-width:100%;font-size:var(--schrift-m);-webkit-user-select:all;user-select:all;padding:.2rem .4rem;display:inline-block}.klein{font-size:var(--schrift-s);color:var(--farbe-text-3)}.leiste{justify-content:space-between;align-items:center;gap:var(--abstand-3) var(--abstand-4);margin:var(--abstand-2) calc(-1 * var(--abstand-4)) calc(-1 * var(--abstand-6));padding:var(--abstand-3) var(--abstand-4);background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);box-shadow:var(--schatten-toast);z-index:5;flex-wrap:wrap;display:flex;position:sticky;bottom:0}.leiste__stand{color:var(--farbe-text-3);align-items:center;gap:.4rem;margin:0;display:inline-flex}.leiste__stand--frei{color:var(--farbe-erfolg)}.leiste__stand--kollision{color:var(--farbe-fehler)}.leiste__knoepfe{gap:var(--abstand-2);margin-left:auto;display:flex}.status-leiste{align-items:center;gap:var(--abstand-3) var(--abstand-4);margin:0 0 var(--abstand-3);padding:var(--abstand-3) var(--abstand-4);background:var(--farbe-flaeche-2);border-radius:var(--radius-gross);flex-wrap:wrap;display:flex}.status-leiste .statusaktionen{align-items:center;gap:var(--abstand-2) var(--abstand-4);flex-wrap:wrap;display:flex}.status-leiste .hinweise{flex-basis:100%;margin:0}.nachbarn{gap:var(--abstand-2) var(--abstand-5);margin:0 0 var(--abstand-4);color:var(--farbe-text-3);font-size:var(--schrift-m);flex-wrap:wrap;display:flex}.suche{border:1px solid var(--farbe-rand);border-radius:var(--radius-rund);background:var(--farbe-flaeche);color:var(--farbe-text-3);align-items:center;gap:.3rem;padding:.25rem .5rem;display:inline-flex}.suche input{font:inherit;font-size:var(--schrift-m);color:var(--farbe-text);background:0 0;border:none;outline:none;width:13rem}.vorgang__aktion{margin-top:var(--abstand-2)}.anreisen{margin-top:var(--abstand-6)}.kalender__liste{margin:0;padding:0;list-style:none;display:none}.kalender__eintrag a{padding:var(--abstand-2) var(--abstand-3);border-left:4px solid var(--herkunft-direkt-rand);border-bottom:1px solid var(--farbe-rand);color:inherit;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;text-decoration:none;display:flex}.kalender__eintrag--fewo_direkt a{border-left-color:var(--herkunft-fewo-direkt-rand)}.kalender__eintrag--eigennutzung a{border-left-color:var(--herkunft-eigennutzung-rand)}@media (max-width:40rem){main{padding:var(--abstand-4) var(--abstand-3) 5.5rem}h1{font-size:var(--schrift-l)}.kopf{gap:var(--abstand-2) var(--abstand-3)}.marke__logo{height:1.6rem}.suche{flex:100%;order:3}.suche input{width:100%}.kopf__nutzer .nutzer{display:none}.navigation{z-index:8;padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);box-shadow:var(--schatten-toast);justify-content:space-around;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}.navigation__reiter{font-size:var(--schrift-xs);flex-direction:column;gap:.1rem;padding:.2rem .3rem}.navigation__reiter .icon{font-size:1.25rem}.leiste{margin-left:calc(-1 * var(--abstand-3));margin-right:calc(-1 * var(--abstand-3));bottom:3.6rem}.toast{max-width:calc(100vw - 2rem);bottom:4.5rem}.raster,.kalender__bedienung,.legende{display:none}.kalender__liste{display:block}.jahr{grid-template-columns:1fr}.tabelle{display:block;overflow-x:auto}.eigenschaften{grid-template-columns:1fr}.status-leiste .statusaktionen,.statusaktion{flex-direction:column;align-items:stretch}.statusaktion button,.leiste__knoepfe button{justify-content:center}.leiste__knoepfe{flex:100%;margin-left:0}.leiste__knoepfe button{flex:auto}.zeile>.feld,.zeile>.feld--kurz{flex:100%}.kalender__nav--knoepfe a{padding:.3rem .5rem}.vorgang{grid-template-columns:1fr}.vorgang__symbol{grid-row:auto}}.vorgang__aktionen{gap:var(--abstand-3);margin-top:var(--abstand-2);flex-wrap:wrap;display:flex}.vorgang__aktionen .vorgang__aktion{margin-top:0}.anfrage-block{margin:var(--abstand-4) 0;padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--farbe-rand);border-left:4px solid var(--farbe-warnung);border-radius:var(--radius);background:var(--farbe-flaeche)}.anfrage-block--frei{border-left-color:var(--farbe-erfolg)}.anfrage-block--belegt{border-left-color:var(--farbe-fehler);background:var(--farbe-fehler-hell)}.anfrage-block h2{align-items:center;gap:.4rem;margin-top:0;display:flex}.anfrage-block__lage{font-weight:600}.anfrage-block--frei .anfrage-block__lage{color:var(--farbe-erfolg)}.anfrage-block--belegt .anfrage-block__lage{color:var(--farbe-fehler)}.anfrage-block .daten{margin-bottom:0}
