/* ===== Bodega-Seite (Vorlage 08.10.2026): Bordeaux mit Beige, Speisekarte umgekehrt ===== */
.phone.t-bodega .screen{background:#77142a}
.phone.t-bodega .ptr{color:#ffecc5}
.phone.t-bkarte .screen{background:#fbf6f0}
.phone.t-bkarte .ptr{color:#77142a}
.hp.bp{--hg:#7d2d32; --hb:#ffecc5; --hb2:rgba(255,236,197,.8); --hline:rgba(255,236,197,.9); --ph1:#9a4a50; --ph2:#561c21}
.bp .hours{padding:16px 22px 0;font-size:.86rem;color:var(--hb2);line-height:1.6}
.bp .hours .t{display:block;font-size:.82rem;letter-spacing:.12em;color:var(--hb);margin-bottom:4px}
.bp .hours b{font-weight:600;color:var(--hb)}
.bp h2.lft{padding:0 calc((100% - var(--cw)) / 2)}
.phone.t-bodega .screen{container-type:inline-size}
.bp{--aw:min(336px, calc(100vw - 44px))}
@supports (width:1cqw){.bp{--aw:calc(100cqw - 44px)}}
.otrack.act{padding-top:14px}
.ac{flex:0 0 auto;width:var(--cw);scroll-snap-align:center;border:1.5px solid var(--hline);padding:7px;display:flex;flex-direction:column;min-height:340px}
.ac .in{border:1.5px solid var(--hline);padding:22px 20px 18px;display:flex;flex-direction:column;flex:1}
.ac .k{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hb2)}
.ac .t{font-size:1.5rem;line-height:1.08;margin:.55rem 0 .7rem}
.ac p{font-size:.92rem;line-height:1.5;color:var(--hb2);flex:1}
.ac .ww{display:flex;gap:28px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,236,197,.4);font-size:.82rem}
.ac .ww small{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:var(--hb2)}
.acbtn{display:block;margin-top:6px;background:var(--hb);color:var(--hg);text-decoration:none;text-align:center;font-family:var(--caps);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.98rem;padding:1rem .5rem .9rem}
.acbtn:active{transform:translateY(1px)}
.openbtn{display:block;margin:18px 0 0 calc((100% - var(--cw)) / 2);background:var(--hb);color:var(--hg);border:0;width:var(--cw);cursor:pointer;text-align:center;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:1rem;padding:1rem .5rem .9rem;-webkit-appearance:none;appearance:none}
.bp .web{margin-left:calc((100% - var(--cw)) / 2)}
/* Speisekarte-Unterseite: Beige mit Bordeaux */
.mk{--r:#77142a; --r2:rgba(119,20,42,.78); --rl:rgba(119,20,42,.25); --b:#fbf6f0;
  --caps:"Josefin Sans", "Futura", "Century Gothic", system-ui, sans-serif;
  background:var(--b);color:var(--r);min-height:100%;padding-bottom:30px}
.mk .back{display:inline-flex;align-items:center;gap:6px;margin:18px 22px 0;border:1.5px solid var(--r);background:none;color:var(--r);font-family:var(--caps);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;padding:.45rem .8rem .35rem;cursor:pointer}
.mk h1{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.05em;font-size:2rem;margin:22px 22px 0;line-height:1.05}
.mk h1 small{display:block;font-size:.8rem;letter-spacing:.16em;color:var(--r2);margin-bottom:6px}
.mk .dl{background:var(--r)} .mk .dl::before,.mk .dl::after{background:var(--r)}
.mk .cats{position:sticky;top:0;z-index:2;background:var(--b);display:flex;gap:6px;overflow-x:auto;padding:10px 22px;scrollbar-width:none;border-bottom:1px solid var(--rl)}
.mk .cats::-webkit-scrollbar{display:none}
.mk .cats button{flex:0 0 auto;border:1.5px solid var(--r);background:none;color:var(--r);border-radius:999px;padding:.32rem .75rem .25rem;font-family:var(--caps);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;cursor:pointer;white-space:nowrap}
.mk .cats button.on{background:var(--r);color:var(--b)}
.mk h3{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.08em;font-size:1.1rem;margin:26px 22px 4px;scroll-margin-top:56px}
.mk .dish{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:11px 0;margin:0 22px;border-bottom:1px solid var(--rl)}
.mk .dish .n{font-weight:600}
.mk .dish .nr{font-size:.78rem;color:var(--r2);margin-right:.35rem;font-variant-numeric:tabular-nums}
.mk .dish .p{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk .dish .d{grid-column:1/-1;font-size:.86rem;color:var(--r2);line-height:1.4}
.mk .dish .al{font-size:.72rem;color:var(--r2);margin-left:.3rem;font-weight:400}
.mk .legend{margin:20px 22px 0;font-size:.76rem;line-height:1.5;color:var(--r2);border:1.5px solid var(--r);padding:12px 14px}
.mk .legend b{color:var(--r);font-family:var(--caps);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.mk .resbar{display:block;margin:22px 22px 0;background:var(--r);color:var(--b);text-align:center;text-decoration:none;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:1rem .5rem .9rem}
.mk .tel{text-align:center;margin-top:10px;font-size:.86rem;color:var(--r2)}
.mk :focus-visible{outline-color:var(--r)}
/* Reservieren unter "Karte öffnen" (beide Restaurants) */
.resbtn2{display:block;margin:12px 0 0 calc((100% - var(--cw)) / 2);width:var(--cw);border:1.5px solid var(--hb);color:var(--hb);text-decoration:none;text-align:center;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.95rem;padding:.95rem .5rem .85rem}
.resbtn2:active{transform:translateY(1px)}
.tel2{margin:10px 0 0 calc((100% - var(--cw)) / 2)!important;width:var(--cw);text-align:center;font-size:.86rem;color:var(--hb2)}
/* Speisekarte: fixiertes Schließen-Kreuz */
.mk{padding-top:8px}
.mkx-wrap{position:sticky;top:0;height:0;z-index:5}
.mkx{position:absolute;right:14px;top:8px;width:40px;height:40px;border-radius:50%;border:0;background:var(--r);color:var(--b);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 6px 14px -6px rgba(0,0,0,.45);-webkit-appearance:none;appearance:none}
.mkx svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}
.mk .cats{padding-right:64px}
.mk h1{margin-top:14px;padding-right:56px}
/* Speisekarte (08.10.): Preis in eigener Spalte, Kategorien-Leiste neben dem Kreuz */
.mk .dish{grid-template-columns:minmax(0,1fr) 78px;column-gap:14px}
.mk .dish .n,.mk .dish .d{grid-column:1}
.mk .dish .p{grid-column:2;grid-row:1 / span 2;text-align:right;align-self:start}
.mk .catsbar{position:sticky;top:0;z-index:2;background:var(--b);border-bottom:1px solid var(--rl)}
.mk .catsbar .cats{position:static;border:0;background:none;padding:10px 12px 10px 22px;margin-right:62px}
.mkx{top:4px}