@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600&family=Mulish:wght@400;600;700&display=swap";:root{--nacht-950: #070b12;--nacht-900: #0b1220;--nacht-800: #122440;--nacht-700: #16283f;--nacht-600: #364257;--nacht-500: #6c7a92;--nacht-400: #9aa7bc;--eis-050: #eaf3fb;--eis-100: #dcebf7;--eis-200: #cfe6f7;--eis-300: #eef5fb;--eis-400: #8fc0e8;--eis-600: #4f8cc0;--eis-700: #3a6f9e;--eis-800: #2f6ca3;--weiss: #ffffff;--neutral-050: #f6f8fb;--neutral-100: #eef2f7;--neutral-200: #e0e6ef;--neutral-300: #d5dce8;--neutral-400: #c8d2e0;--grund: var(--neutral-050);--flaeche: var(--weiss);--flaeche-tief: var(--neutral-100);--rand: var(--neutral-200);--rand-stark: var(--neutral-400);--schrift-stark: var(--nacht-800);--schrift: var(--nacht-600);--schrift-leise: var(--nacht-500);--schrift-zart: var(--nacht-400);--schrift-auf-akzent: var(--weiss);--akzent: var(--eis-600);--akzent-hover: var(--eis-700);--akzent-tief: var(--eis-800);--akzent-hell: var(--eis-400);--akzent-flaeche: var(--eis-300);--akzent-zart: rgba(79, 140, 192, .08);--akzent-rand: rgba(79, 140, 192, .35);--marken-grund: var(--nacht-900);--schrift-auf-marke: var(--weiss);--gut: #1f7a5c;--gut-flaeche: rgba(47, 158, 122, .12);--gut-rand: rgba(47, 158, 122, .35);--offen: #a06b14;--offen-flaeche: rgba(224, 162, 59, .14);--offen-rand: rgba(224, 162, 59, .4);--gefahr: #b23453;--gefahr-flaeche: rgba(214, 69, 106, .1);--gefahr-rand: rgba(214, 69, 106, .35);--ruhend: var(--nacht-500);--ruhend-flaeche: var(--neutral-100);--ruhend-rand: var(--neutral-300);--kanal-direkt: var(--nacht-700);--kanal-airbnb: #e2726b;--kanal-booking: #4a8bc6;--kanal-feratel: #35997e;--rundung-klein: 8px;--rundung: 10px;--rundung-karte: 14px;--rundung-voll: 999px;--schatten-karte: 0 1px 3px rgba(18, 36, 64, .06);--luft-1: 4px;--luft-2: 8px;--luft-3: 12px;--luft-4: 16px;--luft-5: 20px;--luft-6: 24px;--luft-7: 32px;--plan-einheitenspalte: 170px}:root{--schriftart-marke: "Quicksand", "Trebuchet MS", system-ui, sans-serif;--schriftart: "Mulish", "Segoe UI", system-ui, -apple-system, sans-serif;--schriftart-zahl: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--normal: 400;--halbfett: 600;--fett: 700;--text-winzig: .72rem;--text-klein: .78rem;--text-eng: .84rem;--text-normal: .92rem;--text-gross: 1.05rem;--text-titel: 1.6rem;--zeilen-eng: 1.2;--zeilen-normal: 1.5;--sperrung-versalien: .1em}*{box-sizing:border-box}html,body{margin:0}body{background:var(--grund);color:var(--schrift);font-family:var(--schriftart);font-size:15px;line-height:var(--zeilen-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;color:var(--schrift-stark);line-height:var(--zeilen-eng)}a{color:var(--akzent-tief)}a:hover{color:var(--akzent-hover)}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--rundung-klein)}.zahl{font-family:var(--schriftart-zahl);font-variant-numeric:tabular-nums}.betrag{font-family:var(--schriftart-zahl);font-variant-numeric:tabular-nums;color:var(--akzent-tief);font-weight:var(--fett)}.rechts{text-align:right}.leise{color:var(--schrift-leise)}.zart{color:var(--schrift-zart)}.titel{font-size:var(--text-titel);font-weight:var(--halbfett);letter-spacing:-.01em}.versalien{font-size:var(--text-klein);font-weight:var(--fett);letter-spacing:var(--sperrung-versalien);text-transform:uppercase;color:var(--schrift-leise)}.kopfzeile{display:flex;align-items:center;gap:var(--luft-5);padding:0 var(--luft-6);height:62px;background:var(--akzent);flex-shrink:0;position:sticky;top:0;z-index:20}:root{--hauszeichen: none;--hauszeichen-ersatz: inline}.kennung{display:flex;align-items:center;gap:var(--luft-3);min-width:180px}.kennung-zeichen{width:34px;height:34px;flex-shrink:0;background:var(--hauszeichen) center / contain no-repeat;display:grid;place-items:center}.kennung-initialen{display:var(--hauszeichen-ersatz);font-family:var(--schriftart-marke);font-weight:var(--halbfett);font-size:var(--text-eng);letter-spacing:.04em;color:var(--schrift-auf-akzent)}.kennung-namen{display:flex;flex-direction:column;line-height:1.1}.kennung-name{font-family:var(--schriftart-marke);font-weight:var(--halbfett);font-size:var(--text-gross);color:var(--schrift-auf-akzent)}.kennung-zusatz{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eis-100)}.haupt-nav{display:flex;gap:var(--luft-1);margin-right:auto;flex-wrap:wrap}.kopf-hinweis{display:flex;align-items:center;gap:var(--luft-2);font-size:var(--text-eng);color:var(--eis-050)}.benutzer-zeichen{width:34px;height:34px;flex-shrink:0;border-radius:var(--rundung-voll);background:var(--marken-grund);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:var(--eis-200);font-weight:var(--fett);font-size:var(--text-eng)}.nav-punkt{border-radius:9px;padding:7px 14px;font-size:.88rem;font-weight:var(--halbfett);color:var(--eis-050);text-decoration:none;white-space:nowrap}.nav-punkt:hover{background:#ffffff24;color:var(--weiss)}.nav-punkt.aktiv{background:var(--marken-grund);color:var(--schrift-auf-marke);font-weight:var(--fett)}.nav-punkt.aktiv:hover{background:var(--nacht-950);color:var(--schrift-auf-marke)}.knopf{border-radius:var(--rundung);padding:9px 18px;font-family:inherit;font-size:var(--text-normal);font-weight:var(--halbfett);cursor:pointer;border:1px solid transparent;white-space:nowrap}.knopf:disabled{opacity:.5;cursor:default}.knopf.haupt{background:var(--akzent);border-color:var(--akzent);color:var(--schrift-auf-akzent);font-weight:var(--fett)}.knopf.haupt:hover:not(:disabled){background:var(--akzent-hover);border-color:var(--akzent-hover)}.knopf.schlicht{background:var(--flaeche);border-color:var(--rand-stark);color:var(--schrift-leise)}.knopf.schlicht:hover:not(:disabled){background:var(--flaeche-tief);color:var(--schrift)}.knopf.gefahr{background:var(--flaeche);border-color:var(--gefahr-rand);color:var(--gefahr)}.knopf.gefahr:hover:not(:disabled){background:var(--gefahr-flaeche)}.knopf.klein{padding:5px 12px;font-size:var(--text-eng)}.knopf.voll{width:100%}.knopf-reihe{display:flex;gap:var(--luft-2);flex-wrap:wrap}.filtermarke{background:var(--flaeche);color:var(--schrift-leise);border:1px solid var(--rand-stark);border-radius:var(--rundung-voll);padding:5px 14px;font-family:inherit;font-size:var(--text-eng);font-weight:var(--halbfett);cursor:pointer;white-space:nowrap}.filtermarke:hover{background:var(--flaeche-tief);color:var(--schrift)}.filtermarke.aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--schrift-auf-akzent);font-weight:var(--fett)}.filtermarke-zahl{margin-left:var(--luft-1)}.filtermarke:not(.aktiv) .filtermarke-zahl{color:var(--schrift-stark)}.marke{display:inline-block;border-radius:var(--rundung-voll);padding:3px 12px;font-size:.76rem;font-weight:var(--halbfett);white-space:nowrap;border:1px solid transparent}.marke.gut{background:var(--gut-flaeche);color:var(--gut);border-color:var(--gut-rand)}.marke.offen{background:var(--offen-flaeche);color:var(--offen);border-color:var(--offen-rand)}.marke.gefahr{background:var(--gefahr-flaeche);color:var(--gefahr);border-color:var(--gefahr-rand)}.marke.ruhend{background:var(--ruhend-flaeche);color:var(--ruhend);border-color:var(--ruhend-rand)}.kanalpunkt{display:inline-flex;align-items:center;gap:var(--luft-2);font-size:var(--text-eng);color:var(--schrift)}.kanal-zeichen{width:10px;height:10px;flex-shrink:0;border-radius:3px;display:inline-block}.kanal-zeichen.gesperrt{border:1.5px dashed var(--schrift-zart)}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung-karte);box-shadow:var(--schatten-karte);padding:var(--luft-5) var(--luft-6);display:flex;flex-direction:column;gap:var(--luft-4)}.karte.hervorgehoben{border-color:var(--akzent-rand)}.karte-titel{font-size:var(--text-klein);font-weight:var(--fett);letter-spacing:var(--sperrung-versalien);text-transform:uppercase;color:var(--schrift-leise)}.karte.hervorgehoben .karte-titel{color:var(--akzent-tief)}.seitenkopf{display:flex;align-items:center;justify-content:space-between;gap:var(--luft-4);flex-wrap:wrap}.seitenkopf-titel{display:flex;align-items:center;gap:var(--luft-4);flex-wrap:wrap}.feld{display:flex;flex-direction:column;gap:5px}.feld-beschriftung{font-size:var(--text-klein);font-weight:var(--halbfett);letter-spacing:.04em;text-transform:uppercase;color:var(--schrift-leise)}.feld input{background:var(--flaeche);color:var(--schrift-stark);border:1px solid var(--rand-stark);border-radius:var(--rundung);padding:9px 12px;font-family:inherit;font-size:var(--text-normal);width:100%}.feld input:focus{border-color:var(--akzent);outline:none;box-shadow:0 0 0 3px var(--akzent-zart)}.feld-hinweis{color:var(--schrift-leise);font-size:var(--text-eng)}.belegungsplan{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung-karte);box-shadow:var(--schatten-karte);overflow:hidden}.plan-tagesleiste{display:grid;background:var(--grund);border-bottom:1px solid var(--rand)}.plan-leistenkopf{padding:var(--luft-2) var(--luft-4);font-size:var(--text-winzig);letter-spacing:var(--sperrung-versalien);text-transform:uppercase;color:var(--schrift-zart)}.plan-tag{display:flex;flex-direction:column;align-items:center;padding:6px 0;font-size:var(--text-winzig);color:var(--schrift-leise)}.plan-tag.wochenende{color:var(--akzent)}.plan-wochentag{line-height:1.2}.plan-tagnummer{color:var(--schrift)}.plan-tag.wochenende .plan-tagnummer{color:inherit}.plan-zeile{display:grid;grid-auto-rows:var(--plan-spurhoehe, 64px);border-bottom:1px solid var(--flaeche-tief)}.plan-zeile:last-child{border-bottom:none}.plan-einheit{grid-row:1 / -1;grid-column:1;padding:var(--luft-3) var(--luft-4);display:flex;flex-direction:column;justify-content:center;gap:2px}.plan-einheit-name{color:var(--schrift-stark);font-weight:var(--fett);font-size:var(--text-normal)}.plan-einheit-zusatz{color:var(--schrift-zart);font-size:var(--text-winzig)}.plan-zelle{grid-row:1 / -1;border-left:1px solid var(--flaeche-tief)}.plan-zelle.wochenende{background:var(--akzent-flaeche)}.plan-balken{align-self:center;height:34px;margin:0 3px;border-radius:var(--rundung-klein);padding:6px 10px;font-size:var(--text-klein);font-weight:var(--halbfett);color:var(--weiss);display:flex;align-items:center;white-space:nowrap;overflow:hidden}.plan-balken.gesperrt{border:1.5px dashed var(--schrift-zart);color:var(--schrift-leise)}.plan-balken.auffaellig{outline:2px solid var(--gefahr);outline-offset:-2px}.plan-balken-zeichen{margin-right:var(--luft-1);flex-shrink:0}.plan-zeichen{margin-right:var(--luft-1);flex-shrink:0;font-size:.7rem;line-height:1}.plan-zeichen.ausstehend{color:var(--offen)}.plan-zeichen.fehler{color:var(--gefahr);font-weight:var(--fett)}.seiten-inhalt{padding:var(--luft-6);display:flex;flex-direction:column;gap:var(--luft-5);max-width:1400px;margin:0 auto}.anmelde-buehne{min-height:100vh;display:grid;place-items:center;padding:var(--luft-6);background:var(--marken-grund)}.anmelde-buehne .karte{width:min(380px,100%)}.anmelde-kopf{display:flex;align-items:baseline;gap:var(--luft-2)}.anmelde-marke{font-family:var(--schriftart-marke);font-weight:var(--halbfett);font-size:1.4rem;color:var(--akzent)}.anmelde-zusatz{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--schrift-zart)}.anmelde-formular{display:flex;flex-direction:column;gap:var(--luft-4)}.anmelde-fehler{margin:0;background:var(--gefahr-flaeche);border:1px solid var(--gefahr-rand);border-radius:var(--rundung);padding:var(--luft-3);color:var(--gefahr);font-size:var(--text-eng)}.anmelde-erfolg{margin:0;background:var(--gut-flaeche);border:1px solid var(--gut-rand);border-radius:var(--rundung);padding:var(--luft-3);color:var(--gut);font-size:var(--text-eng)}.uebersicht-spalten{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:var(--luft-5);align-items:start}@media(max-width:900px){.uebersicht-spalten{grid-template-columns:1fr}}.kalender-legende{display:flex;flex-wrap:wrap;gap:var(--luft-2) var(--luft-5);align-items:center;padding:0 var(--luft-1)}.kalender-legende .konflikt-hinweis{display:inline-flex;align-items:center;gap:var(--luft-2);font-size:var(--text-eng);color:var(--gefahr)}