@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.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{--nacht:#15120e;--nacht-2:#1e1a15;--papier:#efe8db;--tinte:#1d1a15;--licht:#f0c977;--mint:#a9c3b6;--grund:var(--nacht);--text:#ece4d4;--leise:#ece4d49e;--linie:#ece4d433;--display:clamp(2.1rem, 4.6vw, 4.6rem);--fliess:clamp(1.06rem, .98rem + .3vw, 1.25rem);--klein:.84rem;--rand:clamp(1.1rem, 4vw, 4rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Familjen Grotesk Variable,Helvetica Neue,Arial,sans-serif}html.tag{--grund:var(--papier);--text:var(--tinte);--leise:#1d1a15a3;--linie:#1d1a1533}*{box-sizing:border-box}html{background:var(--grund);scroll-padding-top:4rem;transition:background-color .7s}body{background:var(--grund);color:var(--text);font-size:var(--fliess);margin:0;line-height:1.5;transition:background-color .7s,color .7s;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.04}h2{font-size:var(--display);text-wrap:balance}h3{font-size:var(--fliess);letter-spacing:0;line-height:1.3}p{margin:0 0 1em}.klein-kopf{font-size:var(--klein);letter-spacing:.08em;text-transform:uppercase;color:var(--leise);font-weight:600;line-height:1.3}.frame{display:block;overflow:hidden}figcaption{font-size:var(--klein);color:var(--leise);margin-top:.6rem}blockquote{margin:0}blockquote footer{font-size:var(--klein);color:var(--leise);margin-top:.5rem}.leiste{z-index:20;padding:1rem var(--rand);color:#f1e9da;justify-content:space-between;align-items:center;gap:1rem;transition:background-color .4s,color .4s;display:flex;position:fixed;inset:0 0 auto}.leiste.is-fest{background:var(--grund);color:var(--text)}.marke{letter-spacing:-.02em;opacity:0;font-size:clamp(1.1rem,1.3vw,1.85rem);font-weight:700;text-decoration:none;transition:opacity .4s}.leiste.is-fest .marke{opacity:1}.leiste-rechts{align-items:center;gap:clamp(.9rem,2vw,2rem);font-size:clamp(.88rem,.8rem + .25vw,1.2rem);display:flex}.leiste-rechts a{padding:.6rem 0;-webkit-text-decoration:underline #f0c977b3;text-decoration:underline #f0c977b3}.offen{opacity:.85;align-items:center;gap:.45rem;display:inline-flex}.birne{opacity:.6;border:1px solid;border-radius:50%;width:.62rem;height:.62rem;transition:background-color .3s,box-shadow .3s}.offen.is-offen .birne{background:var(--licht);border-color:var(--licht);opacity:1;box-shadow:0 0 .6rem .1rem #f0c9778c}.einstieg{background:var(--nacht);height:230vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.bild{margin:0;position:absolute;inset:0}.bild img{object-fit:cover;object-position:50% 42%;width:100%;height:100%;position:absolute;inset:0}.bild .an{--r:0;-webkit-mask-image:radial-gradient(ellipse calc(var(--r) * .44px) calc(var(--r) * 1px) at var(--x) var(--y), #000 38%, transparent 100%);mask-image:radial-gradient(ellipse calc(var(--r) * .44px) calc(var(--r) * 1px) at var(--x) var(--y), #000 38%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse calc(var(--r) * .44px) calc(var(--r) * 1px) at var(--x) var(--y), #000 38%, transparent 100%)}.bild .an-1{--x:var(--x1);--y:var(--y1);--r:var(--r1,0)}.bild .an-2{--x:var(--x2,49.9%);--y:var(--y2,47%);--r:var(--r2,560)}.bild .an-3{--x:var(--x3);--y:var(--y3);--r:var(--r3,0)}.dunst{pointer-events:none;opacity:var(--dunst,0);background:radial-gradient(circle at var(--x2,50%) var(--y2,40%), #40312199 0%, #1e1a15f7 55%, #1e1a15 100%);position:absolute;inset:0}.titel{left:var(--rand);right:var(--rand);color:#f3ebdc;position:absolute;bottom:clamp(1.2rem,4vh,3rem)}.titel h1{flex-direction:column;gap:.9rem;font-weight:600;display:flex}.riesig{letter-spacing:-.045em;margin-left:-.05em;font-size:clamp(3.4rem,15.4vw,19rem);font-weight:700;line-height:.8;display:block}.zeile{font-size:var(--fliess);letter-spacing:0;color:#f3ebdcdb;max-width:34rem;font-weight:400;line-height:1.4;display:block}.auftakt{background:var(--nacht-2);padding:clamp(5rem, 14vh, 10rem) var(--rand) clamp(4rem, 10vh, 8rem);grid-template-columns:repeat(12,1fr);column-gap:1.5rem;display:grid}html.tag .auftakt{background:var(--nacht-2);color:#ece4d4}.auftakt .klein-kopf{color:#ece4d49e;grid-column:1/-1;margin-bottom:1.6rem}.gross-satz{font-size:var(--display);letter-spacing:-.025em;grid-column:1/11;margin-bottom:clamp(2.5rem,7vh,5rem);font-weight:600;line-height:1.05}.gross-satz span{display:block}.gross-satz span:last-child{color:var(--licht)}.auftakt-text{color:#ece4d4db;grid-column:6/12}.alt{padding:clamp(5rem, 12vh, 9rem) var(--rand) clamp(3rem, 8vh, 6rem);grid-template-columns:repeat(12,1fr);column-gap:1.5rem;display:grid}.alt-kopf{grid-column:1/6;align-self:end;padding-bottom:2rem}.alt-kopf h2{margin-bottom:1.4rem}.alt-kopf p{color:var(--leise);max-width:30rem}.film{background:#0e0c09;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 .5s}.film.is-live canvas{opacity:1}.film-werkbank{aspect-ratio:3/2;grid-column:6/-1}.verben{grid-column:2/12;grid-template-columns:repeat(10,1fr);column-gap:1.5rem;margin-top:clamp(3rem,9vh,6rem);display:grid}.verben-zeile{font-size:var(--display);letter-spacing:-.025em;grid-column:1/-1;margin-bottom:1.6rem;font-weight:600;line-height:1.08}.verben-zeile span{color:#ece4d438;transition:color .35s,text-shadow .35s}.verben-zeile span.an{color:#f6e3b6;text-shadow:0 0 1.4rem #f0c97759}.verben-text{color:var(--leise);grid-column:1/6}.stimme-klein{font-size:var(--fliess);grid-column:7/-1}.stimme-klein p{color:var(--licht);font-size:calc(var(--fliess) * 1.25);margin:0;line-height:1.3}.katalog{grid-column:1/-1;grid-template-columns:repeat(12,1fr);column-gap:1.5rem;margin-top:clamp(5rem,13vh,9rem);display:grid}.katalog .klein-kopf{grid-column:1/-1;margin-bottom:.4rem}.katalog-hinweis{font-size:var(--klein);color:var(--leise);grid-column:1/9;margin-bottom:1.6rem}.katalog-liste{border-top:1px solid var(--linie);grid-column:1/-1;grid-template-columns:repeat(6,1fr);column-gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.katalog-liste li{min-width:0;display:flex}.leuchte .was{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.leuchte{all:unset;box-sizing:border-box;cursor:pointer;flex-direction:column;width:100%;min-height:44px;padding:1.2rem .2rem .6rem;display:flex}.leuchte:focus-visible{outline:2px solid var(--licht);outline-offset:-2px}.leuchte svg{border-bottom:1px solid var(--linie);fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;color:#ece4d4c7;width:100%;max-width:9.5rem;height:auto;margin:-1.2rem auto .9rem;padding-bottom:2px;overflow:visible}.leuchte .schein{stroke:none;fill:url(#schein);opacity:0;transition:opacity .35s}.leuchte .mund,.leuchte .mund-kugel{transition:stroke .3s}.leuchte[aria-pressed=true] .schein{opacity:1}.leuchte[aria-pressed=true] .mund{stroke:var(--licht);stroke-width:2.2px}.leuchte[aria-pressed=true] .mund-kugel{fill:#f0a0508c;stroke:var(--licht)}.leuchte .jahr{font-variant-numeric:tabular-nums;color:var(--leise);font-size:var(--klein)}.leuchte .was{margin:.15rem 0 .2rem;font-weight:600;line-height:1.25}.leuchte .woraus{font-size:var(--klein);color:var(--leise);line-height:1.35}.leuchte[aria-pressed=true] .was{color:#f6e3b6}.etikett{perspective:600px;height:1.7rem;font-size:var(--klein);margin-top:auto;padding-top:.6rem;display:block;position:relative}.etikett>span{backface-visibility:hidden;color:var(--leise);transition:transform .35s,opacity .35s;position:absolute;top:.6rem;left:0}.etikett .hinten{opacity:0;color:var(--licht);transform:rotateX(180deg)}.leuchte[aria-pressed=true] .vorn{opacity:0;transform:rotateX(-180deg)}.leuchte[aria-pressed=true] .hinten{opacity:1;transform:rotateX(0)}.nachttisch{grid-column:8/-1;align-self:start;margin:clamp(3rem,8vh,5rem) 0 0}.nachttisch .frame{aspect-ratio:3/2}.nachttisch img{object-fit:cover;object-position:62% 50%;width:100%;height:100%}.neu{padding:clamp(3rem,8vh,6rem) 0 clamp(5rem,12vh,8rem)}.film-porzellan{width:100%;height:min(86vh,62vw)}.neu-text{padding:clamp(3rem, 8vh, 5rem) var(--rand) 0;grid-template-columns:repeat(12,1fr);column-gap:1.5rem;display:grid}.neu-text h2{grid-column:1/7}.neu-text p{color:var(--leise);grid-column:8/12}.neu-text p:first-of-type{grid-row:1;align-self:end}.durch{height:135vh;position:relative}html:not(.statisch) .tische{z-index:2;margin-top:-40vh;position:relative}.durch-buehne{background:var(--papier);height:100vh;position:sticky;top:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000 98%);mask-image:linear-gradient(#000 50%,#0000 98%)}.durch-bild{opacity:var(--bild,1);object-fit:cover;object-position:64% 22%;transform-origin:64% 22%;width:100%;height:100%;transform:scale(var(--zoom,1.9));position:absolute;inset:0}.durch-licht{mix-blend-mode:screen;width:22vmax;height:22vmax;transform:scale(var(--kreis,.35));background:radial-gradient(circle,#fff6e2f2 0%,#f6e6c499 18%,#f0d6a038 42%,#f0d6a000 68%);border-radius:50%;margin:-11vmax 0 0 -11vmax;position:absolute;top:31%;left:65%}.tische{padding:clamp(4rem, 10vh, 7rem) var(--rand);grid-template-columns:repeat(12,1fr);column-gap:1.5rem;display:grid}.tische-kopf{grid-column:1/8}.tische-kopf h2{margin-bottom:1.6rem}.tische-kopf p{max-width:38rem}.hoelzer{font-size:calc(var(--fliess) * 1.25);flex-wrap:wrap;gap:.4rem 1.6rem;margin:2rem 0 .3rem;font-weight:600;display:flex}.hoelzer span:first-child{color:#8a6a3e}.hoelzer span:nth-child(2){color:#8c4a2e}.hoelzer span:nth-child(3){color:#9a7550}.hoelzer span:nth-child(4){color:#6e5236}.hoelzer span:nth-child(5){color:#4e3626}.hoelzer-hinweis{font-size:var(--klein);color:var(--leise)}.stimme-gross{grid-column:8/-1;align-self:end;padding-bottom:1rem}.stimme-gross p{font-size:calc(var(--fliess) * 1.6);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}.werkstatt{grid-column:1/-1;grid-template-columns:repeat(12,1fr);align-items:start;gap:2rem 1.5rem;margin-top:clamp(4rem,11vh,8rem);display:grid}.werkstatt-bild{grid-column:1/6;margin:0}.werkstatt-bild .frame{aspect-ratio:4/3}.werkstatt-bild img{object-fit:cover;width:100%;height:100%}.zeichnung{grid-column:7/-1}.zeichnung-kopf h3{margin-bottom:.6rem}.zeichnung-kopf p{font-size:var(--klein);color:var(--leise);max-width:30rem}.schalter{border:1px solid var(--linie);border-radius:2px;margin:.4rem 0 1.2rem;display:inline-flex}.schalter button{all:unset;cursor:pointer;font-size:var(--klein);box-sizing:border-box;min-height:32px;padding:.55rem .9rem}.schalter button[aria-pressed=true]{background:var(--tinte);color:var(--papier)}.schalter button:focus-visible{outline:2px solid var(--tinte);outline-offset:2px}.zeichnung-svg{width:100%;height:auto;overflow:visible}.zeichnung-svg .boden{stroke:var(--tinte);stroke-width:1.2px}.zeichnung-svg .kontur{fill:none;stroke:var(--tinte);stroke-width:1.3px;vector-effect:non-scaling-stroke}.zeichnung-svg .platte{stroke:var(--tinte);stroke-width:1.3px;vector-effect:non-scaling-stroke}.zeichnung-svg .mass{stroke:var(--tinte);stroke-width:.8px;opacity:.55;vector-effect:non-scaling-stroke}.zeichnung-svg text{fill:var(--tinte);font-variant-numeric:tabular-nums;font-family:inherit;font-size:12px}.zeichnung-svg g.tisch{transition:opacity .25s}.zeichnung-svg.hat-fokus g.tisch:not(.fokus){opacity:.25}.masse{font-size:var(--klein);font-variant-numeric:tabular-nums;gap:.3rem;margin:1rem 0 .6rem;padding:0;list-style:none;display:grid}.masse li{cursor:default;border-bottom:1px solid var(--linie);padding:.3rem 0}.masse b{width:4.2rem;display:inline-block}.zeichnung-quelle{color:var(--leise);font-size:.74rem}.drumrum{padding:clamp(3rem, 8vh, 6rem) var(--rand) clamp(5rem, 12vh, 8rem);grid-template-columns:repeat(12,1fr);column-gap:1.5rem;display:grid}.drumrum h2{grid-column:1/8;margin-bottom:clamp(2rem,6vh,3.5rem)}.drumrum-raster{grid-column:1/-1;grid-template-columns:repeat(12,1fr);align-items:start;column-gap:1.5rem;display:grid}.hocker{grid-column:1/5;margin:0}.hocker .frame{aspect-ratio:3/4}.hocker img{object-fit:cover;object-position:78% 50%;width:100%;height:100%}.drumrum-liste{border-top:1px solid var(--linie);grid-column:6/12;margin:0}.drumrum-liste>div{border-bottom:1px solid var(--linie);grid-template-columns:minmax(9rem,1fr) 2fr;gap:1rem;padding:1.1rem 0;display:grid}.drumrum-liste dt{font-weight:600}.drumrum-liste dd{color:var(--leise);margin:0}.stimme-zitat{grid-column:3/12;margin-top:clamp(4rem,10vh,7rem)}.stimme-zitat p{font-size:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:600;line-height:1.05}.besuch{padding:clamp(5rem, 13vh, 9rem) var(--rand);grid-template-columns:repeat(12,1fr);gap:3rem 1.5rem;display:grid}.besuch-text{grid-column:1/6}.besuch-text h2{margin-bottom:1.6rem}.adresse{font-size:calc(var(--fliess) * 1.25);font-weight:600;line-height:1.3}.jetzt{color:var(--licht)}.besuch-text p:not(.adresse):not(.jetzt):not(.kontakt):not(.knoepfe){color:var(--leise)}.knoepfe{flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2rem;display:flex}.hero-anruf{margin-top:1.1rem}.btn{background:var(--licht);color:var(--tinte);border-radius:2px;align-items:center;gap:.7rem;min-height:44px;padding:.85rem 1.3rem .85rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.schalter-knopf{border:1.5px solid var(--tinte);border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .25s;position:relative}.schalter-knopf:after{content:"";background:var(--tinte);width:2px;height:.45rem;margin-left:-1px;position:absolute;top:2px;left:50%}.anruf.is-an .schalter-knopf{transform:rotate(90deg)}.weg{padding:.6rem 0}.woche{grid-column:7/-1;align-self:center;margin:0}.woche .klein-kopf{margin-bottom:1rem}.woche-liste{margin:0;padding:0;list-style:none}.woche-liste li{border-bottom:1px solid var(--linie);font-variant-numeric:tabular-nums;grid-template-columns:2.6rem 1fr;align-items:center;height:2.6rem;display:grid;position:relative}.woche-liste li b{font-weight:600}.woche-liste li>span{font-size:var(--klein);color:var(--leise);z-index:1;padding-left:.6rem;position:relative}.woche-liste .balken{background:var(--licht);opacity:.88;border-radius:1px;position:absolute;top:.75rem;bottom:.75rem;box-shadow:0 0 .9rem #f0c97759}.woche-liste li.heute b{color:var(--licht)}.woche-liste .jetzt-strich{z-index:2;background:#fff3d6;width:1.5px;position:absolute;top:-.2rem;bottom:-.2rem}.woche-liste li.mit-balken>span{color:var(--tinte)}.woche-skala{height:1.4rem;color:var(--leise);font-variant-numeric:tabular-nums;margin-left:2.6rem;font-size:.72rem;position:relative}.woche-skala span{position:absolute;top:.3rem;transform:translate(-50%)}.woche-quelle{color:var(--leise);margin-top:.4rem;font-size:.74rem}.fuss{padding:3rem var(--rand) 2rem;border-top:1px solid var(--linie);overflow:hidden}.fuss-wort{letter-spacing:-.045em;color:#ece4d41f;margin:0 0 2rem -.05em;font-size:clamp(3rem,15.4vw,19rem);font-weight:700;line-height:.8}.fuss-zeile,.fuss-links{font-size:var(--klein);color:var(--leise)}.fuss-links button{all:unset;cursor:pointer;margin-right:1.4rem;padding:.6rem 0;text-decoration:underline}dialog{background:var(--papier);max-width:34rem;color:var(--tinte);border:0;padding:2rem;font-size:1rem}dialog::backdrop{background:#0a0806b3}dialog h2{margin-bottom:1rem;font-size:1.6rem}dialog button{font:inherit;border:1px solid var(--tinte);color:var(--tinte);cursor:pointer;background:0 0;padding:.6rem 1rem}html.statisch .einstieg{height:auto}html.statisch .buehne{position:relative}html.statisch .bild .an{-webkit-mask-image:none;mask-image:none}html.statisch .durch{display:none}html.statisch .verben-zeile span{color:#f6e3b6}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=760px){.leiste{padding:.7rem 1rem}.offen{display:none}.leiste-rechts{gap:1rem}.einstieg{height:200vh}.durch{height:118vh}html:not(.statisch) .tische{margin-top:-35vh}.bild{height:70svh;bottom:auto;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.bild img{object-position:52.1% 30%}.titel{top:calc(70svh - 2.6rem);bottom:auto}.hero-anruf{align-self:flex-start;margin-top:1.3rem;display:inline-flex}.riesig{font-size:15.2vw}.auftakt,.alt,.neu-text,.tische,.werkstatt,.drumrum,.drumrum-raster,.besuch,.katalog,.verben{grid-template-columns:1fr}.auftakt>*,.alt>*,.neu-text>*,.tische>*,.werkstatt>*,.drumrum>*,.drumrum-raster>*,.besuch>*,.katalog>*,.verben>*{grid-area:auto/1/auto/-1!important}.alt-kopf{padding-bottom:1.6rem}.film-werkbank{margin:0 -1rem}.verben-zeile{font-size:clamp(2rem,9vw,2.6rem)}.stimme-klein{margin-top:1rem}.katalog-liste{grid-template-columns:repeat(3,1fr);row-gap:1.6rem}.leuchte .woraus{display:none}.nachttisch{margin-top:2.5rem}.film-porzellan{height:70vh}.neu-text p:first-of-type{margin-top:1.4rem}.stimme-gross{margin-top:2.5rem}.drumrum-liste{margin-top:2rem}.drumrum-liste>div{grid-template-columns:1fr;gap:.3rem}.woche{margin-top:1rem}.zeichnung-svg text{font-size:22px}.zeichnung-svg .mass{stroke-width:1px}}
