@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-vietnamese-wght-normal-B-JM5mJH.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-ext-wght-normal-EP2r9iG4.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-wght-normal-Bn_gnr7w.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{--cognac:#a4561e;--gruen:#1e3a2f;--creme:#f3e9da;--tinte:#1c1a17;--display:"Big Shoulders Display Variable", "Arial Narrow", sans-serif;--text:"Work Sans Variable", system-ui, sans-serif;--leiste:72px;--groß:clamp(2.6rem, 7.2vw, 7.4rem);--fliess:clamp(1.05rem, .35vw + .95rem, 1.3rem);--klein:.82rem;--seite:var(--cognac)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--text);font-size:var(--fliess);color:var(--creme);background:var(--seite);margin:0;line-height:1.5;transition:background-color .5s;overflow-x:hidden}html.no-motion body{transition:none}img{max-width:100%;display:block}h1,h2{font-family:var(--display);letter-spacing:.005em;margin:0;font-weight:800;line-height:.92}p{margin:0 0 1em}.klein{font-size:var(--klein);letter-spacing:.02em;line-height:1.45}section{scroll-margin-top:64px}blockquote{margin:1.4em 0 0;padding:0}blockquote p{font-family:var(--display);margin:0 0 .3em;font-size:clamp(1.5rem,2vw,2.2rem);font-weight:600;line-height:1.05}blockquote footer{opacity:.75}.stich{color:inherit;font:inherit;cursor:pointer;background:linear-gradient(90deg,currentColor 0 60%,#0000 60% 100%) 0 100%/9px 1.5px repeat-x;border:0;padding:0 0 3px;text-decoration:none;transition:background-size .3s,background-position .4s}.stich:hover,.stich:focus-visible{background-position:18px 100%;background-size:6px 2px}:focus-visible{outline-offset:3px;outline:2px solid}.leiste{z-index:20;width:var(--leiste);background:var(--gruen);color:var(--creme);flex-direction:column;justify-content:space-between;align-items:center;padding:18px 0 22px;display:flex;position:fixed;inset:0 auto 0 0}.leiste-marke{color:inherit;flex-direction:column;align-items:center;gap:22px;text-decoration:none;display:flex}.leiste-marke svg{width:clamp(2.1rem,2.4vw,2.6rem);height:clamp(2.1rem,2.4vw,2.6rem)}.leiste-name{writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:clamp(1rem,1.05vw,1.3rem);font-weight:700;transform:rotate(180deg)}.leiste-nav{font-size:var(--klein);flex-direction:column;align-items:center;gap:14px;display:flex}.leiste-tel{font-size:var(--klein);font-weight:600}main,.fuss{margin-left:var(--leiste)}.einstieg{background:var(--cognac);grid-template-rows:1fr auto;min-height:100svh;display:grid;position:relative}.einstieg-bild{background:#5d5a55;min-height:60vh;margin:0;position:relative;overflow:hidden}.einstieg-bild .foto{object-fit:cover;object-position:60% 6%;width:100%;height:100%;position:absolute;inset:0}.bezug{background:var(--cognac);transition:transform .95s cubic-bezier(.7,0,.2,1);position:absolute;left:0;right:0}.bezug-o{transform-origin:top;height:50.2%;top:0}.bezug-u{transform-origin:bottom;height:50.2%;bottom:0}.naht-linie{width:100%;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0;overflow:visible}.naht-linie line{stroke:var(--creme);stroke-width:2px;stroke-dasharray:1.4 1;vector-effect:non-scaling-stroke;stroke-dasharray:9 7}.ueberblendung{background:linear-gradient(to top, var(--cognac), #a4561e00);opacity:0;pointer-events:none;height:45%;position:absolute;inset:auto 0 0}html.motion .einstieg-bild:not(.offen) .naht-linie line{stroke-dashoffset:0}.einstieg-bild.offen .bezug-o{transform:translateY(-101%)}.einstieg-bild.offen .bezug-u{transform:translateY(101%)}.einstieg-bild.offen .naht-linie{opacity:0;transition:opacity .3s .15s}.einstieg-bild.sofort .bezug,.einstieg-bild.sofort .naht-linie{transition:none!important}.einstieg-band{border-top:2px dashed #f3e9dad9;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:clamp(24px,4vw,64px);padding:clamp(22px,3vw,44px) clamp(20px,4vw,64px) clamp(22px,2.6vw,38px);display:grid;position:relative}.einstieg-band h1{grid-column:1;max-width:14em;font-size:min(6.4rem,6.2vw)}.einstieg-band .infozeile{grid-column:1}.einstieg-stuecke{grid-area:1/2/span 2;gap:18px;margin:0;padding:0;list-style:none;display:flex}.einstieg-stuecke li{width:clamp(84px,8.4vw,150px)}.einstieg-stuecke img{aspect-ratio:4/5;object-fit:cover;outline-offset:4px;outline:2px dashed #f3e9dad9;width:100%;height:auto}.einstieg-stuecke span{margin-top:10px;display:block}.infozeile{flex-wrap:wrap;gap:.4em 1.6em;margin:1.1em 0 0;display:flex}.infozeile span+span:before,.infozeile a:before{content:none}.auftakt{padding:clamp(80px,12vw,180px) clamp(20px,4vw,64px) clamp(70px,9vw,140px)}.plakat{text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(3.4rem,11.5vw,12.5rem);line-height:.86}.plakat span{display:block}.plakat span:nth-child(2n){padding-left:.9em}.auftakt-text{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,110px);margin-top:clamp(50px,7vw,110px);display:grid}.treppe{border-top:2px dashed #f3e9dab3;padding-top:18px}.treppe-jahr{font-family:var(--display);font-variant-numeric:tabular-nums;margin:0 0 18px;font-size:clamp(4.5rem,9vw,9rem);font-weight:800;line-height:.8}.treppe ol{margin:0 0 14px;padding:0;list-style:none}.treppe li{font-size:var(--klein);border-bottom:1px solid #f3e9da59;padding:8px 0}.treppe li:nth-child(2){margin-left:12%}.treppe li:nth-child(3){margin-left:24%}.treppe li span{font-family:var(--display);margin-bottom:2px;font-size:clamp(1.4rem,2vw,2rem);font-weight:700;line-height:1;display:block}.liste{padding:clamp(80px,10vw,160px) clamp(20px,4vw,64px)}.liste-kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:clamp(30px,5vw,70px);display:flex}.liste-kopf h2{max-width:11em;font-size:clamp(2.2rem,4.4vw,4.6rem)}.filter{font-size:var(--klein);flex-wrap:wrap;gap:6px 22px;display:flex}.filter button{opacity:.6;min-height:36px}.filter button[aria-pressed=true]{opacity:1;font-weight:700}.arbeiten{counter-reset:a;margin:0;padding:0;list-style:none}.arbeiten li{counter-increment:a;border-top:1px solid #f3e9da40;grid-template-columns:3.2rem minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:0 1.2rem;padding:.28em 0 .32em;transition:opacity .35s;display:grid}.arbeiten li:before{content:counter(a, decimal-leading-zero);font-size:var(--klein);opacity:.6;font-variant-numeric:tabular-nums}.arbeiten .was{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,5vw,5.4rem);font-weight:700;line-height:1}.arbeiten .wie{font-size:var(--klein);opacity:.8;max-width:22em}.arbeiten li.aus{opacity:.22}.liste-quelle{opacity:.7;margin-top:26px}.film{background:#3a3a37;position:relative;overflow:hidden}.film .still{object-fit:cover;width:100%;height:100%}.film canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.film.is-live canvas{opacity:1}.sitzbank{padding:clamp(60px,8vw,120px) 0 clamp(70px,9vw,140px)}.sitzbank .film{height:min(78vh,52vw);margin:0 clamp(20px,4vw,64px)}.sitzbank-text{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px clamp(30px,6vw,100px);padding:clamp(30px,4vw,56px) clamp(20px,4vw,64px) 0;display:grid}.sitzbank-text h2{grid-row:span 2;font-size:clamp(2.2rem,4.4vw,4.6rem)}.sitzbank-text blockquote{margin-top:.2em}.naht{background:var(--gruen);grid-template-columns:1fr 1fr;min-height:92vh;display:grid;position:relative}.naht-bild{margin:0;position:relative;overflow:hidden}.naht-bild img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.naht-weit img{object-position:72% 60%}.naht-nah img{object-position:60% 40%}.naht-bild figcaption{background:var(--gruen);padding:4px 10px;position:absolute;bottom:16px;left:18px}.naht-mitte{border-left:2px dashed var(--creme);width:0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.naht-zeile{white-space:nowrap;text-transform:uppercase;color:var(--creme);background:var(--gruen);pointer-events:none;padding:.12em .32em .06em;font-size:clamp(2.6rem,6vw,6.6rem);position:absolute;top:0;left:50%;transform:translate(-50%)}html.motion .naht-weit,html.motion .naht-nah{clip-path:var(--clip,inset(0))}.moebel{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:end;gap:clamp(30px,5vw,80px);padding:clamp(80px,10vw,160px) clamp(20px,4vw,64px);display:grid}.moebel h2{margin-bottom:.5em;font-size:clamp(2.2rem,4.4vw,4.6rem)}.moebel .film{height:min(80vh,46vw)}.stoffe{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,80px);padding:0 clamp(20px,4vw,64px) clamp(90px,11vw,170px);display:grid}.stoffe-bild{margin:0}.stoffe h2{margin-bottom:.5em;font-size:clamp(2.2rem,4.4vw,4.6rem)}.besuch{color:var(--tinte);padding:clamp(90px,11vw,170px) clamp(20px,4vw,64px)}.besuch-titel{text-transform:uppercase;color:var(--cognac);margin-bottom:clamp(30px,5vw,70px);font-size:clamp(3.4rem,11vw,12rem)}.besuch-raster{border-top:2px dashed var(--cognac);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);padding-top:28px;display:grid}.besuch-adresse{font-style:normal}.besuch-zeiten{font-family:var(--display);margin-bottom:.3em;font-size:clamp(1.8rem,3vw,3rem);font-weight:700;line-height:1}.besuch-status{color:var(--cognac);font-weight:700}.fuss{background:var(--gruen);color:var(--creme);padding:40px clamp(20px,4vw,64px) 34px;overflow:hidden}.fuss-wort{font-family:var(--display);text-transform:uppercase;color:var(--cognac);letter-spacing:-.01em;margin:0 0 18px -.04em;font-size:27vw;font-weight:800;line-height:.78}.fuss-gruss{font-family:var(--display);margin-bottom:.4em;font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:700}.fuss-links{gap:22px;display:flex}dialog{background:var(--creme);max-width:560px;color:var(--tinte);border:0;padding:28px}dialog::backdrop{background:#1e3a2f99}dialog h2{margin-bottom:.5em;font-size:2.2rem}dialog .close{font:inherit;border:2px solid var(--tinte);cursor:pointer;background:0 0;padding:8px 16px}@media (width<=760px){:root{--leiste:0px}.leiste{flex-direction:row;width:100vw;max-width:100%;height:56px;padding:0 16px;inset:0 0 auto}.leiste-marke{flex-direction:row;gap:10px}.leiste-marke svg{width:22px;height:22px}.leiste-name{writing-mode:horizontal-tb;letter-spacing:.06em;font-size:1.05rem;transform:none}.leiste-nav{display:none}main{padding-top:56px}.einstieg{min-height:calc(100svh - 56px)}.einstieg-bild{min-height:52vh}.einstieg-band h1{font-size:clamp(2.3rem,10.5vw,3rem)}.infozeile{flex-direction:column;align-items:flex-start;gap:.2em}.plakat{font-size:clamp(2.2rem,10.4vw,4.4rem)}.plakat span:nth-child(2n){padding-left:.4em}.auftakt-text,.sitzbank-text,.moebel,.stoffe,.besuch-raster{grid-template-columns:1fr}.arbeiten li{grid-template-columns:2.2rem minmax(0,1fr)}.arbeiten .wie{grid-column:2}.arbeiten .was{font-size:clamp(1.8rem,8.6vw,2.6rem)}.sitzbank .film{height:62vh;margin:0}.moebel .film{height:60vh;margin:0 calc(-1*clamp(20px,4vw,64px))}.naht{grid-template-rows:1fr 1fr;grid-template-columns:1fr;min-height:110vh}.naht-mitte{border-left:0;border-top:2px dashed var(--creme);width:auto;height:0;inset:50% 0 auto;transform:translateY(-1px)}.naht-zeile{white-space:normal;text-align:center;width:auto;max-width:92%;font-size:clamp(2.2rem,10vw,3.2rem);top:50%;transform:translate(-50%,-50%)}.naht-weit figcaption{top:14px;bottom:auto}.einstieg-band{grid-template-columns:1fr}.einstieg-stuecke{display:none}.besuch-titel{font-size:clamp(2.8rem,14vw,4.4rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bezug,.stich,body{transition:none!important}}
