@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.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-wght-normal-Ca2vKHc0.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-wght-normal-ukD16Tqj.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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/work-sans-vietnamese-wght-normal-BKsN3ITN.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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/work-sans-latin-ext-wght-normal-B5dZ8C4S.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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/work-sans-latin-wght-normal-Bl-S9Xys.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:#efe9df;--papier-2:#e6ddcf;--tinte:#1d2b27;--gruen:#2f4a3e;--gruen-tief:#22362d;--rost:#a8552e;--garn:#d9cbb3;--linie:#1d2b272e;--display:min(5.8rem, 6.2vw);--text:1.125rem;--klein:.875rem;--serif:"Fraunces Variable", Georgia, serif;--sans:"Work Sans Variable", system-ui, sans-serif;--rand:clamp(1.25rem, 4vw, 4rem)}@media (width<=760px){:root{--display:clamp(2.3rem, 10.5vw, 3rem);--text:1.0625rem}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--tinte);font:400 var(--text)/1.55 var(--sans);margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-family:var(--serif);font-weight:420;font-size:var(--display);letter-spacing:-.015em;font-variation-settings:"SOFT" 60, "WONK" 0;text-wrap:balance;margin:0;line-height:1.02}p{max-width:34em;margin:0 0 1em}section{scroll-margin-top:4.5rem}button{font:inherit;color:inherit}.frame{display:block;overflow:hidden}.site-head{z-index:20;padding:1.1rem var(--rand);color:var(--tinte);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background-color .25s,border-color .25s;display:flex;position:fixed;inset:0 0 auto}.site-head.is-solid{background:var(--papier);border-bottom-color:var(--linie)}.marke{align-items:center;gap:.55em;text-decoration:none;display:flex}.zeichen{aspect-ratio:1;width:auto;height:clamp(1.65rem,1.9vw,2.6rem);fill:var(--gruen)}.name{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(1.25rem,1.45vw,2rem);font-weight:480;line-height:1}.head-rechts{align-items:center;gap:clamp(1rem,2vw,2rem);font-size:clamp(.95rem,.95vw,1.25rem);display:flex}.tel-kurz{display:none}.tel{text-underline-offset:.25em;font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-thickness:1px}.menu-knopf{cursor:pointer;background:0 0;border:1px solid;min-height:44px;padding:.45em .9em}.menu-knopf:hover,.menu-knopf:focus-visible{background:var(--tinte);color:var(--papier)}.menu{width:min(420px,88vw);height:100dvh;max-height:none;padding:1.4rem var(--rand) 2rem;background:var(--papier);color:var(--tinte);border:0;margin:0 0 0 auto}.menu::backdrop{background:#1d2b2759}.menu .close{cursor:pointer;background:0 0;border:1px solid;min-height:44px;margin-left:auto;padding:.45em .9em;display:block}.menu nav{gap:.3rem;margin:3rem 0 2.5rem;display:grid}.menu nav a{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.25;text-decoration:none}.menu nav a:hover{color:var(--rost)}.menu-info{font-size:var(--klein);color:#1d2b27bf}.einstieg{height:220vh;position:relative}.no-motion .einstieg{height:auto}.einstieg-buehne{height:100svh;position:sticky;top:0;overflow:hidden}.no-motion .einstieg-buehne{position:relative}.film{background:var(--papier-2);position:absolute;inset:0;overflow:hidden}.film .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.film.is-live canvas{opacity:1}.einstieg-text{left:var(--rand);z-index:1;isolation:isolate;max-width:min(48rem,52vw);position:absolute;top:clamp(6.5rem,17vh,11rem)}.einstieg-text:before{content:"";z-index:-1;background:radial-gradient(closest-side,#efe9dfc7,#efe9df00);position:absolute;inset:-2.2rem -3rem -2.2rem -2.5rem}.einstieg h1{font-size:min(6.4rem,6.6vw)}.infozeile{max-width:none;padding:1rem var(--rand) calc(1rem + env(safe-area-inset-bottom));background:var(--papier);font-size:var(--klein);flex-wrap:wrap;align-items:center;gap:.4rem 2.2rem;margin:0;display:flex;position:absolute;bottom:0;left:0;right:0}.iz-name{font-weight:560}.iz-heute{font-variant-numeric:tabular-nums}.iz-tel{background:var(--gruen);color:var(--papier);align-items:center;min-height:44px;margin-left:auto;padding:.7em 1.2em;font-weight:520;text-decoration:none;display:inline-flex}.iz-tel:hover{background:var(--gruen-tief)}.auftakt{gap:3rem var(--rand);padding:clamp(5rem, 12vw, 10rem) var(--rand) clamp(4rem, 9vw, 8rem);grid-template-columns:1.4fr 1fr;align-items:end;display:grid}.auftakt blockquote{margin:0}.auftakt blockquote p{font-family:var(--serif);font-size:var(--display);letter-spacing:-.015em;max-width:12em;margin:0 0 1rem;line-height:1.04}.auftakt footer{font-size:var(--klein);color:#1d2b27b3}.schichten{padding:0 var(--rand) clamp(4rem, 9vw, 8rem)}.schichten-kopf{gap:1rem var(--rand);border-top:1px solid var(--linie);grid-template-columns:1.4fr 1fr;align-items:end;margin-bottom:2.5rem;padding-top:2.5rem;display:grid}.schichten-grid{gap:2rem var(--rand);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.schnitt{margin:0;position:sticky;top:6rem}.schnitt svg{width:100%;height:auto;overflow:visible}.holz{fill:#9b6a43}.holz-kante{fill:#b07c51}.gurt{fill:#c4a46e;stroke:#8f7445;stroke-width:1.5px}.gurt.quer{fill:#b39563}.polster{fill:#eadcc0;stroke:#cdb98f;stroke-width:1.5px}.polster-linie{stroke:#d8c69e;stroke-width:2px;stroke-dasharray:2 10;stroke-linecap:round;fill:none}.vlies{fill:#fbf7ef;stroke:#d9cbb3;stroke-width:1.5px}.bezug{fill:var(--gruen)}.keder{fill:var(--gruen-tief)}.lage{transition:opacity .35s,transform .35s}.motion .lage{opacity:0;transform:translateY(-40px)}.motion .lage.is-da{opacity:1;transform:none}.schnitt.zeigt .lage.is-da{opacity:.22}.schnitt.zeigt .lage.is-gewaehlt{opacity:1}.lagen{border-top:1px solid var(--linie);margin:0;padding:0;list-style:none}.lagen li{border-bottom:1px solid var(--linie)}.lagen button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:7.5rem 1fr;gap:1rem;width:100%;min-height:44px;padding:1.15rem 0;display:grid}.lage-name{font-family:var(--serif);font-size:1.4rem;line-height:1.2}.lage-satz{color:#1d2b27cc}.lagen button[aria-pressed=true] .lage-name{color:var(--rost)}.gestell-bild{gap:2rem var(--rand);grid-template-columns:1fr 1.4fr;align-items:end;margin:clamp(3rem,7vw,6rem) 0 0;display:grid}.gestell-bild .frame{grid-area:1/2}.gestell-bild figcaption{font-family:var(--serif);grid-area:1/1;font-size:1.4rem;line-height:1.3}.sofa-bild figcaption{font-size:var(--klein);max-width:34em;margin-top:.8rem}.stoffe{color:#fff;height:92vh;min-height:34rem;position:relative;overflow:clip}.stoffe .film{position:absolute;inset:0}.stoffe-text{left:var(--rand);max-width:30rem;position:absolute;bottom:clamp(2.5rem,7vh,5rem)}.stoffe-text:before{content:"";z-index:0;background:radial-gradient(closest-side,#141a168c,#141a1600);position:absolute;inset:-3rem -4rem -3rem -3rem}.stoffe-text>*{position:relative}.sofa{gap:2rem var(--rand);padding:clamp(5rem, 11vw, 9rem) var(--rand);grid-template-columns:1.7fr 1fr;align-items:end;display:grid}.sofa-bild{margin:0}.sofa-text h2{margin-bottom:1.5rem}.anhaenger{padding:clamp(4rem, 9vw, 8rem) var(--rand);background:var(--papier-2)}.anhaenger-sub{font-size:var(--klein);margin-top:1rem}.schnur{background:linear-gradient(var(--tinte), var(--tinte)) 0 0 / 100% 1px no-repeat;flex-wrap:wrap;align-items:flex-start;gap:2.5rem clamp(1.5rem,3vw,3rem);margin:3.5rem 0 0;padding:2.4rem 0 0;list-style:none;display:flex;position:relative}.zettel{transform-origin:50% -2.4rem;clip-path:polygon(18% 0,82% 0,100% 14%,100% 100%,0 100%,0 14%);background:#f7f2e8;width:clamp(14rem,19vw,17rem);padding:2.2rem 1.4rem 1.5rem;position:relative;box-shadow:0 1px #0000000f,0 10px 22px -16px #1d2b2780}.zettel:before{content:"";background:var(--papier-2);width:.7rem;height:.7rem;box-shadow:inset 0 0 0 1.5px var(--garn);border-radius:50%;margin-left:-.35rem;position:absolute;top:.9rem;left:50%}.zettel:after{content:"";border-left:1px solid var(--tinte);height:3.6rem;position:absolute;top:-2.4rem;left:50%}.zettel:first-child{transform:rotate(-3deg)}.zettel:nth-child(2){margin-top:1.2rem;transform:rotate(2deg)}.zettel:nth-child(3){margin-top:.4rem;transform:rotate(-1.5deg)}.zettel:nth-child(4){margin-top:1.6rem;transform:rotate(2.5deg)}.stueck{font-size:var(--klein);text-transform:none;letter-spacing:.02em;color:var(--rost);margin-bottom:.6rem;font-weight:560;display:block}.satz{font-family:var(--serif);font-size:1.4rem;line-height:1.25;display:block}.zettel-bild img{aspect-ratio:3/2;object-fit:cover;width:100%;margin-top:1rem}.fenster{gap:2rem var(--rand);padding:clamp(5rem, 11vw, 9rem) var(--rand);grid-template-columns:.8fr 1fr;align-items:center;display:grid}.fenster-bild{margin:0}.fenster-text h2{margin-bottom:2rem}.woerter{font-family:var(--serif);max-width:26em;font-size:1.4rem;line-height:1.6}.woerter i{color:var(--rost);padding:0 .25em;font-style:normal}.besuch{gap:2.5rem var(--rand);padding:clamp(5rem, 11vw, 9rem) var(--rand);background:var(--gruen);color:var(--papier);grid-template-columns:1.4fr 1fr;display:grid}.besuch-kopf h2{margin-bottom:1.5rem}.knopf{background:var(--papier);min-height:44px;color:var(--gruen-tief);align-items:center;margin-top:.5rem;padding:.8em 1.3em;font-weight:540;text-decoration:none;display:inline-flex}.knopf:hover{background:#fff}.zeiten{border-top:1px solid #efe9df59;align-self:end;margin:0}.zeiten div{font-variant-numeric:tabular-nums;border-bottom:1px solid #efe9df59;justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.zeiten dt,.zeiten dd{margin:0}.zeiten .heute-tag{color:#f3c9a8}.adresse{grid-column:2;font-style:normal;line-height:1.7}.fuss{padding:2rem var(--rand) calc(2rem + env(safe-area-inset-bottom));font-size:var(--klein);background:var(--gruen-tief);color:var(--papier);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.fuss p{max-width:none;margin:0}.fuss button{text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;min-height:44px;padding:.6em .4em;text-decoration:underline}dialog:not(.menu){background:var(--papier);max-width:min(36rem,90vw);color:var(--tinte);border:0;padding:2rem}dialog:not(.menu)::backdrop{background:#1d2b2773}dialog:not(.menu) h2{margin-bottom:1rem;font-size:2rem}dialog:not(.menu) .close{background:var(--tinte);color:var(--papier);cursor:pointer;border:0;min-height:44px;padding:.7em 1.2em}@media (width<=760px){.site-head{padding:.75rem 1rem}.zeichen{height:1.35rem}.name{font-size:1.2rem}.head-rechts{gap:.9rem;font-size:.95rem}.einstieg-buehne{background:var(--papier);flex-direction:column;display:flex}.einstieg-text{max-width:none;padding:4.6rem 1rem 1rem;position:relative;top:auto;left:auto}.einstieg-text:before{display:none}.einstieg h1{font-size:var(--display);max-width:9em}.einstieg .film{flex:none;height:min(56svh,470px);margin-top:3.6rem;position:relative;inset:auto}.einstieg-text{flex:none;padding:1.6rem 1rem .4rem}.infozeile{padding:.9rem 1rem calc(.9rem + env(safe-area-inset-bottom));gap:.2rem 1rem;margin-top:auto;position:relative}.iz-ort{width:100%;display:block}.iz-tel{justify-content:center;width:100%;margin-top:.5rem;margin-left:0}.auftakt,.schichten-kopf,.schichten-grid,.sofa,.fenster,.besuch{grid-template-columns:1fr}.schnitt{position:relative;top:0}.lagen button{grid-template-columns:1fr;gap:.2rem}.gestell-bild{grid-template-columns:1fr}.gestell-bild .frame,.gestell-bild figcaption{grid-area:auto/1}.tel-lang{display:none}.tel-kurz{display:inline}.stoffe{height:78svh;min-height:28rem}.stoffe-text{left:1rem;right:1rem}.schnur{background-position:50% 0;background-size:1px 100%;flex-direction:column;align-items:center}.zettel{width:min(18rem,84vw);margin-top:0!important}.adresse{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lage,.film canvas{transition:none}}