@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anuphan";src:url(/assets/fonts/anuphan-latin.woff2) format("woff2");font-weight:100 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Anuphan";src:url(/assets/fonts/anuphan-thai.woff2) format("woff2");font-weight:100 700;font-display:swap;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
:root{--ink:#2b2621;--soft:#6a6158;--chili:#b3172c;--leaf:#3f6a14;--gold:#a87a22;--paper:#f3eee2;--leder:#1e1915;--d:"Fraunces",Georgia,serif;--t:"Anuphan","Segoe UI",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 1rem/1.6 var(--t);color:var(--ink);background:#1c140e}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid #1a73e8;outline-offset:3px;border-radius:3px}
.sr,.sr-radio{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;z-index:9;background:#fff;color:var(--ink);padding:.6rem 1rem;border-radius:6px;font-weight:600}
.skip:focus{top:1rem}
.i{width:1.15rem;height:1.15rem;flex:none}
.c{width:.95rem;height:.95rem;color:var(--chili);display:inline-block}
.v{width:.95rem;height:.95rem;color:var(--leaf);display:inline-block}
.kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);background:#0e0b09;color:#fffdf9}
.marke{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.marke img{height:2.6rem;width:auto}
.marke span{font:400 1.2rem var(--d)}
.kopf-tel{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;padding:.5rem 1rem;border:1px solid rgb(255 253 249/.35);border-radius:999px}
.tisch{position:relative;isolation:isolate;clip-path:inset(0);padding:clamp(1rem,3vw,2.5rem) clamp(.75rem,3vw,2.5rem) clamp(2rem,5vw,4rem)}
.tisch::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 45%,rgb(255 214 160/.10),transparent 70%),url(/assets/tisch.webp) center/cover no-repeat,#24150c}
.umbau{max-width:60rem;margin:0 auto 1.5rem;padding:.8rem 1.2rem;background:rgb(14 11 9/.72);color:#fffdf9;border:1px solid rgb(255 253 249/.18);border-radius:10px;text-align:center}
.umbau strong{color:#e2c47d}
.buch{position:relative;max-width:68rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;padding:14px;background:url(/assets/leder.webp) 0 0/220px,var(--leder);background-blend-mode:soft-light,normal;border-radius:10px;box-shadow:0 30px 60px rgb(0 0 0/.55),inset 0 0 0 1px rgb(255 255 255/.05)}
.buch::before{content:"";position:absolute;inset:6px;border:1.5px dashed rgb(150 128 96/.55);border-radius:7px;pointer-events:none}
.seite{position:relative;background:url(/assets/papier.webp) 0 0/300px,var(--paper);background-blend-mode:soft-light,normal;padding:clamp(1.25rem,3vw,2.5rem);min-height:40rem}
.seite-links{border-radius:4px 0 0 4px;box-shadow:inset -18px 0 24px -16px rgb(0 0 0/.35)}
.seite-rechts{border-radius:0 4px 4px 0;box-shadow:inset 18px 0 24px -16px rgb(0 0 0/.35);margin-right:46px}
h1,h2,h3{font-weight:400;line-height:1.15;margin:0 0 .5em}
.hallo{margin:0;color:var(--leaf);font-size:1.2rem}
h1{font:400 clamp(1.9rem, 1.4rem + 1.6vw, 2.6rem)/1.1 var(--d);color:var(--chili)}
.intro{color:var(--soft);margin-bottom:1.25rem}
.klein{font:600 .8rem/1.2 var(--t);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:1.6rem 0 .5rem}
.zeiten{margin:0}
.zeiten div{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid rgb(43 38 33/.12)}
.zeiten dt{font-weight:500}.zeiten dd{margin:0;font-variant-numeric:tabular-nums}
address{font-style:normal}
.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.9rem;padding:.55rem 1.2rem;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid transparent}
.btn-tel{background:var(--chili);color:#fff;font-size:1.15rem}
.btn-tel:hover{background:#8f0f22}
.btn-line{border-color:rgb(43 38 33/.35)}
.btn-line:hover{border-color:var(--ink)}
.links{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 0}
.buffet{margin-top:1.6rem;padding-top:1rem;border-top:1px solid rgb(43 38 33/.15);font-size:.92rem;color:var(--soft)}
.register{position:absolute;top:18px;height:min(calc(100% - 36px),48rem);left:100%;width:46px;display:flex;flex-direction:column;gap:4px}
.reiter{flex:1;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;border-radius:0 8px 8px 0;font:700 .72rem/1 var(--t);cursor:pointer;box-shadow:2px 3px 8px rgb(0 0 0/.3);transition:transform .15s;white-space:nowrap;overflow:hidden;user-select:none}
.reiter:hover{transform:translateX(4px)}
.reiter--0{background:#8cc63f;color:#17230a}.reiter--1{background:#b3172c;color:#fff}.reiter--2{background:#c99a3a;color:#2a1c02}
.blatt{display:none}
#s-inhalt:checked ~ .buch .blatt-inhalt{display:block}
#s-inhalt:checked ~ .buch .reiter[for="s-inhalt"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-inhalt:focus-visible ~ .buch .reiter[for="s-inhalt"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-suppen:checked ~ .buch .blatt-suppen{display:block}
#s-suppen:checked ~ .buch .reiter[for="s-suppen"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-suppen:focus-visible ~ .buch .reiter[for="s-suppen"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-fingerfood:checked ~ .buch .blatt-fingerfood{display:block}
#s-fingerfood:checked ~ .buch .reiter[for="s-fingerfood"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-fingerfood:focus-visible ~ .buch .reiter[for="s-fingerfood"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-salate:checked ~ .buch .blatt-salate{display:block}
#s-salate:checked ~ .buch .reiter[for="s-salate"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-salate:focus-visible ~ .buch .reiter[for="s-salate"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-hauptgerichte:checked ~ .buch .blatt-hauptgerichte{display:block}
#s-hauptgerichte:checked ~ .buch .reiter[for="s-hauptgerichte"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-hauptgerichte:focus-visible ~ .buch .reiter[for="s-hauptgerichte"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-spezialitaeten:checked ~ .buch .blatt-spezialitaeten{display:block}
#s-spezialitaeten:checked ~ .buch .reiter[for="s-spezialitaeten"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-spezialitaeten:focus-visible ~ .buch .reiter[for="s-spezialitaeten"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-reis-und-nudeln:checked ~ .buch .blatt-reis-und-nudeln{display:block}
#s-reis-und-nudeln:checked ~ .buch .reiter[for="s-reis-und-nudeln"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-reis-und-nudeln:focus-visible ~ .buch .reiter[for="s-reis-und-nudeln"]{outline:3px solid #1a73e8;outline-offset:2px}
#s-extras:checked ~ .buch .blatt-extras{display:block}
#s-extras:checked ~ .buch .reiter[for="s-extras"]{transform:translateX(6px);filter:brightness(1.08);box-shadow:4px 4px 10px rgb(0 0 0/.35)}
#s-extras:focus-visible ~ .buch .reiter[for="s-extras"]{outline:3px solid #1a73e8;outline-offset:2px}
.titel{font:400 clamp(1.7rem, 1.3rem + 1.2vw, 2.3rem)/1.15 var(--d);color:var(--chili);display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:2px solid var(--gold);padding-bottom:.35rem}
.thai{font:400 1rem var(--t);color:var(--leaf)}
.unter{color:var(--soft);margin:.3rem 0 0}
.toc{list-style:none;margin:.5rem 0 0;padding:0}
.toc label{display:flex;align-items:baseline;gap:.6rem;padding:.55rem 0;cursor:pointer}
.toc label:hover .tn{color:var(--chili);text-decoration:underline;text-underline-offset:3px}
.tn{font-weight:600;font-size:1.1rem}.tr{font-weight:700;color:var(--chili);font-variant-numeric:tabular-nums}
.dots{flex:1;border-bottom:2px dotted rgb(106 97 88/.5);min-width:1rem;transform:translateY(-.25em)}
.hinweis{color:var(--soft);font-size:.92rem;margin-top:1.25rem}
.legende-kurz{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;color:var(--soft);font-size:.9rem}
.legende-kurz span{display:inline-flex;align-items:center;gap:.35rem}
.gerichte{list-style:none;margin:.5rem 0 0;padding:0}
.g{padding:.7rem 0;border-bottom:1px dashed rgb(43 38 33/.15)}
.gk{display:flex;align-items:baseline;gap:.5rem;margin:0}
.nr{flex:none;min-width:1.9rem;font-weight:700;color:var(--chili);font-variant-numeric:tabular-nums}
.gn{font-weight:600;font-size:1.05rem}
.hot,.veg{display:inline-flex;gap:1px;margin-left:.35rem;vertical-align:-.1em}
.codes{font-size:.75rem;font-weight:500;color:var(--soft)}
.preis{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.gd{margin:.1rem 0 0 2.4rem;color:var(--soft);font-size:.9rem}
.g--extra .gd{margin-left:0}
.var{list-style:none;margin:.35rem 0 0 2.4rem;padding:0;font-size:.92rem}
.var li{display:flex;align-items:baseline;gap:.4rem}
.vc{width:1.3rem;font-weight:600;color:var(--gold)}
.zurueck{margin-top:1.5rem;font-size:.92rem}
.zurueck label,.zurueck a{color:var(--chili);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.legende{max-width:68rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2.5rem);color:#f0e9dc}
.legende h2{font:400 1.8rem var(--d);color:#fffdf9}
.spalten{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.legende h3{font:600 1rem var(--t);color:#e2c47d}
.legende dl{margin:0}.legende dl div{display:flex;gap:.75rem;padding:.15rem 0}.legende dt{width:1.4rem;font-weight:700;color:#e2c47d}.legende dd{margin:0}
.klein-text{font-size:.85rem;opacity:.8;margin-top:1.25rem}
.text{max-width:46rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2.5rem);background:var(--paper);min-height:60vh}
.text h1{margin-bottom:1rem}.text h2{font:600 1.1rem var(--t);margin-top:1.75rem}
.fuss{padding:2rem clamp(1rem,4vw,2.5rem);background:#0e0b09;color:rgb(255 253 249/.78);font-size:.9rem;text-align:center}
.fuss nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;margin:.6rem 0}
.credit{opacity:.75;margin:0}
@media (max-width:860px){
 .buch{grid-template-columns:1fr;padding:10px}
 .seite{min-height:0}
 .seite-links{border-radius:4px 4px 0 0;box-shadow:inset 0 -18px 24px -16px rgb(0 0 0/.3)}
 .seite-rechts{border-radius:0 0 4px 4px;margin-right:0;padding-top:4rem;box-shadow:inset 0 18px 24px -16px rgb(0 0 0/.3)}
 .register{position:absolute;left:0;right:0;top:0;bottom:auto;width:auto;height:2.8rem;flex-direction:row;overflow-x:auto;gap:3px;padding:0 6px;scrollbar-width:none}
 .reiter{writing-mode:horizontal-tb;flex:none;padding:0 .8rem;border-radius:0 0 8px 8px;font-size:.78rem}
 .reiter:hover{transform:none}
 #s-inhalt:checked ~ .buch .reiter[for="s-inhalt"]{transform:translateY(4px)}#s-suppen:checked ~ .buch .reiter[for="s-suppen"]{transform:translateY(4px)}#s-fingerfood:checked ~ .buch .reiter[for="s-fingerfood"]{transform:translateY(4px)}#s-salate:checked ~ .buch .reiter[for="s-salate"]{transform:translateY(4px)}#s-hauptgerichte:checked ~ .buch .reiter[for="s-hauptgerichte"]{transform:translateY(4px)}#s-spezialitaeten:checked ~ .buch .reiter[for="s-spezialitaeten"]{transform:translateY(4px)}#s-reis-und-nudeln:checked ~ .buch .reiter[for="s-reis-und-nudeln"]{transform:translateY(4px)}#s-extras:checked ~ .buch .reiter[for="s-extras"]{transform:translateY(4px)}
 .spalten{grid-template-columns:1fr}
 .kopf-tel span{display:none}
}
@media (prefers-reduced-motion:reduce){.reiter{transition:none}}
