/* Website-Menü (16.10.2026) – ergänzt die Abend-Kopfleiste. */
html[data-abend][lang] .ab-kopf{--vn-paper:#F7F6F2;--vn-ink:#262A2E;--vn-muted:#5E6064;--vn-cognac:#874A23;--vn-gold:#E3B97C;--vn-line:#E1D8CA}

/* ---------- Rechner ---------- */
@media (min-width:981px){
  html[data-abend][lang] .ab-kopf .ab-kopf-row{position:relative}
  html[data-abend][lang] .ab-kopf nav#menu{position:relative!important}
  html[data-abend][lang] .ab-kopf nav#menu > a{position:relative;z-index:1}
  html[data-abend][lang] .ab-kopf .vn-glow{position:absolute;left:0;top:50%;height:40px;width:0;margin-top:-20px;border-radius:999px;background:rgba(247,246,242,.16);opacity:0;pointer-events:none;z-index:0;transition:transform .35s cubic-bezier(.3,.8,.2,1),width .35s cubic-bezier(.3,.8,.2,1),opacity .25s ease}
  html[data-abend][lang] .ab-kopf .vn-glow.is-on{opacity:1}
  html[data-abend][lang] .ab-kopf.is-solid .vn-glow{background:rgba(38,42,46,.07)}
  html[data-abend][lang] .ab-kopf :is(.vn-toggle,.vn-chips,.vn-heute){display:none!important}
  html[data-abend][lang] .ab-kopf nav#menu > a.vn-has-panel{padding-right:2px}
  html[data-abend][lang] .ab-kopf nav#menu > a.vn-has-panel::before{content:"";position:absolute;right:-12px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .3s ease}
  html[data-abend][lang] .ab-kopf nav#menu > a.vn-has-panel[aria-expanded="true"]::before{transform:translateY(3px) rotate(-135deg)}

  /* schwebende Glas-Leiste nach dem ersten Scrollen */
  html[data-abend][lang] .ab-kopf.is-solid{background:transparent!important;box-shadow:none!important;border-bottom:0!important}
  html[data-abend][lang] .ab-kopf.is-solid .ab-kopf-row{width:min(1200px,calc(100% - 32px));margin:10px auto 0;padding:8px 10px 8px 18px;border-radius:999px;background:rgba(247,246,242,.8);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 14px 40px -22px rgba(38,42,46,.55),inset 0 0 0 1px rgba(255,255,255,.65);transition:background .4s ease,box-shadow .4s ease}

  /* leiser Lichtschein über „Tisch reservieren“ */
  html[data-abend][lang] .ab-kopf .header-cta{position:relative;overflow:hidden;isolation:isolate}
  html[data-abend][lang] .ab-kopf .header-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);transform:translateX(-120%);animation:vn-schein 7s ease-in-out 2s infinite;pointer-events:none}

  /* Bildmenü */
  html[data-abend][lang] .ab-kopf .vn-panel{position:absolute;top:calc(100% + 10px);left:50%;z-index:90;width:min(880px,calc(100vw - 48px));display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:6px 24px;padding:22px;border-radius:22px;background:var(--vn-paper);color:var(--vn-ink);box-shadow:0 30px 70px -30px rgba(38,42,46,.55),inset 0 0 0 1px rgba(38,42,46,.06);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s .3s;text-shadow:none!important}
  html[data-abend][lang] .ab-kopf .vn-panel.is-open{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
  html[data-abend][lang] .ab-kopf .vn-panel-title{grid-column:1;margin:0 0 4px 12px!important;font:italic 400 17px/1.3 "Playfair Display",Georgia,serif!important;color:var(--vn-cognac)!important}
  html[data-abend][lang] .ab-kopf .vn-panel-list{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}
  html[data-abend][lang] .ab-kopf .vn-item{display:grid;gap:1px;padding:10px 12px;border-radius:12px;text-decoration:none!important;color:var(--vn-ink)!important;transition:background .2s ease}
  html[data-abend][lang] .ab-kopf .vn-item:is(:hover,:focus-visible),html[data-abend][lang] .ab-kopf .vn-item[aria-current="page"]{background:#EFE8DC}
  html[data-abend][lang] .ab-kopf .vn-item b{font:500 17px/1.3 "Playfair Display",Georgia,serif!important;color:var(--vn-ink)!important}
  html[data-abend][lang] .ab-kopf .vn-item span{font:400 14px/1.4 "DM Sans",system-ui,sans-serif!important;color:var(--vn-muted)!important}
  html[data-abend][lang] .ab-kopf .vn-feature{grid-column:2;grid-row:1/span 3;position:relative;display:grid;align-content:end;gap:2px;min-height:260px;padding:16px;border-radius:16px;overflow:hidden;color:#F7F6F2!important;text-decoration:none!important;isolation:isolate}
  html[data-abend][lang] .ab-kopf .vn-feature img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  html[data-abend][lang] .ab-kopf .vn-feature:hover img{transform:scale(1.05)}
  html[data-abend][lang] .ab-kopf .vn-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,34,38,0) 35%,rgba(30,34,38,.88))}
  html[data-abend][lang] .ab-kopf .vn-feature small{font:italic 400 15px/1.3 "Playfair Display",Georgia,serif!important;color:var(--vn-gold)!important}
  html[data-abend][lang] .ab-kopf .vn-feature b{font:400 22px/1.2 "Playfair Display",Georgia,serif!important;color:#F7F6F2!important}
  html[data-abend][lang] .ab-kopf .vn-all{grid-column:1;margin-top:6px;padding:12px;border-top:1px solid var(--vn-line);font:500 15px "DM Sans",system-ui,sans-serif!important;color:var(--vn-cognac)!important;text-decoration:none!important}
  html[data-abend][lang] .ab-kopf :is(.vn-item,.vn-feature,.vn-all)::after{text-shadow:none}
  html[data-abend][lang] .ab-kopf .vn-panel :is(a,b,span,small,p){text-shadow:none!important}
}
@keyframes vn-schein{0%,72%{transform:translateX(-120%)}86%,100%{transform:translateX(120%)}}

