@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-cyrillic-400-normal-bVZEi0jL.woff2)format("woff2"),url(/assets/jost-cyrillic-400-normal-Dk3McGkH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-ext-400-normal-CpdMQIMr.woff2)format("woff2"),url(/assets/jost-latin-ext-400-normal-Dsyb2mtt.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:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.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:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-cyrillic-500-normal-DtB2bvF0.woff2)format("woff2"),url(/assets/jost-cyrillic-500-normal-DlHwnXyv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-ext-500-normal-BkvHgcKf.woff2)format("woff2"),url(/assets/jost-latin-ext-500-normal-Cpxiadwk.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:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2)format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-italic-bZegYFuM.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-italic-QbB8kb5s.woff)format("woff");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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-italic-BMTE_bNQ.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-italic-qdgKLcPG.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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-italic-CEihAR-f.woff2)format("woff2"),url(/assets/newsreader-latin-400-italic-CNZoH1hn.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:#f3f1ec;--tinte:#161514;--grau:#d3d2cf;--linie:#8f8c86;--nuss:#6b4630;--ocker:#c79a3e;--display:clamp(2.3rem, 4.6vw, 4.6rem);--text:clamp(1.02rem, .95rem + .3vw, 1.2rem);--klein:.86rem;--rand:clamp(1.1rem, 4vw, 4rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--tinte);font:400 var(--text)/1.55 "Jost", system-ui, sans-serif;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.08}h2{font-size:var(--display)}h3{font-size:var(--text);font-weight:500}p{margin:0 0 1em}blockquote{font:italic 400 var(--display)/1.12 "Newsreader", Georgia, serif;margin:0}.klein{font-size:var(--klein);color:#4b4844}.skip{background:var(--tinte);color:#fff;z-index:50;padding:.6em 1em;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}:focus-visible{outline:2px solid var(--nuss);outline-offset:3px}.frame{background:var(--grau);display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.leiste{z-index:20;padding:clamp(1.1rem, 2.2vw, 2rem) var(--rand);color:var(--tinte);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.leiste a{pointer-events:auto}.marke{align-items:center;min-height:44px;display:inline-flex}.wortmarke{width:auto;height:clamp(1.15rem,1.45vw,1.9rem);display:block}.leiste-tel{letter-spacing:.04em;font-variant-numeric:tabular-nums;text-underline-offset:.3em;min-height:44px;color:var(--tinte);align-items:center;font-size:clamp(.95rem,.8rem + .35vw,1.3rem);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.leiste-tel:hover{text-decoration-thickness:2px}.einstieg{height:210vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.film{background:#6d5a3a;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-salon{position:absolute;inset:0}.einstieg-text{left:var(--rand);color:#fff;z-index:2;max-width:min(40rem,36vw);position:absolute;bottom:clamp(2rem,7vh,5rem)}.einstieg-text:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#16100a80,#16100a00);position:absolute;inset:-40% -30%}.einstieg h1{letter-spacing:-.02em;font-size:min(5.6rem,5.4vw);font-weight:400;line-height:1.02}.einstieg-text p{font-size:var(--text);max-width:30em;margin:.9em 0 0}.plan{padding:clamp(5rem, 12vh, 9rem) var(--rand) clamp(4rem, 10vh, 8rem);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);display:grid}.plan-blatt{border:1px solid var(--tinte);background:#faf9f6;align-self:start;padding:clamp(1rem,2.5vw,2.4rem) clamp(1rem,2.5vw,2.4rem) 0;position:sticky;top:8vh}.kopf{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;max-height:66vh;margin:0 auto;display:block}.kopf .hilfs line{stroke:var(--grau);stroke-width:1px;stroke-dasharray:2 6}.kopf .l path{stroke:#b9b6b0;stroke-width:1.6px;transition:stroke .45s,stroke-width .45s}.kopf .l-kontur path{stroke-dasharray:7 6}.kopf .l-gleich path:first-child{stroke-dasharray:16 5 2 5}.kopf[data-step=gespraech] .l-gespraech path,.kopf[data-step=messer] .l-messer path,.kopf[data-step=kontur] .l-kontur path,.kopf[data-step=gleich] .l-gleich path{stroke:var(--tinte);stroke-width:2.6px}.kopf[data-step=messer] .l-messer .winkel{stroke:var(--nuss)}.titelblock{border-top:1px solid var(--tinte);font-size:var(--klein);grid-template-columns:1fr 1.4fr;margin:clamp(1rem,2vw,2rem) calc(-1*clamp(1rem,2.5vw,2.4rem)) 0;display:grid}.titelblock div{border-right:1px solid var(--tinte);padding:.6rem .9rem}.titelblock div:nth-child(2){border-right:0}.titelblock .tb-zitat{border-top:1px solid var(--tinte);border-right:0;grid-column:1/-1}.titelblock dt{text-transform:uppercase;letter-spacing:.12em;color:#5b5853;font-size:.72rem}.titelblock dd{margin:.15rem 0 0}.tb-zitat dd{font:italic 400 1.2rem/1.3 Newsreader,Georgia,serif}.plan-notizen h2{margin-bottom:clamp(2rem,8vh,5rem)}.notiz{opacity:.38;flex-direction:column;justify-content:center;max-width:30rem;min-height:62vh;transition:opacity .45s;display:flex}.notiz.is-aktiv{opacity:1}.notiz h3{margin:.4rem 0 .8rem;font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:400}.legende{font-size:var(--klein);text-transform:uppercase;letter-spacing:.12em;color:#5b5853;align-items:center;gap:.7rem;margin:0;display:flex}.probe{border-top:2.5px solid var(--tinte);width:2.6rem;display:inline-block}.probe-strich{border-top-style:dashed}.probe-mitte{border-top:2.5px dotted var(--tinte)}.familie{padding:clamp(3rem, 8vh, 6rem) var(--rand);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,5vw,6rem);display:grid}.familie-bild{margin:0}.familie-bild .frame{aspect-ratio:3/2}.familie-text blockquote{color:var(--nuss);margin-bottom:2.2rem;font-size:clamp(1.6rem,2.6vw,2.6rem)}.familie-text h2{margin-bottom:1.4rem;font-size:clamp(1.8rem,3vw,3rem)}.faecher{border-top:1px solid var(--tinte);margin:0 0 1.6rem;padding:0;list-style:none}.faecher li{border-bottom:1px solid var(--grau);padding:.7rem 0}.faecher span{font-weight:500}.farbe{padding:clamp(4rem, 10vh, 8rem) var(--rand);background:var(--grau);grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.farbe-text h2{max-width:13em;margin-bottom:1.2rem}.farbe-text>p{max-width:30rem}.skala{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin:2.4rem 0 1.6rem;padding:0;list-style:none;display:grid}.skala li{flex-direction:column;display:flex}.skala li:before{content:"";aspect-ratio:1/1.35;background:var(--c);transform-origin:bottom;transition:transform .3s;display:block}.skala li:hover:before{transform:scaleY(1.06)}.skala span{font-size:var(--klein);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;padding-top:.55rem}.farbe-bild{margin:0}.farbe-bild .frame{aspect-ratio:2/3}.kosmetik{background:var(--tinte);color:var(--papier);grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);min-height:92vh;display:grid}.kosmetik-text{padding:clamp(3rem, 10vh, 7rem) var(--rand);align-self:center}.kosmetik-text h2{margin-bottom:1.2rem}.kosmetik-liste{margin:2rem 0 0}.kosmetik-liste div{border-top:1px solid #45423e;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.8rem 0;display:grid}.kosmetik-liste dt{color:#bcb7ae;font-size:var(--klein);text-transform:uppercase;letter-spacing:.12em;padding-top:.2rem}.kosmetik-liste dd{margin:0}.film-kosmetik{min-height:60vh}.alle{padding:clamp(5rem, 12vh, 9rem) var(--rand) clamp(3rem, 8vh, 6rem);grid-template-rows:auto auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem) clamp(2rem,5vw,6rem);display:grid}.alle-gross{grid-row:1/3;margin:0}.alle-gross .frame{aspect-ratio:3/2}.alle-gross figcaption{font-size:var(--klein);color:#4b4844;margin-top:.7rem}.alle-text{align-self:end}.alle-text h2{margin-bottom:1.2rem}.alle-klein{justify-self:end;width:78%;margin:0}.alle-klein .frame{aspect-ratio:4/3}.buch{padding:clamp(4rem, 10vh, 8rem) var(--rand);border-top:1px solid var(--tinte);grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(2rem,6vw,7rem);display:grid}.buch-zitat{color:var(--nuss);margin-bottom:1.4rem;font:italic 400 clamp(1.3rem,2vw,1.9rem)/1.25 Newsreader,Georgia,serif}.buch-kopf h2{margin-bottom:1.2rem}.knopf{background:var(--tinte);min-height:48px;color:var(--papier);letter-spacing:.02em;align-items:center;margin-top:.6rem;padding:.7em 1.3em;text-decoration:none;display:inline-flex}.knopf:hover{background:var(--nuss)}.buch-seite{border:1px solid var(--grau);box-shadow:0 1px 0 var(--grau), 0 18px 40px -28px #00000059;background:#fbfaf7;padding:clamp(1rem,2vw,1.8rem)}.buch-raster{background-image:repeating-linear-gradient(#0000 0 calc(10% - 1px),#e2dfd9 calc(10% - 1px) 10%);background-position:0 2.2rem;background-repeat:no-repeat;background-size:100% calc(100% - 2.2rem);grid-template-rows:2.2rem repeat(10,minmax(2.4rem,1fr));grid-template-columns:2.4rem repeat(5,minmax(0,1fr));min-height:30rem;display:grid;position:relative}.tag{grid-row:1;grid-column:calc(var(--d) + 1);font-size:var(--klein);text-transform:uppercase;letter-spacing:.14em;border-bottom:1.5px solid var(--tinte);align-self:end;padding-bottom:.3rem;padding-left:.4rem}.zeit{grid-column:1;grid-row:calc(var(--h) + 2);color:#6d6a64;font-variant-numeric:tabular-nums;font-size:.75rem;transform:translateY(-.55em)}.zeit[style*=--h\:10]{grid-row:11;align-self:end;transform:translateY(.55em)}.eintrag{grid-column:calc(var(--d) + 1);grid-row:calc(var(--h) + 2) / span var(--l);border-left:2px solid var(--nuss);overflow-wrap:anywhere;background:#efe7d9;margin:2px 3px;padding:.45rem .55rem;font:italic 400 clamp(.86rem,.75rem + .35vw,1.05rem)/1.25 Newsreader,Georgia,serif}.besuch{padding:clamp(4rem, 10vh, 8rem) var(--rand);background:var(--tinte);color:var(--papier);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);display:grid}.besuch h2{margin-bottom:.4rem}.besuch-tel{font-variant-numeric:tabular-nums;margin:1.4rem 0 1rem;font-size:clamp(1.6rem,3vw,2.8rem)}.besuch-tel a{border-bottom:1px solid;text-decoration:none}.besuch-links a{align-items:center;min-height:44px;margin-right:1.4rem;display:inline-flex}.besuch-hinweise{align-self:center;margin:0;padding:0;list-style:none}.besuch-hinweise li{border-top:1px solid #45423e;padding:.8rem 0}.besuch-logo{grid-column:1/-1;padding-top:clamp(3rem,8vh,6rem)}.logo-voll{width:min(30rem,70%);height:auto;display:block}.fuss{padding:1.6rem var(--rand) 2rem;font-size:var(--klein);background:var(--tinte);color:#bcb7ae;border-top:1px solid #45423e;flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.fuss p{margin:0}.fuss button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;margin-left:1rem;padding:.6rem 0;text-decoration:underline}dialog{border:1px solid var(--tinte);background:var(--papier);max-width:min(36rem,100vw - 2rem);color:var(--tinte);padding:1.6rem 1.6rem 1.2rem;font-size:1rem}dialog::backdrop{background:#16151480}dialog h2{margin-bottom:1rem;font-size:1.5rem}dialog .close{font:inherit;background:var(--tinte);color:var(--papier);cursor:pointer;border:0;min-height:44px;padding:.7rem 1.2rem}.no-motion .einstieg{height:auto}.no-motion .buehne{position:relative}.no-motion .notiz{opacity:1;min-height:0;padding:1.4rem 0}.no-motion .plan-notizen h2{margin-bottom:1.6rem}.no-motion .kopf .l path{stroke:var(--tinte);stroke-width:2px}@media (width<=760px){.leiste{background:var(--papier);border-bottom:1px solid var(--grau);height:3.6rem;padding:.5rem 1rem;position:absolute}.wortmarke{height:1.2rem}.leiste-tel{color:var(--tinte);font-size:1rem}.einstieg{height:175svh}.buehne{background:var(--papier);flex-direction:column;padding-top:3.6rem;display:flex}.film-salon{flex:0 0 62svh;position:relative;inset:auto}.einstieg-text{max-width:none;color:var(--tinte);padding:1.4rem 1rem 0;position:static}.einstieg-text:before{display:none}.einstieg h1{font-size:clamp(2.3rem,10.5vw,3rem)}.no-motion .einstieg{height:auto}.plan{grid-template-columns:1fr;gap:1.5rem;padding-top:4rem}.plan-blatt{z-index:2;box-shadow:0 -.8rem 0 .8rem var(--papier);padding:.6rem .6rem 0;top:0}.kopf{max-height:30svh}.titelblock{margin:.6rem -.6rem 0}.titelblock .tb-zitat{display:none}.plan-notizen h2{margin:1rem 0 0}.notiz{justify-content:flex-end;min-height:48svh;padding-bottom:2.5rem}.familie,.farbe,.alle,.buch,.besuch{grid-template-columns:1fr}.farbe-bild{justify-self:end;width:72%}.skala{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem}.kosmetik{grid-template-columns:1fr}.kosmetik-text{padding:3.5rem 1rem 2rem}.film-kosmetik{aspect-ratio:4/3;min-height:0}.kosmetik-liste div{grid-template-columns:5.2rem 1fr}.alle-gross{grid-row:auto}.alle-klein{width:70%}.buch-raster{grid-template-columns:1.8rem repeat(5,minmax(0,1fr));min-height:34rem}.eintrag{padding:.3rem;font-size:.8rem}.tag{letter-spacing:.06em;padding-left:.2rem}.logo-voll{width:80%}.fuss button{margin:0 1rem 0 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=760px){.buch-raster{background:0 0;min-height:0;display:block}.buch-raster .tag,.buch-raster .zeit{display:none}.eintrag{margin:0 0 .7rem;padding:.6rem .8rem;font-size:1.05rem}.eintrag:before{content:attr(data-tag);letter-spacing:.12em;text-transform:uppercase;color:#6d6a64;margin-bottom:.2rem;font:400 .72rem/1.4 Jost,sans-serif;display:block}}.buch-hinweis{color:#6d6a64;margin:.9rem 0 0;font-size:.78rem}