/* Speisekarte – Styling (Website + QR-Seite) */
.sk{
  --sk-kreide:#EDE8DE; --sk-grau:#B3A388; --sk-oro:#C29B5C; --sk-tafel:#20241F; --sk-holz:#1C140F;
  --sk-linie:rgba(239,229,209,.12);
  color:var(--sk-kreide);
}
.sk .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Suche */
.sk-suche{display:block;margin-bottom:16px}
.sk-suche input{width:100%;font:inherit;font-size:1.05rem;color:var(--sk-kreide);
  background:rgba(0,0,0,.25);border:1px solid rgba(239,229,209,.22);border-radius:2px;padding:9px 14px}
.sk-suche input::placeholder{color:#8F8573}
.sk-suche input:focus{outline:none;border-color:var(--sk-oro)}

/* Kategorien-Leiste: schlicht, bleibt beim Scrollen oben stehen */
.sk-nav{position:sticky;top:var(--sk-top,0px);z-index:5;background:var(--sk-tafel);
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:10px var(--sk-rand,0px) 10px;margin:0 calc(-1 * var(--sk-rand,0px)) 4px;border-bottom:1px solid rgba(194,155,92,.3)}
.sk-bereich{display:flex;justify-content:center}
.sk-bereich-name{display:none}
.sk-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 4px}
.sk-tab{flex:none;font-family:"EB Garamond",Georgia,serif;font-size:1.08rem;padding:4px 10px;border:0;border-radius:0;background:none;
  color:var(--sk-grau);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.sk-tab:hover{color:var(--sk-kreide)}
.sk-tab[aria-pressed="true"]{color:var(--sk-kreide);border-bottom-color:var(--sk-oro);font-weight:600}
.sk-tab:focus-visible,.sk-sprung a:focus-visible{outline:2px dashed var(--sk-oro);outline-offset:3px}

/* Kategorie */
.sk .sk-kat{margin:0;padding:18px 0 0;border:0;background:none}
.sk-kat-titel{font-family:Cinzel,Georgia,serif;font-weight:600;font-size:1.5rem;color:#F4EEE2;margin:0 0 6px}
.sk .sk-sprung{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:4px 18px;max-width:none;margin:0 0 6px;padding:0;font-size:1rem}
.sk-sprung a{color:var(--sk-oro);text-decoration:none;border-bottom:1px solid rgba(194,155,92,.35)}
.sk-sprung a:hover{border-color:var(--sk-oro)}

.sk-gruppe{margin-top:22px}
.sk-gruppe h4{font-family:Cinzel,Georgia,serif;font-weight:600;font-size:.95rem;letter-spacing:.06em;color:var(--sk-oro);
  margin:0 0 4px;padding-bottom:6px;border-bottom:1px solid rgba(194,155,92,.3)}
.sk ul{list-style:none;margin:0;padding:0}

/* Eintrag: Name links, Preis rechts, Beschreibung darunter */
.sk-eintrag{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:baseline;align-content:start;padding:9px 0;border-bottom:1px solid var(--sk-linie)}
.sk-name{font-size:1.14rem;font-weight:600;line-height:1.3}
.sk-preis{grid-column:2;grid-row:1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;color:var(--sk-oro);font-size:1.08rem}
.sk-preis small{font-weight:400;font-size:.85em;color:var(--sk-grau);margin-right:6px}
.sk-mehrere{display:flex;flex-direction:column;line-height:1.35}
.sk-beschr{grid-column:1;font-size:.98rem;line-height:1.35;color:var(--sk-grau);margin-top:2px}

/* Große Bildschirme: zwei Spalten pro Gruppe */
@media (min-width:900px){
  .sk ul{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
}

.sk-leer{font-style:italic;color:var(--sk-grau);margin-top:18px}

/* Kleingedrucktes */
.sk-klein{margin-top:34px;padding-top:16px;border-top:1px solid rgba(194,155,92,.35);text-align:center;font-size:.95rem;color:var(--sk-grau);line-height:1.5}
.sk-klein p{margin:0 0 4px}

@media (max-width:760px){
  .sk-nav{flex-direction:row;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sk-nav::-webkit-scrollbar{display:none}
  .sk-bereich{flex:none}
  .sk-tabs{flex-wrap:nowrap}
  .sk-bereich + .sk-bereich::before{content:"";flex:none;width:1px;height:18px;background:rgba(194,155,92,.45);margin:0 8px;align-self:center}
  .sk-kat-titel{font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){.sk *{transition:none!important}}