:root{
  /* vom Tresen: Betonplatte, petrolfarbene Kachel, Eidotter, Nori, Edelstahl */
  --beton:#E7E6E2;
  --beton-hell:#F4F3F0;
  --tinte:#111517;
  --kachel:#17505E;
  --kachel-tief:#0D2C35;
  --dotter:#E9A317;
  --nori:#25352C;
  --stahl:#71797B;

  --s--2:clamp(.73rem,.71rem + .1vw,.8rem);
  --s--1:clamp(.86rem,.83rem + .13vw,.95rem);
  --s-0:clamp(1.02rem,.99rem + .16vw,1.12rem);
  --s-1:clamp(1.16rem,1.06rem + .4vw,1.42rem);
  --s-2:clamp(1.6rem,1.2rem + 1.8vw,2.85rem);
  --s-3:clamp(2.5rem,1.5rem + 4.4vw,5.5rem);
  --s-uhr:clamp(3rem,1.9rem + 4.8vw,6rem);
  --space:clamp(1.4rem,1.1rem + 1.5vw,2.5rem);
  --edge:clamp(1.2rem,.7rem + 2.5vw,3.25rem);
}
*,*::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:'Barlow',system-ui,sans-serif;
  font-size:var(--s-0);line-height:1.6;font-weight:400;
  color:var(--tinte);background:var(--beton);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
ul,ol{list-style:none;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--dotter);outline-offset:2px;}
[id]{scroll-margin-top:3.5rem;}

.r-plakat{font-family:'Anton',Impact,sans-serif;font-weight:400;line-height:.94;
  letter-spacing:.005em;text-transform:uppercase;}
.r-wrap{width:min(73rem,100%);margin-inline:auto;padding-inline:var(--edge);}
.r-mark{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-size:var(--s--1);
  letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--kachel);}

/* ── Präsenzo-Leiste ── */
.pz{background:var(--tinte);color:var(--beton);font-size:var(--s--1);}
.pz__in{width:min(73rem,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(--dotter);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}

/* ── Kopf ── */
.kopf{background:var(--kachel);color:var(--beton-hell);position:sticky;top:0;z-index:20;}
.kopf__in{width:min(73rem,100%);margin-inline:auto;padding:.8rem var(--edge);
  display:flex;align-items:center;gap:var(--space);flex-wrap:wrap;}
.haus{font-family:'Anton',sans-serif;font-size:var(--s-1);letter-spacing:.09em;text-transform:uppercase;
  text-decoration:none;display:flex;align-items:baseline;gap:.55rem;}
.haus span{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:var(--s--1);
  letter-spacing:.2em;color:var(--dotter);}
.nav{margin-inline-start:auto;display:flex;gap:1.4rem;flex-wrap:wrap;
  font-family:'Barlow Condensed',sans-serif;font-size:var(--s--1);font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;}
.nav a{text-decoration:none;color:rgba(244,243,240,.72);padding-bottom:.1rem;border-bottom:2px solid transparent;}
.nav a:hover,.nav a[aria-current="page"]{color:var(--beton-hell);border-bottom-color:var(--dotter);}

/* ── Hero ── */
.tresen{padding-block:clamp(2.25rem,1.7rem + 3vw,4rem) 0;}
.tresen h1{font-size:var(--s-3);max-width:13ch;margin-top:.9rem;}
.tresen h1 span{color:var(--kachel);}
.tresen__lede{margin-top:1.3rem;max-width:44ch;font-size:var(--s-1);line-height:1.5;color:#4A5254;}
.tresen__reihe{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.65rem;}

.n-voll{display:inline-block;background:var(--tinte);color:var(--beton-hell);text-decoration:none;
  font-family:'Barlow Condensed',sans-serif;font-size:var(--s-0);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:.85rem 1.7rem;border:2px solid var(--tinte);}
.n-voll:hover{background:var(--dotter);border-color:var(--dotter);color:var(--tinte);}
.n-linie{display:inline-block;text-decoration:none;border:2px solid var(--tinte);
  font-family:'Barlow Condensed',sans-serif;font-size:var(--s-0);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:.85rem 1.7rem;}
.n-linie:hover{background:var(--tinte);color:var(--beton-hell);}

/* ── Signatur: der Sud-Wähler ── */
.sud{margin-top:clamp(2.25rem,1.7rem + 2.5vw,3.5rem);}
.sud input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.sud__schalter{display:flex;flex-wrap:wrap;gap:0;border:2px solid var(--tinte);border-bottom:0;}
.sud__schalter label{flex:1 1 8rem;text-align:center;cursor:pointer;padding:.75rem .6rem;
  font-family:'Barlow Condensed',sans-serif;font-size:var(--s-0);font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;border-right:2px solid var(--tinte);}
.sud__schalter label:last-child{border-right:0;}
.sud__schalter label:hover{background:rgba(17,21,23,.07);}

.tafel{display:none;border:2px solid var(--tinte);background:var(--kachel);color:var(--beton-hell);}
#s1:checked ~ .tafel--1,#s2:checked ~ .tafel--2,#s3:checked ~ .tafel--3,#s4:checked ~ .tafel--4{display:block;}
#s1:checked ~ .sud__schalter label[for="s1"],#s2:checked ~ .sud__schalter label[for="s2"],
#s3:checked ~ .sud__schalter label[for="s3"],#s4:checked ~ .sud__schalter label[for="s4"]{
  background:var(--tinte);color:var(--beton-hell);}
#s1:focus-visible ~ .sud__schalter label[for="s1"],#s2:focus-visible ~ .sud__schalter label[for="s2"],
#s3:focus-visible ~ .sud__schalter label[for="s3"],#s4:focus-visible ~ .sud__schalter label[for="s4"]{
  outline:3px solid var(--dotter);outline-offset:-3px;}

