:root{--primary:#06c;--primary-focus:#0071e3;--primary-on-dark:#2997ff;--ink:#1d1d1f;--ink-80:#333;--ink-48:#7a7a7a;--on-dark:#fff;--muted-on-dark:#ccc;--canvas:#fff;--karte:#fff;--parchment:#f5f5f7;--pearl:#fafafc;--tile-dark:#272729;--black:#000;--hairline:#e0e0e0;--divider-soft:#f0f0f0;--erfolg:#1a7f37;--erfolg-punkt:#34c759;--fehler:#d70015;--fehler-punkt:#ff3b30;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif;--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--s-xxs:4px;--s-xs:8px;--s-sm:12px;--s-md:17px;--s-lg:24px;--s-xl:32px;--s-xxl:48px;--s-section:80px;--r-sm:8px;--r-md:11px;--r-lg:18px;--r-pill:9999px;--inhalt:980px;--druck:.1s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--primary:#2997ff;--primary-focus:#2997ff;--ink:#f5f5f7;--ink-80:#d2d2d7;--ink-48:#98989d;--canvas:#1c1c1e;--karte:#2c2c2e;--parchment:#000;--pearl:#2c2c2e;--hairline:#38383a;--divider-soft:#2c2c2e;--erfolg:#30d158;--fehler:#ff453a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--parchment);color:var(--ink);font-family:var(--font-text);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.47}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}p{margin:0}a{color:var(--primary);text-decoration:none}a:active{opacity:.7}code{letter-spacing:0;background:var(--pearl);border:1px solid var(--divider-soft);border-radius:6px;padding:.1em .4em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}.hero{letter-spacing:-.005em;font-size:56px;line-height:1.07}.hero .zweite{color:var(--ink-48);display:block}.display-lg{letter-spacing:-.003em;font-size:40px;line-height:1.1}.tagline{letter-spacing:.011em;font-size:21px;line-height:1.19}.lead{letter-spacing:.011em;color:var(--ink-80);font-size:21px;font-weight:400;line-height:1.38}.caption{letter-spacing:-.016em;font-size:14px;line-height:1.43}.leise{color:var(--ink-48)}.fehler{color:var(--fehler)}.erfolg{color:var(--erfolg)}.knopf,.knopf-zweit,.knopf-werkzeug{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--druck) ease-out, opacity var(--druck) ease-out}.knopf:active:not(:disabled),.knopf-zweit:active:not(:disabled),.knopf-werkzeug:active:not(:disabled){transform:scale(.95)}.knopf{border-radius:var(--r-pill);background:var(--primary);color:#fff;min-height:44px;font:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;padding:11px 22px;display:inline-flex}.knopf.klein{min-height:32px;padding:6px 16px;font-size:14px}.knopf.gefahr{background:var(--fehler)}.knopf-zweit{border:1px solid var(--primary);border-radius:var(--r-pill);min-height:44px;color:var(--primary);font:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:10px 21px;display:inline-flex}.knopf-zweit.klein{min-height:32px;padding:5px 15px;font-size:14px}.knopf-werkzeug{border-radius:var(--r-sm);min-height:32px;color:var(--on-dark);font:inherit;letter-spacing:-.016em;cursor:pointer;background:0 0;border:0;align-items:center;padding:8px 15px;font-size:14px;display:inline-flex}.knopf:disabled,.knopf-zweit:disabled{opacity:.35;cursor:not-allowed}.textlink{color:var(--primary);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.textlink:after{content:" ›"}.feld{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);width:100%;min-height:52px;color:var(--ink);font:inherit;letter-spacing:inherit;transition:border-color var(--druck) ease-out;padding:14px 20px;display:block}.feld:focus{border-color:var(--primary-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-focus) 25%, transparent);outline:none}.feld[aria-invalid=true]{border-color:var(--fehler)}.beschriftung{letter-spacing:-.016em;margin-bottom:var(--s-xs);font-size:14px;font-weight:600;display:block}.hinweis{letter-spacing:-.016em;margin-top:var(--s-xs);min-height:20px;font-size:14px}.nav{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);height:44px;color:var(--on-dark);background:#000000e0;position:sticky;top:0}.nav-innen{max-width:calc(var(--inhalt) + 2 * var(--s-md));height:100%;padding:0 var(--s-md);align-items:center;gap:var(--s-sm);margin:0 auto;display:flex}.nav-marke{align-items:center;margin-right:auto;display:flex}.nav-marke img{width:auto;height:22px}.nav-mail{letter-spacing:-.01em;color:var(--muted-on-dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.subnav{z-index:10;background:color-mix(in srgb, var(--parchment) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb, var(--ink) 8%, transparent);position:sticky;top:44px}.subnav-innen{max-width:calc(var(--inhalt) + 2 * var(--s-md));min-height:52px;padding:var(--s-xs) var(--s-md);align-items:center;gap:var(--s-md);margin:0 auto;display:flex}.subnav-titel{letter-spacing:.011em;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:21px;font-weight:600;overflow:hidden}.subnav a.zurueck{letter-spacing:-.016em;font-size:14px}.browser{margin-top:var(--s-xl)}.browser-leiste{align-items:center;gap:var(--s-sm);padding:var(--s-sm);background:var(--karte);border:1px solid var(--hairline);border-radius:var(--r-lg);display:flex}.browser-punkte{padding:0 var(--s-xs) 0 6px;gap:8px;display:flex}.browser-punkte i{background:color-mix(in srgb, var(--ink) 14%, transparent);border-radius:50%;width:12px;height:12px}.adressfeld{background:var(--parchment);border-radius:var(--r-md);cursor:text;min-width:0;height:48px;transition:box-shadow var(--druck) ease-out;flex:1;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex;position:relative;overflow:hidden}.adressfeld:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-focus) 30%, transparent)}.adress-schloss{width:11px;height:15px;color:var(--ink-48);flex-shrink:0}.adress-text{letter-spacing:-.02em;white-space:nowrap;flex:1;align-items:baseline;min-width:0;font-size:19px;display:flex;overflow:hidden}.adress-eingabe{min-width:1ch;display:inline-grid}.adress-spiegel,.adress-eingabe input{font:inherit;letter-spacing:inherit;grid-area:1/1;margin:0;padding:0}.adress-spiegel{visibility:hidden;white-space:pre}.adress-eingabe input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none}.adress-eingabe input::placeholder,.adress-domain{color:var(--ink-48)}.adress-status{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.adress-status svg{width:18px;height:18px}[data-zustand=frei] .adress-status{color:var(--erfolg)}[data-zustand=belegt] .adress-status{color:var(--fehler)}.kreisel{border:2px solid color-mix(in srgb, var(--ink) 15%, transparent);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite drehen}@keyframes drehen{to{transform:rotate(360deg)}}.adress-ladebalken{opacity:0;height:3px;transition:opacity .2s ease-out;position:absolute;bottom:0;left:0;right:0}.adress-ladebalken:before{content:"";border-radius:var(--r-pill);background:var(--primary);width:40%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}[data-zustand=laedt] .adress-ladebalken{opacity:1}[data-zustand=laedt] .adress-ladebalken:before{animation:1.1s cubic-bezier(.45,0,.25,1) infinite laden}@keyframes laden{0%{transform:translate(-100%)}to{transform:translate(250%)}}.browser-hinweis{margin:var(--s-sm) 0 0 var(--s-xs);min-height:20px;color:var(--ink-48)}[data-zustand=frei] .browser-hinweis{color:var(--erfolg)}[data-zustand=belegt] .browser-hinweis{color:var(--fehler)}.leer{padding:var(--s-xl) 0;text-align:center}@media (width<=734px){.browser-punkte{display:none}.browser-leiste{flex-wrap:wrap}.adressfeld{flex-basis:100%}.browser-leiste .knopf{width:100%}.adress-text{font-size:17px}}@media (prefers-reduced-motion:reduce){[data-zustand=laedt] .adress-ladebalken:before{width:100%;animation:1.2s ease-in-out infinite pulsieren;transform:none}.kreisel{animation:1.2s ease-in-out infinite pulsieren}@keyframes pulsieren{50%{opacity:.35}}}.fenster{margin:var(--s-xxl) 0 0;text-align:left;background:#fff;border:1px solid #0000001f;border-radius:12px;overflow:hidden;box-shadow:3px 5px 30px #00000038}.fenster-leiste{align-items:center;gap:var(--s-sm);height:52px;padding:0 var(--s-md);background:#f6f6f6;border-bottom:1px solid #dcdcdc;grid-template-columns:1fr minmax(0,2.4fr) 1fr;display:grid}.ampel{gap:8px;display:flex}.ampel i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0000001f}.ampel i:first-child{background:#ff5f57}.ampel i:nth-child(2){background:#febc2e}.ampel i:nth-child(3){background:#28c840}.fenster-adresse{height:32px;padding:0 var(--s-sm);border-radius:var(--r-sm);color:#3c3c43;letter-spacing:-.016em;white-space:nowrap;text-overflow:ellipsis;background:#e9e9eb;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex;overflow:hidden}.fenster-adresse svg{color:#8e8e93;flex-shrink:0;width:9px;height:12px}.fenster-inhalt{aspect-ratio:1280/800;background:#fafafc;position:relative;overflow:hidden}.fenster-bild{display:block;position:absolute;inset:0}.fenster-bild img{object-fit:cover;object-position:top;width:100%;height:100%;animation:.4s ease-out einblenden;display:block}@keyframes einblenden{0%{opacity:0}}.fenster-schleier{opacity:0;background:#0000002e;place-items:center;transition:opacity .26s ease-out;display:grid;position:absolute;inset:0}.fenster-bild img{transition:filter .32s ease-out,transform .32s ease-out}.fenster-bild:hover img,.fenster-bild:focus-visible img{filter:blur(14px)brightness(.72)saturate(1.5);transform:scale(1.06)}.fenster-schleier .knopf{transition:transform .32s cubic-bezier(.2,.9,.3,1);transform:scale(.94)}.fenster-bild:hover .fenster-schleier,.fenster-bild:focus-visible .fenster-schleier{opacity:1}.fenster-bild:hover .fenster-schleier .knopf,.fenster-bild:focus-visible .fenster-schleier .knopf{transform:none}.fenster-bild:active .fenster-schleier .knopf{transform:scale(.95)}.fenster-bild:active{opacity:1}@media (hover:none){.fenster-schleier{display:none}.fenster-bild img{filter:none!important;transform:none!important}}@media (prefers-reduced-transparency:reduce){.fenster-bild:hover img,.fenster-bild:focus-visible img{filter:brightness(.45);transform:none}}.fenster-laden{background:linear-gradient(100deg,#f5f5f7 30%,#fafafc 50%,#f5f5f7 70%) 0 0/300% 100%;place-items:center;animation:1.4s ease-in-out infinite schimmern;display:grid;position:absolute;inset:0}.fenster-laden .leise{color:#6e6e73}@keyframes schimmern{0%{background-position:100% 0}to{background-position:0 0}}.fenster-leer{place-content:center;gap:var(--s-xs);padding:var(--s-lg);text-align:center;color:#1d1d1f;background:#fafafc;display:grid;position:absolute;inset:0}.fenster-leer .leise{color:#6e6e73}@media (width<=734px){.fenster{margin-top:var(--s-xl);border-radius:10px}.fenster-leiste{height:40px;padding:0 var(--s-sm);grid-template-columns:auto minmax(0,1fr)}.fenster-platz{display:none}.ampel i{width:10px;height:10px}.fenster-adresse{height:26px;font-size:12px}}@media (prefers-reduced-motion:reduce){.fenster-laden,.fenster-bild img{animation:none}.fenster-schleier .knopf,.fenster-bild:active .fenster-schleier .knopf{transform:none}}.kachel{padding:var(--s-section) var(--s-md)}.kachel.hell{background:var(--canvas)}.kachel.parchment{background:var(--parchment)}.kachel.dunkel{background:var(--tile-dark);color:var(--on-dark)}.kachel.dunkel a{color:var(--primary-on-dark)}.kachel-innen{max-width:var(--inhalt);margin:0 auto}.kachel-innen.schmal{max-width:640px}.zentriert{text-align:center}.stapel>*+*{margin-top:var(--s-lg)}.karte{background:var(--karte);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg)}.karten{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:20px;display:grid}.karten.drei{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=833px){.karten.drei{grid-template-columns:1fr}}.site-karte{gap:var(--s-xxs);color:inherit;transition:transform var(--druck) ease-out;flex-direction:column;display:flex}.site-karte:active{opacity:1;transform:scale(.98)}.site-karte strong{letter-spacing:.011em;font-size:21px;font-weight:600;font-family:var(--font-display);overflow-wrap:anywhere}.site-karte .fuss-zeile{margin-top:var(--s-md);justify-content:space-between;align-items:center;display:flex}.status{letter-spacing:-.01em;color:var(--ink-80);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.status:before{content:"";background:var(--ink-48);border-radius:50%;width:8px;height:8px}.status.online:before{background:var(--erfolg-punkt)}.status.gesperrt:before{background:var(--fehler-punkt)}.ablage{place-items:center;gap:var(--s-sm);min-height:260px;padding:var(--s-xxl) var(--s-lg);border:1.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);border-radius:var(--r-lg);background:var(--canvas);text-align:center;cursor:pointer;transition:transform .26s cubic-bezier(.2, .9, .3, 1), border-color var(--druck) ease-out, background-color var(--druck) ease-out;display:grid}.ablage:active{transform:scale(.99)}.ablage.ueber{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--canvas));transform:scale(1.015)}.ablage.beschaeftigt{cursor:progress;border-style:solid}.ablage-symbol{width:56px;height:56px;color:var(--primary)}.fortschritt{border-radius:var(--r-pill);background:var(--divider-soft);width:min(320px,100%);height:6px;overflow:hidden}.fortschritt span{background:var(--primary);border-radius:inherit;transform-origin:0;height:100%;display:block}.haekchen{width:56px;height:56px;color:var(--erfolg)}.haekchen path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.42s cubic-bezier(.2,.9,.3,1) 80ms forwards zeichnen}@keyframes zeichnen{to{stroke-dashoffset:0}}.liste{margin:0;padding:0;list-style:none}.liste li{justify-content:space-between;align-items:center;gap:var(--s-md);min-height:56px;padding:var(--s-xs) 0;display:flex}.liste li+li{border-top:1px solid var(--hairline)}.schalter-zeile{gap:var(--s-md);justify-content:space-between;align-items:flex-start;display:flex}.schalter{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;border:0;flex-shrink:0;width:51px;height:31px;transition:background-color .2s ease-out;position:relative}.schalter:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .28s cubic-bezier(.3,1.2,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.schalter[aria-checked=true]{background:var(--erfolg-punkt)}.schalter[aria-checked=true]:after{transform:translate(20px)}.gefahrenzone summary{cursor:pointer;color:var(--fehler);list-style:none}.gefahrenzone summary::-webkit-details-marker{display:none}.gefahrenzone[open] summary{margin-bottom:var(--s-md)}.fuss{background:var(--parchment);border-top:1px solid var(--hairline);padding:var(--s-xl) var(--s-md) var(--s-xxl);color:var(--ink-48);letter-spacing:-.01em;margin-top:auto;font-size:12px;line-height:1.6}.fuss-innen{max-width:var(--inhalt);justify-content:space-between;align-items:center;gap:var(--s-md);flex-wrap:wrap;margin:0 auto;display:flex}.fuss img{width:auto;height:44px}.fuss a{color:var(--ink-80)}.fuss nav{gap:var(--s-md);display:flex}.anmelde-seite{background:var(--canvas);padding:var(--s-xxl) var(--s-md);flex:1;align-content:center;display:grid}.anmelde-symbol{width:72px;height:72px;margin:0 auto var(--s-lg)}.anmelde-form{max-width:400px;margin:var(--s-xl) auto 0;text-align:left}.anmelde-form .knopf{width:100%;margin-top:var(--s-sm)}.laden{color:var(--ink-48);flex:1;place-items:center;display:grid}@media (width<=1068px){.hero{font-size:48px}}@media (width<=734px){.kachel{padding:var(--s-xxl) var(--s-md)}.hero{font-size:40px}.display-lg{font-size:32px}.lead{font-size:19px}.nav-mail{display:none}}@media (width<=419px){.hero{font-size:34px}.display-lg{font-size:28px}.subnav-titel{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important}.haekchen path{stroke-dashoffset:0;animation:none}.knopf:active:not(:disabled),.knopf-zweit:active:not(:disabled),.ablage.ueber,.site-karte:active{transform:none}.knopf:active:not(:disabled),.knopf-zweit:active:not(:disabled){opacity:.7}}@media (prefers-reduced-transparency:reduce){.nav{background:var(--black);-webkit-backdrop-filter:none;backdrop-filter:none}.subnav{background:var(--parchment);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--hairline:#8e8e93;--ink-48:#545458}.subnav{background:var(--parchment);border-bottom-color:var(--ink)}}.rechtstext h1{margin-bottom:var(--s-xs)}.rechtstext h2{letter-spacing:.011em;margin:var(--s-xxl) 0 var(--s-sm);scroll-margin-top:64px;font-size:21px;line-height:1.19}.rechtstext p,.rechtstext ul{margin:0 0 var(--s-md)}.rechtstext ul{padding-left:1.2em}.rechtstext li+li{margin-top:var(--s-xs)}.rechtstext-liste dt{margin-top:var(--s-md);font-weight:600}.rechtstext-liste dd{margin:var(--s-xxs) 0 0}.rechtstext table{border-collapse:collapse;width:100%;margin:0 0 var(--s-md);letter-spacing:-.016em;font-size:15px}.rechtstext th,.rechtstext td{text-align:left;vertical-align:top;padding:var(--s-sm) var(--s-sm) var(--s-sm) 0;border-bottom:1px solid var(--hairline)}.rechtstext th{font-weight:600}@media (width<=640px){.rechtstext table,.rechtstext tbody,.rechtstext tr,.rechtstext td{display:block}.rechtstext thead{display:none}.rechtstext tr{padding:var(--s-sm) 0;border-bottom:1px solid var(--hairline)}.rechtstext td{border:0;padding:2px 0}.rechtstext td:first-child{font-weight:600}}.zustimmung{gap:var(--s-sm);padding:var(--s-md);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--karte);cursor:pointer;align-items:flex-start;display:flex}.zustimmung input{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin:1px 0 0}.zustimmung:has(input:checked){border-color:var(--primary)}
