:root {
      --bg: #07120c;
      --bg-soft: #0d2116;
      --bg-card: #13281b;
      --green-dark: #0a1c12;
      --green: #6f8a3a;
      --green-soft: #99ad61;
      --cream: #f2ead2;
      --sand: #b59b58;
      --gold: #d7b46a;
      --text: #f4ead2;
      --muted: #c9bea2;
      --white: #ffffff;
      --border: rgba(215, 180, 106, 0.28);
      --shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
      --radius: 26px;
    }
#willkommen {
  background: linear-gradient(90deg, rgba(3,7,5,.02) 0%, rgba(255,255,255,.5) 33%, rgba(200,200,200,.28) 100%), linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.230)), url("../img/holz.png") center/cover;
}
Element {
}
#willkommen p {
  color: #062103;
  font-weight: 500;
}
#willkommen h2, #willkommen .eyebrow {
  color: #062103;
  font-size: 52px;
}
#willkommen .eyebrow {
  font-size: 16px;
  
  
}
  

#speisekarte {
  background: linear-gradient(90deg, rgb(26, 29, 21) 0%, rgba(0, 0, 0, 0.5) 33%, rgba(0,0,0,.28) 100%), linear-gradient(180deg, rgba(100, 170, 98, 0.46), rgba(191, 150, 72, 0.52)), url("../img/tischtuch.png") center/cover;
}

  * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', Arial, sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at 20% 0%, rgba(111, 138, 58, .15), transparent 32%),
        linear-gradient(180deg, #050b08 0%, var(--bg) 45%, #09170f 100%);
      line-height: 1.6;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

    header {
      position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
      background: rgba(5, 12, 8, 0.88);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(215, 180, 106, 0.16);
    }
    .navbar { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .logo { display: flex; align-items: center; gap: 12px; }
    .logo img { height: 72px !important; width: auto; border-radius: 0 !important; filter: drop-shadow(0 8px 18px rgba(0,0,0,.35)); }

    .logo-text { display:flex; flex-direction:column; line-height:1.05; }
    .logo-title { font-family:'Cormorant Garamond', Georgia, serif; font-size:1.75rem; font-weight:600; color:var(--cream); letter-spacing:.02em; }
    .logo-subtitle { font-family:'Cormorant Garamond', Georgia, serif; font-style:italic; color:var(--green-soft); font-size:.98rem; margin-top:3px; }
    nav ul { list-style: none; display: flex; align-items: center; gap: 18px; }
    nav a { display: inline-block; padding: 12px 6px; font-weight: 600; color: var(--cream); text-transform: uppercase; letter-spacing: .105em; font-size: .78rem; transition: .25s ease; border-bottom: 2px solid transparent; }
    nav a:hover, nav a.active { color: var(--green-soft); border-bottom-color: var(--green-soft); background: transparent; }

    .nav-cta { border:1px solid rgba(215,180,106,.65); border-radius:18px; padding:14px 22px; color:var(--cream); background:rgba(111,138,58,.16); }
    .nav-cta:hover { background:var(--green); border-bottom-color:rgba(215,180,106,.65); color:var(--cream); }
    .hero-divider { display:block; width:160px; margin:16px 0 20px; color:var(--green-soft); font-family:Georgia,serif; letter-spacing:.2em; }
    .hero-divider::before, .hero-divider::after { content:""; display:inline-block; width:62px; height:1px; background:rgba(215,180,106,.72); vertical-align:middle; margin:0 10px 4px 0; }
    .hero-divider::after { margin:0 0 4px 10px; }
    .hero-info-line { display:grid; grid-template-columns:36px 1fr; gap:14px; padding:18px 0; border-bottom:1px solid rgba(215,180,106,.22); color:var(--cream); }
    .hero-info-line:first-child { padding-top:0; }
    .hero-info-icon { width:36px; height:36px; border-radius:50%; border:1px solid rgba(153,173,97,.45); display:grid; place-items:center; color:var(--green-soft); }
    .hero-map-btn { display:inline-flex; align-items:center; justify-content:center; margin-top:20px; border-radius:16px; padding:14px 20px; background:linear-gradient(135deg,#8aa34b,#566c2c); color:var(--cream); font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
    .welcome-photo { min-height:360px; border-radius:var(--radius); border:1px solid var(--border); box-shadow:var(--shadow); background:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.15)), url("../img/getränke.webp") center/cover; }

    .menu-toggle { display:none; border:1px solid var(--border); background:rgba(111,138,58,.22); color:var(--cream); border-radius:999px; padding:10px 16px; font-weight:800; cursor:pointer; }

    section { padding: 105px 0; scroll-margin-top: 100px; }
    .parallax { background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; background-size: cover; }

    .hero {
      min-height: 100vh; display: flex; align-items: center; padding-top: 130px; position: relative; overflow: hidden;
      background:
      linear-gradient(90deg, rgba(3,7,5,.92) 0%, rgba(5,13,8,.24) 39%, rgba(5,13,8,.28) 100%), linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.60)), url("../img/lobaualm-head.png") center/cover;
      color: var(--cream);
    }
    .hero::after { content:""; position:absolute; inset:auto 0 0; height:160px; background:linear-gradient(transparent, var(--bg)); pointer-events:none; }
    .hero-layout { display:grid; grid-template-columns: 1fr 330px; gap: 42px; align-items:end; position: relative; z-index: 1; }
    .hero-content { max-width: 720px; }
    .eyebrow { display:inline-block; color:var(--green-soft); letter-spacing:.32em; text-transform:uppercase; font-weight:600; font-size:.82rem; margin-bottom:20px; background:transparent; border:0; padding:0; }
    h1 { font-family:'Cormorant Garamond', Georgia, serif; font-size: clamp(4.4rem, 9vw, 9.2rem); line-height:.82; margin-bottom:24px; letter-spacing:.01em; font-weight:600; color:var(--cream); text-shadow: 0 10px 35px rgba(0,0,0,.55); }
    h1 span { display:block; color:var(--green-soft); }
    h2 { font-family:'Cormorant Garamond', Georgia, serif; font-size: clamp(2.4rem, 4vw, 4.3rem); color:var(--cream); line-height:1.02; margin-bottom:18px; letter-spacing:-.02em; font-weight:600; }
    .hero p { font-size:1.25rem; max-width:600px; margin-bottom:34px; color:#efe7d0; }
    .hero p strong { display:block; font-family:'Cormorant Garamond', Georgia, serif; font-style:italic; color: var(--green-soft); font-size: clamp(1.9rem, 3vw, 2.8rem); font-weight:500; margin-bottom:14px; }
    .btn-row { display:flex; flex-wrap:wrap; gap:16px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; border-radius:16px; padding:15px 24px; font-weight:700; transition:.25s ease; text-transform:uppercase; letter-spacing:.08em; font-size:.82rem; }
    .btn-primary { background:linear-gradient(135deg, #8aa34b, #566c2c); color:var(--cream); box-shadow: 0 12px 28px rgba(0,0,0,.25); }
    .btn-secondary { border:1px solid rgba(242,234,210,.45); color:var(--cream); background:rgba(0,0,0,.15); }
    .btn:hover { transform:translateY(-3px); box-shadow:var(--shadow); }

    .hero-info { background:rgba(14,35,22,.88); border:1px solid var(--border); border-radius:22px; padding:28px; box-shadow:var(--shadow); backdrop-filter:blur(12px); }
    .hero-info .info-row { border-bottom:1px solid rgba(215,180,106,.22); padding:16px 0; color:var(--cream); }
    .hero-info .info-row:first-child { padding-top:0; }
    .hero-info .info-row:last-child { border-bottom:0; padding-bottom:0; }
    .hero-info strong { color:var(--green-soft); text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; }

    .feature-strip { background:linear-gradient(90deg, #0a1c12, #102719, #0a1c12); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:34px 0; }
    .features { display:grid; grid-template-columns: repeat(4,1fr); gap:0; }
    .feature { text-align:center; padding:16px 26px; border-right:1px solid rgba(215,180,106,.22); }
    .feature:last-child { border-right:0; }
    .feature-icon { color:var(--green-soft); font-size:2.1rem; margin-bottom:10px; }
    .feature h3 { color:var(--cream); text-transform:uppercase; letter-spacing:.12em; font-size:.86rem; margin-bottom:8px; }
    .feature p { color:var(--muted); font-size:.95rem; }

    .intro-grid, .about-grid, .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
    .card, .menu-category, .info-box, .impressum-card, .cookie-modal-box { background:linear-gradient(180deg, rgba(19,40,27,.98), rgba(11,28,18,.98)); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; color:var(--cream); }
    .card-content { padding:30px; }
    .section-text { font-size:1.08rem; color:var(--muted); line-height:1.78; }
    p { font-weight:400; }
    .badge-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
    .badge { background: rgba(6, 33, 3,.233);
  color: #e6dec6;
  border: 1px solid #254022;
  padding: 9px 13px;
  border-radius: 15px;
  font-weight: 400;}

    .signature-dish { padding:0; background:#08150d; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
    .signature-grid { display:grid; grid-template-columns:1fr 1fr; min-height:430px; align-items:stretch; }
    .signature-img { min-height:430px; background:url("../img/Stelze-Lobaueralm.jpg") center/cover; clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%); }
    .signature-content { display:flex; flex-direction:column; justify-content:center; padding:56px; background:radial-gradient(circle at 100% 50%, rgba(111,138,58,.16), transparent 38%), linear-gradient(135deg,#0d2116,#07120c); position:relative; overflow:hidden; }
    .signature-content h2 { font-size:clamp(2.4rem, 4vw, 4.1rem); }

    .menu-section {
      position: relative;
      overflow: hidden;
      background: #0a1710;
      border-top: 1px solid rgba(215,180,106,.18);
      border-bottom: 1px solid rgba(215,180,106,.18);
    }
    .menu-section::before {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.045;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M88 20c-32 28-44 58-34 92 7 25 28 39 55 46-21-20-30-44-25-72 4-25 19-47 38-66-11 4-22 4-34 0z' fill='none' stroke='%23d7b46a' stroke-width='1.2'/%3E%3C/svg%3E");
      background-size:220px 220px;
    }
    .menu-section .container { position:relative; z-index:1; }
    .section-head { max-width:780px; margin-bottom:38px; }
    .menu-kicker {
      color: var(--gold);
      display:inline-flex;
      align-items:center;
      gap:12px;
      margin-bottom:12px;
      font-size:.78rem;
      font-weight:700;
      letter-spacing:.24em;
      text-transform:uppercase;
    }
    .menu-kicker::before,
    .menu-kicker::after {
      content:"";
      width:42px;
      height:1px;
      background:rgba(215,180,106,.65);
    }
    .menu-toolbar {
      display:grid;
      grid-template-columns:1fr auto;
      gap:14px;
      align-items:center;
      margin-bottom:24px;
      padding:16px;
      border:1px solid rgba(215,180,106,.22);
      border-radius:18px;
      background:#0f2116;
      box-shadow:0 18px 45px rgba(0,0,0,.22);
    }
    .menu-search {
      width:100%;
      min-height:54px;
      border-radius:12px;
      border:1px solid rgba(215,180,106,.28);
      background:#07120c;
      color:var(--cream);
      padding:0 18px;
      font-size:.96rem;
      outline:none;
      transition:.25s ease;
    }
    .menu-search:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(215,180,106,.10); }
    .menu-search::placeholder { color:rgba(242,234,210,.52); }
    .menu-highlights {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      margin:0 0 30px;
    }
.highlight-card {
  min-height: 132px;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid var(--gold);
  background: #102217;
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
}
    .highlight-card::after { display:none; }
    .highlight-label {
      display:block;
      color:var(--green-soft);
      font-size:.7rem;
      font-weight:700;
      letter-spacing:.16em;
      text-transform:uppercase;
      margin-bottom:8px;
    }
    .highlight-card strong {
      display:block;
      font-family:'Cormorant Garamond', Georgia, serif;
      color:var(--cream);
      font-size:1.58rem;
      line-height:1.05;
      font-weight:600;
      margin-bottom:8px;
    }
    .highlight-card span:last-child { color:var(--gold); font-weight:700; }
    .menu-tabs {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:0 0 28px;
      padding-bottom:10px;
      border-bottom:1px solid rgba(215,180,106,.18);
    }
    .menu-tab {
      border:1px solid rgba(215,180,106,.24);
      background:#0f2116;
      color:var(--cream);
      border-radius:999px;
      padding:10px 14px;
      font-size:.76rem;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      transition:.22s ease;
    }
    .menu-tab:hover,
    .menu-tab.active {
      background:#6f8a3a;
      border-color:#6f8a3a;
      color:var(--cream);
      transform:none;
    }
    .menu-accordion {
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px 22px;
      align-items:start;
    }
    .menu-category {
      position:relative;
      padding:0;
      background:#102217;
      border:1px solid rgba(215,180,106,.24);
      border-radius:20px;
      box-shadow:0 16px 42px rgba(0,0,0,.24);
      overflow:hidden;
      color:var(--cream);
      transition:border-color .22s ease;
    }
    .menu-category:hover { border-color:rgba(215,180,106,.42); transform:none; }
    .menu-category summary {
      position:relative;
      cursor:pointer;
      padding:24px 62px 20px 26px;
      font-weight:600;
      color:var(--cream);
      font-family:'Cormorant Garamond', Georgia, serif;
      font-size:1.78rem;
      line-height:1.05;
      letter-spacing:.01em;
      list-style:none;
      border-bottom:1px solid rgba(215,180,106,.16);
      background:#13281b;
    }
    .menu-category summary::-webkit-details-marker { display:none; }
    .menu-category summary::before {
      content:"Lobauer Alm";
      display:block;
      font-family:'Inter', Arial, sans-serif;
      color:var(--gold);
      text-transform:uppercase;
      letter-spacing:.17em;
      font-size:.62rem;
      font-weight:700;
      margin-bottom:7px;
    }
    .menu-category summary::after {
      content:"+";
      position:absolute;
      top:50%;
      right:24px;
      transform:translateY(-50%);
      width:32px;
      height:32px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(215,180,106,.30);
      color:var(--gold);
      font-family:'Inter', Arial, sans-serif;
      font-size:1rem;
      line-height:1;
      background:#0a1710;
    }
    .menu-category[open] summary::after { content:"–"; }
    .menu-items { padding:8px 26px 24px; }
    .menu-item {
      position:relative;
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:7px 18px;
      padding:14px 0;
      border-bottom:1px solid rgba(242,234,210,.10);
    }
    .menu-item:last-child { border-bottom:0; }
    .menu-item-name {
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:baseline;
      gap:12px;
      font-family:'Cormorant Garamond', Georgia, serif;
      font-size:1.26rem;
      font-weight:600;
      line-height:1.18;
      color:var(--cream);
    }
    .menu-item-name::after {
      content:"";
      flex:1;
      min-width:22px;
      border-bottom:1px dotted rgba(215,180,106,.38);
      transform:translateY(-4px);
    }
    .menu-item-price {
      align-self:baseline;
      font-weight:700;
      color:var(--gold);
      white-space:nowrap;
      font-size:.98rem;
      letter-spacing:.02em;
    }
    .menu-item-desc {
      grid-column:1/-1;
      color:var(--muted);
      font-size:.92rem;
      line-height:1.55;
      margin-top:-2px;
      max-width:92%;
    }
    .recommendation {
      margin:0;
      padding-left:12px;
      padding-right:12px;
      border-left:3px solid var(--gold);
      border-radius:0 10px 10px 0;
      background:rgba(215,180,106,.055);
    }
    .recommendation::before {
      content:"Empfehlung";
      grid-column:1/-1;
      justify-self:start;
      margin-bottom:-2px;
      color:var(--gold);
      border:1px solid rgba(215,180,106,.26);
      border-radius:999px;
      padding:3px 9px;
      font-size:.62rem;
      line-height:1;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
      background:#0a1710;
    }
    .menu-note {
      margin-top:30px;
      padding:18px 22px;
      border:1px solid rgba(215,180,106,.22);
      border-radius:16px;
      background:#0f2116;
      color:var(--muted);
      font-size:.9rem;
      box-shadow:0 14px 36px rgba(0,0,0,.18);
    }
    .menu-note strong { color:var(--cream); }

    .about-image { border-radius:var(--radius); min-height:430px; background:url("https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=80") center/cover; box-shadow:var(--shadow); border:1px solid var(--border); }
    .info-box { padding:34px; }
    .info-box h3 { font-family:'Cormorant Garamond', Georgia, serif; font-size:2.1rem; font-weight:600; margin-bottom:16px; color:var(--gold); }
    .info-row { padding:14px 0; border-bottom:1px solid rgba(215,180,106,.18); color:var(--muted); }
    .info-row:last-child { border-bottom:0; }
    .impressum { background:#09170f; }
    .impressum-card { padding:34px; }
    .impressum-card p { margin-bottom:14px; color:var(--muted); }
    .impressum-card strong { color:var(--cream); }

    footer { background:#050b08; color:var(--muted); padding:32px 0 54px; text-align:center; border-top:1px solid var(--border); }
    .social-bar { margin-top:18px; display:flex; justify-content:center; gap:14px; }
    .social-btn { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:rgba(242,234,210,.08); border:1px solid var(--border); color:var(--cream); font-weight:900; transition:.25s ease; font-size:.9rem; }
    .social-btn:hover { background:var(--green); transform:translateY(-3px); }

    .cookie-consent { position:fixed; left:50%; bottom:18px; transform:translateX(-50%); width:min(920px, calc(100% - 32px)); background:rgba(10,28,18,.96); color:var(--cream); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); padding:16px; z-index:2000; }
    .cookie-content { display:flex; align-items:center; justify-content:space-between; gap:18px; }
    .cookie-content p, .cookie-modal-box p, .cookie-option small { color:var(--muted); font-size:.92rem; }
    .cookie-actions, .cookie-modal-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
    .cookie-btn { border:0; border-radius:999px; padding:10px 15px; font-weight:900; cursor:pointer; transition:.2s ease; white-space:nowrap; }
    .cookie-btn:hover { transform:translateY(-2px); }
    .cookie-btn-primary { background:var(--green); color:var(--cream); }
    .cookie-btn-light { background:rgba(242,234,210,.09); color:var(--cream); border:1px solid var(--border); }
    .cookie-modal { position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; padding:20px; z-index:2100; }
    .cookie-modal.open { display:flex; }
    .cookie-modal-box { width:min(520px,100%); padding:28px; }
    .cookie-modal-box h3 { color:var(--cream); font-size:1.6rem; margin-bottom:8px; }
    .cookie-option { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid rgba(215,180,106,.16); }
    .cookie-option span { display:grid; gap:3px; }
    .cookie-option input { width:20px; height:20px; accent-color:var(--green); }

    @media (max-width: 920px) {
      .navbar { min-height:82px; }
      .logo img { height:56px !important; }
      .menu-toggle { display:inline-flex; }
      nav { position:absolute; top:82px; left:20px; right:20px; background:rgba(10,28,18,.98); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); padding:12px; display:none; }
      nav.open { display:block; }
      nav ul { flex-direction:column; align-items:stretch; gap:4px; }
      nav a { width:100%; }
      .hero-layout, .intro-grid, .about-grid, .contact-grid, .signature-grid, .menu-accordion { grid-template-columns:1fr; }
      .hero { min-height:auto; padding:135px 0 80px; }
      .hero-info { margin-top:14px; }
      .features { grid-template-columns:1fr 1fr; }
      .feature:nth-child(2) { border-right:0; }
      .menu-toolbar { grid-template-columns:1fr; align-items:stretch; }
      .menu-highlights { grid-template-columns:repeat(2,1fr); }
      .cookie-content { align-items:flex-start; flex-direction:column; }
      .cookie-actions, .cookie-modal-actions { width:100%; justify-content:flex-start; }
      .cookie-btn { flex:1; }
    }
    @media (max-width:560px) {
      .logo-text { display:none; }
      .features { grid-template-columns:1fr; }
      .feature { border-right:0; border-bottom:1px solid rgba(215,180,106,.18); }
      .feature:last-child { border-bottom:0; }
      .menu-highlights { grid-template-columns:1fr; }
      .menu-tabs { gap:8px; }
      .menu-tab { flex:1; padding:10px 12px; font-size:.72rem; }
      .menu-category summary { font-size:1.55rem; padding:22px 22px 18px; }
      .menu-items { padding:8px 20px 22px; }
      .menu-item-name { font-size:1.17rem; }
      .signature-content { padding:36px 22px; }
      .signature-img { clip-path:none; }
      h1 { font-size:4rem; }
    }

  

    /* Klassisch-moderne Speisekarte als horizontaler Slider */
    .menu-slider {
      margin-top: 28px;
    }

    .menu-slider-controls {
      display: grid;
      grid-template-columns: 46px 1fr 46px;
      align-items: center;
      gap: 12px;
      margin-bottom: 26px;
    }

    .menu-slide-tabs {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      scroll-behavior: smooth;
      padding: 6px 2px 12px;
      scrollbar-width: none;
    }

    .menu-slide-tabs::-webkit-scrollbar { display: none; }

    .menu-slide-arrow,
    .menu-slide-tab {
      border: 1px solid rgba(215,180,106,.34);
      background: #101f16;
      color: var(--cream);
      cursor: pointer;
      transition: .22s ease;
    }

    .menu-slide-arrow {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: 2.1rem;
      line-height: 1;
      color: var(--gold);
    }

    .menu-slide-tab {
      flex: 0 0 auto;
      border-radius: 999px;
      padding: 12px 20px;
      white-space: nowrap;
      font-size: .78rem;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .menu-slide-arrow:hover,
    .menu-slide-tab:hover,
    .menu-slide-tab.active {
      background: var(--cream);
      color: #172519;
      border-color: var(--gold);
      transform: translateY(-1px);
    }

    .menu-slide-panels {
      position: relative;
    }

    .menu-slide-panel {
      display: none;
      background: #f2ead2;
      color: #182318;
      border: 1px solid rgba(215,180,106,.5);
      border-radius: 22px;
      padding: clamp(26px, 4vw, 46px);
      box-shadow: 0 18px 45px rgba(0,0,0,.26);
      min-height: 420px;
      overflow: hidden;
      position: relative;
    }

    .menu-slide-panel::before {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(111,138,58,.22);
      border-radius: 16px;
      pointer-events: none;
    }

    .menu-slide-panel.active {
      display: block;
      animation: menuFade .28s ease;
    }

    @keyframes menuFade {
      from { opacity: 0; transform: translateX(12px); }
      to { opacity: 1; transform: translateX(0); }
    }

    .menu-slide-head {
      text-align: center;
      margin-bottom: 30px;
      position: relative;
      z-index: 1;
    }

    .menu-kicker-small {
      display: inline-block;
      color: #6f8a3a;
      text-transform: uppercase;
      letter-spacing: .22em;
      font-size: .76rem;
      font-weight: 700;
      margin-bottom: 6px;
    }

    .menu-slide-head h3 {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: clamp(2.2rem, 5vw, 4.1rem);
      font-weight: 600;
      line-height: 1;
      color: #192719;
    }

    .menu-head-line {
      display: block;
      width: 120px;
      height: 1px;
      background: rgba(111,138,58,.55);
      margin: 18px auto 0;
    }

    .menu-slide-panel .menu-items {
      position: relative;
      z-index: 1;
      padding: 0;
      max-width: 860px;
      margin: 0 auto;
    }

    .menu-slide-panel .menu-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px 18px;
      padding: 15px 0;
      border-bottom: 1px solid rgba(25,39,25,.16);
    }

    .menu-slide-panel .menu-item-name {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: 1.45rem;
      line-height: 1.15;
      font-weight: 600;
      color: #182318;
      display: flex;
      align-items: baseline;
      gap: 12px;
    }

    .menu-slide-panel .menu-item-name::after {
      content: "";
      height: 1px;
      flex: 1;
      background: linear-gradient(90deg, rgba(25,35,25,.2), transparent);
      transform: translateY(-3px);
    }

    .menu-slide-panel .menu-item-price {
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-size: 1.35rem;
      font-weight: 700;
      color: #6b4a2f;
      white-space: nowrap;
    }

    .menu-slide-panel .menu-item-desc {
      grid-column: 1 / -1;
      color: #5c654f;
      font-size: .94rem;
      line-height: 1.55;
      max-width: 650px;
    }

    .menu-slide-panel .recommendation {
      background: rgba(111,138,58,.10);
      border-radius: 14px;
      padding-left: 14px;
      padding-right: 14px;
      margin-left: -14px;
      margin-right: -14px;
    }

    .menu-slide-panel .recommendation .menu-item-name::before {
      content: "Empfehlung";
      font-family: 'Inter', Arial, sans-serif;
      font-size: .62rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #6f8a3a;
      border: 1px solid rgba(111,138,58,.35);
      border-radius: 999px;
      padding: 3px 7px;
      margin-right: 2px;
      white-space: nowrap;
    }

    .menu-empty {
      display:none;
      text-align:center;
      margin-top:22px;
      color:var(--muted);
    }

    @media (max-width: 920px) {
      .menu-slider-controls { grid-template-columns: 40px 1fr 40px; gap: 8px; }
      .menu-slide-arrow { width: 40px; height: 40px; font-size: 1.8rem; }
      .menu-slide-panel { padding: 28px 22px; }
      .menu-slide-panel::before { inset: 10px; }
      .menu-slide-panel .menu-item-name { font-size: 1.25rem; }
      .menu-slide-panel .menu-item-price { font-size: 1.18rem; }
    }

    @media (max-width:560px) {
      .menu-slide-panel .menu-item {
        grid-template-columns: 1fr;
        gap: 4px;
      }
      .menu-slide-panel .menu-item-name::after { display:none; }
      .menu-slide-panel .menu-item-price { justify-self:start; }
      .menu-slide-panel .recommendation .menu-item-name { flex-wrap: wrap; }
    }