@font-face{font-family:"Caveat Brush";src:url(fonts/caveat-brush.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Atkinson";src:url(fonts/atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(fonts/atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--yolk:#FFD21E;--yolk2:#FFE57A;--navy:#1E2B6E;--navy2:#2E3E93;--board:#262A24;--board2:#30352E;--chalk:#F4F1E6;--chalk2:#C9C6B8;--tater:#F6EBD0;--red:#C8361E;--r:14px;color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font:17px/1.55 "Atkinson",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy);background:var(--tater)}
a{color:inherit}button,input{font:inherit}
:focus-visible{outline:3px solid var(--navy2);outline-offset:2px}
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top));background:var(--navy);color:#fff}
.brand{display:flex;align-items:center;gap:10px;font:28px/1 "Caveat Brush",cursive;text-decoration:none;color:var(--yolk)}
.dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3B0 0 18%,var(--yolk) 19% 100%);box-shadow:inset -3px -3px 0 rgba(0,0,0,.12)}
.call{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);text-decoration:none;font-weight:700;font-size:15px}.call svg{width:18px;height:18px;fill:var(--yolk)}
.hero{background:var(--yolk);border-bottom:6px solid var(--navy)}
.hero-in{max-width:1080px;margin:0 auto;padding:30px 20px 34px}
.where{margin:0 0 6px;font-weight:700}
.hero h1{margin:0;font:clamp(64px,17vw,132px)/.86 "Caveat Brush",cursive;letter-spacing:-.01em;transform:rotate(-2deg);transform-origin:left bottom}
.lead{max-width:34em;margin:18px 0 20px;font-size:18px}
.go{display:inline-block;padding:15px 26px;border-radius:999px;background:var(--navy);color:var(--yolk);font-weight:700;text-decoration:none;font-size:18px}
.facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none;font-size:15px}
.wrap{max-width:1080px;margin:0 auto;padding:24px 16px 120px;display:grid;gap:24px}
@media(min-width:900px){.wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;padding-bottom:60px}.board{order:2;position:sticky;top:76px}.info{order:1}}
/* Die Tafel */
.board{background:var(--board);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:5px 5px;color:var(--chalk);border-radius:20px;padding:20px 16px 18px;border:10px solid #8A6A43;box-shadow:inset 0 0 40px rgba(0,0,0,.45)}
.board h2{margin:0 0 6px;font:44px/1 "Caveat Brush",cursive;color:#fff}
.step{border:0;margin:0;padding:14px 0 6px;border-top:1px dashed rgba(244,241,230,.25);min-width:0}.step:first-of-type{border-top:0}
.step[disabled]{opacity:.38}
legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:10px;font:26px/1.1 "Caveat Brush",cursive;color:var(--yolk)}
legend span{display:inline-flex;width:30px;height:30px;border:2px solid var(--yolk);border-radius:50%;align-items:center;justify-content:center;font-size:20px}
.days{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
.day{flex:none;position:relative;min-width:66px;padding:8px 6px;border-radius:12px;border:2px solid rgba(244,241,230,.35);background:transparent;color:var(--chalk);cursor:pointer;text-align:center;line-height:1.15}
.day b{display:block;font-size:19px}.day small{font-size:13px;color:var(--chalk2)}
.day .tag{position:absolute;top:-9px;right:-6px;padding:1px 6px;border-radius:8px;background:var(--yolk);color:var(--navy);font-size:11px;font-weight:700}
.day[aria-checked=true]{background:var(--yolk);border-color:var(--yolk);color:var(--navy)}.day[aria-checked=true] small{color:var(--navy)}
.day:disabled{opacity:.35;cursor:not-allowed}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin:4px 0 6px}
.slot{padding:10px 0;border-radius:10px;border:2px solid rgba(244,241,230,.3);background:transparent;color:var(--chalk);font-weight:700;cursor:pointer}
.slot[aria-checked=true]{background:var(--chalk);color:var(--board);border-color:var(--chalk)}
.nos{color:var(--chalk2);font-size:15px;margin:4px 0 10px}
.item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(244,241,230,.18)}
.item:last-child{border-bottom:0}.item .n{font-weight:700;font-size:17px;color:#fff}.item .d{display:block;font-size:14px;color:var(--chalk2)}
.item.sch{padding:12px;margin:2px 0 8px;border:2px solid var(--yolk);border-radius:14px}.item.sch .n{font:26px/1 "Caveat Brush",cursive;color:var(--yolk)}
.price{font:22px/1 "Caveat Brush",cursive;color:var(--yolk);margin-left:6px}
.left{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--yolk2)}.left.no{color:#FF9A85}
.qty{display:flex;align-items:center;gap:4px}
.qty button{width:44px;height:44px;border-radius:50%;border:2px solid var(--chalk);background:transparent;color:var(--chalk);font-size:24px;line-height:1;cursor:pointer}
.qty button.p{background:var(--yolk);border-color:var(--yolk);color:var(--navy)}.qty button:disabled{opacity:.3;cursor:not-allowed}
.qty output{min-width:28px;text-align:center;font-weight:700;font-size:19px}
.item.on .n{color:var(--yolk)}
.board label{display:block;margin:12px 0 4px;font-weight:700;font-size:15px;color:#fff}.board label small{font-weight:400;color:var(--chalk2)}
.board input:not([type=checkbox]){width:100%;height:50px;padding:0 14px;border-radius:12px;border:2px solid rgba(244,241,230,.35);background:rgba(255,255,255,.06);color:#fff;font-size:17px}
.board input::placeholder{color:#8E8C82}.board input:focus{border-color:var(--yolk);outline:none}.board input.bad{border-color:#FF9A85}
.ok{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--chalk2)!important;margin-top:16px!important}.ok input{width:22px;height:22px;flex:none;accent-color:var(--yolk);margin-top:1px}.ok a{color:var(--yolk)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#5A1E14;color:#FFD9CF;font-weight:700}
.sum{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 12px 12px 16px;border-radius:16px;background:var(--yolk);color:var(--navy)}
.sum b{display:block;font-size:16px}.sum span{display:block;font-size:14px}
.sum button{flex:none;padding:14px 20px;border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;font-size:17px;cursor:pointer}.sum button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:899px){.sum{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;box-shadow:0 10px 30px rgba(30,43,110,.35);margin:0}}
.done{text-align:center;padding:10px 4px}.done .big{margin:0;font:64px/1 "Caveat Brush",cursive;color:var(--yolk)}
.done .ref{font-size:20px}.done .ref b{font:30px/1 "Caveat Brush",cursive;color:var(--yolk);margin-left:4px}
.done ul{list-style:none;padding:0;margin:12px 0;font-size:18px;color:#fff}.done .when{font-weight:700;font-size:18px;color:#fff}.done a{color:var(--yolk)}
.ghost{margin-top:10px;padding:12px 18px;border-radius:999px;border:2px solid var(--chalk);background:transparent;color:var(--chalk);font-weight:700;cursor:pointer}
.small{font-size:14px}.done .small{color:var(--chalk2)}
.load{color:var(--chalk2)}
/* Infos */
.info section{padding:4px 2px 18px}.info h2{margin:0 0 8px;font:38px/1.05 "Caveat Brush",cursive;color:var(--navy)}
.how{margin:0;padding-left:22px}.how li{margin:6px 0}
.addr{font-size:19px;margin:0 0 10px}
.hours{border-collapse:collapse;margin:0 0 8px}.hours th{text-align:left;padding:3px 18px 3px 0}.hours td{padding:3px 0}
.map{display:inline-block;margin-top:6px;padding:11px 18px;border-radius:999px;border:2px solid var(--navy);font-weight:700;text-decoration:none}
.foot{padding:26px 18px 120px;text-align:center;background:var(--navy);color:#DCE0F5;font-size:15px}.foot p{margin:6px 0}.foot a{color:var(--yolk);margin:0 8px}
@media(min-width:900px){.foot{padding-bottom:30px}}
/* Rechtstexte */
.legal{max-width:760px;margin:0 auto;padding:28px 20px 60px}.legal h1{font:52px/1 "Caveat Brush",cursive;margin:0 0 18px}.legal h2{font-size:20px;margin:26px 0 6px}.legal p,.legal li{max-width:68ch}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ---------- App-Gefühl am Handy ---------- */
.tabs{position:sticky;top:56px;z-index:19;display:flex;gap:4px;overflow-x:auto;padding:6px 10px;background:var(--navy);scrollbar-width:none;border-top:1px solid rgba(255,255,255,.1)}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;padding:8px 14px;border-radius:999px;color:#DCE0F5;text-decoration:none;font-weight:700;font-size:15px}.tabs a.on{background:var(--yolk);color:var(--navy)}
html{scroll-padding-top:116px}
.hero-pic{display:block;margin:20px 0 4px;border-radius:18px;overflow:hidden;border:4px solid var(--navy);transform:rotate(1deg);box-shadow:0 10px 0 rgba(30,43,110,.18)}.hero-pic img{display:block;width:100%;height:auto;aspect-ratio:1100/777;object-fit:cover}
@media(max-width:899px){
  .hero-in{padding:18px 18px 22px}.hero h1{font-size:clamp(56px,16vw,84px)}.lead{font-size:17px;margin:12px 0 14px}
  .hero-pic{margin-top:16px}.facts{margin-top:14px}
  .go{display:block;text-align:center}
  .wrap{padding-top:16px}
  .board{border-width:7px;border-radius:18px;padding:16px 12px}
}
@media(min-width:900px){.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:10px 40px;align-items:center}.hero-in>*{grid-column:1}.hero-pic{grid-column:2;grid-row:1/span 5;margin:0}.tabs{justify-content:center}}
.gallery,.cont,.app{max-width:1080px;margin:0 auto;padding:6px 16px 26px}.gallery h2,.cont h2,.app h2{margin:0 0 10px;font:38px/1.05 "Caveat Brush",cursive}
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.strip::-webkit-scrollbar{display:none}
.strip figure{flex:none;width:min(78vw,360px);margin:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#fff;border:3px solid var(--navy)}
.strip img{display:block;width:100%;height:260px;object-fit:cover}.strip figcaption{padding:8px 12px;font-weight:700;font-size:15px}
.dots{display:flex;justify-content:center;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:rgba(30,43,110,.25)}.dots i.on{background:var(--navy);width:20px;border-radius:4px}
.cont{background:var(--yolk);border-radius:22px;margin:4px 16px 26px;padding:18px 18px 14px;max-width:1048px}@media(min-width:1112px){.cont{margin:4px auto 26px}}
.prices{list-style:none;margin:10px 0 8px;padding:0;display:grid;gap:0 28px}@media(min-width:700px){.prices{grid-template-columns:1fr 1fr}}
.prices li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:2px dotted rgba(30,43,110,.35)}.prices b{font:24px/1 "Caveat Brush",cursive;white-space:nowrap}
.app p{max-width:60ch}
@media(max-width:899px){html{scroll-padding-bottom:110px}.wrap{padding-bottom:130px}}
.wrap>*{min-width:0}.board form,.board fieldset{min-width:0;max-width:100%}
/* Schäufele-Hinweis im Tag-Knopf statt oben abgeschnitten */
.days{padding-top:6px}
.day{min-width:78px;padding:8px 6px 7px}
.day .tag{position:static;display:block;margin:5px auto 0;width:max-content;max-width:100%;padding:2px 6px;border-radius:7px;background:var(--yolk);color:var(--navy);font-size:11px;font-weight:700;line-height:1.2}
.day[aria-checked=true] .tag{background:var(--navy);color:var(--yolk)}
/* SEO-Umbau: H1 klein, Motto groß */
h1.where{margin:0 0 6px;font:700 17px/1.35 "Atkinson",system-ui,sans-serif}
.motto{margin:0;font:clamp(64px,17vw,132px)/.86 "Caveat Brush",cursive;letter-spacing:-.01em;transform:rotate(-2deg);transform-origin:left bottom}
@media(max-width:899px){.motto{font-size:clamp(56px,16vw,84px)}}
.card-menu,.faq{max-width:1080px;margin:0 auto;padding:6px 16px 26px}.card-menu h2,.faq h2{margin:0 0 10px;font:38px/1.05 "Caveat Brush",cursive}
.dishes{margin:0 0 8px;padding:0;list-style:none}.dishes li{padding:9px 0;border-bottom:2px dotted rgba(30,43,110,.3)}
.faq details{border-bottom:2px dotted rgba(30,43,110,.3);padding:4px 0}.faq summary{cursor:pointer;font-weight:700;padding:10px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";font-weight:700;font-size:22px;line-height:1}.faq details[open] summary::after{content:"−"}.faq summary::-webkit-details-marker{display:none}.faq p{margin:0 0 10px;max-width:65ch}