/* Gemeinsame Regeln der Themen- und Angebotsseiten (vegan, glutenfrei, mittag, aktionen, lieferung, bewertungen). Nur Tokens aus wand.css. */
:root{--t-preis:2.5rem;--t-betrag:3.5rem}
html{scroll-padding-top:calc(4.25rem + var(--s-4))}
.abschnitt .fliess,.abschnitt>.wrap>p{margin-top:var(--s-3)}
.abschnitt .abschnitt-kopf+*{margin-top:0}
.abschnitt .abschnitt-kopf p{margin-top:0}
.knoepfe{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-block:var(--s-4)}
.zurueck{margin-top:var(--s-6)}
.unterlink{margin-top:var(--s-4);max-width:42rem}
.unterlink a,.fliess a,.abschnitt p a{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.klein{line-height:1.4}
.abstand-oben{margin-top:var(--s-4)}
.m-knoepfe{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-4)}
.zwei{display:grid;gap:var(--s-7)}
.m-karten{display:grid;gap:var(--s-5);margin-top:var(--s-5)}
/* Menükarten: Titelzeile (Titel + ggf. Pill rechts, wie Startseite), Text, Preise, Pfand */
.m-karte>h3,.m-karte>.m-titel{grid-row:1}
.m-karte>p:not(.pfand){grid-row:2}
.m-preise{grid-row:3}
.m-titel{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}
.m-titel h3{white-space:nowrap}
.m-titel .m-tag{align-self:center}
.m-karte .pfand{grid-row:4}
.m-karte{display:flex;flex-direction:column;gap:var(--s-2)}
.m-karte h3{font-size:var(--t-h3)}
.m-tag{align-self:flex-start;justify-self:start;background:var(--tusche);color:var(--wand);padding:.25rem .625rem;border-radius:.3em .8em .3em .3em;font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.m-zeit{font-weight:600}
.m-preise{display:grid;grid-template-columns:1fr auto;gap:var(--s-1) var(--s-4);align-items:baseline;margin-top:auto;padding-top:var(--s-2);border-top:var(--linie) solid var(--tusche)}
.m-preise dd{font-weight:800;font-stretch:75%;font-size:var(--t-name);text-align:right;font-variant-numeric:tabular-nums}
.m-karte .preis{font-weight:800;font-stretch:75%;font-size:var(--t-name)}
.m-karte .knopf{align-self:flex-start;margin-top:var(--s-2)}
.zeilen{border-top:var(--linie) solid var(--tusche)}
.zeilen li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-1) var(--s-4);align-items:center;padding:var(--s-3) 0;border-bottom:1.5px solid var(--tusche)}
.zeilen .t{font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:.015em;font-size:var(--t-name);line-height:1.2}
.zeilen .p{font-weight:700;font-variant-numeric:tabular-nums}
.kanaele{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.kanal{display:flex;flex-direction:column;justify-content:center;min-height:3.5rem;padding:var(--s-2) var(--s-3);text-decoration:none;font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:.015em;line-height:1.15;
  background:var(--wand);border:var(--kontur) solid var(--tusche);border-radius:8px 16px 8px 8px;font-size:var(--t-name);transition:background-color .12s}
a.kanal:hover{background:var(--mint)}
.kanal span{font-stretch:100%;font-weight:400;text-transform:none;letter-spacing:0;font-size:var(--t-text)}
.hinweis p+p{margin-top:var(--s-2)}
.hinweis .klein+.klein{margin-top:var(--s-2)}
.textliste{border-top:var(--linie) solid var(--tusche)}
.textliste li{display:grid;gap:var(--s-1);padding:var(--s-3) 0;border-bottom:1.5px solid var(--tusche);line-height:1.4}
.textliste b{font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:.015em;font-size:var(--t-name);line-height:1.2}
.vz{border-top:var(--linie) solid var(--tusche)}
.vz li{display:grid;grid-template-columns:4.25rem minmax(0,1fr) auto;gap:var(--s-1) var(--s-4);align-items:center;padding:var(--s-3) 0;border-bottom:1.5px solid var(--tusche);line-height:1.4}
.vz li.ohne{grid-template-columns:4.25rem minmax(0,1fr) auto}
.vz li.ohne>span:first-child{grid-column:2}   /* Fotospalte bleibt leer, Namen stehen bündig */
.vz:not(:has(.foto-kreis)) li.ohne{grid-template-columns:minmax(0,1fr) auto}
.vz:not(:has(.foto-kreis)) li.ohne>span:first-child{grid-column:1}
.vz .name{font-size:var(--t-name)}
.vz .foto-kreis{width:4.25rem}
.vz .vz__d{display:block;margin-top:var(--s-1)}
.vz .p{font-weight:800;font-stretch:75%;font-size:var(--t-name);font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-preis{font-size:var(--t-lead);margin-top:0}
.gf-preis b{display:block;font-weight:800;font-stretch:75%;font-size:var(--t-preis);line-height:1.1}
.gf-hinweis{font-size:var(--t-lead);line-height:1.4}
.gf-preis+.hinweis,.gf-preis+.gf-satz{margin-top:var(--s-4)}
.gf-satz{max-width:42rem;margin-bottom:var(--s-5)}
.bw-hinweis{margin-top:var(--s-4);max-width:42rem;line-height:1.4}
.bewertung blockquote{font-size:var(--t-lead)}
.bewertung__quelle span+span::before{content:" · "}
.betrag{font-weight:800;font-stretch:75%;font-size:var(--t-betrag);line-height:1}
.betrag small{display:block;font-size:var(--t-name);text-transform:uppercase;letter-spacing:.015em;margin-top:var(--s-1)}
.bed{margin-block:var(--s-3);display:grid;gap:var(--s-1)}
.bed li{padding-left:1.5rem;position:relative}
.bed li::before{content:"";position:absolute;left:0;top:.7em;width:.75rem;height:3px;background:var(--tusche)}
.gutschein{display:grid;gap:var(--s-4)}
.nl-kopf{margin-top:var(--s-6);margin-bottom:var(--s-4);font-size:var(--t-h3)}
.nl-form altcha-widget{display:block;--altcha-border-width:3px;--altcha-border-radius:8px;--altcha-max-width:100%;--altcha-color-base:var(--wand);--altcha-color-border:var(--tusche);
  --altcha-color-border-focus:var(--tusche);--altcha-color-text:var(--tusche);--altcha-color-error-text:var(--tusche);--altcha-color-footer-bg:transparent;--altcha-color-active:var(--mint)}
.nl-form altcha-widget:not(:defined){min-height:3.5rem;border:var(--kkontur,3px) solid var(--tusche);border-radius:8px}
.nl-form .altcha-label{font-size:var(--t-text);color:var(--tusche)}
.nl-form .knopf{justify-self:start}   /* wie /newsletter/ (wand-info.css) */
@media (min-width:48em){
  .m-karten{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);column-gap:var(--s-5);row-gap:0}
  .m-karte{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:var(--s-2);align-content:start}
  .m-karte>*{margin-top:0}
  /* Einzelkarte (aktionen „Immer“): kein Subgrid; die Zeilenzuordnung gilt nur für die drei Menükarten auf /mittag/ */
  .m-karten.m-karten--eins{grid-template-columns:minmax(0,26rem);grid-template-rows:none}
  .m-karten--eins .m-karte{display:flex;flex-direction:column;grid-row:auto;row-gap:var(--s-2)}
  .zwei{grid-template-columns:1fr 1fr;align-items:start}
  .kanaele{grid-template-columns:repeat(3,1fr)}
  .textliste{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s-7)}
  .gutschein{grid-template-columns:auto 1fr;gap:var(--s-6);align-items:start}
}

@media (max-width:47.99em){.br-ab48{display:none}}   /* Zeilenumbruch in H1 erst ab 768 (sonst verwaist „Burger“ bei 390) */
.gf-preis .nw{white-space:nowrap}
