/* ============================================================
   G12 (Inhaber 10.09.2026): Schriften der Karte.
   Sie liegen in fonts/ und werden MIT der Karte ausgeliefert - nicht von
   fonts.googleapis.com nachgeladen. Sonst ginge bei jedem Gast eine Anfrage
   an Google (Ladezeit im Handynetz, unerwartete Datenübermittlung).
   Geladen wird immer nur die Schrift, die der Betrieb gewählt hat, und davon
   nur der Zeichensatz, den seine Karte braucht (unicode-range).
   Herkunft und Lizenz: fonts/LIZENZ.md (SIL Open Font License 1.1).
   ============================================================ */
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/bebas-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/bebas-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Oswald";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/oswald-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Oswald";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/oswald-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/montserrat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/montserrat-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/josefin-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/josefin-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Syne";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/syne-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Syne";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/syne-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dmserif-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dmserif-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/cinzel-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/cinzel-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/playfair-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/playfair-latin-1.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* SHENO Gäste-Karte — Optik nach premiumhamburg.de (Runde B, 07.09.2026).
   Eine Datei für Webseite (Plugin) und Tisch (karte.sheno.de). Farben je
   Kategorie über --sk-bg / --sk-text / --sk-akzent (aus dem Dashboard). */
.sk{--sk-bg:#ffffff;--sk-text:#111111;--sk-akzent:#b8973a;--sk-linie:rgba(0,0,0,.14);--sk-kopf-bg:#000;--sk-kopf-text:#fff;--sk-font:"Montserrat","Manrope","Segoe UI",Arial,sans-serif;
  /* G12: Titel und Kopfbild-Text sind je Betrieb wählbar; ohne Wahl wie der Rest */
  --sk-font-titel:var(--sk-font);--sk-font-kopf:var(--sk-font);
  margin:0;background:var(--sk-bg);color:var(--sk-text);font-family:var(--sk-font);-webkit-font-smoothing:antialiased;line-height:1.35}
.sk *,.sk *::before,.sk *::after{box-sizing:border-box}
.sk button{font:inherit;cursor:pointer}
.sk img,.sk video{display:block;max-width:100%}
.sk-leer{padding:32px 20px;text-align:center;opacity:.7}

