:root{
  /* bewusst ohne Akzentfarbe: die einzige Farbe auf dieser Seite ist das Essen */
  --tinte:#0E0E0D;
  --grau:#87877F;
  --linie:#DEDEDA;
  --asche:#F3F3F0;
  --papier:#FFFFFF;

  --s--2:clamp(.72rem,.7rem + .1vw,.79rem);
  --s--1:clamp(.84rem,.81rem + .13vw,.93rem);
  --s-0:clamp(1rem,.97rem + .16vw,1.1rem);
  --s-1:clamp(1.14rem,1.05rem + .38vw,1.38rem);
  --s-2:clamp(1.4rem,1.12rem + 1.28vw,2.25rem);
  --s-3:clamp(2rem,1.4rem + 2.7vw,3.75rem);
  --s-tag:clamp(1.75rem,1.25rem + 2.3vw,3.2rem);
  --space:clamp(1.5rem,1.15rem + 1.75vw,2.75rem);
  --edge:clamp(1.25rem,.75rem + 2.6vw,3.5rem);
}
*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,h4,p,ul,ol,li,figure,dl,dt,dd{margin:0;padding:0;}
body{
  font-family:'Libre Franklin',system-ui,sans-serif;
  font-size:var(--s-0);line-height:1.62;font-weight:300;
  color:var(--tinte);background:var(--papier);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
ul,ol{list-style:none;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--tinte);outline-offset:4px;}
[id]{scroll-margin-top:3.5rem;}

.e-caslon{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.1;}
.e-wrap{width:min(64rem,100%);margin-inline:auto;padding-inline:var(--edge);}
.e-mark{display:block;font-size:var(--s--2);letter-spacing:.24em;text-transform:uppercase;color:var(--grau);font-weight:500;}

/* ── Präsenzo-Leiste ── */
.pz{background:var(--tinte);color:var(--papier);font-size:var(--s--1);}
.pz__in{width:min(64rem,100%);margin-inline:auto;padding:.6rem var(--edge);
  display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;justify-content:center;text-align:center;}
.pz__cta{color:var(--papier);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}

/* ── Kopf ── */
.kopf{border-bottom:1px solid var(--linie);}
.kopf__in{width:min(64rem,100%);margin-inline:auto;padding:1.1rem var(--edge);
  display:flex;align-items:baseline;gap:var(--space);flex-wrap:wrap;}
.haus{font-weight:700;font-size:var(--s-1);letter-spacing:.3em;text-transform:uppercase;text-decoration:none;}
.nav{margin-inline-start:auto;display:flex;gap:1.5rem;flex-wrap:wrap;font-size:var(--s--1);}
.nav a{text-decoration:none;color:var(--grau);padding-bottom:.1rem;border-bottom:1px solid transparent;}
.nav a:hover,.nav a[aria-current="page"]{color:var(--tinte);border-bottom-color:var(--tinte);}

/* ── Hero ── */
.mittag{padding-block:clamp(2.75rem,2rem + 4vw,5.5rem) 0;}
.mittag h1{font-size:var(--s-3);max-width:15ch;margin-top:1.1rem;font-weight:700;letter-spacing:-.028em;line-height:1.05;}
.mittag__lede{margin-top:1.35rem;max-width:44ch;font-size:var(--s-1);line-height:1.5;color:var(--grau);}
.mittag__reihe{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem;}

.e-voll{display:inline-block;background:var(--tinte);color:var(--papier);text-decoration:none;
  font-size:var(--s--1);font-weight:600;padding:.9rem 1.7rem;border:1px solid var(--tinte);}
.e-voll:hover{background:var(--papier);color:var(--tinte);}
.e-linie{display:inline-block;text-decoration:none;border:1px solid var(--linie);
  font-size:var(--s--1);font-weight:600;padding:.9rem 1.7rem;color:var(--grau);}
.e-linie:hover{border-color:var(--tinte);color:var(--tinte);}

/* ── Signatur: die Woche ── */
.woche{margin-top:clamp(2.5rem,2rem + 2.5vw,4rem);border-top:1px solid var(--tinte);}
.woche__kopf{display:flex;flex-wrap:wrap;gap:.4rem 2rem;align-items:baseline;justify-content:space-between;
  padding-top:1.1rem;}
