@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-mono-latin-ext-wght-normal-BQQ6IFDA.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-mono-latin-wght-normal-Dwfc5A3M.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#fbfaf6;--tinte:#1d1b18;--grau:#6b655c;--linie:#d6d0c4;--gelb:#fac01e;--serif:"Fraunces Variable", Georgia, serif;--mono:"Red Hat Mono Variable", ui-monospace, Menlo, monospace;--display:clamp(2.4rem, 5.6vw, 6.2rem);--text:clamp(1.05rem, .98rem + .3vw, 1.3rem);--klein:.8rem;--rand:clamp(1.25rem, 4vw, 4.5rem)}*{box-sizing:border-box}html{background:var(--papier);color:var(--tinte);-webkit-text-size-adjust:100%}body{font-family:var(--serif);font-size:var(--text);font-variation-settings:"opsz" 14, "SOFT" 50;margin:0;line-height:1.5;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 0;letter-spacing:-.015em;margin:0 0 .4em;font-weight:380;line-height:1.02}h2{font-size:var(--display)}h3{font-size:var(--text);font-variation-settings:"opsz" 14;letter-spacing:0;font-weight:600;line-height:1.3}p{max-width:36em;margin:0 0 1em}a{color:inherit}.mono,.quelle,cite,.steckbrief dt{font-family:var(--mono);font-size:var(--klein);letter-spacing:.02em;font-style:normal}.quelle{color:var(--grau)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sprung{z-index:50;background:var(--tinte);color:var(--papier);padding:.6em 1em;position:absolute;top:0;left:-999px}.sprung:focus{top:1rem;left:1rem}:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}.frame{display:block;overflow:hidden}blockquote{margin:1.4em 0 0;padding:0}blockquote p{font-variation-settings:"opsz" 30, "SOFT" 100;margin:0 0 .35em;font-style:italic}cite{color:var(--grau)}.zollstock{background-image:linear-gradient(var(--tinte), var(--tinte)), repeating-linear-gradient(90deg, var(--tinte) 0 1px, transparent 1px 6px);background-position:0 100%,0 calc(100% - 1px);background-repeat:no-repeat;background-size:100% 1px,0% 4px;padding-bottom:5px;text-decoration:none;transition:background-size .32s cubic-bezier(.2,.7,.2,1)}.zollstock:hover,.zollstock:focus-visible{background-size:100% 1px,100% 4px}.leiste{z-index:20;padding:clamp(1rem, 2vw, 2rem) var(--rand);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.leiste a{pointer-events:auto}.marke{color:var(--tinte);display:block}.logo{width:auto;height:clamp(1.15rem,1.35vw,1.9rem);display:block}.tel{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(.85rem,.8rem + .2vw,1.05rem)}.einstieg{height:230vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.raum-wrap{transform-origin:0 0;will-change:transform;position:absolute;inset:0;overflow:hidden}.raum{aspect-ratio:3/2;width:max(100vw,150vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.raum .foto{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.skizze{fill:none;width:100%;height:100%;stroke:var(--tinte);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;position:absolute;inset:0}.skizze path{vector-effect:non-scaling-stroke}.titel{left:var(--rand);max-width:min(46vw,44rem);position:absolute;top:20vh}.titel h1{margin-bottom:.3em;font-size:min(6.4rem,6.6vw)}.absender{font-family:var(--mono);font-size:var(--klein);max-width:26em}.absender:before{content:"";background:var(--gelb);vertical-align:.05em;width:1.4em;height:.55em;margin-right:.6em;display:inline-block}.ziel{right:var(--rand);pointer-events:none;width:46vw;height:28.52vw;position:absolute;top:50%;transform:translateY(-50%)}.auftakt-sektion{z-index:3;height:100svh;padding:0 var(--rand);pointer-events:none;align-items:center;margin-top:-100svh;display:flex;position:relative}.auftakt{pointer-events:auto;width:min(36vw,34rem)}.auftakt .gross{font-variation-settings:"opsz" 144, "SOFT" 100;letter-spacing:-.01em;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08}.schnitt{padding:clamp(5rem, 12vh, 9rem) var(--rand) clamp(4rem, 10vh, 7rem)}.schnitt-kopf{max-width:60rem;margin-bottom:2.5rem}.schnitt-buehne{grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.zeichnung svg{width:100%;height:auto;overflow:visible}.zeichnung svg *{vector-effect:non-scaling-stroke}.rohbau rect,.rohbau path{fill-opacity:1;stroke:var(--tinte);stroke-width:1.2px}.rohbau rect:not([fill]),.rohbau path:not([fill]){fill:none}#schraffur line{stroke:var(--linie);stroke-width:1.2px}#fischgraet path{stroke:var(--grau);stroke-width:1px;fill:none}#tapete circle{fill:var(--grau)}.schicht{cursor:pointer;outline:none}.schicht .kante{fill:none;stroke:var(--tinte);stroke-width:1.5px;transition:stroke .25s}.schicht .flaeche{stroke:none;transition:fill-opacity .25s}.schicht path.flaeche{fill:#0000}.schicht.is-an path.flaeche,.schicht[data-schicht=fenster].is-an rect.flaeche{fill:var(--gelb)}.schicht.is-an rect.flaeche[fill^=url]{fill-opacity:1}.schicht.is-an .kante{stroke-width:2.4px}.schicht[data-schicht=boden].is-an .kante,.schicht[data-schicht=wand].is-an .kante{stroke:var(--tinte)}.schicht.is-an{filter:none}.schicht:focus-visible .kante{stroke-dasharray:4 3}.schicht-gelb{fill:var(--gelb)}.marken path{fill:none;stroke:var(--grau);stroke-width:1px}.marken text,.zeichnung .mass{font-family:var(--mono);fill:var(--grau);font-size:15px}.marken g.is-an text{fill:var(--tinte);font-weight:600}.marken g.is-an path{stroke:var(--tinte)}.zeichnung .mass{font-size:12px}.schnitt-text .tafel h3{font-variation-settings:"opsz" 144, "SOFT" 100;font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:400}.knoepfe{flex-wrap:wrap;gap:.4rem;margin-top:1.4rem;display:flex}.knoepfe button{font:inherit;font-family:var(--mono);font-size:var(--klein);border:1px solid var(--tinte);color:var(--tinte);cursor:pointer;background:0 0;border-radius:0;min-height:44px;padding:.55em .9em}.knoepfe button[aria-pressed=true]{background:var(--gelb);border-color:var(--gelb)}.film{background:#e9e3d8;position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .6s}.film.is-live canvas{opacity:1}.boden{padding:0 var(--rand) clamp(5rem, 12vh, 9rem);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.film-parkett{aspect-ratio:3/2}.boden-text h2{font-size:clamp(2rem,3.6vw,3.8rem)}.treppe{padding:0 0 clamp(5rem,12vh,9rem);position:relative}.film-treppe{height:92svh;margin:0 var(--rand)}.treppe-text{margin:-9rem var(--rand) 0 auto;z-index:2;background:var(--papier);width:min(34rem,88%);padding:clamp(1.5rem,3vw,2.6rem);position:relative}.zitat-gross{margin:0 0 1.2em}.zitat-gross p{font-variation-settings:"opsz" 144, "SOFT" 100;font-size:clamp(1.7rem,2.8vw,2.8rem);line-height:1.12}.fenster{padding:0 var(--rand) clamp(5rem, 12vh, 9rem);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.plissee-bild{position:relative}.falten{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.falten span{transform-origin:50% 0;background:linear-gradient(#efe9dd 0 52%,#e3dbcb 52% 100%);flex:1}.fenster-text h2{font-size:clamp(2rem,3.6vw,3.8rem)}.polster{padding:0 var(--rand) clamp(5rem, 12vh, 9rem);grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.polster .frame{order:2}.polster-text{order:1}.polster-text h2{font-size:clamp(2rem,3.6vw,3.8rem)}.muster{background:var(--gelb);position:relative}.muster-pin{flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(3rem,8vh,6rem) 0;display:flex;overflow:hidden}.muster-kopf{padding:0 var(--rand);margin-bottom:2.5rem}.muster-kopf h2{font-size:clamp(2.2rem,4.6vw,5rem)}.muster-band{padding:0 var(--rand);will-change:transform;align-items:stretch;gap:clamp(1rem,2vw,1.8rem);width:max-content;display:flex}.muster-foto{flex:none;width:min(46vw,44rem)}.muster-foto img{object-fit:cover;width:100%;height:100%}.etikett{cursor:pointer;perspective:900px;width:clamp(14rem,19vw,18rem);min-height:22rem;font:inherit;color:var(--tinte);text-align:left;background:0 0;border:0;flex:none;padding:0;position:relative}.etikett .vorne,.etikett .hinten{background:var(--papier);backface-visibility:hidden;clip-path:polygon(14% 0,86% 0,100% 9%,100% 100%,0 100%,0 9%);flex-direction:column;padding:1.4rem 1.3rem;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.etikett .vorne:before,.etikett .hinten:before{content:"";background:var(--gelb);width:.8rem;height:.8rem;box-shadow:inset 0 0 0 1px var(--tinte);border-radius:50%;margin-left:-.4rem;position:absolute;top:1.05rem;left:50%}.etikett b{font-family:var(--mono);font-weight:500;font-size:var(--klein);margin-top:2.2rem}.etikett .art{font-variation-settings:"opsz" 144, "SOFT" 100;margin:auto 0 .5rem;font-size:clamp(2rem,2.6vw,2.8rem);line-height:1}.etikett .detail{font-family:var(--mono);font-size:var(--klein);color:var(--grau);border-top:1px solid var(--linie);padding-top:.6rem}.etikett .hinten{background:var(--tinte);color:var(--papier);justify-content:flex-end;font-size:1.2rem;line-height:1.3;transform:rotateY(180deg)}.etikett.is-gedreht .vorne{transform:rotateY(-180deg)}.etikett.is-gedreht .hinten{transform:rotateY(0)}.band-ende{flex:none;align-self:flex-end;width:14rem;margin:0}.liefern{padding:clamp(4rem, 10vh, 7rem) var(--rand) 0;border-bottom:1px solid var(--linie);padding-bottom:clamp(3rem,7vh,5rem)}.steckbrief{border-top:1px solid var(--tinte);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 1.6rem;display:grid}.steckbrief div{border-right:1px solid var(--linie);margin-right:1.2rem;padding:1rem 1.2rem 1rem 0}.steckbrief div:last-child{border-right:0}.steckbrief dt{color:var(--grau);margin-bottom:.3rem}.steckbrief dd{font-variation-settings:"opsz" 72, "SOFT" 100;margin:0;font-size:clamp(1.3rem,1.9vw,1.9rem);line-height:1.2}.besuch{padding:clamp(4rem, 10vh, 7rem) var(--rand);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);display:grid}.besuch h2{margin-bottom:.1em;font-size:clamp(2.2rem,4.6vw,5rem)}.adresse{font-size:clamp(1.3rem,1.8vw,1.8rem)}.jetzt{font-family:var(--mono);font-size:var(--klein);background:var(--gelb);padding:.35em .6em;display:inline-block}.zeiten{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:1rem 0 1.8rem}.zeiten th,.zeiten td{text-align:left;vertical-align:top;border-top:1px solid var(--linie);padding:.5rem 1.6rem .5rem 0;font-weight:400}.btn{background:var(--tinte);color:var(--papier);font-family:var(--mono);min-height:44px;padding:.95em 1.4em;font-size:.95rem;text-decoration:none;transition:background .25s;display:inline-block}.btn:hover{background:#000}.btn.klingelt{background:var(--gelb);color:var(--tinte)}.besuch-neben h3{margin-top:.4rem}.besuch-neben p{color:var(--tinte)}.fuss{padding:3rem var(--rand) 4rem;border-top:1px solid var(--linie);grid-template-columns:1fr auto;align-items:end;gap:1rem 2rem;display:grid}.gruss{font-variation-settings:"opsz" 144, "SOFT" 100;margin:0;font-size:clamp(1.4rem,2.4vw,2.4rem);line-height:1.1}.fuss-logo{width:auto;height:clamp(1.2rem,1.6vw,2rem);color:var(--tinte)}.fuss-links{font-family:var(--mono);font-size:var(--klein);grid-column:1/-1;margin:0}.fuss-links button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:.4rem 0;text-decoration:underline}dialog{border:1px solid var(--tinte);background:var(--papier);max-width:34rem;color:var(--tinte);padding:2rem}dialog::backdrop{background:#1d1b1880}dialog h2{font-size:2rem}dialog button{font:inherit;font-family:var(--mono);font-size:var(--klein);background:var(--tinte);color:var(--papier);cursor:pointer;border:0;min-height:44px;padding:.7em 1.1em}.statisch .einstieg{height:auto}.statisch .buehne{position:relative}.statisch .skizze{opacity:.32}@media (width>=761px){.statisch .einstieg{height:100svh}.statisch .auftakt-sektion{height:auto;padding:clamp(5rem, 12vh, 9rem) var(--rand) 0;margin-top:0}.statisch .auftakt{width:min(60vw,40rem)}}@media (width<=760px){:root{--display:clamp(2.1rem, 9vw, 2.8rem)}.leiste{position:absolute}.logo{height:1.15rem}.einstieg{height:auto}.buehne{height:auto;position:relative;overflow:visible}.raum-wrap{height:58svh;position:relative}.raum{width:auto;height:100%;left:70%;transform:translate(-70%,-50%)}.titel{padding:1.5rem var(--rand) 0;max-width:none;position:static}.titel h1{font-size:clamp(2.3rem,10.5vw,3rem)}.ziel{display:none}.auftakt-sektion{height:auto;padding:2.5rem var(--rand) 0;margin-top:0;display:block}.auftakt{width:auto}.statisch .einstieg{height:auto}.schnitt-buehne,.boden,.fenster,.polster,.besuch{grid-template-columns:1fr}.polster .frame,.polster-text{order:0}.film-treppe{height:70svh;margin:0}.treppe-text{margin:-4rem var(--rand) 0;width:auto}.muster-pin{min-height:0}.muster-band{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:auto;padding-bottom:1rem;overflow-x:auto}.muster-band>*{scroll-snap-align:start}.muster-foto{width:82vw}.etikett{width:62vw;min-height:19rem}.marken text{font-size:30px}.zeichnung .mass{display:none}.steckbrief{grid-template-columns:1fr}.steckbrief div{border-right:0;border-bottom:1px solid var(--linie);margin-right:0}.fuss{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.titel h1{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-weight:560}.titel h1 .mark{background:linear-gradient(transparent 58%, var(--gelb) 58%, var(--gelb) 92%, transparent 92%);padding:0 .04em}.statisch .skizze{opacity:.55;stroke-width:2px}@media (width<=760px){.tel{background:var(--papier);background-size:100% 1px,0% 4px;padding:.35em .55em .45em}}