/* Poseidon Hengersberg (PM-097) · Farben aus dem Logo: Nachtblau, Ägäis, Welle, Gold, Sand (Speisekarte „Greece Design“) */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cinzel-latin-500-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+2212,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+2000-206F,U+20AC,U+2122,U+2212,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,U+1F00-1FFF}
@font-face{font-family:"Alegreya Sans";font-weight:400;font-display:swap;src:url(fonts/alegreya-sans-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:"Alegreya Sans";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/alegreya-sans-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Alegreya Sans";font-weight:500;font-display:swap;src:url(fonts/alegreya-sans-latin-500-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:"Alegreya Sans";font-weight:700;font-display:swap;src:url(fonts/alegreya-sans-latin-700-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:"Alegreya Sans";font-weight:400;font-display:swap;src:url(fonts/alegreya-sans-latin-ext-400-normal.woff2) format("woff2");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";font-weight:400;font-display:swap;src:url(fonts/alegreya-sans-greek-400-normal.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya Sans";font-weight:500;font-display:swap;src:url(fonts/alegreya-sans-greek-500-normal.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Alegreya Sans";font-weight:700;font-display:swap;src:url(fonts/alegreya-sans-greek-700-normal.woff2) format("woff2");unicode-range:U+0370-03FF}

:root{
 --nacht:#0b1f45;--nacht2:#071530;--aegaeis:#14407a;--welle:#2a8fc8;--gischt:#d9ecf7;
 --gold:#b8862b;--gold-hell:#e2bd62;--gold-tief:#8a5f12;
 --sand:#f9f2ec;--sand2:#f1e6da;--weiss:#fff;--ink:#16203a;--grau:#5b6275;
 --rund:14px;--schatten:0 10px 30px rgba(11,31,69,.12);
 --kopf:"Cinzel","GFS Didot",Georgia,serif;--text:"Alegreya Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sand);color:var(--ink);font:400 17px/1.6 var(--text)}
img{max-width:100%;height:auto;display:block}
a{color:var(--aegaeis)}
h1,h2,h3{font-family:var(--kopf);font-weight:600;line-height:1.2;color:var(--nacht);margin:0 0 .5em;letter-spacing:.02em}
h2{font-size:clamp(1.6rem,4.6vw,2.4rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.draft{position:sticky;top:0;z-index:60;background:#ffe36e;color:#3a2f00;font:600 13px/1.3 var(--text);text-align:center;padding:6px 10px}
.gelb{background:#fff2a8;padding:0 .2em;border-radius:3px}
.ober{font:600 .8rem/1.2 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-tief);margin-bottom:.6em}
.lead{color:var(--grau);font-size:1.06rem;max-width:62ch}
.mitte{text-align:center}.mitte .lead{margin-inline:auto}

/* Kopfleiste */
.bar{position:sticky;top:0;z-index:50;background:rgba(249,242,236,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(184,134,43,.28)}
.draft:not([hidden])+.bar{top:27px}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--nacht)}
.marke img{width:42px;height:42px}
.marke b{display:block;font:600 1.15rem/1 var(--kopf);letter-spacing:.14em}
.marke small{display:block;font:600 .62rem/1.2 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-tief);margin-top:3px}
nav{display:flex;align-items:center;gap:4px}
.nl{display:none;padding:8px 10px;text-decoration:none;color:var(--nacht);font-weight:500;border-radius:8px}
.nl:hover{background:var(--sand2)}
.sprache{position:relative}
.sprache>button{background:none;border:1px solid rgba(11,31,69,.2);border-radius:8px;padding:7px 9px;font:600 .8rem var(--text);color:var(--nacht);cursor:pointer}
.sprache ul{position:absolute;right:0;top:110%;list-style:none;margin:0;padding:6px;background:#fff;border-radius:10px;box-shadow:var(--schatten);min-width:150px}
.sprache ul button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:6px;font:500 .95rem var(--text);cursor:pointer;color:var(--ink)}
.sprache ul button:hover,.sprache ul button[aria-current=true]{background:var(--sand2)}
.res{background:var(--nacht);color:#fff;border:0;border-radius:999px;padding:9px 15px;font:600 .9rem var(--text);cursor:pointer}
.res:hover{background:var(--aegaeis)}
@media(min-width:900px){.nl{display:inline-block}}

/* Knöpfe */
.knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.kn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:999px;border:1.5px solid currentColor;
 background:transparent;color:inherit;font:600 1rem var(--text);text-decoration:none;cursor:pointer}
.kn.voll{background:var(--gold-hell);border-color:var(--gold-hell);color:var(--nacht2)}
.kn.voll:hover{background:#ecca7a}
.kn.blau{background:var(--nacht);border-color:var(--nacht);color:#fff}
.kn[hidden]{display:none}

/* Startbild */
.held{position:relative;color:#fff;overflow:hidden;background:var(--nacht2);min-height:min(88vh,760px);display:flex;align-items:flex-end}
.held picture,.held .hbild{position:absolute;inset:0}
.held .hbild img{width:100%;height:100%;object-fit:cover}
.held::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,48,.25) 0%,rgba(7,21,48,.55) 45%,rgba(7,21,48,.92) 100%)}
.held .wrap{position:relative;z-index:1;padding:110px 0 44px}
.held .logo{width:min(250px,62vw);margin:4px 0 16px}
.held h1{color:#fff;font-size:clamp(1.45rem,5.4vw,2.5rem);max-width:22ch;margin-bottom:.35em}
.held .satz{font-size:1.12rem;max-width:44ch;color:#f1ead9}
.heute{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px;font-weight:500;margin:0 0 6px}
.heute::before{content:"";width:9px;height:9px;border-radius:50%;background:#4ad07a;box-shadow:0 0 0 3px rgba(74,208,122,.25)}
.heute.zu::before{background:#e7a33b;box-shadow:0 0 0 3px rgba(231,163,59,.25)}
.heute[hidden]{display:none}
.pausehint{font-size:.95rem;background:rgba(0,0,0,.35);padding:8px 12px;border-radius:10px;margin-top:12px}
.pausehint a{color:var(--gold-hell)}

/* Abschnitte */
section{padding:64px 0}
.welle{height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='18' viewBox='0 0 80 18'%3E%3Cpath d='M0 9c10 0 10-7 20-7s10 7 20 7 10-7 20-7 10 7 20 7' fill='none' stroke='%23b8862b' stroke-width='1.6' opacity='.55'/%3E%3C/svg%3E") repeat-x center;margin:0 auto;max-width:280px}
.zwei{display:grid;gap:28px;align-items:center}
@media(min-width:860px){.zwei{grid-template-columns:1.1fr .9fr;gap:56px}.zwei.links{grid-template-columns:.9fr 1.1fr}.zwei.links>figure{order:-1}}
.bogen{margin:0;border-radius:200px 200px var(--rund) var(--rund);overflow:hidden;box-shadow:var(--schatten);aspect-ratio:3/4;background:var(--sand2)}
.bogen img{width:100%;height:100%;object-fit:cover}
.rahmen{margin:0;border-radius:var(--rund);overflow:hidden;box-shadow:var(--schatten)}
.rahmen img{width:100%;height:100%;object-fit:cover}
.dunkel{background:var(--nacht);color:#e9e4d8}
.dunkel h2,.dunkel h3{color:#fff}
.dunkel .ober{color:var(--gold-hell)}
.dunkel .lead{color:#c9cfdc}
.dunkel a{color:var(--gold-hell)}
.hell{background:var(--weiss)}

/* Mittagstisch */
.mittag{background:var(--weiss) url(bilder/santorini-aquarell.webp) no-repeat right -60px bottom -80px/300px auto}
.mittag .zeit{display:inline-block;background:var(--nacht);color:#fff;border-radius:999px;padding:5px 14px;font-weight:600;margin-bottom:14px}
.liste{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:2px;max-width:640px}
.liste li{display:grid;grid-template-columns:1fr auto;gap:0 14px;padding:11px 0;border-bottom:1px dashed rgba(11,31,69,.16)}
.liste .n{font-weight:700;color:var(--nacht)}
.liste .p{font-weight:700;color:var(--gold-tief);white-space:nowrap}
.liste .b{grid-column:1/-1;color:var(--grau);font-size:.95rem}
.dunkel .liste li{border-color:rgba(255,255,255,.15)}.dunkel .liste .n{color:#fff}.dunkel .liste .p{color:var(--gold-hell)}.dunkel .liste .b{color:#c9cfdc}

/* Empfehlungen */
.karten{display:grid;gap:16px;margin-top:26px}
@media(min-width:640px){.karten{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.karten{grid-template-columns:repeat(3,1fr)}}
.karte{background:#fff;border-radius:var(--rund);padding:22px 22px 18px;box-shadow:0 2px 0 rgba(184,134,43,.35),var(--schatten);position:relative}
.karte .nr{position:absolute;top:16px;right:18px;font:600 .8rem var(--text);color:var(--gold-tief);opacity:.8}
.karte h3{margin-bottom:.3em;padding-right:44px}
.karte p{color:var(--grau);font-size:.97rem;margin-bottom:.6em}
.karte .p{font:700 1.1rem var(--text);color:var(--aegaeis)}

/* Leistungen */
.leist{display:grid;gap:18px;margin-top:28px}
@media(min-width:760px){.leist{grid-template-columns:repeat(3,1fr)}}
.leist article{background:rgba(255,255,255,.06);border:1px solid rgba(226,189,98,.3);border-radius:var(--rund);overflow:hidden;display:flex;flex-direction:column}
.leist article img{aspect-ratio:4/3;object-fit:cover;width:100%}
.leist .in{padding:20px 20px 22px}
.leist h3{font-size:1.2rem}
.leist p{color:#d3d8e3;font-size:.98rem}
.leist .kn{margin-top:auto;color:var(--gold-hell);min-height:40px;padding:8px 16px;font-size:.95rem}

.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 0}
.chips li{background:var(--sand2);border-radius:999px;padding:6px 13px;font-weight:500;font-size:.95rem;color:var(--nacht)}
.dunkel .chips li{background:rgba(255,255,255,.1);color:#fff}

/* Gastraum */
.raum .bilder{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:24px}
.raum .bilder img{border-radius:var(--rund);aspect-ratio:3/4;object-fit:cover;width:100%;box-shadow:var(--schatten)}

/* Öffnungszeiten, Kontakt */
.info .wrap{display:grid;gap:36px}
@media(min-width:860px){.info .wrap{grid-template-columns:1fr 1fr;gap:56px}}
table.zeiten{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--rund);overflow:hidden;box-shadow:var(--schatten)}
.zeiten th,.zeiten td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--sand2);vertical-align:top}
.zeiten th{font-weight:600;color:var(--nacht);width:42%}
.zeiten tr:last-child th,.zeiten tr:last-child td{border-bottom:0}
.zeiten tr.jetzt{background:#fdf6e6}
.zeiten tr.jetzt th::after{content:" · " attr(data-heute);color:var(--gold-tief);font-weight:500}
.zeiten td[data-zu]{color:var(--grau)}
#pm-sondertage{margin-top:12px;color:var(--grau);font-size:.95rem}
.hinweis{color:var(--grau);font-size:.95rem;margin-top:12px}
.kontakt dl{margin:0;display:grid;gap:14px}
.kontakt dt{font:600 .78rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-tief)}
.kontakt dd{margin:2px 0 0;font-size:1.08rem}
.kontakt dd a{font-weight:600}

/* Umgebung (SEO) */
.umgebung{padding:48px 0;background:var(--sand2)}
.umgebung p{max-width:75ch}

/* Fuß */
.fuss{background:var(--nacht2);color:#c9cfdc;padding:48px 0 28px;text-align:center}
.fuss .logo{width:200px;margin:0 auto 14px}
.fuss a{color:#fff}
.fuss .klein{font-size:.92rem}
.sozial{display:flex;justify-content:center;gap:12px;margin:14px 0}
.pm-credit img{width:22px;height:auto;display:inline}

/* Speisekarte (Unterseite) */
.kseite .kopf{background:var(--nacht) url(bilder/mykonos-ufer-abendlicht.webp) center/cover;position:relative;color:#fff;padding:64px 0 40px}
.kseite .kopf::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,48,.55),rgba(7,21,48,.88))}
.kseite .kopf .wrap{position:relative}
.kseite .kopf h1{color:#fff;font-size:clamp(1.8rem,6vw,2.8rem)}
.kseite .kopf p{color:#e6e1d4;max-width:60ch}
.reiter{position:sticky;top:62px;z-index:40;background:var(--sand);border-bottom:1px solid rgba(184,134,43,.3);overflow-x:auto;scrollbar-width:none}
.draft:not([hidden])~.reiter{top:89px}
.reiter::-webkit-scrollbar{display:none}
.reiter .wrap{display:flex;gap:4px;white-space:nowrap;padding:8px 0;width:auto;margin:0 16px}
.reiter a{padding:7px 12px;border-radius:999px;text-decoration:none;color:var(--nacht);font-weight:500;font-size:.95rem}
.reiter a.on{background:var(--nacht);color:#fff}
.gruppe{padding:40px 0 8px;scroll-margin-top:120px}
.gruppe h2{font-size:clamp(1.4rem,4.5vw,1.9rem);border-bottom:2px solid var(--gold);padding-bottom:8px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.gruppe .hinweis{margin:0 0 8px}
ol.gerichte{list-style:none;margin:0;padding:0}
.ger{padding:13px 0;border-bottom:1px dashed rgba(11,31,69,.16)}
.ger .z{display:grid;grid-template-columns:44px 1fr auto;gap:0 10px;align-items:baseline}
.ger .nr{font-weight:700;color:var(--gold-tief);font-size:.9rem}
.ger h3{font:700 1.02rem/1.35 var(--text);color:var(--nacht);margin:0;letter-spacing:0}
.ger .me{font-weight:500;color:var(--grau);font-size:.86rem;white-space:nowrap}
.ger .al{font-weight:500;font-size:.72rem;color:var(--grau);vertical-align:super;letter-spacing:.04em}
.ger .pr{font-weight:700;color:var(--aegaeis);white-space:nowrap}
.ger p{margin:3px 0 0 54px;color:var(--grau);font-size:.95rem}
.ger.aus{opacity:.45}
.legende{margin:48px 0 32px;background:#fff;border-radius:var(--rund);padding:22px;box-shadow:var(--schatten)}
.legende .leg{display:grid;gap:18px}
@media(min-width:760px){.legende .leg{grid-template-columns:2fr 1fr}}
.legende dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 16px;font-size:.92rem}
.legende dl div{display:flex;gap:8px}
.legende dt{font-weight:700;color:var(--gold-tief);min-width:20px}
.legende dd{margin:0}

/* Rechtliches */
.recht{padding:48px 0 64px}
.recht .wrap{max-width:780px}
.recht h1{font-size:clamp(1.8rem,5vw,2.4rem)}
.recht h2{font-size:1.25rem;margin-top:1.6em}

/* Reservierungsdialog (Standard wie Limani) */
dialog.resd{border:0;border-radius:18px;padding:0;width:min(440px,calc(100% - 24px));box-shadow:0 20px 60px rgba(0,0,0,.35);color:var(--ink)}
dialog.resd::backdrop{background:rgba(7,21,48,.6)}
.resd form,.resd .resok{padding:22px}
.resd h3{font-size:1.35rem}
.resd label{display:block;font-weight:600;font-size:.9rem;margin-bottom:10px;color:var(--nacht)}
.resd input,.resd select,.resd textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1.5px solid #d6d0c6;border-radius:10px;font:400 1rem var(--text);background:#fff;color:var(--ink)}
.resd input:focus,.resd select:focus,.resd textarea:focus{outline:2px solid var(--welle);border-color:transparent}
.resd .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resd .hp{position:absolute;left:-9999px;width:1px;height:1px}
.resd .go{width:100%;background:var(--nacht);color:#fff;border:0;border-radius:999px;padding:13px;font:600 1rem var(--text);cursor:pointer;margin-top:6px}
.resd .go:disabled{opacity:.6}
.resd .cx{width:100%;background:none;border:0;padding:10px;font:500 .95rem var(--text);color:var(--grau);cursor:pointer}
.resd small{display:block;color:var(--grau);font-size:.84rem;line-height:1.45;margin-top:6px}
#resmsg{min-height:0;margin-bottom:8px;font-weight:500;color:var(--aegaeis)}
#resmsg.fehler{color:#b3261e}
.resok{text-align:center}
.resok .haken{width:62px;height:62px;border-radius:50%;background:#e5f6ea;color:#1d7a3e;display:grid;place-items:center;margin:4px auto 10px}
.resok .okwer{font-weight:700;color:var(--nacht)}
.resok .klein{color:var(--grau);font-size:.92rem}

:focus-visible{outline:3px solid var(--welle);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}