/* Quán 19: Farben und Schriften der Startseite ("Scroll-Bühne", 08.10.2026) für die Unterseiten.
   Wird nach style.css und seiten.css geladen und überschreibt nur Farben, Schriften und den Kopf. */

@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-normal.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-display-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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-display-vietnamese-wght-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}

:root{
  --nacht:#170e0a;
  --nacht-2:#2a1a13;
  --linie:#40291f;
  --papier:#f3ebdc;
  --papier-2:#e8dcc6;
  --gold:#c9ad78;
  --gold-hell:#e4cf9f;
  --rot:#a3241c;
  --text-hell:#f3ebdc;
  --text-hell-2:#c4b7a4;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
}
.unterseite .kopf,.kopf.fest{background:rgb(23 14 10 / .95)}
.karte-sprung{background:rgb(23 14 10 / .95)}
.kopf-reservieren.knopf-gold{background:var(--rot);color:#fff}
.kopf-reservieren.knopf-gold:hover{background:#c02c22;color:#fff}
.seite-kopf h1{font-weight:800;letter-spacing:-.015em}
.karte-kat h2,.text-block h2{font-weight:700}
.gericht h4{font-weight:600}
.abc dt{font-weight:600}
@media (max-width:820px){
  .kopf{background:rgb(23 14 10 / .95)}
  .handyleiste{background:rgb(23 14 10 / .96);gap:.5rem;padding-left:.6rem;padding-right:.6rem}
  .handyleiste a{border-radius:999px;border-color:rgb(201 173 120 / .45)}
  .handyleiste .hl-haupt{background:var(--rot);border-color:var(--rot);color:#fff}
}
.unterseite a.knopf-gold[href*="resmio"]{background:var(--rot);color:#fff}
.unterseite a.knopf-gold[href*="resmio"]:hover{background:#c02c22;color:#fff}

/* Fassung 14: Speisekarte und Reservieren im Kopf, in jeder Breite sichtbar */
.kopf-innen .nav{margin-left:auto}
.kopf-karte-u,.kopf-reservieren{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:44px;padding:.55rem 1.1rem;border-radius:999px;white-space:nowrap;font-weight:600;line-height:1;text-decoration:none;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s,color .25s,box-shadow .25s}
.kopf-karte-u{border:1px solid var(--gold);background:rgb(23 14 10 / .55);color:var(--gold-hell)}
.kopf-karte-u:hover{background:var(--gold);color:var(--nacht);transform:translateY(-2px)}
.kopf-karte-u[aria-current="page"]{background:rgb(201 173 120 / .16)}
.kopf-reservieren{box-shadow:0 6px 20px rgb(163 36 28 / .45),inset 0 0 0 1px rgb(255 255 255 / .14)}
.kopf-reservieren:hover{transform:translateY(-2px)}
.kopf-karte-u:focus-visible,.kopf-reservieren:focus-visible{outline:2px solid var(--gold-hell);outline-offset:3px}
.ks{width:1.15rem;height:1.15rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.t-kurz{display:none}
.kopf-innen .nav li:first-child{display:none}
@media (max-width:820px){
  .kopf-innen{gap:.5rem}
  .kopf-karte-u{margin-left:auto}
  .kopf-karte-u,.kopf-reservieren{display:inline-flex;padding:.5rem .9rem;font-size:.88rem}
  .menue-knopf{margin-left:0;flex:none}
  .kopf-innen .nav li:first-child{display:list-item}
}
@media (max-width:520px){
  .marke-bild{height:36px}
  .kopf-innen{gap:.35rem}
  .kopf-karte-u,.kopf-reservieren{padding:.45rem .7rem;font-size:.8rem}
  .ks{width:1rem;height:1rem}
  .t-lang{display:none}.t-kurz{display:inline}
}
@media (max-width:374px){
  .ks{display:none}
  .marke-bild{height:32px}
  .kopf-innen{gap:.3rem}
  .kopf-karte-u,.kopf-reservieren{padding:.45rem .6rem}
}
@media (prefers-reduced-motion:reduce){.kopf-karte-u,.kopf-reservieren{transition:none;transform:none!important}}
.kopf-karte-u,.kopf-reservieren{flex:none}
@media (max-width:399px){.ks{display:none}}
@media (min-width:821px){.kopf-karte-u{margin-left:.5rem}.kopf-karte-u+.kopf-reservieren{margin-left:-14px}}