@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(./saira-stencil-one-latin-400-normal-CaP09Fmm.woff2)format("woff2"),url(./saira-stencil-one-latin-400-normal-BhLFNLer.woff)format("woff")}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./public-sans-vietnamese-wght-normal-CtlIRbEm.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./public-sans-latin-ext-wght-normal-MQgHevqp.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./public-sans-latin-wght-normal-DdeTHZLK.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{--ground:oklch(95% .005 143.8);--surface:oklch(91.5% .007 143.8);--ink:oklch(20% .002 143.8);--muted:oklch(47% .003 143.8);--line:oklch(20% .002 143.8/.14);--accent:oklch(42.9% .089 143.8);--accent-ink:oklch(99% .005 143.8);--accent-text:oklch(42.9% .089 143.8);--tag:oklch(86.5% .177 90.4);--tag-ink:oklch(16% .02 90.4);--tag-edge:oklch(70% .15 85);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Saira Stencil One", "Arial Narrow", sans-serif;--font-text:"Public Sans Variable", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--1:clamp(.84rem, .82rem + .1vw, .9rem);--step-0:clamp(1.05rem, 1rem + .25vw, 1.2rem);--step-1:clamp(1.3rem, 1.18rem + .6vw, 1.65rem);--step-2:clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);--step-3:clamp(2.3rem, 1.6rem + 3.2vw, 4.4rem);--step-4:clamp(3rem, 1.6rem + 6.6vw, 7.5rem);--leading-tight:1.02;--leading-body:1.55;--measure:66ch;--margin:clamp(1rem, .6rem + 2vw, 2.5rem);--gap:clamp(1rem, .8rem + 1vw, 1.75rem);--section:clamp(5.5rem, 3rem + 10vw, 13rem);--radius:0;--tilt:-2.5deg;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-press:.12s;--t-hover:.18s;--t-reveal:.7s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--muted) var(--ground)}body{background:var(--ground);min-height:100svh;color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);line-height:var(--leading-body);font-kerning:normal;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);text-wrap:balance;font-weight:700}p,li,dd,blockquote{text-wrap:pretty}img,svg,video,canvas{max-width:100%;display:block}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}#main:focus{outline:none}input,textarea{caret-color:var(--accent-text);accent-color:var(--accent)}.num,time,table{font-variant-numeric:tabular-nums}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}.skip{left:var(--margin);z-index:100;background:var(--ink);color:var(--ground);padding:.75em 1.1em;font-weight:600;text-decoration:none;position:fixed;top:-100px}.skip:focus{top:var(--margin)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity var(--t-reveal) var(--ease-out), translate var(--t-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 70ms);translate:0 1.25rem}.js [data-reveal].is-in{opacity:1;translate:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.hours,.menu dl{gap:.4em;margin:0;display:grid}.hours>div,.menu dl>div{grid-template-columns:1fr auto;column-gap:1.5em;display:grid}.hours dd,.menu dd{font-variant-numeric:tabular-nums;margin:0}.menu .note{color:var(--muted);font-size:var(--step--1);grid-column:1/-1}.menu-section+.menu-section{margin-top:var(--gap)}.closed-note{color:var(--accent-text);margin-top:.75em;font-weight:600}.events{gap:var(--gap);padding:0;list-style:none;display:grid}address{font-style:normal}.hours,.menu,.events,address,.embed{margin-block:var(--gap)}.embed{aspect-ratio:16/9;background:var(--surface);text-align:center;padding:var(--gap);place-content:center;gap:.5rem;display:grid;position:relative}.embed>img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.embed>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.embed-load,.embed-note{margin:0;position:relative}.embed-note{font-size:var(--step--1);color:var(--muted)}.legal{max-width:42rem;padding:var(--gap);margin-inline:auto}.legal h2{margin-top:2em}.legal p a,.site-footer a{padding-block:.3em;display:inline-block}h1,h2,h3{font-weight:400}.site-header{justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--gap) var(--margin);display:flex}.wordmark{font-family:var(--font-display);font-size:var(--step-1);padding-block:.4rem;text-decoration:none}.site-header nav{gap:clamp(.9rem,2.4vw,2.2rem);font-weight:600;display:flex}.site-header nav a{padding-block:.6rem;text-decoration:none}.small{color:var(--muted)}.button{background:var(--accent);min-height:3.4rem;color:var(--accent-ink);border-radius:var(--radius);transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease;align-items:center;padding:0 1.6rem;font-weight:700;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.more{color:var(--accent-text);padding-block:.8rem;font-weight:700}.hero{padding:clamp(1.5rem, 4vw, 3.5rem) var(--margin) var(--section);overflow-x:clip}.hero h1{letter-spacing:-.01em;max-width:13ch;font-size:clamp(2.7rem,1rem + 7.4vw,8.6rem);line-height:.92}.hero-row{margin-top:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:clamp(2rem,6vw,7rem);display:grid}.lead{font-size:var(--step-1);max-width:34ch;line-height:1.42}.actions{margin-top:calc(var(--gap) * 1.4);flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;display:flex}.tag{background:var(--tag);color:var(--tag-ink);clip-path:polygon(2.2rem 0,calc(100% - 2.2rem) 0,100% 2.2rem,100% 100%,0 100%,0 2.2rem);padding:3.6rem clamp(1.2rem,2.4vw,2rem) 1.5rem;position:relative}.tag:before{content:"";background:var(--ground);width:1.2rem;height:1.2rem;box-shadow:0 0 0 4px var(--tag-edge);border-radius:50%;position:absolute;top:1.15rem;left:50%;translate:-50%}.tag-wrap{rotate:var(--tilt);transform-origin:50% 0;justify-self:end;width:100%;max-width:28rem;margin-top:clamp(-9rem,-8vw + max(0px,540px - 45vw),-1rem);padding-top:4.4rem;position:relative}.string{width:4.5rem;height:4.6rem;color:var(--ink);position:absolute;top:0;left:50%;translate:-50%}.tag-label{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:.06em;text-transform:uppercase;border-bottom:3px solid;padding-bottom:.5rem}.tag-list{margin-top:.4rem}.tag-list div{border-bottom:1px dashed color-mix(in oklch, var(--tag-ink) 45%, transparent);align-items:baseline;gap:.75rem;padding:.7rem 0;display:flex}.tag-list dt{flex:1;font-weight:600;line-height:1.25}.tag-list dd{font-family:var(--font-display);font-size:var(--step-2);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;line-height:1}.tag-foot{font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;margin-top:1rem;font-weight:700;display:flex}@media (prefers-reduced-motion:no-preference){.js .hero .tag-wrap{animation:hang 1.1s var(--ease-out) .15s both}@keyframes hang{0%{rotate:-9deg}to{rotate:var(--tilt)}}}.section{padding:0 var(--margin) var(--section)}.section h2,.familie h2{font-size:var(--step-3);letter-spacing:-.01em}.werkstatt{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,6vw,7rem);display:grid}.werkstatt-head p{margin-top:var(--gap);max-width:40ch}.photo{margin-top:calc(var(--gap) * 1.5)}.photo img{object-fit:cover;width:100%}.photo figcaption{font-size:var(--step--1);color:var(--muted);margin-top:.6rem}.price-list .menu{margin-top:0}.price-list .menu-section+.menu-section{margin-top:calc(var(--gap) * 2)}.price-list h3{font-size:var(--step-1);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);border-bottom:3px solid var(--ink);padding-bottom:.5rem}.price-list .menu dl{gap:0}.price-list .menu dl>div{border-bottom:1px solid var(--line);align-items:baseline;padding:.85rem 0}.price-list .menu dt{font-weight:600;font-size:var(--step-1);line-height:1.25}.price-list .menu .price{font-family:var(--font-display);font-size:var(--step-2);line-height:1}.price-list .menu .note{margin-top:.2rem}.price-list .small{margin-top:var(--gap)}.raeder h2{margin-bottom:calc(var(--gap) * 1.5)}.tags{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.25rem,3vw,3rem);margin:0;padding:0;list-style:none;display:grid}.tags .tag{transform-origin:50% 0;transition:rotate var(--t-hover) var(--ease-out)}.tags .tag:first-child{rotate:-1.5deg}.tags .tag:nth-child(2){margin-top:1.5rem;rotate:1deg}.tags .tag:nth-child(3){rotate:-.5deg}.tags h3{font-size:var(--step-2);border-bottom:3px solid;padding-bottom:.5rem}.tags p{margin-top:.8rem}.tag-price span{font-family:var(--font-display);font-size:var(--step-2)}@media (hover:hover) and (pointer:fine){.tags .tag:hover{rotate:0deg}.button:hover{background:color-mix(in oklch, var(--accent), var(--ink) 14%)}.site-header nav a:hover,.more:hover{color:var(--accent-text)}}.familie{background:var(--accent);color:var(--accent-ink);padding:var(--section) var(--margin);margin-bottom:var(--section);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.years{margin:calc(var(--gap) * 1.5) 0 0;gap:0;padding:0;list-style:none;display:grid}.years li{border-top:2px solid color-mix(in oklch, var(--accent-ink) 35%, transparent);grid-template-columns:minmax(6ch,auto) 1fr;align-items:baseline;gap:.4rem 1.5rem;padding:1rem 0;display:grid}.years b{font-family:var(--font-display);font-weight:400;font-size:var(--step-4);color:var(--tag);line-height:.9}.years span{max-width:32ch}.familie-words>p{margin-top:calc(var(--gap) * 1.2);max-width:40ch}.familie-photo{margin:0}.familie-photo img{aspect-ratio:4/5}.besuch h2{max-width:20ch;margin-bottom:calc(var(--gap) * 1.5)}.besuch-grid{border-top:3px solid var(--ink);padding-top:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);display:grid}.besuch h3{font-family:var(--font-text);font-weight:700;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}.besuch .hours{margin-top:.8rem}.besuch .hours>div{border-bottom:1px solid var(--line);padding:.3rem 0}.besuch p{max-width:34ch;margin-top:.8rem}.besuch p a{padding-block:.25rem;display:inline-block}.big-link{font-family:var(--font-display);font-size:var(--step-2);color:var(--accent-text);text-decoration:none}.site-footer{justify-items:center;gap:var(--gap);padding:0 var(--margin) calc(var(--gap) * 2);text-align:center;display:grid}.tag-done{transform-origin:50% 0;width:min(20rem,100%);rotate:2deg}.done{font-family:var(--font-display);font-size:var(--step-3);margin-top:.8rem;line-height:1}.fine{color:var(--muted);font-size:var(--step--1);max-width:60ch}.fine a{padding-block:.3em;display:inline-block}@media (width<=1000px){.hero-row,.werkstatt,.familie{grid-template-columns:1fr}.tag-wrap{justify-self:center;max-width:24rem;margin-top:0}.tags{grid-template-columns:1fr;max-width:30rem}.tags .tag:nth-child(2){margin-top:0}.familie-photo{max-width:26rem}.besuch-grid{grid-template-columns:1fr}}@media (width<=560px){.site-header{flex-wrap:wrap;row-gap:0}.site-header nav{font-size:var(--step--1);gap:1rem}.hero h1{font-size:clamp(2.5rem,11vw,3.4rem)}}
