@font-face{font-family:Castoro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/castoro-latin-ext-400-normal-DKyiZ9uX.woff2)format("woff2"),url(/assets/castoro-latin-ext-400-normal-Dp7V8k5K.woff)format("woff");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:Castoro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/castoro-latin-400-normal-W6cD29UF.woff2)format("woff2"),url(/assets/castoro-latin-400-normal-CvPX8BCz.woff)format("woff");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:Castoro;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/castoro-latin-ext-400-italic-kSJntiLy.woff2)format("woff2"),url(/assets/castoro-latin-ext-400-italic-DjADvNLQ.woff)format("woff");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:Castoro;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/castoro-latin-400-italic-DaOt8cIu.woff2)format("woff2"),url(/assets/castoro-latin-400-italic-CPk9w62K.woff)format("woff");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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/schibsted-grotesk-latin-ext-400-normal-DHVTfbSM.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-ext-400-normal-DUPvg9bQ.woff)format("woff");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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/schibsted-grotesk-latin-400-normal-DPhJBilQ.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-400-normal-BkiRe4WW.woff)format("woff");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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/schibsted-grotesk-latin-ext-600-normal-C5pQPdUJ.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-ext-600-normal-DQsnXf5q.woff)format("woff");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:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/schibsted-grotesk-latin-600-normal-Czv9Obfv.woff2)format("woff2"),url(/assets/schibsted-grotesk-latin-600-normal-BieE9YjJ.woff)format("woff");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:#f6efd9;--leinen:#e9dfc6;--tinte:#2a2320;--grau:#6b5f55;--wein:#7a1f22;--linie:#2a232038;--display:clamp(2.3rem, 4.6vw, 4.9rem);--text:clamp(1.02rem, .95rem + .3vw, 1.2rem);--klein:.86rem;--serif:"Castoro", Georgia, serif;--sans:"Schibsted Grotesk", system-ui, sans-serif;--rand:clamp(1.1rem, 4vw, 4.5rem)}*{box-sizing:border-box}html{background:var(--papier);color:var(--tinte);-webkit-text-size-adjust:100%}body{font:400 var(--text)/1.55 var(--sans);margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.04}h2{font-size:var(--display)}p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame{background:var(--leinen);display:block;overflow:hidden}.frame img{width:100%}.kopf{z-index:10;padding:clamp(1rem, 1.6vw, 1.9rem) var(--rand);color:var(--tinte);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.kopf a{pointer-events:auto}.marke{align-items:center;gap:.6em;min-height:44px;text-decoration:none;display:flex}.marke .mark{aspect-ratio:1;width:auto;height:clamp(1.65rem,1.9vw,2.6rem);color:var(--wein)}.marke .wort{font-family:var(--serif);font-size:clamp(1.15rem,1.35vw,1.9rem);line-height:1}.tel{font-variant-numeric:tabular-nums;text-underline-offset:.3em;align-items:center;min-height:44px;font-size:clamp(.95rem,.95vw,1.3rem);text-decoration:underline;text-decoration-thickness:1px;display:flex}.tel .kurz{display:none}.einstieg{height:220vh;position:relative}.einstieg-pin{height:100svh;position:sticky;top:0;overflow:hidden}.film{background:var(--leinen);position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film>canvas{opacity:0}.film.is-live>canvas{opacity:1}.film.is-live>.still{visibility:hidden}.hero-video video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hero-video.is-live video{opacity:1}.hero-video.is-live>.still{visibility:visible}.film-fenster{position:absolute;inset:0}.film-fenster .still{object-position:62% 50%}.einstieg-text{left:var(--rand);max-width:min(52rem,50vw);position:absolute;bottom:calc(3.4rem + 6vh)}.einstieg-text:before{content:"";z-index:-1;background:radial-gradient(closest-side,#f6efd9c7,#f6efd900);position:absolute;inset:-30% -25% -30% -20%}.einstieg h1{max-width:14ch;font-size:min(5.6rem,5vw);line-height:1.04}.anruf-m{display:none}.infozeile{padding:.95rem var(--rand);background:var(--papier);font-size:var(--klein);letter-spacing:.01em;flex-wrap:wrap;gap:0 2.2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.infozeile span+span:before{content:"";background:var(--wein);vertical-align:middle;width:.32em;height:.32em;margin:0 1.1rem .18em 0;display:inline-block;transform:rotate(45deg)}.anlass{padding:clamp(5rem, 12vw, 10rem) var(--rand) clamp(3rem, 7vw, 6rem);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:2rem 6vw;display:grid}.anlass h2{grid-column:1/-1;max-width:14ch}.anlass .lead{max-width:34rem}.stimme{border-left:2px solid var(--wein);margin:0;padding:.2rem 0 .2rem 1.2rem}.stimme p{font-family:var(--serif);color:var(--wein);font-size:clamp(1.4rem,2vw,2rem);line-height:1.2}.stimme footer{font-size:var(--klein);color:var(--grau);margin-top:.5rem}.grundriss{padding:clamp(3rem, 7vw, 6rem) var(--rand);background:var(--leinen)}.grundriss h2{max-width:16ch;margin-bottom:clamp(2rem,4vw,3.5rem)}.plan-wrap{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:2rem 5vw;display:grid}.plan{width:100%;height:auto;overflow:visible}.plan .mauer path{fill:none;stroke:var(--tinte);stroke-width:3px;stroke-linejoin:miter}.plan .wasser rect{fill:url(#wellen)}.plan .raum{cursor:pointer;outline:none}.plan .raum rect{fill:var(--papier);stroke:var(--linie);stroke-width:1px;transition:fill .25s}.plan .raum text{font:600 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;fill:var(--grau);pointer-events:none}.plan .raum .moebel{fill:none;stroke:var(--grau);stroke-width:1.5px}.plan .raum text.inhalt{font:400 12px/1 var(--sans);letter-spacing:0;text-transform:none}.plan .oeffnung path{fill:none;stroke:var(--leinen);stroke-width:5px}.plan .oeffnung .tuer{stroke:var(--grau);stroke-width:1px}.plan .raum:hover rect,.plan .raum:focus-visible rect{fill:#fffaf0}.plan .raum[aria-pressed=true] rect{fill:var(--wein);stroke:var(--wein)}.plan .raum[aria-pressed=true] text{fill:var(--papier)}.plan .raum[aria-pressed=true] .moebel{stroke:var(--papier)}.plan .raum:focus-visible rect{stroke:var(--tinte);stroke-width:3px}.plan-note{border-top:1px solid var(--tinte);min-height:11rem;padding-top:1.1rem}.raum-name{font-family:var(--serif);margin-bottom:.6rem;font-size:clamp(1.6rem,2.4vw,2.5rem);line-height:1.1}.plan-hint{font-size:var(--klein);color:var(--grau);margin-top:1.2rem}.fenster{padding:clamp(5rem, 11vw, 9rem) var(--rand);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:2.5rem 5vw;display:grid}.fenster figure{margin:0}.fenster-text{padding-top:clamp(0rem,4vw,4rem)}.fenster-text h2{margin-bottom:1.2rem}.stoffliste{border-top:1px solid var(--linie);margin:1.8rem 0 2.2rem;padding:0;list-style:none}.stoffliste li{border-bottom:1px solid var(--linie);padding:.65rem 0}.fenster-klein{width:min(100%,17rem)}.werkstatt{background:var(--tinte);color:var(--papier);padding:clamp(3rem,7vw,6rem) 0 clamp(4rem,9vw,8rem)}.werkstatt-kopf{padding:0 var(--rand);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:1.5rem 5vw;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}.werkstatt-kopf p{color:#e8dcc2;max-width:32rem}.film-werkstatt{aspect-ratio:3/2;width:min(100% - 2 * var(--rand), 132vh);margin:0 auto}.film-werkstatt .still{object-position:58% 50%}.weg{margin:clamp(2.2rem, 4vw, 3.5rem) var(--rand) 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid;position:relative}.weg:before{content:"";border-top:1px dashed #f6efd973;position:absolute;top:.45rem;left:.45rem;right:.45rem}.weg li{padding-top:1.6rem;padding-right:1rem;position:relative}.weg li:before{content:"";background:var(--tinte);border:1px solid var(--papier);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:0;left:0}.weg li:nth-child(2):before{background:var(--wein);border-color:var(--wein)}.weg li:nth-child(3){text-align:right;padding-right:0}.weg li:nth-child(3):before{background:var(--papier);left:auto;right:0}.weg li:nth-child(2){text-align:center}.weg li:nth-child(2):before{margin-left:-.45rem;left:50%}.weg .ort{font-family:var(--serif);font-size:clamp(1.25rem,1.8vw,1.8rem);line-height:1.15;display:block}.weg .was{font-size:var(--klein);color:#cdbf9f;margin-top:.3rem;display:block}.weg-stimme{margin:clamp(2.5rem, 5vw, 4rem) var(--rand) 0;font-family:var(--serif);color:#e8dcc2;font-size:clamp(1.3rem,1.8vw,1.8rem)}.weg-stimme span,.nebenbei span{font:400 var(--klein)/1.4 var(--sans);color:#a99c82;margin-top:.4rem;display:block}.stil{padding:clamp(5rem, 11vw, 9rem) var(--rand);grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:2.5rem 6vw;display:grid}.stil figure{margin:0}.stil-text h2{max-width:11ch;margin-bottom:1.2rem}.stil-text p{max-width:30rem}.nebenbei{font-family:var(--serif);color:var(--wein);margin-top:2rem;font-size:clamp(1.25rem,1.6vw,1.6rem)}.nebenbei span{color:var(--grau)}.meister{padding:0 var(--rand) clamp(5rem, 10vw, 8rem)}.linie{border-top:1px solid var(--tinte);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:2rem 0 0;list-style:none;display:grid}.linie .jahr{font-family:var(--serif);color:var(--wein);font-variant-numeric:lining-nums;font-size:clamp(2.6rem,6vw,6rem);line-height:1;display:block}.linie .was{max-width:16rem;margin-top:.6rem;display:block}.kontakt{padding:clamp(2rem, 5vw, 4rem) var(--rand) clamp(5rem, 10vw, 8rem);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:2.5rem 6vw;display:grid}.werdegang{max-width:30rem;padding-top:clamp(0rem,3vw,3rem)}.werdegang .seit{font-family:var(--serif);font-size:var(--display);color:var(--wein);margin-bottom:1.4rem;line-height:1.04}.zettel{border:1px solid var(--linie);background:#fffaf0;max-width:46rem;padding:clamp(1.6rem,4vw,3.4rem)}.zettel h2{margin-bottom:1.8rem;font-size:clamp(2rem,3.6vw,3.6rem)}.anruf{background:var(--wein);min-height:48px;color:var(--papier);align-items:center;padding:.7rem 1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.zettel dl{margin:2rem 0 0}.zettel dl div{border-top:1px dashed var(--linie);grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.7rem 0;display:grid}.zettel dt{font-size:var(--klein);color:var(--grau);padding-top:.15rem}.zettel dd{overflow-wrap:anywhere;margin:0}.hinweis{font-size:var(--klein);color:var(--grau);margin-top:1.6rem}.fuss{padding:2rem var(--rand) 3rem;border-top:1px solid var(--linie);font-size:var(--klein);color:var(--grau);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.fuss button{font:inherit;color:var(--tinte);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;min-height:44px;margin-left:1rem;padding:.6rem 0;text-decoration:underline}dialog{border:1px solid var(--linie);background:var(--papier);max-width:34rem;color:var(--tinte);padding:2rem}dialog::backdrop{background:#2a232080}dialog h2{margin-bottom:1rem;font-size:2rem}dialog p{margin-bottom:.9rem}dialog .close{font:inherit;background:var(--tinte);color:var(--papier);cursor:pointer;border:0;min-height:44px;padding:.7rem 1.2rem}@media (width<=760px){.kopf{padding:.6rem var(--rand)}.marke .mark{height:1.35rem}.marke .wort{font-size:1.15rem}.kopf .tel{display:none}.tel .kurz{display:inline}.einstieg{height:170svh}.film-fenster{height:60svh;inset:0 0 auto}.einstieg-text{left:var(--rand);right:var(--rand);max-width:none;top:calc(60svh + 1.4rem);bottom:auto}.einstieg-text:before{display:none}.einstieg h1{font-size:clamp(2.3rem,10.5vw,3rem)}.anruf-m{background:var(--wein);min-height:48px;color:var(--papier);align-items:center;margin-top:1.1rem;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.infozeile{background:0 0;padding-top:0;display:block;position:absolute;top:calc(60svh + 13.4rem);bottom:auto}.infozeile span{display:block}.infozeile span+span:before{display:none}.anlass,.fenster,.stil,.plan-wrap,.werkstatt-kopf{grid-template-columns:minmax(0,1fr)}.plan .raum text{letter-spacing:.08em;font-size:19px}.plan .raum text.inhalt{font-size:18px;transform:translateY(10px)}.stil-bild{order:-1}.film-werkstatt{aspect-ratio:4/3;width:100%;margin:0}.weg{grid-template-columns:minmax(0,1fr);gap:1.4rem}.weg:before{border-top:0;border-left:1px dashed #f6efd973;inset:.45rem auto .45rem .45rem}.weg li,.weg li:nth-child(2),.weg li:nth-child(3){text-align:left;padding:0 0 0 2rem}.weg li:before,.weg li:nth-child(2):before,.weg li:nth-child(3):before{margin:0;top:.35rem;left:0;right:auto}.kontakt{grid-template-columns:minmax(0,1fr)}.zettel dl div{grid-template-columns:minmax(0,1fr);gap:.2rem}.fuss button{margin:0 1rem 0 0}}