.woche__kopf h2{font-size:var(--s--1);font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.woche__kopf span{font-size:var(--s--2);color:var(--grau);}

.tag{display:grid;grid-template-columns:1fr;gap:.15rem;
  padding-block:1.4rem;border-bottom:1px solid var(--linie);}
@media (min-width:48rem){
  .tag{grid-template-columns:minmax(7rem,9rem) minmax(0,1fr) auto;gap:0 var(--space);align-items:baseline;}
}
.tag__wo{font-size:var(--s--1);letter-spacing:.2em;text-transform:uppercase;color:var(--grau);font-weight:500;}
.tag__was{font-size:var(--s-tag);}
.tag__art{font-size:var(--s--1);color:var(--grau);white-space:nowrap;}
.tag[data-heute]{border-bottom-color:var(--tinte);}
.tag[data-heute] .tag__wo{color:var(--tinte);font-weight:700;}
.tag[data-heute] .tag__wo::after{content:" · heute";letter-spacing:.08em;text-transform:none;font-weight:500;}
.tag[data-heute] .tag__was{font-weight:400;}

.woche__fuss{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;align-items:baseline;}
.woche__preis{font-size:var(--s-2);font-weight:700;letter-spacing:-.02em;}
.woche__preistext{font-size:var(--s--1);color:var(--grau);max-width:44ch;}

/* ── Abschnitte ── */
.gang{padding-block:clamp(3rem,2.2rem + 4vw,5.5rem);border-top:1px solid var(--linie);}
.gang--asche{background:var(--asche);}
.gang--tinte{background:var(--tinte);color:var(--papier);border-top-color:var(--tinte);}
.gang--tinte .e-mark{color:rgba(255,255,255,.6);}
.gang__kopf{max-width:48ch;}
.gang__kopf h2{font-size:var(--s-2);margin-top:.75rem;font-weight:700;letter-spacing:-.024em;line-height:1.12;}
.gang__kopf p{margin-top:.9rem;color:var(--grau);}
.gang--tinte .gang__kopf p{color:rgba(255,255,255,.7);}

/* ── Gründe ── */
.gruende{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.gruende{grid-template-columns:1fr 1fr;}}
@media (min-width:64rem){.gruende{grid-template-columns:repeat(4,1fr);}}
.grund{border-top:1px solid var(--tinte);padding-top:1rem;}
.gang--tinte .grund{border-top-color:rgba(255,255,255,.5);}
.grund h3{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:var(--s-1);}
.grund p{margin-top:.5rem;font-size:var(--s--1);color:var(--grau);}
.gang--tinte .grund p{color:rgba(255,255,255,.7);}

/* ── Liste ── */
.zeilen{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:1px solid var(--tinte);}
.gang--tinte .zeilen{border-top-color:rgba(255,255,255,.5);}
.zeile{display:grid;gap:.3rem 1.5rem;grid-template-columns:1fr;
  padding-block:1.15rem;border-bottom:1px solid var(--linie);}
.gang--tinte .zeile{border-bottom-color:rgba(255,255,255,.18);}
@media (min-width:50rem){.zeile{grid-template-columns:minmax(10rem,.7fr) minmax(0,1.8fr) auto;align-items:baseline;}}
.zeile__name{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:var(--s-1);}
.zeile__text{font-size:var(--s--1);color:var(--grau);}
.gang--tinte .zeile__text{color:rgba(255,255,255,.7);}
.zeile__wert{font-size:var(--s--1);font-weight:600;white-space:nowrap;}

/* ── Bild ── */
.bild{margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
.bild img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.bild figcaption{margin-top:.65rem;font-size:var(--s--2);letter-spacing:.16em;text-transform:uppercase;color:var(--grau);}

/* ── Kontakt ── */
.paare{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.paare{grid-template-columns:1fr 1fr;}}
.paar h3{font-size:var(--s--2);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--grau);margin-bottom:.9rem;}
.paar__zeile{display:flex;justify-content:space-between;gap:1rem;padding-block:.5rem;
  border-bottom:1px solid var(--linie);font-size:var(--s--1);}
.gang--tinte .paar__zeile{border-bottom-color:rgba(255,255,255,.18);}
.paar__zeile span:last-child{font-weight:600;text-align:right;}

/* ── Unterseiten ── */
.oben{padding-block:clamp(2.5rem,1.9rem + 3vw,4.25rem) 0;}
.oben h1{font-size:var(--s-2);max-width:20ch;margin-top:.75rem;font-weight:700;letter-spacing:-.024em;line-height:1.12;}
.oben p{margin-top:.95rem;max-width:48ch;color:var(--grau);font-size:var(--s-1);line-height:1.5;}

.fuss{border-top:1px solid var(--linie);padding-block:2.5rem;font-size:var(--s--1);color:var(--grau);}
.fuss a{color:var(--tinte);}
.fuss p + p{margin-top:.45rem;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}
