@font-face{font-family:Noto Serif Display;src:url(/fonts/display.woff2)format("woff2");font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}@font-face{font-family:Frank Ruhl Libre;src:url(/fonts/frank.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Libre Caslon Text;src:url(/fonts/caslon.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Vollkorn;src:url(/fonts/vollkorn.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Junge;src:url(/fonts/junge.woff2)format("woff2");font-display:swap}:root{--bg:#0b170c;--bg-2:#102012;--bg-3:#15291a;--gold:#e8c867;--gold-light:#f6e2a0;--gold-dark:#b8953f;--cream:#f1e3b8;--text:#d9d4c0;--muted:#a9a68f;--line:rgb(var(--gold-rgb) / .28);--gold-rgb:232 200 103;--cream-rgb:241 227 184;--bg-rgb:11 23 12;--bg-deep-rgb:8 18 10;--bg3-rgb:21 41 26;--on-gold:#1a1405;--gold-grad:linear-gradient(180deg, #fde7a6 0%, #f6d27f 45%, #dcae55 80%, #f0d488 100%);--f-display:"Noto Serif Display", "Playfair Display", Georgia, serif;--f-head:"Frank Ruhl Libre", Georgia, serif;--f-name:"Libre Caslon Text", Georgia, serif;--f-body:"Vollkorn", Georgia, serif;--f-price:"Junge", Georgia, serif;--wrap:1180px;--ease:cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 1.125rem/1.6 var(--f-body);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0%, rgb(var(--gold-rgb) / .07), transparent 60%), radial-gradient(ellipse at 50% 120%, #0000008c, transparent 60%), var(--bg);position:fixed;inset:0}img,video,svg{max-width:100%;display:block}a{color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--gold-light)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}h1,h2,h3{color:var(--cream);margin:0;font-weight:700;line-height:1.1}p{margin:0 0 1em}.wrap{width:min(100% - 32px, var(--wrap));margin-inline:auto}.gold-text{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:50;background:rgb(var(--bg-rgb) / .82);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:72px;transition:transform .5s var(--ease), background .4s;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header .wrap{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-header.over-hero{-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.site-header.over-hero .brand{opacity:0;pointer-events:none}.brand{align-items:center;gap:12px;text-decoration:none;transition:opacity .4s;display:flex}.brand img{filter:drop-shadow(0 2px 8px #00000080);width:58px;height:auto;transition:transform .5s var(--ease)}.brand:hover img{transform:rotate(-6deg)scale(1.05)}.brand-text{border-left:1px solid var(--line);gap:3px;padding-left:12px;display:grid}.brand-name{font:800 1.45rem/1 var(--f-display);letter-spacing:.06em}.brand-sub{font:500 .62rem/1 var(--f-head);letter-spacing:.34em;text-transform:uppercase;color:var(--cream);opacity:.8}.nav{gap:6px;display:flex}.nav a{color:var(--cream);font:500 .95rem/1 var(--f-head);letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--gold);height:1px;transition:transform .35s var(--ease);position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.nav a[aria-current=page]{color:var(--gold)}.nav-toggle{display:none}@media (width<=860px){.nav-toggle{width:46px;height:46px;color:var(--gold);cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-8px;display:grid}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{background:currentColor;width:24px;height:1.5px;transition:transform .3s,background .3s;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-7px}.nav-toggle span:after{top:7px}.menu-open .nav-toggle span{background:0 0}.menu-open .nav-toggle span:before{transform:translateY(7px)rotate(45deg)}.menu-open .nav-toggle span:after{transform:translateY(-7px)rotate(-45deg)}.nav{background:rgb(var(--bg-rgb) / .97);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;transition:.3s var(--ease);flex-direction:column;gap:0;padding:12px 16px 24px;position:fixed;inset:72px 0 auto;transform:translateY(-8px)}.menu-open .nav{opacity:1;pointer-events:auto;transform:none}.nav a{border-bottom:1px solid rgb(var(--gold-rgb) / .12);padding:16px 4px;font-size:1.05rem}.nav a:after{display:none}.menu-open .site-header.over-hero{background:rgb(var(--bg-rgb) / .97)}}.btn{cursor:pointer;font:600 .95rem/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);transition:background .3s, color .3s, transform .3s var(--ease), box-shadow .3s;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;text-decoration:none;display:inline-flex}.btn:hover{background:rgb(var(--gold-rgb) / .1);color:var(--gold-light);transform:translateY(-2px)}.btn.solid{background:var(--gold-grad);color:var(--on-gold);box-shadow:0 10px 30px -10px rgb(var(--gold-rgb) / .5);border-color:#0000}.btn.solid:hover{color:#000;box-shadow:0 14px 34px -8px rgb(var(--gold-rgb) / .65)}.btn svg{width:18px;height:18px}.btn-row{flex-wrap:wrap;gap:14px;display:flex}section{position:relative}.section{padding:clamp(80px,12vw,150px) 0}.eyebrow{color:var(--gold);font:500 .9rem/1 var(--f-head);letter-spacing:.32em;text-transform:uppercase;margin-bottom:14px;display:block}.title{font:800 clamp(2.4rem, 6vw, 4.6rem)/1.02 var(--f-display);letter-spacing:.01em}.title-rule{width:min(300px,70%);height:auto;color:var(--gold);margin:22px 0 28px}.center{text-align:center}.center .title-rule{margin-inline:auto}.lead{color:var(--cream);font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.55}.page-head{text-align:center;padding:150px 0 40px}.page-head p{max-width:640px;color:var(--muted);margin:0 auto}.page-head .title-rule{margin-inline:auto}.frame{border:1px solid var(--line);background:linear-gradient(180deg, rgb(var(--bg3-rgb) / .55), rgb(var(--bg-rgb) / .55));padding:clamp(28px,5vw,56px);position:relative}.frame:before{content:"";border:1px solid rgb(var(--gold-rgb) / .14);pointer-events:none;position:absolute;inset:7px}.frame .corner{pointer-events:none;width:56px;height:56px;color:var(--gold);position:absolute}.frame .corner.tl{top:-1px;left:-1px}.frame .corner.tr{top:-1px;right:-1px;transform:scaleX(-1)}.frame .corner.bl{bottom:-1px;left:-1px;transform:scaleY(-1)}.frame .corner.br{bottom:-1px;right:-1px;transform:scale(-1)}.reveal{opacity:0;transition:opacity 1s var(--ease), transform 1s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}.site-footer{border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%, rgb(var(--gold-rgb) / .07), transparent 55%), rgb(var(--bg-deep-rgb));padding:60px 0 36px;font-size:1.02rem}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:48px;display:grid}.site-footer h3{font:600 .9rem/1 var(--f-head);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}.site-footer p{margin:0 0 .4em}.site-footer a{color:var(--cream);text-decoration:none}.site-footer a:hover{color:var(--gold)}.footer-crest{align-items:center;gap:clamp(16px,4vw,40px);margin-bottom:14px;display:flex}.crest-line{background:linear-gradient(90deg, transparent, var(--gold-dark) 30%, var(--gold));flex:1;height:1px}.crest-line:last-child{background:linear-gradient(270deg, transparent, var(--gold-dark) 30%, var(--gold))}.crest-logo{width:clamp(130px,18vw,190px);display:block;position:relative}.crest-logo:before{content:"";background:radial-gradient(circle, rgb(var(--gold-rgb) / .16), transparent 62%);pointer-events:none;position:absolute;inset:-30%}.crest-logo img{width:100%;height:auto;transition:transform .6s var(--ease);position:relative}.crest-logo:hover img{transform:scale(1.04)rotate(-2deg)}.site-footer .crest-tag{text-align:center;font:500 .85rem/1 var(--f-head);letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin:0 0 56px}.hours{margin:0;padding:0;list-style:none}.hours li{border-bottom:1px dotted rgb(var(--gold-rgb) / .18);justify-content:space-between;gap:16px;padding:5px 0;display:flex}.hours li span:last-child{font-family:var(--f-price);color:var(--gold-light)}.hours li.closed span:last-child{color:var(--muted);font-family:var(--f-body);font-style:italic}.hours li.today{color:var(--cream)}.hours li.today span:first-child:after{content:" · heute";color:var(--gold);font-size:.85em}.footer-bottom{border-top:1px solid rgb(var(--gold-rgb) / .12);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:22px;font-size:.9rem;display:flex}@media (width<=860px){.footer-grid{grid-template-columns:1fr;gap:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.reveal{opacity:1;transform:none}}
