@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")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}@font-face{font-family:Kaushan Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kaushan-script-latin-400-normal-DtTcRpVb.woff2)format("woff2"),url(/assets/kaushan-script-latin-400-normal-DZZZR3n8.woff)format("woff")}:root{--stein:#3b4651;--stein-tief:#2c353e;--messing:#c9a24a;--messing-hell:#e6cf8e;--messing-tief:#9a7722;--blatt:#f3eedf;--putz:#e9e4d7;--tinte:#222a31;--rot:#b8283a;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--schrift:"Kaushan Script", "Brush Script MT", cursive;--display:clamp(2.3rem, 4.4vw, 4.6rem);--text:clamp(1.3rem, 1.5vw, 1.9rem);--klein:clamp(.82rem, .8vw, 1rem);--rand:clamp(1.25rem, 5vw, 5.5rem);--leiste:3.5rem;--kurve:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--blatt);color:var(--tinte);font-family:var(--serif);font-size:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.42}img,svg,canvas{max-width:100%;display:block}img{height:auto}h1,h2,h3,p,figure,blockquote,ul,dl,dd,address{font:inherit;margin:0;padding:0;font-style:normal}ul{list-style:none}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2{font-size:var(--display);letter-spacing:-.015em;text-wrap:balance;font-weight:400;line-height:1.04}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--messing);outline-offset:3px}.stein :focus-visible,.schluss :focus-visible{outline-color:var(--messing-hell)}.site-head{z-index:20;height:var(--leiste);padding:0 var(--rand);color:var(--blatt);font-family:var(--mono);font-size:var(--klein);background:0 0;border-bottom:1px solid #0000;align-items:center;gap:1.5rem;transition:background-color .25s,border-color .25s;display:flex;position:fixed;inset:0 0 auto}.site-head.is-solid{color:var(--tinte);background:var(--blatt);border-bottom-color:#222a3129}.site-head .marke{font-family:var(--schrift);color:var(--messing-tief);opacity:0;visibility:hidden;padding:.2rem .2rem .2rem 0;font-size:clamp(1.6rem,1.9vw,2.5rem);line-height:1;text-decoration:none;transition:opacity .25s,visibility 0s .25s}.site-head.hat-marke .marke{opacity:1;visibility:visible;transition:opacity .25s}.site-head .stand{margin-left:auto}.site-head .ruf{white-space:nowrap;padding:.6rem 0;font-weight:500}.stand.ist-zu:before,.stand.ist-auf:before{content:"";vertical-align:.08em;background:currentColor;border-radius:50%;width:.55em;height:.55em;margin-right:.55em;display:inline-block}.stand.ist-auf:before{background:var(--messing)}.site-head.is-solid .stand.ist-auf:before{background:var(--messing-tief)}.einstieg{background:var(--stein);color:var(--blatt);height:190svh}.statisch .einstieg{height:auto}.buehne{height:100svh;min-height:34rem;position:sticky;top:0;overflow:hidden}.zoom{height:100%;padding:calc(var(--leiste) + .5rem) var(--rand) clamp(1.5rem, 4.5svh, 3rem);--d:min(26.5vw, 41svh);grid-template-rows:auto 1fr auto;place-items:center;row-gap:clamp(.5rem,2svh,1.5rem);display:grid}.statisch .buehne{position:relative}.schild{z-index:2;font-family:var(--schrift);color:var(--messing);padding-right:.08em;font-size:clamp(3.2rem,min(7vw,11svh),7.5rem);line-height:.9;position:relative;transform:rotate(-3deg)}.tafel{grid-template-columns:repeat(3, var(--d));gap:calc(var(--d) * .09);padding:calc(var(--d) * .09) calc(var(--d) * .11) calc(var(--d) * .05);background:var(--messing);border-radius:calc(var(--d) * .03);display:grid;position:relative;box-shadow:0 1.6rem 3.2rem -1.4rem #0c1014b3}.tafel:before{content:"";inset:calc(var(--d) * .028);border:1px solid var(--messing-tief);border-radius:calc(var(--d) * .016);pointer-events:none;position:absolute}.mess{justify-items:center;gap:calc(var(--d) * .035);display:grid}.mess figcaption{font-family:var(--mono);font-weight:500;font-size:clamp(.68rem, calc(var(--d) * .048), 1rem);letter-spacing:.14em;text-transform:uppercase;color:var(--tinte);padding-bottom:calc(var(--d) * .035)}.blatt{width:100%;height:auto;overflow:visible}.lue{fill:var(--messing-tief)}.lue-licht{fill:none;stroke:var(--messing-hell);stroke-width:2.5px}.feld{fill:var(--blatt)}.feld-rand{fill:none;stroke:#222a3138;stroke-width:1px}.sk{stroke:var(--tinte);stroke-width:1.6px}.sl{stroke:var(--tinte);stroke-width:4px}.zf{font-family:var(--mono);fill:var(--tinte);text-anchor:middle;dominant-baseline:central;font-size:34px;font-weight:500}.zf-k{font-size:24px}.zf-w{font-size:27px}.wt.ist-heute .zf{fill:var(--rot)}.auf{fill:none;stroke:var(--messing-tief);stroke-width:15px}.zg{stroke:var(--tinte);stroke-linecap:round}.zs{stroke:var(--rot);stroke-width:2.2px;stroke-linecap:round}.zs-kreis{fill:var(--rot)}.kappe{fill:var(--messing);stroke:var(--tinte);stroke-width:1.5px}.kappe-punkt{fill:var(--tinte)}.halb-flaeche{fill:var(--messing)}.unterzeile{width:min(100%, calc(var(--d) * 3.6));grid-template-columns:1fr auto;align-items:end;gap:2rem;display:grid}.unterzeile h1{font-size:clamp(2.3rem,min(4.6vw,8.4svh),5rem)}.absender{font-family:var(--mono);font-size:var(--klein);text-align:right;color:var(--messing-hell);padding-bottom:.35em;line-height:1.55}.zeichnet .einstieg .sg{opacity:0}.zeichnet.fertig .einstieg .sg{opacity:1}.auftakt{background:var(--blatt);padding:clamp(2.5rem, 8svh, 5rem) var(--rand) clamp(4.5rem, 14svh, 9rem);text-align:center;justify-items:center;gap:1.6rem;display:grid}.lebt .auftakt{--ueber:32svh;margin-top:calc(var(--ueber) * -1);z-index:6;background:0 0;position:relative}.lebt .auftakt:before{content:"";inset:var(--ueber) 0 0;background:var(--blatt);z-index:-1;position:absolute}.auftakt h2{max-width:16ch}.auftakt p{max-width:58ch}.fenster{background:var(--stein);color:var(--blatt);height:360svh}.statisch .fenster,.ohne-pin .fenster{height:auto}.fenster-buehne{height:100svh;min-height:36rem;padding:calc(var(--leiste) + clamp(.75rem, 3svh, 2rem)) var(--rand) clamp(1.25rem, 4svh, 2.5rem);grid-template-rows:auto 1fr;justify-items:center;display:grid;position:sticky;top:0;overflow:hidden}.statisch .fenster-buehne,.ohne-pin .fenster-buehne{height:auto;position:relative}.fenster-vor{font-family:var(--mono);font-size:var(--klein);letter-spacing:.04em;color:var(--messing-hell);text-align:center}.stapel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-self:center;align-items:start;width:min(100%,80rem);display:grid;position:relative}.woerter{z-index:1;text-align:right;grid-area:1/1;justify-items:end;gap:clamp(.6rem,2.2svh,1.6rem);margin-right:-3.5vw;display:grid;position:relative}.woerter h3{letter-spacing:.03em;text-transform:uppercase;color:var(--messing);transition:color .3s var(--kurve);font-size:clamp(3.4rem,min(9.6vw,12.5svh),9.5rem);font-weight:400;line-height:.92}.woerter li.ist-da h3{color:#fff}.woerter p{font-family:var(--mono);font-size:var(--klein);max-width:44ch;color:var(--blatt);margin:.5rem 5.5vw 0 auto;line-height:1.5}.guck{z-index:0;aspect-ratio:3/2;will-change:transform;border:1px solid #e6cf8e8c;grid-area:1/2;width:min(100%,66svh);position:relative;overflow:hidden}.guck-band{will-change:transform;display:grid}.guck-band img{aspect-ratio:3/2;object-fit:cover;width:100%}.statisch .fenster-buehne{row-gap:2.5rem;padding-bottom:clamp(3rem,8svh,5rem)}.statisch .guck{aspect-ratio:auto;align-self:center}.statisch .guck-band{grid-template-columns:1fr 1fr;gap:4px}.stueck{background:var(--blatt);padding:clamp(4.5rem, 13svh, 9rem) var(--rand);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);display:grid}.stueck.uhren{background:var(--putz);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.stueck.uhren .film{order:2}.film{aspect-ratio:3/2;background:var(--stein);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}.stueck-text{gap:1.4rem;max-width:34rem;display:grid}.stueck-text h2{margin-bottom:.4rem}.stimme{gap:.9rem;margin-top:1.2rem;display:grid}.stimme blockquote{gap:.8rem;font-style:italic;display:grid}.stimme figcaption{font-family:var(--mono);font-size:var(--klein);color:#5a5140}.zeichnet .scharf{filter:blur(5px)}.scharf{transition:filter .8s var(--kurve)}.zeichnet .scharf.ist-scharf{filter:blur()}.halbe{background:var(--stein-tief);color:var(--blatt);padding:clamp(5rem, 14svh, 10rem) var(--rand);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,7vw,8rem);display:grid}.halb-figur{justify-items:center;gap:1.2rem;display:grid}.halb-figur figcaption{font-family:var(--mono);font-weight:500;font-size:var(--klein);letter-spacing:.14em;text-transform:uppercase;color:var(--messing-hell)}.halb-blatt{width:min(100%,33rem)}.halbe-text{gap:1.8rem;max-width:38rem;display:grid}.halbe .stimme figcaption{color:var(--messing-hell)}.besuch{background:var(--blatt);padding:clamp(4.5rem, 13svh, 9rem) var(--rand);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.besuch-text{justify-items:start;gap:1.3rem;max-width:36rem;display:grid}.besuch address{line-height:1.5}.zeiten{width:100%;font-family:var(--mono);font-size:var(--klein);border-top:1px solid #222a3140;gap:.1rem;display:grid}.zeiten>div{border-bottom:1px solid #222a3140;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1.5rem;padding:.75rem 0;display:flex}.zeiten dt{font-weight:500}.zeiten .ist-heute dt:after{content:" · heute";color:var(--rot)}.btn{font-family:var(--mono);font-weight:500;font-size:var(--klein);letter-spacing:.08em;text-transform:uppercase;color:var(--blatt);background:var(--stein);padding:1.05rem 1.9rem;text-decoration:none;transition:transform .14s,background-color .2s;display:inline-block}.btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--stein-tief)}}.besuch-bild{gap:.8rem;display:grid}.frame{background:var(--stein);display:block;overflow:hidden}.frame img{aspect-ratio:3/2;object-fit:cover;width:100%}.besuch-bild figcaption{font-family:var(--mono);font-size:var(--klein);color:#5a5140}.schluss{background:var(--stein);color:var(--blatt);padding:clamp(4.5rem, 13svh, 8.5rem) var(--rand) 2rem;gap:clamp(2.5rem,7svh,5rem);display:grid}.schluss-stimme{text-align:center;justify-items:center;gap:1rem;display:grid}.schluss-stimme blockquote{letter-spacing:-.015em;color:#fff;text-wrap:balance;max-width:14ch;font-size:clamp(2.6rem,7.4vw,8rem);font-style:italic;line-height:1}.schluss-stimme figcaption,.schluss .stand,.schluss-links{font-family:var(--mono);font-size:var(--klein)}.schluss-stimme figcaption{color:var(--messing-hell)}.schluss-zeile{border-top:1px solid #e6cf8e66;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.6rem 2rem;padding-top:1.6rem;display:grid}.marke-klein{font-family:var(--schrift);color:var(--messing);font-size:2.4rem;line-height:1}.schluss-links{flex-wrap:wrap;gap:1.5rem;display:flex}.schluss-links button{font:inherit;color:var(--messing-hell);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:.7rem 0;text-decoration:underline}dialog{background:var(--blatt);max-width:min(92vw,40rem);color:var(--tinte);border:0;padding:clamp(1.5rem,4vw,2.6rem);font-size:1.15rem;box-shadow:0 1.5rem 3.5rem -1rem #0c10148c}dialog::backdrop{background:#1c22289e}dialog h2{margin-bottom:1rem;font-size:2rem}dialog p+p{margin-top:.9rem}dialog form{margin-top:1.5rem}dialog button{font-family:var(--mono);font-size:var(--klein);letter-spacing:.08em;text-transform:uppercase;color:var(--blatt);background:var(--stein);cursor:pointer;border:0;padding:.9rem 1.5rem}dialog[open]{animation:auf .32s var(--kurve)}@keyframes auf{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (width<=760px){:root{--leiste:3.25rem}.site-head{gap:.75rem}.site-head .stand{margin-left:0;margin-right:auto}.site-head.hat-marke .stand{display:none}.site-head.hat-marke .ruf{margin-left:auto}.zoom{--d:min(38vw, 16.6svh);padding-top:calc(var(--leiste) + clamp(.25rem, 1svh, 1rem));grid-template-rows:auto auto 1fr;align-items:start;row-gap:clamp(.4rem,1.4svh,1rem);padding-bottom:clamp(.75rem,2svh,1.5rem)}.schild{padding-bottom:.12em;font-size:clamp(2.4rem,7svh,3.6rem)}.tafel{grid-template-columns:var(--d);gap:calc(var(--d) * .03);padding:calc(var(--d) * .09) calc(var(--d) * .13) calc(var(--d) * .03)}.mess{gap:calc(var(--d) * .02)}.mess figcaption{letter-spacing:.1em;padding-bottom:calc(var(--d) * .03);font-size:.62rem}.unterzeile{grid-template-columns:1fr;align-self:end;gap:.5rem}.lebt .auftakt{--ueber:24svh}.unterzeile h1{font-size:clamp(2.3rem,10.5vw,3rem);line-height:1}.absender{text-align:left}.stapel{grid-template-columns:minmax(0,1fr);row-gap:clamp(.75rem,2.5svh,1.5rem)}.woerter{text-align:center;justify-items:center;gap:clamp(.4rem,1.4svh,1rem);margin-right:0}.woerter h3{font-size:clamp(2.6rem,min(16vw,7.4svh),4.6rem)}.woerter p{max-width:34ch;margin:.35rem auto 0}.guck{grid-area:2/1;justify-self:center;width:min(78vw,33svh)}.stueck,.stueck.uhren,.halbe,.besuch{grid-template-columns:minmax(0,1fr)}.stueck.uhren .film{order:0}.stueck .film{margin:0 calc(var(--rand) * -1)}.halb-blatt{width:min(78vw,22rem)}.besuch-bild{margin:0 calc(var(--rand) * -1);order:-1}.besuch-bild figcaption{padding:0 var(--rand)}.schluss-zeile{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}dialog[open]{animation:none}*{transition-duration:.01ms!important}}