/* Restaurant Waldschänke zum Griechen. Farben und Logo: Konzept 02 (Entscheidung Kunde 29.10.2026); Kopfbild „Abend in Makedonien“ (Herkunft der Familie: Drama und Serres, 29.10.2026).
   Ägäis-Nacht, Abendgold, heller Kalkstein, Glut des Sonnenuntergangs, Wald an den Hängen.
   Schrift: Cinzel wie im Logo (Überschriften), GFS Didot für griechische Zeichen, Alegreya kursiv (Erzählung), Alegreya Sans (Text). Alles selbst gehostet.
   Kopfbild bilder/makedonien-abend.svg und Zeichen bilder/zeichen.svg sind eigene Illustrationen von POLITISMEDIA. */
@font-face{font-family:"Alegreya";src:url(fonts/alegreya-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Alegreya";src:url(fonts/alegreya-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;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:"Alegreya";src:url(fonts/alegreya-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;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:"Alegreya";src:url(fonts/alegreya-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;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:"Alegreya";src:url(fonts/alegreya-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Alegreya";src:url(fonts/alegreya-latin-ext-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Alegreya";src:url(fonts/alegreya-greek-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya";src:url(fonts/alegreya-greek-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya";src:url(fonts/alegreya-greek-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya Sans";src:url(fonts/alegreya-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Alegreya Sans";src:url(fonts/alegreya-sans-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;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:"Alegreya Sans";src:url(fonts/alegreya-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;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:"Alegreya Sans";src:url(fonts/alegreya-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;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:"Alegreya Sans";src:url(fonts/alegreya-sans-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Alegreya Sans";src:url(fonts/alegreya-sans-greek-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya Sans";src:url(fonts/alegreya-sans-greek-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya Sans";src:url(fonts/alegreya-sans-greek-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0370-03FF}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cinzel-latin-400-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:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-600-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:"GFS Didot";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/gfs-didot-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"GFS Didot";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/gfs-didot-greek-400-normal.woff2) format("woff2");unicode-range:U+0370-03FF}

:root{
  /* Palette aus dem Logo (Konzept 02, Entscheidung Kunde 29.10.2026) */
  --nacht:#0a2a4e;     /* dunkles Mittelmeerblau: Kopfleiste, dunkle Flächen */
  --aegaeis:#0E3A6B;   /* Mediterranes Blau (Logo); auf Naturweiß 11:1 */
  --gold:#C9A962;      /* Softgold (Logo): Linien, Knöpfe. Nur auf Dunkel oder als Fläche */
  --hellgold:#ecdfbd;  /* Schrift auf Blau */
  --glut:#556B2F;      /* Olivgrün (Logo): Nummern, Hervorhebungen; auf Naturweiß 6,2:1 */
  --stein:#F8F6EF;     /* Naturweiß (Logo): heller Grund */
  --stein2:#DCCFB8;    /* Steinbeige (Logo) */
  --kutte:#1a2433;     /* Fließtext */
  --grau:#4f5663;      /* Nebentext; auf Naturweiß 7:1 */
  --wald:#556B2F;
  --linie:#e1d7c4;
  --didot:"Cinzel","GFS Didot",Georgia,serif;  /* Cinzel wie im Logo; griechische Zeichen fallen auf GFS Didot */
  --kopf:"Alegreya",Georgia,serif;
  --text:"Alegreya Sans",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--stein);color:var(--kutte);font:400 1.125rem/1.6 var(--text)}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--didot);font-weight:400;line-height:1.08;margin:0}
h2{font-size:clamp(2.1rem,6.5vw,3.4rem)}
h2 em{font-family:var(--kopf);font-style:italic;color:var(--glut)}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.draft[hidden]{display:none}.draft{background:var(--hellgold);color:var(--nacht);font:500 .9rem/1.2 var(--text);text-align:center;padding:7px 12px}
.ober{font:700 .8rem/1.3 var(--text);letter-spacing:.24em;text-transform:uppercase;color:var(--glut);margin:0 0 .8rem}
.offen{background:#fff3c4;color:#3a2a00;outline:1px dashed #b08a2e;padding:0 .25em;border-radius:3px}

/* Kopfleiste */
.bar{position:sticky;top:0;z-index:20;background:rgba(11,34,54,.96);color:#fff;border-bottom:1px solid rgba(228,165,61,.35);backdrop-filter:blur(6px)}
.bar .wrap{display:flex;align-items:center;gap:10px;min-height:64px}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.marke img{width:42px;height:42px;flex:none}
.marke span{display:flex;flex-direction:column;line-height:1;white-space:nowrap}
.marke b{font:600 1.22rem/1 var(--didot);letter-spacing:.06em;text-transform:uppercase;color:var(--hellgold)}
.marke small{font:700 .6rem/1.5 var(--text);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.bar nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.bar .nl{display:none;text-decoration:none;padding:8px 12px;font-size:1rem;color:var(--hellgold)}
.bar .nl:hover{color:#fff}
@media (min-width:980px){.bar .nl{display:inline-block}}
.sprache{position:relative}
.sprache>button{background:none;border:1px solid rgba(228,165,61,.55);color:var(--hellgold);font:500 .9rem var(--text);padding:7px 10px;border-radius:4px;cursor:pointer;min-width:44px;min-height:40px}
.sprache ul{position:absolute;right:0;top:calc(100% + 6px);list-style:none;margin:0;padding:6px;background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.25);min-width:150px}
.sprache ul button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 10px;font:400 1rem var(--text);color:var(--kutte);cursor:pointer;border-radius:4px}
.sprache ul button[aria-current=true]{background:var(--stein);font-weight:700}
.res{background:var(--gold);color:var(--nacht);border:0;font:700 .95rem var(--text);padding:10px 14px;border-radius:4px;cursor:pointer;margin-left:6px;min-height:40px}
.res:hover{background:var(--hellgold)}
@media (max-width:420px){.marke b{font-size:1.08rem;letter-spacing:.05em}.marke small{letter-spacing:.2em}.res{padding:10px 10px}}

/* Knöpfe */
.knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.kn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:4px;border:1px solid currentColor;background:none;color:inherit;font:700 1rem var(--text);text-decoration:none;cursor:pointer}
.kn.voll{background:var(--gold);border-color:var(--gold);color:var(--nacht)}
.kn.voll:hover{background:var(--hellgold);border-color:var(--hellgold)}
.kn.dunkel{background:var(--nacht);border-color:var(--nacht);color:#fff}
.kn[hidden]{display:none}

/* Kopfbereich: Abend in Makedonien */
.held{position:relative;color:#fff;min-height:min(92vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:var(--nacht)}
.held .bild{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:66% 50%}
.held:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,54,.78) 0%,rgba(11,34,54,.35) 55%,rgba(11,34,54,0) 80%),linear-gradient(0deg,rgba(11,34,54,.85) 0%,rgba(11,34,54,0) 45%)}
.held .wrap{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:64px}
.held .ober{color:var(--gold)}
.held h1{font-size:clamp(3.1rem,12vw,7.4rem);letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:.95;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.held h1.wortmarke{margin:0 0 .4rem;text-shadow:none}
.held h1.wortmarke img{width:min(100%,560px);height:auto;filter:drop-shadow(0 4px 24px rgba(0,0,0,.45))}
.held h1 small{display:block;font:italic 400 clamp(1.3rem,4vw,2rem)/1.2 var(--kopf);letter-spacing:0;text-transform:none;color:var(--hellgold);margin-bottom:.35rem}
.held .satz{font:italic 400 clamp(1.25rem,3.4vw,1.65rem)/1.4 var(--kopf);color:#fff;margin:1.1rem 0 1.6rem;max-width:34ch}
.heute{display:inline-flex;align-items:center;gap:8px;font-size:.98rem;color:var(--hellgold);margin:0 0 1rem}
.heute:before{content:"";width:9px;height:9px;border-radius:50%;background:#6fcf7f;box-shadow:0 0 0 4px rgba(111,207,127,.2)}
.heute.zu:before{background:#b9b2a3;box-shadow:none}
.heute[hidden]{display:none}
.stempel{position:absolute;right:20px;top:24px;z-index:2;width:112px;height:112px;border-radius:50%;background:var(--gold);color:var(--nacht);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-10deg);box-shadow:0 8px 24px rgba(0,0,0,.3);font:700 .74rem/1.15 var(--text);letter-spacing:.08em;text-transform:uppercase;padding:10px}
.stempel b{font:400 1.2rem/1 var(--didot);letter-spacing:.02em;text-transform:none;margin:3px 0}
@media (min-width:980px){.stempel{right:max(20px,calc((100vw - 1140px)/2 + 20px));top:40px;width:128px;height:128px}}

/* Geschichte in vier Kapiteln */
.geschichte{padding:84px 0 40px}
.geschichte .kopf{max-width:760px}
.geschichte .kopf p{font-size:1.22rem;color:var(--grau);margin:1rem 0 0}
.kapitel{display:grid;gap:22px;margin-top:44px;counter-reset:k}
@media (min-width:760px){.kapitel{grid-template-columns:repeat(2,1fr)}}
.kap{position:relative;background:#fff;border:1px solid var(--linie);border-radius:6px;padding:28px 24px 24px 24px;counter-increment:k}
.kap:before{content:counter(k,upper-roman);position:absolute;right:20px;top:14px;font:400 2.6rem/1 var(--didot);color:var(--stein2)}
.kap svg{width:46px;height:46px;color:var(--aegaeis);margin-bottom:14px}
.kap h3{font-size:1.7rem;margin-bottom:.5rem;color:var(--nacht)}
.kap p{margin:0;color:var(--grau)}
.kap .gr{display:block;font:italic 400 1.05rem var(--kopf);color:var(--glut);margin-bottom:.3rem}
.zitat{margin:56px auto 0;max-width:820px;text-align:center;font:italic 400 clamp(1.4rem,3.6vw,2rem)/1.4 var(--kopf);color:var(--aegaeis)}
.zitat small{display:block;margin-top:.6rem;font:700 .78rem var(--text);letter-spacing:.22em;text-transform:uppercase;color:var(--grau);font-style:normal}

/* Garten: Minigolf, Spielplatz, Parkplatz (Fotos vom Kunden) */
.garten{padding:20px 0 84px}
.garten .kopf{max-width:760px}
.garten .kopf p{font-size:1.2rem;color:var(--grau);margin:1rem 0 0}
.kacheln{display:grid;gap:18px;margin-top:34px}
@media (min-width:760px){.kacheln{grid-template-columns:repeat(3,1fr)}}
.kacheln figure{margin:0;background:#fff;border:1px solid var(--linie);border-radius:6px;overflow:hidden}
.kacheln img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kacheln figcaption{padding:18px 20px 22px}
.kacheln b{display:block;font:400 1.45rem/1.2 var(--didot);color:var(--aegaeis);margin-bottom:.35rem}
.kacheln span{color:var(--grau)}

/* Lieblingsgerichte */
.lieblinge{background:var(--nacht);color:#fff;padding:80px 0;position:relative}
.lieblinge .ober{color:var(--gold)}
.lieblinge h2 em{color:var(--gold)}
.teller{display:grid;gap:16px;margin-top:34px}
@media (min-width:640px){.teller{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.teller{grid-template-columns:repeat(4,1fr)}}
.teller article{background:rgba(255,255,255,.04);border:1px solid rgba(228,165,61,.3);border-radius:6px;padding:22px;display:flex;flex-direction:column}
.teller .nr{font:700 .8rem var(--text);letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.teller h3{font-size:1.55rem;color:var(--hellgold);margin:.4rem 0 .5rem}
.teller p{margin:0 0 1rem;color:#d4dbe2;font-size:1rem;flex:1}
.teller .preis{font:400 1.5rem var(--didot);color:#fff}
.teller .tipp{display:inline-block;font:700 .72rem var(--text);letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--nacht);padding:3px 8px;border-radius:3px;margin-bottom:10px;align-self:flex-start}

/* Kartenübersicht */
.verz{padding:80px 0}
.verz .wrap{display:grid;gap:28px}
@media (min-width:900px){.verz .wrap{grid-template-columns:.8fr 1.2fr;align-items:start}}
.verz ol{list-style:none;margin:0;padding:0;columns:1;column-gap:28px}
@media (min-width:640px){.verz ol{columns:2}}
.verz li{break-inside:avoid;border-bottom:1px solid var(--linie)}
.verz li a{display:flex;gap:14px;align-items:baseline;padding:12px 0;text-decoration:none}
.verz li span{font:700 .85rem var(--text);color:var(--glut);min-width:62px}
.verz li b{font:400 1.2rem var(--didot)}
.verz li a:hover b{text-decoration:underline}
.hinweis-klein{color:var(--grau);font-size:.98rem}

/* Kinder und Gutschein */
.band{background:var(--stein2);padding:60px 0}
.band .wrap{display:grid;gap:28px}
@media (min-width:860px){.band .wrap{grid-template-columns:1fr 1fr}}
.band .karte{background:var(--stein);border-radius:6px;padding:26px;border:1px solid var(--linie)}
.band h3{font-size:1.8rem;margin-bottom:.5rem;color:var(--nacht)}
.band p{margin:0 0 1rem;color:var(--grau)}

/* Zeiten und Kontakt */
.info{padding:80px 0}
.info .wrap{display:grid;gap:40px}
@media (min-width:860px){.info .wrap{grid-template-columns:1fr 1fr}}
table.zeiten{border-collapse:collapse;width:100%;margin-top:18px;font-size:1.05rem}
.zeiten th,.zeiten td{text-align:left;padding:10px 4px;border-bottom:1px solid var(--linie);font-weight:400}
.zeiten th{width:45%}
.zeiten tr.jetzt th,.zeiten tr.jetzt td{font-weight:700;color:var(--aegaeis)}
.zeiten tr.jetzt th:after{content:" · " attr(data-heute)}
#pm-sondertage{margin-top:14px;color:var(--grau);font-size:.98rem}
.kontakt address{font-style:normal;font-size:1.15rem;line-height:1.7;margin:18px 0 22px}

/* Fuß */
.fuss{background:var(--nacht);color:#cdd6de;padding:50px 0 34px;text-align:center}
.fuss .wort{width:min(100%,360px);height:auto;margin:0 auto 16px}
.fuss .name{font:400 1.7rem var(--didot);letter-spacing:.08em;text-transform:uppercase;color:var(--hellgold);margin:0}
.fuss .name small{display:block;font:italic 400 1.05rem var(--kopf);letter-spacing:0;text-transform:none;color:var(--gold)}
.fuss p{margin:.4rem 0}
.fuss .klein{font-size:.92rem}
.fuss a{color:#e7ecf0}

/* Speisekarte */
.kkopf{position:relative;color:#fff;padding:64px 0 40px;background:var(--nacht) url(bilder/makedonien-abend.svg) center 70%/cover no-repeat}
.kkopf:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,54,.85),rgba(11,34,54,.45))}
.kkopf .wrap{position:relative}
.kkopf .ober{color:var(--gold)}
.kkopf h1{font-size:clamp(2.8rem,9vw,4.4rem);letter-spacing:.04em;text-transform:uppercase;color:#fff}
.kkopf p{margin:.8rem 0 0;color:#e2e7ec;max-width:60ch}
.reiter{position:sticky;top:64px;z-index:10;background:var(--stein);border-bottom:1px solid var(--linie)}
.reiter .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}
.reiter a{flex:none;text-decoration:none;font:500 .95rem var(--text);padding:8px 12px;border:1px solid var(--linie);border-radius:999px;background:#fff;white-space:nowrap}
.reiter a:hover{border-color:var(--aegaeis)}
.gruppe{padding:40px 0 8px;scroll-margin-top:120px}
.gruppe h2{font-size:clamp(1.9rem,5.5vw,2.6rem);color:var(--nacht)}
.gruppe .hinweis{margin:.5rem 0 0;color:var(--glut);font-style:italic}
.liste{list-style:none;margin:16px 0 0;padding:0}
.ger{padding:14px 0;border-bottom:1px solid var(--linie)}
.ger .z{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline}
.ger .nr{font:700 .85rem var(--text);color:var(--glut);min-width:30px}
.ger h3{font:400 1.3rem/1.25 var(--didot)}
.ger .pr{font:700 1.08rem var(--text);white-space:nowrap}
.ger p{margin:.25rem 0 0 42px;color:var(--grau);font-size:1rem}
.ger.aus h3,.ger.aus .pr{opacity:.55}
.legende{margin:40px 0 60px;padding:22px;background:#fff;border:1px solid var(--linie);border-radius:6px;color:var(--grau);scroll-margin-top:120px}
.legende h2{font-size:1.6rem;color:var(--nacht);margin-bottom:.4rem}
.legende h3{font:700 .8rem var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--glut);margin:1.2rem 0 .4rem}
.leg2{display:grid;gap:4px 28px}
@media (min-width:760px){.leg2{grid-template-columns:2fr 1fr}}
.legende ul{list-style:none;margin:0;padding:0;columns:1;column-gap:24px;font-size:.98rem}
@media (min-width:760px){.leg2>div:first-child ul{columns:2}}
.legende li{padding:2px 0;break-inside:avoid}
.legende li b{display:inline-block;min-width:1.8em;color:var(--aegaeis)}
.ger .al{font:700 .72rem var(--text);color:var(--glut);letter-spacing:.04em;vertical-align:super;margin-left:4px;white-space:nowrap}
.ger .me{font:400 .9rem var(--text);color:var(--grau);margin-left:6px;white-space:nowrap}

/* Rechtliches */
.seite{padding:48px 0 64px}
.seite .wrap{max-width:780px;overflow-wrap:anywhere}
.seite h1{font-size:clamp(2.4rem,8vw,3.4rem);color:var(--nacht);margin-bottom:1rem}
.seite h2{font-size:1.5rem;margin:1.8rem 0 .4rem;color:var(--nacht)}
.seite p{margin:.3rem 0}

/* Reservierungsdialog */
.resd{border:0;border-radius:8px;padding:0;max-width:460px;width:calc(100% - 24px);color:var(--kutte)}
.resd::backdrop{background:rgba(11,34,54,.72)}
.resd form,.resok{padding:24px}
.resd h3{font-size:1.9rem;color:var(--nacht);margin-bottom:12px}
.resd label{display:block;margin:0 0 12px;font-size:.95rem;font-weight:500}
.resd input,.resd select,.resd textarea{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #b9ad97;border-radius:4px;font:400 1rem var(--text);background:#fff;min-height:44px}
.resd .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resd .go{width:100%;background:var(--nacht);color:#fff;border:0;border-radius:4px;padding:13px;font:700 1.05rem var(--text);cursor:pointer;min-height:48px}
.resd .cx{width:100%;background:none;border:0;padding:12px;font:500 1rem var(--text);color:var(--grau);cursor:pointer}
.resd small{display:block;color:var(--grau);font-size:.88rem;margin-top:6px}
.resd .hp{position:absolute;left:-9999px;width:1px;height:1px}
#resmsg{margin-bottom:10px}
#resmsg.fehler{color:#9b2c1d;font-weight:500}
.resok{text-align:center}
.resok .haken{width:60px;height:60px;border-radius:50%;background:var(--aegaeis);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.okwer{font-weight:700}
/* Feste und Feiern (10.11.2026): dunkle Fläche wie „Aus unserer Küche“, ohne Foto bis Bilder vom Saal da sind */
.feiern{background:var(--nacht);color:#fff;padding:84px 0}
.feiern .kopf{max-width:760px}
.feiern .ober{color:var(--gold)}
.feiern h2{color:#fff}
.feiern h2 em{color:var(--gold)}
.feiern .kopf p{font-size:1.2rem;color:rgba(255,255,255,.84);margin:1rem 0 0}
.feiern-punkte{list-style:none;padding:0;margin:1.6rem 0 2rem;display:grid;gap:.7rem;max-width:760px}
.feiern-punkte li{position:relative;padding-left:2.2rem;color:rgba(255,255,255,.9);font-size:1.08rem}
.feiern-punkte li:before{content:"";position:absolute;left:0;top:.8em;width:1.4rem;height:1px;background:var(--gold)}
.feiern + .garten{padding-top:84px}
/* Schließen-Kreuz oben rechts im Fenster „Tisch anfragen“ (Regel Nikolaos 08.11.2026) */
.resd .resx{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;color:var(--nacht);font-size:1.3rem;line-height:1;cursor:pointer;border-radius:50%}
.resd .resx:hover,.resd .resx:focus-visible{background:var(--stein2)}