@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.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:#f3eee4;--leinen:#e8e0d0;--tinte:#1d2433;--grau:#5b5f68;--messing:#a8843a;--display:min(6.4rem, 6.6vw);--text:clamp(1.05rem, 1rem + .25vw, 1.25rem);--klein:.9rem;--rand:clamp(1rem, 4vw, 4rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--tinte);font:400 var(--text)/1.55 "Figtree Variable", system-ui, sans-serif;overflow-x:hidden}h1,h2,.webetikett p{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:1.02}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit}img{max-width:100%;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--messing);outline-offset:3px}.site-head{z-index:20;padding:clamp(1rem, 2vw, 2rem) var(--rand);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.marke{align-items:center;gap:.6rem;min-height:44px;text-decoration:none;display:flex}.bildmarke{width:auto;height:clamp(1.65rem,1.9vw,2.6rem);color:var(--tinte)}.wortmarke{font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.45rem,1.6vw,2.2rem);line-height:1}.wortmarke .zusatz{letter-spacing:.14em;text-transform:uppercase;color:var(--grau);vertical-align:.35em;margin-left:.3em;font-family:Figtree Variable,sans-serif;font-size:.42em}.site-head .tel{font-variant-numeric:tabular-nums;align-items:center;min-height:44px;font-size:clamp(.95rem,.9vw,1.2rem);text-decoration:underline;display:inline-flex}.film{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{height:210vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.hero-text{left:var(--rand);z-index:2;max-width:36rem;position:absolute;bottom:38vh}.hero-text:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ece6dc73,#ece6dc00);position:absolute;inset:-2rem -3rem -1.5rem}.hero-text h1{font-size:var(--display)}.hero-text p{font-size:var(--klein);letter-spacing:.04em;color:var(--tinte);margin-top:.8rem;font-weight:500}.hero-text .hero-anruf{display:none}.anruf{background:var(--tinte);color:var(--papier);font-size:var(--klein);letter-spacing:.04em;margin-top:1.4rem;padding:.7em 1.1em;text-decoration:none;display:inline-block}.probe{padding:clamp(4rem, 8vw, 7rem) var(--rand);background:var(--leinen);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.probe h2{font-size:var(--display)}.probe-kopf p{max-width:26rem;margin-top:1.4rem}.skizze{width:100%;height:auto;display:block}.skizze .linie{fill:none;stroke:var(--tinte);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.skizze .duenn{stroke-width:1.2px}.skizze .stoff-vorhang,.skizze .stoff-sessel{transition:fill .5s}.muster{margin-top:1.6rem}.muster-ziel{gap:.5rem;margin-bottom:1rem;display:flex}.muster-ziel button{border:1px solid var(--tinte);cursor:pointer;min-height:44px;font-size:var(--klein);background:0 0;padding:.45em 1em}.muster-ziel button[aria-pressed=true]{background:var(--tinte);color:var(--papier)}.muster-reihe{flex-wrap:wrap;gap:.9rem 1.4rem;display:flex}.stoff{cursor:pointer;font-size:var(--klein);background:0 0;border:0;align-items:center;gap:.6rem;min-height:44px;padding:0;display:flex}.lappen{clip-path:polygon(0 0,100% 0,100% 100%,92% 92%,84% 100%,76% 92%,68% 100%,60% 92%,52% 100%,44% 92%,36% 100%,28% 92%,20% 100%,12% 92%,4% 100%,0 96%);width:2.6rem;height:2.6rem;transition:transform .3s;display:block}.stoff[aria-pressed=true] .lappen{box-shadow:0 0 0 2px var(--papier), 0 0 0 3px var(--tinte);transform:translateY(-4px)}.stoff[aria-pressed=true]{text-underline-offset:.3em;text-decoration:underline}[data-stoff=leinen] .lappen{background:repeating-linear-gradient(0deg,#cbb792 0 2px,#c1ab84 2px 4px)}[data-stoff=wolle] .lappen{background:repeating-linear-gradient(45deg,#243150 0 3px,#1c2742 3px 6px)}[data-stoff=samt] .lappen{background:#8d4a2b}[data-stoff=fischgrat] .lappen{background:repeating-linear-gradient(60deg,#59613f 0 4px,#4b5335 4px 8px)}.werkstatt{padding:clamp(5rem,10vw,9rem) 0 0}.werkstatt-text{padding:0 var(--rand) clamp(2rem, 4vw, 3rem);max-width:54rem}.werkstatt h2{font-size:var(--display)}.werkstatt-text p{max-width:30rem;margin-top:1.2rem}.werkstatt-buehne{height:min(84vh,60vw);margin:0 var(--rand);position:relative}.musterbuch{padding:0 var(--rand) clamp(5rem, 10vw, 9rem)}.musterbuch h2{font-size:var(--display)}.deckel{margin:clamp(5rem, 10vw, 9rem) var(--rand) 0;background:var(--tinte);color:var(--papier);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:1.6rem clamp(2rem,5vw,5rem);padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,5vw,4.5rem) clamp(2.5rem,5vw,4.5rem) clamp(3rem,7vw,6.5rem);display:grid;position:relative}.deckel:before{content:"";border-left:2px dashed #f3eee466;position:absolute;top:1.1rem;bottom:1.1rem;left:clamp(1.2rem,2.8vw,2.6rem)}.deckel h2{font-size:var(--display);grid-column:1}.deckel-text{color:#f3eee4d1;grid-column:1;max-width:30rem}.webetikett{background:var(--papier);color:var(--tinte);border-top:2px solid var(--messing);grid-area:1/2/span 2;place-self:center start;max-width:22rem;padding:.9rem 1.2rem 1rem;transform:rotate(-1.4deg)}.webetikett p{font-size:clamp(1.6rem,2.2vw,2.4rem)}.webetikett figcaption{font-size:var(--klein);color:var(--grau);margin-top:.5rem}.deckel .anruf{grid-column:1;justify-self:start;margin-top:0}.anruf.hell{background:var(--papier);color:var(--tinte)}.karten{grid-template-columns:repeat(12,1fr);gap:clamp(1.5rem,3vw,3rem) clamp(1rem,2vw,2rem);margin-top:clamp(2.5rem,5vw,4rem);list-style:none;display:grid}.karte{position:relative}.karte .frame{background:var(--leinen);clip-path:polygon(0 0,100% 0,100% 100%,97% 98.4%,94% 100%,91% 98.4%,88% 100%,85% 98.4%,82% 100%,79% 98.4%,76% 100%,73% 98.4%,70% 100%,67% 98.4%,64% 100%,61% 98.4%,58% 100%,55% 98.4%,52% 100%,49% 98.4%,46% 100%,43% 98.4%,40% 100%,37% 98.4%,34% 100%,31% 98.4%,28% 100%,25% 98.4%,22% 100%,19% 98.4%,16% 100%,13% 98.4%,10% 100%,7% 98.4%,4% 100%,1% 98.4%,0 100%);display:block;overflow:hidden}.karte img{object-fit:cover;width:100%;height:100%}.etikett{background:var(--papier);border-top:2px solid var(--messing);max-width:calc(100% - 2rem);margin-top:-1.6rem;margin-left:1rem;padding:.7rem 1rem .8rem;display:inline-block;position:relative;box-shadow:0 1px #1d24331f}.etikett .nr{letter-spacing:.16em;text-transform:uppercase;color:var(--messing);font-size:.72rem;display:block}.etikett h3{margin-top:.15rem;font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:400;line-height:1.05}.etikett p{font-size:var(--klein);color:var(--grau);margin-top:.35rem}.karte:first-child{grid-column:1/span 7}.karte:first-child .frame{aspect-ratio:16/10}.karte:nth-child(2){grid-column:8/span 5;margin-top:7rem}.karte:nth-child(2) .frame{aspect-ratio:4/5}.karte:nth-child(3){grid-column:2/span 6}.karte:nth-child(3) .frame{aspect-ratio:3/2}.karte:nth-child(4){grid-column:8/span 4;margin-top:4rem}.karte:nth-child(4) .frame{aspect-ratio:1}.karte:nth-child(5){grid-column:4/span 7}.karte:nth-child(5) .frame{aspect-ratio:21/9}.motion .karte{transform:translateY(2.5rem) rotate(var(--dreh,0deg));opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}.motion .karte.da{transform:rotate(var(--dreh,0deg));opacity:1}.karte:nth-child(2){--dreh:1.2deg}.karte:nth-child(4){--dreh:-1deg}.besuch{padding:clamp(4rem, 8vw, 7rem) var(--rand) clamp(5rem, 10vw, 8rem);background:var(--tinte);color:var(--papier)}.aufmass{background:var(--papier);max-width:46rem;color:var(--tinte);background-image:repeating-linear-gradient(0deg,#0000 0 2.2rem,#1d243312 2.2rem calc(2.2rem + 1px));margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem)}.blatt-kopf{letter-spacing:.16em;text-transform:uppercase;color:var(--messing);border-bottom:2px solid var(--tinte);justify-content:space-between;padding-bottom:.6rem;font-size:.72rem;display:flex}.aufmass h2{margin-top:1.6rem;font-size:clamp(2.3rem,5vw,4.2rem)}.heute-besuch{font-size:var(--klein);color:var(--grau);margin-top:.8rem}.zeiten{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:1.6rem}.zeiten th,.zeiten td{text-align:left;border-bottom:1px solid #1d24332e;padding:.5rem 0;font-weight:400}.zeiten td{text-align:right}.zeiten tr.heute-tag th,.zeiten tr.heute-tag td{font-weight:600}.vereinbarung{font-size:var(--klein);margin-top:1rem}.felder{grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-top:1.8rem;display:grid}.felder dt{letter-spacing:.16em;text-transform:uppercase;color:var(--messing);font-size:.72rem}.felder dd{overflow-wrap:anywhere;margin-top:.2rem}.felder a{align-items:center;min-height:44px;display:inline-flex}.masslinie{width:100%;height:24px;margin-top:2rem;display:block}.masslinie path{fill:none;stroke:var(--tinte);stroke-width:1.2px}.fuss{padding:2.5rem var(--rand) 6rem;font-size:var(--klein);color:var(--grau);gap:.6rem;display:grid}.fuss button{text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.6rem 0;text-decoration:underline}.daumen{display:none}dialog{background:var(--papier);max-width:min(36rem,92vw);color:var(--tinte);font-size:var(--klein);border:0;margin:auto;padding:2rem}dialog h2{margin-bottom:1rem;font-size:1.8rem}dialog p+p{margin-top:.8rem}dialog::backdrop{background:#1d24338c}dialog .close{background:var(--tinte);color:var(--papier);cursor:pointer;border:0;margin-top:1.4rem;padding:.6em 1.1em}.no-motion .einstieg{height:100svh}@media (width<=760px){:root{--display:clamp(2.3rem, 10.5vw, 3rem)}.wortmarke .zusatz{display:none}.bildmarke{height:1.35rem}.wortmarke{font-size:1.4rem}.einstieg{height:auto}.buehne{flex-direction:column;height:auto;padding-top:3.8rem;display:flex;position:relative}.buehne>.film{height:54svh;position:relative}.hero-text .hero-anruf{margin-top:1rem;display:inline-block}.hero-text{padding:1.4rem var(--rand) 1.6rem;position:relative;bottom:auto;left:auto}.hero-text:before{display:none}.deckel{grid-template-columns:1fr;padding-left:2.6rem}.webetikett{grid-area:auto/1}.deckel .anruf{display:none}.probe{grid-template-columns:1fr}.werkstatt-buehne{height:70vw;margin:0}.karten{grid-template-columns:1fr;gap:3rem}.karte:nth-child(n){grid-column:1;margin-top:0}.felder{grid-template-columns:1fr}.daumen{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;background:var(--tinte);min-height:52px;color:var(--papier);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;text-decoration:none;transition:transform .4s;display:flex;position:fixed;transform:translateY(160%)}.daumen.zeigen{transform:none}}@media (prefers-reduced-motion:reduce){.film canvas{display:none}.einstieg{height:100svh}*{transition:none!important}}