.tafel__in{display:grid;grid-template-columns:1fr;gap:var(--space);
  padding:clamp(1.3rem,1rem + 1.4vw,2.25rem);}
@media (min-width:52rem){.tafel__in{grid-template-columns:minmax(10rem,.62fr) minmax(0,1fr);align-items:start;}}
.tafel__uhr{font-family:'Anton',sans-serif;font-size:var(--s-uhr);line-height:.85;color:var(--dotter);}
.tafel__uhrtext{display:block;margin-top:.5rem;font-family:'Barlow Condensed',sans-serif;
  font-size:var(--s--1);letter-spacing:.2em;text-transform:uppercase;color:rgba(244,243,240,.72);}
.tafel h2{font-family:'Anton',sans-serif;font-size:var(--s-2);letter-spacing:.02em;text-transform:uppercase;line-height:1;}
.tafel p{margin-top:.85rem;color:rgba(244,243,240,.84);max-width:46ch;}
.tafel__zeilen{margin-top:1.3rem;border-top:1px solid rgba(244,243,240,.28);}
.tafel__zeile{display:flex;justify-content:space-between;gap:1rem;padding-block:.6rem;
  border-bottom:1px solid rgba(244,243,240,.16);font-size:var(--s--1);}
.tafel__zeile b{font-weight:600;color:var(--dotter);white-space:nowrap;}
.sud__fuss{margin-top:1.1rem;font-size:var(--s--1);color:#4A5254;max-width:60ch;}

/* ── Abschnitte ── */
.bank{padding-block:clamp(3rem,2.2rem + 4vw,5.5rem);border-top:2px solid var(--tinte);}
.bank--hell{background:var(--beton-hell);}
.bank--nori{background:var(--nori);color:var(--beton-hell);border-top-color:var(--nori);}
.bank--nori .r-mark{color:var(--dotter);}
.bank__kopf{max-width:50ch;}
.bank__kopf h2{font-family:'Anton',sans-serif;font-size:var(--s-2);text-transform:uppercase;
  letter-spacing:.01em;line-height:1;margin-top:.7rem;}
.bank__kopf p{margin-top:.9rem;color:#4A5254;}
.bank--nori .bank__kopf p{color:rgba(231,230,226,.76);}

/* ── Karte ── */
.speisen{margin-top:clamp(2rem,1.5rem + 2vw,3rem);border-top:2px solid var(--tinte);}
.bank--nori .speisen{border-top-color:var(--dotter);}
.speise{display:grid;gap:.25rem 1.5rem;grid-template-columns:1fr auto;
  padding-block:1.05rem;border-bottom:1px solid rgba(17,21,23,.16);align-items:baseline;}
.bank--nori .speise{border-bottom-color:rgba(231,230,226,.18);}
.speise__name{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:var(--s-1);
  letter-spacing:.04em;text-transform:uppercase;}
.speise__preis{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:var(--s-1);
  color:var(--kachel);white-space:nowrap;}
.bank--nori .speise__preis{color:var(--dotter);}
.speise__text{grid-column:1 / -1;font-size:var(--s--1);color:#4A5254;}
.bank--nori .speise__text{color:rgba(231,230,226,.76);}
.mwst{margin-top:1.4rem;font-size:var(--s--1);color:#4A5254;max-width:58ch;}
.bank--nori .mwst{color:rgba(231,230,226,.76);}

/* ── Regeln ── */
.regeln{display:grid;gap:var(--space);grid-template-columns:1fr;margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
@media (min-width:44rem){.regeln{grid-template-columns:1fr 1fr;}}
@media (min-width:66rem){.regeln{grid-template-columns:repeat(3,1fr);}}
.regel{border-top:4px solid var(--dotter);padding-top:1rem;}
.regel h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:var(--s-1);
  letter-spacing:.05em;text-transform:uppercase;}
.regel p{margin-top:.5rem;font-size:var(--s--1);color:#4A5254;}
.bank--nori .regel p{color:rgba(231,230,226,.76);}

/* ── Bild ── */
.bild{margin-top:clamp(2rem,1.5rem + 2vw,3rem);}
.bild img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--tinte);}
.bild figcaption{margin-top:.65rem;font-family:'Barlow Condensed',sans-serif;font-size:var(--s--1);
  letter-spacing:.16em;text-transform:uppercase;color:#4A5254;}

/* ── 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-family:'Barlow Condensed',sans-serif;font-size:var(--s--1);font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--kachel);margin-bottom:.85rem;}
.bank--nori .paar h3{color:var(--dotter);}
.paar__zeile{display:flex;justify-content:space-between;gap:1rem;padding-block:.55rem;
  border-bottom:1px solid rgba(17,21,23,.16);font-size:var(--s--1);}
.bank--nori .paar__zeile{border-bottom-color:rgba(231,230,226,.18);}
.paar__zeile span:last-child{font-weight:600;text-align:right;}

/* ── Unterseiten ── */
.oben{padding-block:clamp(2.25rem,1.7rem + 3vw,4rem);}
.oben h1{font-family:'Anton',sans-serif;font-size:var(--s-2);text-transform:uppercase;
  letter-spacing:.01em;line-height:1;margin-top:.7rem;max-width:18ch;}
.oben h1 span{color:var(--kachel);}
.oben p{margin-top:1rem;max-width:50ch;color:#4A5254;font-size:var(--s-1);line-height:1.5;}

.fuss{border-top:2px solid var(--tinte);padding-block:2.5rem;font-size:var(--s--1);color:#4A5254;}
.fuss a{color:var(--kachel);font-weight:600;}
.fuss p + p{margin-top:.45rem;}

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