/* ---------- Handy und Tablet ---------- */
@media (max-width:980px){
  html[data-abend][lang] .ab-kopf .vn-glow,html[data-abend][lang] .ab-kopf .vn-panel{display:none!important}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready{justify-content:flex-start!important;padding-top:112px!important;opacity:1;visibility:hidden;clip-path:circle(0 at var(--vn-x,calc(100% - 44px)) var(--vn-y,44px));transition:clip-path .6s cubic-bezier(.7,0,.2,1),visibility 0s .6s}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready.open{visibility:visible;clip-path:circle(150vmax at var(--vn-x,calc(100% - 44px)) var(--vn-y,44px));transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready > *{flex-shrink:0}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready > .vn-toggle{align-self:flex-end;margin:-49px 0 5px!important;position:relative;z-index:2}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready > :is(.vn-chips,.vn-heute){align-self:stretch}
  html[data-abend][lang] .ab-kopf .vn-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(247,246,242,.28);border-radius:50%;background:transparent;color:#F7F6F2;cursor:pointer}
  html[data-abend][lang] .ab-kopf .vn-toggle svg{width:14px;height:14px;transition:transform .35s cubic-bezier(.3,.8,.2,1)}
  html[data-abend][lang] .ab-kopf .vn-toggle[aria-expanded="true"] svg{transform:rotate(45deg)}
  html[data-abend][lang] .ab-kopf .vn-toggle:focus-visible{outline:2px solid var(--vn-gold);outline-offset:3px}
  html[data-abend][lang] .ab-kopf .vn-chips{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
  html[data-abend][lang] .ab-kopf .vn-chips.is-open{grid-template-rows:1fr}
  html[data-abend][lang] .ab-kopf .vn-chips > div{overflow:hidden;display:flex;flex-wrap:wrap;gap:8px}
  html[data-abend][lang] .ab-kopf .vn-chips.is-open > div{padding:6px 0 14px}
  html[data-abend][lang] .ab-kopf .vn-chips a{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid rgba(247,246,242,.22);border-radius:999px;color:#F3EEE5!important;font:500 15px "DM Sans",system-ui,sans-serif!important;text-decoration:none!important}
  html[data-abend][lang] .ab-kopf .vn-chips:not(.is-open) a{visibility:hidden}
  html[data-abend][lang] .ab-kopf .vn-heute{display:grid;gap:12px;margin-top:22px;padding:18px;border-radius:18px;background:rgba(247,246,242,.07);border:1px solid rgba(247,246,242,.12)}
  html[data-abend][lang] .ab-kopf .vn-status{display:flex;align-items:center;gap:10px;margin:0!important;color:#F3EEE5!important;font:500 15.5px/1.4 "DM Sans",system-ui,sans-serif!important}
  html[data-abend][lang] .ab-kopf .vn-status i{flex:none;width:9px;height:9px;border-radius:50%;background:#C98A6B}
  html[data-abend][lang] .ab-kopf .vn-status.is-open i{background:#8FD19E;box-shadow:0 0 0 4px rgba(143,209,158,.18)}
  html[data-abend][lang] .ab-kopf .vn-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  html[data-abend][lang] .ab-kopf .vn-act{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(247,246,242,.3);border-radius:999px;color:#F7F6F2!important;font:500 15px "DM Sans",system-ui,sans-serif!important;text-decoration:none!important}
  /* Punkte erscheinen nacheinander aus der Unschärfe */
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready > :not(.vn-glow){opacity:0;transform:translateY(12px);filter:blur(6px)}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready.open > :not(.vn-glow){opacity:1;transform:none;filter:none;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1),filter .55s ease;transition-delay:calc(.22s + var(--vn-i,0) * .04s)}
}
@media (prefers-reduced-motion:reduce){
  html[data-abend][lang] .ab-kopf :is(nav#menu.vn-ready,nav#menu.vn-ready > *,.vn-panel,.vn-glow,.vn-chips,.header-cta::after){transition:none!important;animation:none!important}
  html[data-abend][lang] .ab-kopf nav#menu.vn-ready > :not(.vn-glow){opacity:1;transform:none;filter:none}
}