@font-face{font-family:Manufacturing Consent;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manufacturing-consent-latin-ext-400-normal-D-awh6Jx.woff2)format("woff2"),url(/assets/manufacturing-consent-latin-ext-400-normal-DSUvTKPG.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:Manufacturing Consent;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manufacturing-consent-latin-400-normal-Cw6JgT-V.woff2)format("woff2"),url(/assets/manufacturing-consent-latin-400-normal-CSBo5lET.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:Libre Caslon Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-display-latin-ext-400-normal-CUYASYSA.woff2)format("woff2"),url(/assets/libre-caslon-display-latin-ext-400-normal-xXeWa_lF.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:Libre Caslon Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-display-latin-400-normal-n_DgBRfq.woff2)format("woff2"),url(/assets/libre-caslon-display-latin-400-normal-BbfEE5V2.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:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-text-latin-ext-400-normal-C9ASObbr.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-ext-400-normal-ll1HhAxb.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:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-text-latin-400-normal-CfldDPV-.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-400-normal-WtjoQ5sB.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:Libre Caslon Text;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-text-latin-ext-400-italic-BHleWajS.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-ext-400-italic-B6hJLy3e.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:Libre Caslon Text;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/libre-caslon-text-latin-400-italic-snTzlHlN.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-400-italic-C1OAqZ6C.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:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-caslon-text-latin-ext-700-normal-VERgVPZd.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-ext-700-normal-BoDjDRr0.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:Libre Caslon Text;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-caslon-text-latin-700-normal-D1WVYPaO.woff2)format("woff2"),url(/assets/libre-caslon-text-latin-700-normal-B3n-DWsl.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{--rot:#9c3e4f;--creme:#f3eee2;--schrift:#8e1b26;--tinte:#33181c;--nacht:#131a2c;--holz:#9a6233;--mond:#e9e2d2;--stoff:var(--creme);--riesig:clamp(4.6rem, 15.5vw, 15rem);--display:clamp(2rem, 4.3vw, 3.9rem);--text:clamp(1.06rem, 1.25vw, 1.3rem);--klein:clamp(.9rem, .95vw, 1.02rem);--rand:clamp(1.25rem, 6vw, 7rem);--ease:cubic-bezier(.23, 1, .32, 1);--fraktur:"Manufacturing Consent", "UnifrakturCook", serif;--serif:"Libre Caslon Text", Georgia, serif;--kopf:"Libre Caslon Display", "Libre Caslon Text", Georgia, serif}*{box-sizing:border-box}html{background:var(--creme)}body{font:400 var(--text)/1.6 var(--serif);color:var(--tinte);background:var(--creme);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .45s;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,p,ul,figure,blockquote{margin:0}h2{font:400 var(--display)/1.1 var(--kopf);letter-spacing:-.01em;text-wrap:balance;max-width:15em}h2:after{content:"";aspect-ratio:1722/64;background:var(--schrift);transform-origin:0;width:min(11rem,46%);margin-top:1.1rem;display:block;-webkit-mask:url(/zier.svg) 0/contain no-repeat;mask:url(/zier.svg) 0/contain no-repeat}.js h2:after{transition:transform .7s var(--ease);transform:scaleX(0)}.js h2.da:after{transform:scaleX(1)}.lauf{text-wrap:pretty;max-width:34em}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline-offset:3px;outline:3px solid}.frame{display:block;overflow:hidden}.frame img{width:100%}section{padding:clamp(5rem, 13vh, 10rem) var(--rand);position:relative}.volant{z-index:30;height:clamp(3.3rem,4.4vw,4.6rem);padding:0 var(--rand);background:var(--stoff);color:var(--schrift);justify-content:space-between;align-items:center;transition:background-color .45s;display:flex;position:fixed;inset:0 0 auto}.volant:after,.saum:before{content:"";background:radial-gradient(15px 15px at 50% 0, var(--stoff) 97%, transparent 100%) 50% 0 / 30px 15px repeat-x;pointer-events:none;height:15px;position:absolute;left:0;right:0}.volant:after{filter:drop-shadow(0 3px 3px #33181c2e);top:100%}.wm{aspect-ratio:2468/432;background:currentColor;height:clamp(1.2rem,1.45vw,2.1rem);display:block;-webkit-mask:url(/wort.svg) 50%/contain no-repeat;mask:url(/wort.svg) 50%/contain no-repeat}.ruf{white-space:nowrap;font-size:clamp(.95rem,1.05vw,1.25rem);font-weight:700}.einstieg{background:var(--rot);height:300vh;color:var(--creme);padding:0}.buehne{height:100svh;padding:clamp(5.5rem, 7vw, 8rem) var(--rand) clamp(2.5rem, 7vh, 5rem);grid-template-columns:1fr minmax(0,42vw);align-items:end;gap:3vw;display:grid;position:sticky;top:0;overflow:hidden}.gruss{padding-bottom:1vh}h1{font:400 var(--riesig)/.86 var(--fraktur);letter-spacing:-.01em;max-width:4.2em}.absender{max-width:26em;font-size:var(--text);margin-top:clamp(1.4rem,3vh,2.4rem)}.btn{background:var(--creme);color:var(--schrift);transition:transform .14s var(--ease);border-radius:2px;margin-top:1.6rem;padding:.85em 1.3em;font-weight:700;text-decoration:none;display:inline-block}.btn:active,.knopf:active{transform:scale(.97)}.fenster{background:#6c5a52;height:100%;min-height:0;position:relative;overflow:hidden}.fenster img{object-fit:cover;object-position:50% 62%;width:100%;height:100%;position:absolute;inset:0}.frueh{filter:brightness(.6)saturate(.45)contrast(.94)}.sonne{filter:brightness(1.08)saturate(1.18)sepia(.1);--licht:58%;-webkit-mask-image:linear-gradient(168deg, #000 calc(var(--licht) - 30%), transparent var(--licht));-webkit-mask-image:linear-gradient(168deg, #000 calc(var(--licht) - 30%), transparent var(--licht));mask-image:linear-gradient(168deg, #000 calc(var(--licht) - 30%), transparent var(--licht));background:url(/img/morgen.webp) 50% 62%/cover no-repeat;position:absolute;inset:0}.still-modus .sonne{--licht:140%}.ruhe{z-index:2;background:var(--creme);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(1.6rem,4vh,3rem) clamp(2rem,6vw,6rem);margin-top:-100vh;padding-top:clamp(5rem,15vh,11rem);padding-bottom:clamp(4rem,9vh,7rem);display:grid}.ruhe h2{grid-column:1/-1}.ruhe:before{content:"";background:radial-gradient(22px 22px at 50% 100%, var(--creme) 97%, transparent 100%) 50% 0 / 44px 22px repeat-x;height:22px;position:absolute;bottom:100%;left:0;right:0}.ruhe .stimme{max-width:30em}.stimme blockquote{text-wrap:balance;font-size:clamp(1.22rem,1.8vw,1.65rem);font-style:italic;font-weight:400;line-height:1.36}.stimme blockquote+blockquote{margin-top:1.1em}.stimme figcaption{font-size:var(--klein);margin-top:.8em}.spiegel{background:var(--creme);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding-left:0;display:grid}.film{background:#2a1d17;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 .4s}.film.is-live canvas{opacity:1}.spiegel .film{aspect-ratio:3/2.15}.spiegel-text{gap:clamp(1.4rem,3vh,2.2rem);padding-top:clamp(0rem,4vh,3rem);display:grid}.makro{grid-column:2;justify-self:start;width:min(100%,26rem);margin-top:clamp(-7.5rem,-6.5vw,-3rem);transform:translate(-28%);box-shadow:0 18px 40px -18px #33181c73}.rat{background:var(--rot);color:var(--creme);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.rat h2:after{background:var(--creme)}.rat-text{gap:1.6rem;display:grid}.zettel{background:var(--creme);color:var(--tinte);padding:clamp(1.6rem,3.4vw,3.2rem);transform:rotate(-1.6deg);box-shadow:0 22px 44px -22px #1e080cb3}.klein{font-size:var(--klein);letter-spacing:.01em;font-weight:700}.wunsch{font:400 clamp(3rem, 6.6vw, 6.2rem)/1.05 var(--fraktur);color:var(--schrift);margin:.1em 0 .35em;display:inline-block;position:relative}.strich{width:112%;height:62%;position:absolute;top:22%;left:-6%;overflow:visible}.strich path{fill:none;stroke:var(--tinte);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:0}.rat-wort{font:400 clamp(2rem, 4.1vw, 3.9rem)/1.05 var(--fraktur);color:var(--schrift);margin-top:.1em}.js .strich path{stroke-dashoffset:100px}.js .rat-wort{clip-path:inset(0 100% 0 0)}.rat .stimme{grid-column:1/-1;max-width:38em}.leistungen{background:var(--creme);grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(2rem,4vh,3.4rem) clamp(2rem,6vw,6rem);display:grid}.leistungen h2{grid-column:1/-1}.liste{padding:0;list-style:none}.liste li{border-bottom:1px solid color-mix(in srgb, var(--tinte) 24%, transparent);font:400 clamp(1.4rem, 2.3vw, 2.1rem)/1.2 var(--kopf);letter-spacing:0;padding:.62em 0}.liste li:first-child{border-top:1px solid color-mix(in srgb, var(--tinte) 24%, transparent)}.neben{gap:2.2rem;display:grid}.gasse,.besuch{background:0 0}.gasse{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4rem) clamp(2rem,6vw,6rem);display:grid}.gasse-text{grid-column:2;gap:1.6rem;padding-top:clamp(1rem,8vh,6rem);display:grid}.tuer{grid-area:1/1/span 2}.stern{grid-column:2;justify-self:end;width:min(100%,24rem)}.ruhe,.spiegel,.leistungen{color:var(--tinte)}.ist-nacht{background:var(--nacht);color:var(--mond)}.ist-nacht .volant{--stoff:var(--nacht);color:var(--creme)}.ist-nacht .gasse h2:after,.ist-nacht .besuch h2:after{background:var(--mond)}.besuch{gap:clamp(1.6rem,4vh,2.6rem);display:grid}.angaben{border-top:1px solid color-mix(in srgb, currentColor 30%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem clamp(2rem,5vw,5rem);margin-top:1rem;padding-top:2rem;display:grid}.angaben p{max-width:24em}.knopf{background:var(--creme);color:var(--schrift);transition:transform .14s var(--ease);border-radius:2px;margin-bottom:.9rem;padding:.8em 1.2em;font-weight:700;text-decoration:none;display:inline-block}.schluss{background:var(--nacht);color:var(--mond);padding:0}.schluss .film{height:min(92vh,62vw);min-height:30rem}.karte{left:var(--rand);z-index:2;background:var(--nacht);max-width:min(30rem, calc(100% - 2 * var(--rand)));gap:.9rem;padding:clamp(1.4rem,2.6vw,2.6rem);display:grid;position:absolute;bottom:clamp(2rem,8vh,5rem)}.bisbald{font:400 clamp(2.4rem, 4.6vw, 4.4rem)/1 var(--fraktur);color:var(--creme)}.stand{font-weight:700}.saum{z-index:3;background:var(--creme);color:var(--schrift);padding:1.6rem var(--rand) 1.8rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.saum:before{background:radial-gradient(15px 15px at 50% 100%, var(--creme) 97%, transparent 100%) 50% 0 / 30px 15px repeat-x;bottom:100%}.klein-wm{height:1.5rem}.saum p{font-size:var(--klein)}.saum button,dialog button{font:inherit;color:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-left:1.2em;padding:.7em .2em;font-weight:700;text-decoration:underline}dialog{background:var(--creme);max-width:min(40rem,92vw);color:var(--tinte);font-size:var(--klein);border:0;padding:clamp(1.5rem,4vw,3rem)}dialog[open]{animation:auf .3s var(--ease)}@keyframes auf{0%{opacity:0;transform:scale(.96)}}dialog::backdrop{background:#131a2c99}dialog h2{margin-bottom:1rem;font-size:clamp(1.5rem,2.4vw,2rem)}dialog h2:after{display:none}dialog p{max-width:65ch;margin-bottom:.9em}dialog button{color:var(--schrift);margin-left:0}@media (hover:hover) and (pointer:fine){.btn:hover,.knopf:hover{transform:translateY(-2px)}}@media (width<=900px){section{padding:4.2rem var(--rand)}.volant{height:3.4rem}.wm{height:1.25rem}.einstieg{height:265svh}.buehne{padding:4.5rem var(--rand) 1.6rem;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;align-items:stretch;gap:1.1rem}.fenster{grid-row:1}.gruss{grid-row:2;padding:0}h1{max-width:none;font-size:clamp(4.2rem,21.5vw,6.2rem)}.absender{margin-top:.9rem;font-size:1rem}.btn{margin-top:1rem}.ruhe{grid-template-columns:1fr;margin-top:-100svh;padding-top:4.5rem}.ruhe .stimme{justify-self:start}.spiegel{padding-left:var(--rand);grid-template-columns:1fr}.spiegel .film{margin:0 calc(-1 * var(--rand));aspect-ratio:4/3.4}.makro{grid-column:1;justify-self:end;width:72%;margin-top:0;transform:none}.rat,.leistungen,.gasse{grid-template-columns:1fr}.gasse-text,.tuer,.stern{grid-area:auto/1}.gasse-text{padding-top:0}.stern{width:64%}.angaben{grid-template-columns:1fr}.schluss .film{height:74vh;min-height:0}.karte{max-width:none;padding:1.6rem var(--rand) 2.6rem;margin-top:-4rem;margin-right:0;position:relative;bottom:0;left:0}.saum button{margin-left:0;margin-right:1.2em}}@media (prefers-reduced-motion:reduce){body,.volant,.btn,.knopf,.film canvas,h2:after{transition:none}dialog[open]{animation:none}}