:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f6f5ed;--paper:#fff;--ink:#181818;--muted:#66655f;--accent:#bd9c62;--accent-press:#cbae7a;--accent-ink:#181818;--tile:#f3f1e8;--field:#f6f5ed;--sage:#181818;--brass:#bd9c62;--glass:#9fb3be;--sill:#6e7378;--error:#9a2e22;--r:24px;--r-sm:14px;--f:"Stack Sans Headline", "Helvetica Neue", Arial, sans-serif;--step-small:clamp(.875rem, .85rem + .1vw, .9375rem);--step-body:clamp(1.0625rem, 1rem + .2vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.08rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 2.6vw, 3.5rem);--m:clamp(16px, 1.7vw, 24px);--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}html,body{margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--f);font-size:var(--step-body);-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500;line-height:1.08}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.num{font-variant-numeric:tabular-nums lining-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{gap:var(--m);padding:var(--m) max(var(--m), env(safe-area-inset-right,0px)) var(--m) max(var(--m), env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh;display:grid}.sheet{background:var(--paper);border-radius:var(--r);min-width:0;padding:26px clamp(20px,3.4vw,56px) 56px}.top{font-size:var(--step-small);justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.wordmark img{width:40px;height:auto}.wordmark span{font-size:var(--step-body);font-weight:500}.top a.back{padding:10px 0;text-decoration:none}.top a.back:hover{text-underline-offset:.25em;text-decoration:underline}.intro{flex-direction:column;gap:16px;margin-top:clamp(48px,9vh,104px);display:flex}.intro h1{font-size:var(--step-head);color:var(--ink)}.intro p{max-width:44ch}.steps{font-size:var(--step-small);flex-wrap:wrap;gap:6px 18px;margin:40px 0 0;padding:0;list-style:none;display:flex}.steps button{font:inherit;color:var(--muted);cursor:default;background:0 0;border:0;padding:6px 0}.steps li.done button{color:var(--ink);cursor:pointer;text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}.steps li.done button:hover{text-decoration-thickness:2px}.steps li.current button{color:var(--ink);font-weight:600}.bar{background:var(--tile);border-radius:6px;height:6px;margin-top:12px;overflow:hidden}.bar span{background:var(--accent);width:0;height:100%;transition:width .5s var(--ease-out);display:block}.pane{margin-top:44px}.pane h2{font-size:var(--step-lead);letter-spacing:-.01em;font-weight:600}.pane .hint{color:var(--muted);max-width:46ch;margin-top:8px}.tiles{border:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:24px;padding:0;display:grid}.tiles.wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile{border-radius:var(--r-sm);background:var(--tile);cursor:pointer;min-height:64px;transition:background-color .18s ease, color .18s ease, transform .14s var(--ease-out);flex-direction:column;gap:8px;padding:16px;display:flex;position:relative}.tile:hover{background:#e9e6da}.tile:active{transform:scale(.985)}.tile input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tile:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.tile:has(input:checked){background:var(--ink);color:#fff}.tile strong{font-weight:600}.tile small{font-size:var(--step-small);color:var(--muted)}.tile:has(input:checked) small{color:#ffffffb3}.tile svg{color:currentColor;width:auto;height:46px}.swatch{aspect-ratio:3;border-radius:8px;width:100%;display:block;box-shadow:inset 0 0 0 1px #1818181f}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:24px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{font-size:var(--step-small);font-weight:500}.field input,.field textarea{font:inherit;color:var(--ink);background:var(--field);border:1px solid #0000;border-radius:12px;min-height:52px;padding:12px 16px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #bd9c6240}.field input:disabled{opacity:.45}.check{cursor:pointer;align-items:flex-start;gap:12px;margin-top:16px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:2px 0 0}.err{color:var(--error);font-size:var(--step-small);margin-top:10px}.counter{align-items:center;gap:6px;margin-top:24px;display:flex}.counter button,.nav .button{font:500 var(--step-body)/1 var(--f)}.counter button{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);font-size:var(--step-lead);cursor:pointer;transition:background-color .18s ease, transform .14s var(--ease-out);border:0;border-radius:50%}.counter button:hover{background:var(--ink);color:#fff}.counter button:active{transform:scale(.94)}.counter button:disabled{opacity:.4;cursor:default}.counter output{text-align:center;min-width:3ch;font-size:var(--step-head)}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:44px;display:flex}.button{cursor:pointer;background:var(--accent);min-height:52px;color:var(--accent-ink);transition:background-color .18s ease, transform .14s var(--ease-out);border:0;border-radius:100px;justify-content:center;align-items:center;gap:.6em;padding:0 28px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink);color:#fff}.button:active{transform:translateY(1px)scale(.985)}.button:disabled{opacity:.45;cursor:default;transform:none}.button.quiet{background:var(--tile);color:var(--ink)}.button.quiet:hover{color:var(--ink);background:#e9e6da}.linkbtn{font:inherit;color:var(--ink);text-underline-offset:.22em;cursor:pointer;background:0 0;border:0;padding:12px 0;text-decoration:underline}[hidden]{display:none!important}.note{font-size:var(--step-small);color:var(--muted);margin-top:14px}.preview{min-width:0;position:relative}.preview-inner{top:var(--m);min-height:calc(100svh - 2 * var(--m));background:var(--sage);border-radius:var(--r);grid-template-rows:1fr auto;display:grid;position:sticky;overflow:hidden}.window{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 24px 12px;display:flex}.window svg{--frame:#f4f4f1;width:min(100%,360px);height:auto}.window svg g[data-typ]{display:none}.window svg[data-typ=ein] g[data-typ=ein],.window svg[data-typ=zwei] g[data-typ=zwei],.window svg[data-typ=balkon] g[data-typ=balkon],.window svg[data-typ=fest] g[data-typ=fest],.window svg[data-typ=schiebe] g[data-typ=schiebe]{display:inline}.window svg .fr{fill:var(--frame);transition:fill .4s}.window svg .gl{fill:var(--glass)}.window svg .sh{fill:#fff;opacity:.32}.window svg .hd{fill:var(--brass)}.window svg .si{fill:var(--sill)}.dimtext{font-size:var(--step-small);color:#ffffffbf}.summary{background:var(--paper);margin:0 var(--m) var(--m);border-radius:16px;padding:22px 24px}.summary h2{font-size:var(--step-body);letter-spacing:0;font-weight:600}.summary dl{font-size:var(--step-small);grid-template-columns:auto minmax(0,1fr);gap:6px 20px;margin:12px 0 0;display:grid}.summary dt{color:var(--muted)}.summary dd{margin:0;font-weight:500}.summary dd.open{color:var(--muted);font-weight:400}.positions{font-size:var(--step-small);margin-top:14px}.positions ol{margin:6px 0 0;padding-left:1.2em}.done-pane{flex-direction:column;gap:18px;max-width:48ch;margin-top:44px;display:flex}.done-pane h2{font-size:var(--step-head);color:var(--ink)}@media (prefers-reduced-motion:no-preference){.pane:not([hidden]){animation:rise .52s var(--ease-out) both}}button{font:inherit}.m-top{display:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:900px){.stage{grid-template-columns:minmax(0,1fr);padding-top:12px}.preview{order:-1}.preview-inner{grid-template-rows:auto auto;min-height:0;position:relative;top:0}.window{padding:24px 16px 8px}.window svg{width:min(62%,240px)}.summary{display:none}.sheet{padding:22px 20px 44px}.fields{grid-template-columns:minmax(0,1fr)}.nav .button{flex:auto}#back[hidden]+#back-spacer{display:none}.m-top{background:var(--paper);border-radius:18px;order:-2;padding:16px 20px;display:flex}.sheet>.top{display:none}.intro{margin-top:4px}.top a{white-space:nowrap}}@font-face{font-family:Stack Sans Headline;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/stack-sans-headline-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Stack Sans Headline;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/stack-sans-headline-latin.woff2)format("woff2")}