:root{--wine:#701f2a;--wine-dark:#3c0b13;--cream:#f6f0e3;--ink:#231b17;--olive:#6f762e;--line:rgba(35,27,23,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}button,a{font:inherit}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:41px;height:41px;border:1px solid var(--wine);border-radius:50%;display:grid;place-items:center;color:var(--wine);font:24px Italiana,serif}.brand b{display:block;font:21px Italiana,serif;letter-spacing:.01em}.brand small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#7e6e64}.menu-button{border:0;background:none;width:42px;height:42px;display:grid;align-content:center;gap:7px;padding:10px;cursor:pointer}.menu-button span{height:1.5px;background:var(--ink);display:block}.menu-button span:last-child{width:70%;margin-left:auto}.hero{height:calc(100svh - 78px);min-height:650px;position:relative;overflow:hidden;background:var(--wine-dark);color:white}.hero>img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,4,8,.25),rgba(31,5,9,.04) 35%,rgba(31,5,9,.86) 100%)}.hero-copy{position:absolute;left:24px;right:24px;bottom:96px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#f0d4a2}.hero h1,.intro h2,.story h2,.visit h2{font-family:Italiana,serif;font-weight:400;line-height:.92;margin:13px 0 18px}.hero h1{font-size:61px}.hero h1 em{color:#edc184;font-weight:400}.hero-copy p{max-width:315px;margin:0 0 24px;color:rgba(255,255,255,.86)}.primary{display:inline-flex;align-items:center;justify-content:space-between;width:190px;background:var(--cream);color:var(--wine);padding:14px 17px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.open-pill{position:absolute;bottom:22px;left:24px;font-size:12px;letter-spacing:.03em;display:flex;gap:8px;align-items:center}.open-pill i{width:7px;height:7px;background:#b6ca61;border-radius:50%;box-shadow:0 0 0 4px rgba(182,202,97,.14)}.intro{padding:72px 24px 24px}.eyebrow.dark{color:var(--wine)}.intro h2,.visit h2{font-size:46px}.intro p{color:#6c5e55;margin:0;max-width:330px}.filters{display:flex;gap:8px;overflow:auto;padding:14px 24px 24px;scrollbar-width:none}.filters button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:99px;font-size:13px;cursor:pointer}.filters button.active{background:var(--wine);color:white;border-color:var(--wine)}.menu-list{border-top:1px solid var(--line);margin:0 24px 76px}.menu-card{display:grid;grid-template-columns:35px 1fr auto;gap:8px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start;transition:.2s}.menu-card[hidden]{display:none}.menu-card .number{color:var(--wine);font:16px Italiana,serif}.menu-card h3{font:25px Italiana,serif;margin:-3px 0 3px}.menu-card p{font-size:13px;color:#76685f;margin:0;line-height:1.45}.menu-card>b{font-size:13px;color:var(--wine)}.story{background:var(--wine);color:white;padding:70px 28px 76px;position:relative;overflow:hidden}.story:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-100px;bottom:-70px}.story h2{font-size:49px;margin-top:12px}.story p{color:rgba(255,255,255,.77);max-width:330px}.seal{position:absolute;right:22px;top:24px;width:80px;height:80px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:8px;letter-spacing:.18em;line-height:1.2;transform:rotate(8deg)}.seal span{font-size:12px;color:#edc184}.visit{padding:74px 24px 62px}.details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0}.details>div{padding:19px 5px}.details>div+div{border-left:1px solid var(--line);padding-left:18px}.details small{text-transform:uppercase;color:var(--wine);font-weight:700;letter-spacing:.12em;font-size:9px}.details p{font-size:14px;margin:6px 0}.directions{display:flex;justify-content:space-between;background:var(--ink);color:white;padding:16px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.placeholder-note{font-size:11px;color:#8c7d72;text-align:center;margin-top:12px}footer{background:var(--wine-dark);color:white;padding:34px 24px;display:flex;justify-content:space-between;align-items:end}footer span{font:24px Italiana,serif}footer small{color:rgba(255,255,255,.58);font-size:10px}.nav-open:after{content:"Speisekarte\A Über uns\A Besuch uns";white-space:pre;position:fixed;z-index:15;inset:78px 0 auto;background:var(--cream);color:var(--wine);padding:30px 24px;font:32px/1.7 Italiana,serif;box-shadow:0 18px 30px rgba(20,0,0,.2)}
.space{background:#e9e0d2;padding:74px 0 62px;overflow:hidden}.space-heading{padding:0 24px 30px}.space-heading h2{font:400 47px/.94 Italiana,serif;margin:13px 0 18px}.space-heading p{color:#6c5e55;margin:0;max-width:340px}.space-photo{margin:0 0 22px;position:relative}.space-photo img{display:block;width:100%;aspect-ratio:1/1.03;object-fit:cover}.space-photo--wide img{object-position:59% center}.space-photo--service{margin-left:24px}.space-photo--service img{aspect-ratio:1/1.08;object-position:59% center}.space-photo figcaption{position:absolute;left:0;bottom:0;background:var(--cream);min-width:76%;padding:13px 18px;font:20px Italiana,serif}.space-photo figcaption span{font:11px "DM Sans",sans-serif;color:var(--wine);letter-spacing:.16em;margin-right:12px}.visual-note{padding:0 24px;margin:4px 0 0;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#76685f}
@media(min-width:700px){body{max-width:430px;margin:0 auto;box-shadow:0 0 50px rgba(35,27,23,.18)}.topbar{max-width:430px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