/* Kopf: sticky, schwarz, Hauptkategorien in Versalien, waagerecht scrollbar */
.sk-kopf{position:sticky;top:0;z-index:20;background:var(--sk-kopf-bg);color:var(--sk-kopf-text)}
.sk-kopf__zeile{display:flex;align-items:center;gap:8px;padding:0 8px}
.sk-kopf__nav{display:flex;flex:1;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:16px}
.sk-kopf__nav::-webkit-scrollbar{display:none}
.sk-kopf__reiter{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:56px;padding:0 12px;border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;font-size:16px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;opacity:.82}
.sk .sk-kopf__reiter{font-family:var(--sk-font-titel)} /* G12: muss die allgemeine Regel .sk button{font-family:inherit} schlagen */
.sk-kopf__reiter.is-aktiv{opacity:1;border-bottom-color:var(--sk-akzent)}
.sk-kopf__foto{width:34px;height:34px;overflow:hidden;border-radius:50%;background:#222;flex:none}
.sk-kopf__foto img{width:100%;height:100%;object-fit:cover}
.sk-kopf__rechts{display:flex;align-items:center;gap:6px;flex:none}
.sk-kopf__sprachen{display:flex;gap:2px}
.sk-kopf__sprache{min-width:36px;height:32px;padding:0 6px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:inherit;font-size:11px;font-weight:800;opacity:.75}
.sk-kopf__sprache.is-aktiv{background:#fff;color:#000;opacity:1;border-color:#fff}
.sk-kopf__suchknopf{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}
.sk-kopf__suchknopf svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sk-kopf__suchknopf.is-aktiv{background:#fff;color:#000}
.sk-kopf__suche{padding:0 12px 10px}
.sk-kopf__suche[hidden]{display:none}
.sk-kopf__suche input{width:100%;height:42px;padding:0 14px;border:0;border-radius:8px;background:#fff;color:#111;font:600 16px var(--sk-font);outline:0}

/* Seite */
.sk-seite{background:var(--sk-bg);color:var(--sk-text);padding-bottom:40px;overflow-x:clip}
.sk-titel{padding:calc(28px + var(--sk-titelluft,0px)) var(--sk-rand,20px) calc(12px + var(--sk-titelluft,0px))} /* K192: Luft um die Ueberschrift einstellbar */
.sk-titel h1,.sk-sektion__titel h2{font-family:var(--sk-font-titel);margin:0;font-size:clamp(44px,13vw,72px);font-weight:900;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}
.sk-titel h1::after,.sk-sektion__titel h2::after{content:"";display:block;height:2px;margin-top:18px;background:var(--sk-linie)}
.sk-titel p,.sk-sektion__titel p{margin:14px 0 0;max-width:60ch;font-size:16px;line-height:1.5}
.sk-titel p b,.sk-sektion__titel p b{color:var(--sk-akzent)}

/* Runde Icons der Unterkategorien */
.sk-icons{display:flex;gap:18px;padding:12px var(--sk-rand,20px) 22px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.sk-icons::-webkit-scrollbar{display:none}
.sk-icons__eintrag{display:grid;flex:none;justify-items:center;gap:10px;width:120px;color:inherit;text-decoration:none;scroll-snap-align:start}
.sk-icons__kreis{display:grid;place-items:center;width:110px;height:110px;overflow:hidden;border-radius:50%;background:rgba(127,127,127,.12)}
.sk-icons__kreis img{width:100%;height:100%;object-fit:cover}
.sk-icons__kreis svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.4}
.sk-icons__name{font-family:var(--sk-font-titel);font-size:13px;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--sk-akzent)}

/* Shisha-Filter */
.sk-filter{display:grid;gap:10px;padding:0 20px 16px}
.sk-filter__gruppe{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sk-filter__titel{margin-right:4px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.sk-filter__chip{min-height:34px;padding:0 14px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:12px;font-weight:700;opacity:.7}
.sk-filter__chip.is-aktiv{background:var(--sk-text);color:var(--sk-bg);opacity:1}

/* Sektion je Unterkategorie (eigene Farben möglich) */
.sk-sektion{background:var(--sk-bg);color:var(--sk-text);padding-top:calc(6px + var(--sk-sektionsabstand,0px));overflow-x:clip} /* G7: Abstand einstellbar; clip haelt die gezogene Reihe im Bild */ /* G7: Abstand zwischen den Kategorien einstellbar */
.sk-sektion__titel{padding:calc(22px + var(--sk-titelluft,0px)) var(--sk-rand,20px) calc(10px + var(--sk-titelluft,0px))}
.sk-sektion__titel h2{font-size:clamp(40px,12vw,64px)}

/* Kacheln */
.sk-raster{display:grid;gap:calc(var(--sk-kachelabstand,16px) + 6px) var(--sk-kachelabstand,16px);padding:12px var(--sk-rand,20px) 28px} /* G7: Abstand zwischen den Produkten einstellbar */ /* G7: Rand links/rechts einstellbar */
.sk-raster.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sk-raster.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* G5: eine Reihe zum Wischen (wie im Shop) */
.sk-raster.is-1{display:flex;gap:var(--sk-kachelabstand,16px);overflow-x:auto;overscroll-behavior-x:none;touch-action:pan-x pan-y;scroll-padding-left:var(--sk-rand,20px);-webkit-overflow-scrolling:touch;scrollbar-width:none} /* G7: frei wischen mit Schwung, kein Einrasten, kein Gummiband am Ende - senkrecht bleibt jederzeit scrollbar (Inhaber 09.09.) */
.sk-raster.is-1::-webkit-scrollbar{display:none}
.sk-raster.is-1>.sk-kachel,.sk-raster.is-1>.sk-lauf>.sk-kachel{flex:0 0 var(--sk-kachelbreite,66%);max-width:100%} /* G7: Breite je Kategorie (daten.kachelbreite) */
.sk-kachel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-width:0} /* K191: ein langes Wort in der Beschreibung machte die Kachel breiter als ihre Spalte - dann waren die Bilder ungleich hoch */
.sk-kachel__bild{position:relative;display:grid;place-items:center;aspect-ratio:1/1.15;overflow:hidden;background:transparent}
.sk-kachel__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center} /* G5d: fest im Rahmen verankert - height:100% loeste sich im Dashboard nicht auf, das Foto wurde beschnitten */
/* Runde G1: Bildformat je Kategorie (1:1, 4:5, 3:4, 2:3, 16:9) und Bildlage fuellen */
.sk-raster.is-format-1-1 .sk-kachel__bild{aspect-ratio:1/1}
.sk-raster.is-format-4-5 .sk-kachel__bild{aspect-ratio:4/5}
.sk-raster.is-format-3-4 .sk-kachel__bild{aspect-ratio:3/4}
.sk-raster.is-format-2-3 .sk-kachel__bild{aspect-ratio:2/3}
.sk-raster.is-format-16-9 .sk-kachel__bild{aspect-ratio:16/9}
.sk-raster.is-fuellen .sk-kachel__bild img{object-fit:cover}
/* G5c: Produktkarte — Foto fuellt die Kachel, alle Ecken rund */
.sk-raster.is-rund .sk-kachel__bild{border-radius:16px;overflow:hidden;background:rgba(127,127,127,.08)}
.sk-raster.is-rund .sk-kachel__bild img{border-radius:16px}
/* G5b: Wie das Foto = eigenes Seitenverhaeltnis des Fotos, keine feste Kachelhoehe */
.sk-raster.is-format-auto .sk-kachel__bild{aspect-ratio:auto}
.sk-raster.is-format-auto .sk-kachel__bild img{position:static;height:auto}
.sk-raster.is-format-auto .sk-kachel__bild.is-leer{aspect-ratio:1/1}
.sk-kachel__bild.is-leer{background:rgba(127,127,127,.1);border-radius:8px}
.sk-kachel__bild.is-leer svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.35}
.sk-kachel__aus,.sk-kachel__aktion{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:4px;background:#111;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sk-kachel__aktion{background:var(--sk-akzent)}
.sk-kachel.is-aus{opacity:.5}
.sk-kachel.is-aus .sk-kachel__bild img{filter:grayscale(1)}
.sk-kachel__name{font-family:var(--sk-font-titel);margin:6px 0 0;padding-bottom:6px;border-bottom:1px solid var(--sk-linie);font-size:16px;font-weight:900;letter-spacing:-.01em;line-height:1.15;text-transform:uppercase;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
.sk-kachel__name sup{margin-left:4px;color:var(--sk-akzent);font-size:9px;font-weight:800;letter-spacing:.14em}
.sk-kachel__text{margin:0;padding-bottom:6px;border-bottom:1px solid var(--sk-linie);font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1.45;text-transform:uppercase;opacity:.9;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
.sk-kachel__labels{display:flex;flex-wrap:wrap;gap:4px}
.sk-kachel__labels span{padding:2px 6px;border:1px solid var(--sk-akzent);border-radius:999px;color:var(--sk-akzent);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sk-kachel__fuss{display:grid;gap:4px}
.sk-kachel__zeile{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:var(--sk-akzent);font-size:13px;font-weight:800;letter-spacing:.04em}
.sk-kachel__menge{text-transform:uppercase}
.sk-kachel__preis{white-space:nowrap}
.sk-kachel__preis s{margin-right:4px;opacity:.55;font-weight:600}
.sk-kachel__plus{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--sk-text);color:var(--sk-bg);font-size:24px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.25)}

/* Slider / Banner */
.sk-slider{position:relative;background:#000;color:#fff}
.sk-slider__spur{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sk-slider__spur::-webkit-scrollbar{display:none}
.sk-folie{--sk-folienhoehe:300px;/* G9: fest, siehe KOPFHOEHE in karte-vorlage.js */position:relative;display:grid;flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;background:#000;color:#fff}
.sk-folie__medium{position:relative;height:var(--sk-folienhoehe);overflow:hidden}
.sk-folie__medium img,.sk-folie__medium video{width:100%;height:100%;object-fit:cover}
.sk-folie__text{display:grid;gap:10px;padding:18px 20px}
.sk-folie__text h2{font-family:var(--sk-font-kopf);margin:0;font-size:clamp(40px,12vw,68px);font-weight:900;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}
.sk-folie__text p{font-family:var(--sk-font-kopf);margin:0;max-width:52ch;font-size:15px;line-height:1.45}
.sk-folie__knopf{justify-self:start;padding:12px 18px;border:2px solid currentColor;border-radius:0;background:transparent;color:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
/* Text im Bild: Overlay-Verlauf + Schatten; Position links/mitte/rechts */
.sk-folie.is-im_bild .sk-folie__text{position:absolute;inset:0;align-content:end;padding:22px 20px}
.sk-folie.is-im_bild .sk-folie__text h2,.sk-folie.is-im_bild .sk-folie__text p{text-shadow:0 2px 12px rgba(0,0,0,.6)}
.sk-folie.is-im_bild .sk-folie__medium::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0) 65%)}
.sk-folie.is-im_bild.is-overlay-keine .sk-folie__medium::after{background:none} /* G10: ohne Schleier - fuer Bilder ohne Text */
.sk-folie.is-im_bild.is-overlay-leicht .sk-folie__medium::after{background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%)}
.sk-folie.is-im_bild.is-overlay-stark .sk-folie__medium::after{background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.3))}
.sk-folie.is-pos-mitte .sk-folie__text{justify-items:center;text-align:center}
.sk-folie.is-pos-rechts .sk-folie__text{justify-items:end;text-align:right}
/* Text über / unter dem Bild: Text in Seitenfarben */
.sk-folie.is-oben,.sk-folie.is-unten{background:var(--sk-bg);color:var(--sk-text)}
.sk-folie.is-oben .sk-folie__text{order:-1}
.sk-slider__punkte{position:absolute;right:0;bottom:8px;left:0;display:flex;justify-content:center;gap:6px}
.sk-folie.is-oben~.sk-slider__punkte,.sk-folie.is-unten~.sk-slider__punkte{position:static;padding:8px 0}
.sk-slider__punkt{width:40px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.4)}
.sk-slider__punkt.is-aktiv{background:#fff}
.sk-slider:not(.is-mehrere) .sk-slider__punkte{display:none}

/* Legende */
.sk-legende{margin:24px var(--sk-rand,20px) 0;padding-top:18px;border-top:2px solid var(--sk-linie)}
.sk-legende h3{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.sk-legende dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:12px}
.sk-legende dt{font-weight:800;color:var(--sk-akzent)}
.sk-legende dd{margin:0;opacity:.85}

/* Größere Bildschirme: Inhalt zentriert, Kacheln bis 4 Spalten */
@media(min-width:720px){
  .sk-titel,.sk-sektion__titel,.sk-raster,.sk-icons,.sk-filter,.sk-legende,.sk-folie__text{max-width:1100px;margin-left:auto;margin-right:auto}
  .sk-legende{margin-top:24px}
  /* G5: .is-schmal = Buehne im Dashboard, bleibt Handy-Layout */
  .sk:not(.is-schmal) .sk-raster.is-3{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sk:not(.is-schmal) .sk-raster.is-2{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sk:not(.is-schmal) .sk-raster.is-1>.sk-kachel,.sk:not(.is-schmal) .sk-raster.is-1>.sk-lauf>.sk-kachel{flex-basis:260px;max-width:260px}
  .sk:not(.is-schmal) .sk-kopf__reiter{font-size:18px;padding:0 16px}
  .sk-folie.is-im_bild .sk-folie__text{max-width:none;padding:28px max(20px,calc((100% - 1100px)/2 + 20px))}
}

/* ---------- Bestellmodus (Runde D): Blätter, Warenkorb-Leiste, Hinweis ---------- */
.sk-kachel.is-klickbar{cursor:pointer}
.sk-korbleiste{position:fixed;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#111;color:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.35);font-family:var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif)}
.sk-korbleiste__links{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
body.sk-mit-leiste{padding-bottom:84px}
.sk-knopf{padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:inherit;font:700 13px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);cursor:pointer;white-space:nowrap}
.sk-knopf.is-klein{padding:8px 11px;font-size:11px}
.sk-knopf.is-primaer{display:inline-flex;align-items:center;gap:10px;border-color:#b8973a;background:#b8973a;color:#000}
.sk-knopf.is-primaer.is-leer{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.sk-knopf.is-primaer b{font-size:15px}
.sk-knopf:disabled{opacity:.5;cursor:default}
.sk-blatt__huelle{position:fixed;inset:0;z-index:50;display:grid;align-items:end;font-family:var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif)}
.sk-blatt__hintergrund{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.sk-blatt{position:relative;display:grid;gap:12px;max-height:88vh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:18px 18px 0 0;background:#fff;color:#111}
.sk-blatt h3{margin:0;font-size:22px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.sk-blatt h4{margin:6px 0 0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.sk-blatt .sk-knopf{border-color:rgba(0,0,0,.25);color:#111}
.sk-blatt .sk-knopf.is-primaer{border-color:#111;background:#111;color:#fff}
.sk-blatt__kopf{display:flex;gap:14px;align-items:center}
.sk-blatt__kopf img{width:84px;height:84px;object-fit:contain;flex:none}
.sk-blatt__kopf p{margin:4px 0 0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.sk-blatt__wahl{display:flex;flex-wrap:wrap;gap:8px}
.sk-wahl{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(0,0,0,.25);border-radius:999px;background:#fff;color:#111;font:600 13px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);cursor:pointer}
.sk-wahl b{color:#b8973a}
.sk-wahl.is-aktiv{background:#111;color:#fff;border-color:#111}
.sk-wahl.is-aktiv b{color:#e8c86a}
.sk-blatt__zeile{display:flex;align-items:center;gap:12px}
.sk-menge{display:inline-flex;align-items:center;gap:2px;flex:none;border:1px solid rgba(0,0,0,.25);border-radius:999px}
.sk-menge .sk-knopf{width:38px;height:38px;padding:0;border:0;font-size:18px;line-height:1}
.sk-menge span{min-width:24px;text-align:center;font-weight:800}
.sk-menge.is-klein .sk-knopf{width:30px;height:30px;font-size:15px}
.sk-notiz{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.25);border-radius:10px;font:600 14px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif)}
.sk-blatt__fuss{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
.sk-korb{display:grid;gap:10px}
.sk-korb__zeile{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.12)}
.sk-korb__text{flex:1;min-width:0}
.sk-korb__text b{display:block;font-size:14px;font-weight:800;text-transform:uppercase}
.sk-korb__text small{display:block;font-size:11px;opacity:.75}
.sk-korb__preis{flex:none;min-width:60px;text-align:right;color:#b8973a}
.sk-verlauf{display:grid;gap:10px}
.sk-verlauf__eintrag{display:grid;gap:2px;padding:10px 12px;border-left:4px solid #b8973a;background:rgba(0,0,0,.04);border-radius:0 10px 10px 0}
.sk-verlauf__eintrag.is-ausgegeben{border-left-color:#177a49}
.sk-verlauf__eintrag.is-storniert{border-left-color:#9b1b30;opacity:.6}
.sk-verlauf__eintrag b{font-size:13px;text-transform:uppercase}
.sk-verlauf__eintrag small{font-size:12px;opacity:.85}
.sk-verlauf__status{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b8973a}
.sk-verlauf__summe{margin:4px 0 0;font-weight:800;text-align:right}
.sk-hinweis{position:fixed;left:50%;bottom:96px;z-index:60;transform:translateX(-50%) translateY(20px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:#111;color:#fff;font:700 13px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.sk-hinweis.is-sichtbar{opacity:1;transform:translateX(-50%)}
body.sk-blatt-offen{overflow:hidden}
/* Slider: kein Durchblitzen der nächsten Folie bei breiten Bildschirmen (Rundung) */
.sk-slider{overflow:hidden}
.sk-slider__spur{overscroll-behavior-x:contain}
.sk-folie{flex:0 0 100%;max-width:100%}

/* Runde G3: Bearbeiten-Modus (nur im Dashboard) */
.sk.is-bearbeiten .sk-kachel.is-klickbar{cursor:pointer}
.sk .sk-kachel.is-klickbar:focus,.sk .sk-kachel.is-klickbar:focus-visible,.sk .sk-kachel.is-klickbar:hover{outline:0} /* G7: keine Umrandung beim Antippen (Inhaber 09.09.) */
.sk-kachel.is-zeitaus{opacity:.45} /* G8: nur noch das Zeitfenster blasst ab (Inhaber 09.09.) */
.sk-marke{position:absolute;z-index:2;top:6px;left:6px;padding:3px 8px;border-radius:999px;background:#9b1b30;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sk-kachel{position:relative}
.sk-kachel.is-neu{display:grid;place-items:center;min-height:140px;border:2px dashed var(--sk-linie);border-radius:10px;background:transparent;color:var(--sk-text);font:800 14px var(--sk-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.7}
@media(hover:hover){.sk-kachel.is-neu:hover{opacity:1;border-color:var(--sk-akzent)}}
.sk-kopf__reiter.is-neu{min-width:44px;justify-content:center;border:1px dashed rgba(255,255,255,.5);border-radius:999px;margin:8px 4px;min-height:40px;font-size:20px;opacity:.8}
.sk-titel.is-bearbeiten,.sk-sektion__titel.is-bearbeiten{position:relative;padding-right:104px} /* G7: Platz fuer Stift und Plus nebeneinander */
.sk-titel .sk-marke,.sk-sektion__titel .sk-marke{position:static;display:inline-block;margin-bottom:6px}
.sk-titelknoepfe{position:absolute;right:var(--sk-rand,20px);top:24px;display:flex;gap:8px} /* G7: Stift und Plus rechts am Titel (Inhaber 09.09.) */
.sk-stift{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--sk-linie);border-radius:10px;background:var(--sk-bg);color:var(--sk-text);cursor:pointer} /* G7: eckig statt rund */
.sk-stift svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.sk-stift:hover{border-color:var(--sk-akzent);color:var(--sk-akzent)}}

/* Runde G4: Sortenwahl (Snackbox) im Produktblatt */
.sk-blatt__zaehler{font-weight:600;opacity:.7}
.sk-blatt__hinweis{margin:-4px 0 8px;font-size:12px;opacity:.7}
.sk-blatt__sorten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:46vh;overflow:auto;padding:2px}
.sk-blatt__sorten .sk-sorte{position:relative;display:grid;gap:6px;min-width:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere;padding:0;border:0;background:transparent;color:inherit;text-align:center;font:600 10px/1.25 var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
.sk-sorte__bild{position:relative;display:grid;width:100%;place-items:center;aspect-ratio:1/1;overflow:hidden;border:2px solid transparent;border-radius:12px;background:rgba(127,127,127,.08)}
.sk-sorte__bild img{width:100%;height:100%;object-fit:contain}
.sk-sorte__bild svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.35}
.sk-sorte.is-aktiv .sk-sorte__bild{border-color:var(--sk-akzent)}
.sk-sorte__zahl{position:absolute;right:4px;top:4px;display:none;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--sk-akzent);color:#fff;font:800 12px/22px var(--sk-font)}
.sk-sorte.is-aktiv .sk-sorte__zahl{display:block}
.sk-sorte__minus{position:absolute;left:4px;top:4px;display:none;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#111;color:#fff;font:700 14px/22px var(--sk-font);cursor:pointer}
.sk-sorte.is-mehr .sk-sorte__minus{display:block}
.sk-knopf.is-gesperrt{opacity:.45;cursor:default}

/* G5: Spaltenwahl 1 / 2 / 3 am Titel (nur Modus bearbeiten) */

/* ---------- G6 Schnell bearbeiten (nur Modus bearbeiten im Dashboard) ---------- */
.sk.is-bearbeiten .sk-kachel,.sk.is-bearbeiten .sk-kopf__reiter,.sk.is-bearbeiten .sk-icons__eintrag{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.sk-kachel__bild.is-laedt{opacity:.5}
button.sk-kachel__preis{margin:-2px -4px;padding:2px 4px;border:1px dashed transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:right;cursor:text}
@media(hover:hover){button.sk-kachel__preis:hover,button.sk-kachel__preis:focus-visible{border-color:var(--sk-akzent);outline:0}}
.sk-preisfeld{width:76px;max-width:100%;margin:-2px 0;padding:2px 4px;border:1px solid var(--sk-akzent);border-radius:4px;background:#fff;color:#111;font:800 13px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);text-align:right}
.sk-preisfeld:focus{outline:2px solid var(--sk-akzent);outline-offset:1px}
.sk-kachel.is-ziehen{z-index:6;opacity:.75;transform:scale(1.04);box-shadow:0 10px 28px rgba(0,0,0,.28);border-radius:8px;background:var(--sk-bg)}
.sk-kopf__reiter.is-ziehen,.sk-icons__eintrag.is-ziehen{opacity:.7;transform:scale(1.06)}
.sk-raster.is-ziehen,.sk-kopf__nav.is-ziehen,.sk-icons.is-ziehen{cursor:grabbing}
.sk-raster.is-ziehen .sk-kachel,.sk-kopf__nav.is-ziehen .sk-kopf__reiter,.sk-icons.is-ziehen .sk-icons__eintrag{transition:transform .12s}
.sk-kachel.is-auswahl{cursor:pointer}
.sk-kachel__haken{position:absolute;z-index:3;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.85);color:transparent;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.sk-kachel__haken svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.sk-kachel.is-gewaehlt{outline:2px solid var(--sk-akzent);outline-offset:4px;border-radius:6px}
.sk-kachel.is-gewaehlt .sk-kachel__haken{background:var(--sk-akzent);color:#fff}
/* G7 (Inhaber 09.09.): auf dem Handy kein Doppeltipp-Zoom und keine Fokus-Umrandung in der Karte */
.sk{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sk *{-webkit-tap-highlight-color:transparent}
.sk :is(a,button,summary,[role=button],[role=tab],[tabindex]):focus,.sk :is(a,button,summary,[role=button],[role=tab],[tabindex]):focus-visible{outline:0;outline-offset:0}
.sk-kachel.is-klon{pointer-events:none;user-select:none} /* G7b: stumme Kopie fuer den endlosen Lauf */
.sk-lauf{display:flex;flex:0 0 auto;gap:var(--sk-kachelabstand,16px);will-change:transform;backface-visibility:hidden} /* G7b: dieses Band bewegt sich, damit die Reihe weich laeuft */
.sk-start{display:grid;justify-items:start;gap:10px;padding:34px var(--sk-rand,20px)} /* G7b: Einstieg bei leerer Karte */
.sk-start b{font:800 20px/1.2 var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);letter-spacing:-.01em}
.sk-start p{margin:0;max-width:44ch;font-size:14px;line-height:1.55;opacity:.72}
.sk-startknopf{display:inline-flex;min-height:46px;align-items:center;gap:8px;margin-top:6px;padding:0 18px;border:1px solid var(--sk-linie);border-radius:10px;background:var(--sk-text);color:var(--sk-bg);font:650 13px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);cursor:pointer}
.sk-startknopf:active{transform:scale(.985)}
/* G8 (Inhaber 09.09.): 'versteckt' gibt es nicht mehr - was auf der Karte steht, sieht der Gast.
   Die blasse Darstellung, das durchgestrichene Auge und der durchgestrichene Reiter im Kopf sind entfallen. */
/* G7b (Inhaber 09.09.): Platzhalter fuer den Kopfbereich - volle Breite, hoch genug, um ihn zu sehen */
/* G9e (Inhaber 10.09.): genauso gross wie ein fertiges Kopfbild - volle Breite, 300 px hoch */
.sk-kopfknopf{display:flex;width:100%;height:300px;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin:0 0 10px;border:0;border-top:1px dashed var(--sk-linie);border-bottom:1px dashed var(--sk-linie);border-radius:0;background:transparent;color:var(--sk-text);font:650 13px var(--sk-font,"Montserrat","Manrope","Segoe UI",Arial,sans-serif);letter-spacing:.02em;cursor:pointer;opacity:.72}
@media(hover:hover){.sk-kopfknopf:hover,.sk-kopfknopf:focus-visible{outline:0;opacity:1;border-color:var(--sk-akzent);color:var(--sk-akzent)}}
.sk-kopfknopf .sk-neuknopf__zeichen{flex:none;width:44px;height:44px}
/* fill:none fehlte - ohne das zeichnet der Browser die Flaeche des Symbols schwarz aus */
.sk-neuknopf__zeichen svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sk-kopfknopf .sk-neuknopf__zeichen svg{width:44px;height:44px;stroke-width:1.4}
.sk-kopfbereich.is-springt{cursor:pointer} /* G11: das Bild fuehrt zu einer Kategorie */
.sk-kopfbereich.is-springt:focus-visible{outline:2px solid var(--sk-akzent);outline-offset:-2px}
.sk-kopfbereich{position:relative} /* G7b: Plus und Stift liegen oben rechts auf dem Kopfbereich */
.sk-kopfknoepfe{position:absolute;z-index:3;top:10px;right:var(--sk-rand,20px)}
.sk-kopfbereich.is-klickbar{cursor:pointer} /* G7c: Tipp auf den Kopfbereich bearbeitet die Folie */
/* G12: Schriften ohne fette Schnitte (Bebas, Anton, Archivo Black, DM Serif) wuerde der
   Browser sonst kuenstlich fetten - das sieht ausgefranst aus. Dann gilt ihr eigener Schnitt. */
.sk.is-dicke-titel .sk-kopf__reiter,.sk.is-dicke-titel .sk-titel h1,.sk.is-dicke-titel .sk-sektion__titel h2,
.sk.is-dicke-titel .sk-icons__name,.sk.is-dicke-titel .sk-kachel__name{font-weight:var(--sk-dicke-titel)}
.sk.is-dicke-kopf .sk-folie__text h2{font-weight:var(--sk-dicke-kopf)}

/* ===== K191 (Inhaber 22.09.2026, Studie menuekarte-titel) ===== */
/* Preise auf gleicher Höhe: die Kachel füllt die Reihe, Menge und Preis stehen unten - mit ihrer Linie darüber */
.sk.is-preise-unten .sk-kachel{display:flex;flex-direction:column}
.sk.is-preise-unten .sk-kachel__fuss{margin-top:auto;padding-top:6px;border-top:1px solid var(--sk-linie)}
.sk.is-preise-unten .sk-kachel__vorfuss{padding-bottom:0;border-bottom:0}

/* Die Leiste oben: Handy (…-h) und Computer (…-c) getrennt einstellbar; ohne Einstellung bleibt das bisherige Aussehen */
.sk-kopf{background:var(--sk-l-bg-h,var(--sk-kopf-bg));color:var(--sk-l-text-h,var(--sk-kopf-text))}
.sk-kopf__nav{justify-content:var(--sk-l-ausrichtung-h,flex-start)}
.sk-kopf__reiter:not(.is-neu){min-height:var(--sk-l-hoehe-h,56px);padding:0 var(--sk-l-innen-h,12px);font-family:var(--sk-l-schrift-h,var(--sk-font-titel));font-size:var(--sk-l-groesse-h,16px);font-weight:var(--sk-l-staerke-h,800);text-transform:var(--sk-l-gross-h,uppercase)}
.sk-kopf__reiter.is-aktiv{border-bottom-color:var(--sk-l-mark-h,var(--sk-akzent))}
.sk[data-l-verteilt-h="1"] .sk-kopf__reiter:not(.is-neu){flex:1 0 auto;justify-content:center}
.sk[data-l-zeilen-h="umbruch"] .sk-kopf__nav{flex-wrap:wrap;overflow-x:visible}
.sk[data-l-mark-h="pille"] .sk-kopf__reiter:not(.is-neu){min-height:calc(var(--sk-l-hoehe-h,56px) - 16px);margin-block:8px;border-bottom:0;border-radius:999px}
.sk[data-l-mark-h="pille"] .sk-kopf__reiter.is-aktiv{background:var(--sk-l-mark-h,var(--sk-akzent));color:var(--sk-l-bg-h,var(--sk-kopf-bg));opacity:1}
.sk[data-l-mark-h="fett"] .sk-kopf__reiter:not(.is-neu){border-bottom-color:transparent;font-weight:max(300,calc(var(--sk-l-staerke-h,800) - 400))}
.sk[data-l-mark-h="fett"] .sk-kopf__reiter.is-aktiv{font-weight:var(--sk-l-staerke-h,800);opacity:1}
@media(min-width:720px){
  /* erst die Handy-Werte zuruecksetzen, sonst wirkten Pille, Umbruch und Verteilt auch am Computer */
  .sk:not(.is-schmal) .sk-kopf__nav{flex-wrap:nowrap;overflow-x:auto}
  .sk:not(.is-schmal) .sk-kopf__reiter:not(.is-neu){flex:none;justify-content:flex-start;margin-block:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;opacity:.82}
  .sk:not(.is-schmal) .sk-kopf__reiter.is-aktiv{background:transparent;color:inherit;opacity:1}
  .sk:not(.is-schmal) .sk-kopf{background:var(--sk-l-bg-c,var(--sk-kopf-bg));color:var(--sk-l-text-c,var(--sk-kopf-text))}
  .sk:not(.is-schmal) .sk-kopf__nav{justify-content:var(--sk-l-ausrichtung-c,flex-start)}
  .sk:not(.is-schmal) .sk-kopf__reiter:not(.is-neu){min-height:var(--sk-l-hoehe-c,56px);padding:0 var(--sk-l-innen-c,16px);font-family:var(--sk-l-schrift-c,var(--sk-font-titel));font-size:var(--sk-l-groesse-c,18px);font-weight:var(--sk-l-staerke-c,800);text-transform:var(--sk-l-gross-c,uppercase)}
  .sk:not(.is-schmal) .sk-kopf__reiter.is-aktiv{border-bottom-color:var(--sk-l-mark-c,var(--sk-akzent))}
  .sk:not(.is-schmal)[data-l-verteilt-c="1"] .sk-kopf__reiter:not(.is-neu){flex:1 0 auto;justify-content:center}
  .sk:not(.is-schmal)[data-l-zeilen-c="umbruch"] .sk-kopf__nav{flex-wrap:wrap;overflow-x:visible}
  .sk:not(.is-schmal)[data-l-mark-c="pille"] .sk-kopf__reiter:not(.is-neu){min-height:calc(var(--sk-l-hoehe-c,56px) - 16px);margin-block:8px;border-bottom:0;border-radius:999px}
  .sk:not(.is-schmal)[data-l-mark-c="pille"] .sk-kopf__reiter.is-aktiv{background:var(--sk-l-mark-c,var(--sk-akzent));color:var(--sk-l-bg-c,var(--sk-kopf-bg));opacity:1}
  .sk:not(.is-schmal)[data-l-mark-c="fett"] .sk-kopf__reiter:not(.is-neu){border-bottom-color:transparent;font-weight:max(300,calc(var(--sk-l-staerke-c,800) - 400))}
  .sk:not(.is-schmal)[data-l-mark-c="fett"] .sk-kopf__reiter.is-aktiv{font-weight:var(--sk-l-staerke-c,800);opacity:1}
}

/* Snackbox: gewählte Sorte schwarz hinterlegt mit Umrandung, unten „1 von 4 ausgewählt“ */
.sk-blatt__stand{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700}
.sk-blatt__punkte{display:flex;flex:none;gap:5px}
.sk-blatt__punkte i{width:10px;height:10px;box-sizing:border-box;border:1px solid #111;border-radius:50%}
.sk-blatt__punkte i.is-an{background:#111}
.sk-blatt__sorten .sk-sorte{padding:4px 4px 6px;border:2px solid transparent;border-radius:14px}
.sk-sorte.is-aktiv{border-color:#111;background:#111;color:#fff}
.sk-sorte.is-aktiv .sk-sorte__bild{border-color:transparent;background:#fff}
.sk-sorte.is-aktiv .sk-sorte__zahl{background:#fff;color:#111}