/*
 * Dateiname: style.css
 * Autorin: Jacqueline Rohde
 * Datum: 19.09.2026
 * Beschreibung: Responsive Gestaltung der Restaurant-Demo und ihrer Verwaltungsansicht.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{--gruen:#18372f;--gruen-hell:#285247;--creme:#f5f0e7;--papier:#fffdf8;--gold:#c89245;--rost:#b55d3c;--text:#18211e;--linie:#d9d2c7;--schatten:0 18px 50px rgba(24,55,47,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.demo-hinweis{padding:.36rem 1rem;background:var(--gold);color:#17241f;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.16em}
.seitenkopf{height:86px;padding:0 clamp(1.25rem,5vw,5rem);background:var(--papier);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(24,55,47,.1)}
.logo{display:flex;align-items:center;gap:.85rem}.logo-marke{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gruen);color:white;font-family:'Playfair Display',serif;font-weight:700}.logo-text{display:flex;flex-direction:column;line-height:1.25;letter-spacing:.08em}.logo-text small{font-size:.68rem;color:#68736f;letter-spacing:.13em}
.hauptnavigation{display:flex;gap:1.8rem;align-items:center;font-size:.93rem;font-weight:600}.hauptnavigation a{padding:.5rem 0;border-bottom:2px solid transparent}.hauptnavigation a:hover,.hauptnavigation a.aktiv{border-color:var(--gold)}.hauptnavigation .verwaltung-link{padding:.6rem .9rem;border:1px solid var(--gruen);border-radius:999px}.menu-knopf{display:none;background:none;border:1px solid var(--gruen);padding:.45rem .8rem;border-radius:4px}
.hero{min-height:680px;display:flex;align-items:center;padding:5rem clamp(1.25rem,8vw,8rem);background:linear-gradient(90deg,rgba(9,22,18,.88) 0%,rgba(9,22,18,.65) 38%,rgba(9,22,18,.06) 72%),url('bilder/restaurant-hero.png') center/cover;color:white}.hero-inhalt{max-width:650px}.eyebrow{margin:0 0 .8rem;color:#e8c185;font-size:.76rem;font-weight:700;letter-spacing:.2em}.eyebrow.dunkel{color:#9a6129}.hero h1,.seitenintro h1,.admin-kopf h1{font:700 clamp(3.2rem,7vw,6.5rem)/.98 'Playfair Display',serif;margin:.2rem 0 1.4rem;letter-spacing:-.035em}.hero p:not(.eyebrow){max-width:590px;font-size:1.16rem}.hero-aktionen{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;padding:.88rem 1.3rem;border-radius:3px;border:1px solid transparent;font-weight:700;cursor:pointer}.button.hell{background:var(--creme);color:var(--gruen)}.button.rahmen-hell{color:white;border-color:rgba(255,255,255,.65)}.button.dunkel{background:var(--gruen);color:white}.button:hover{transform:translateY(-2px)}
.intro{padding:7rem clamp(1.25rem,10vw,10rem)}.zweispaltig{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,8vw,8rem)}h2{font:700 clamp(2rem,4vw,3.7rem)/1.1 'Playfair Display',serif;margin:.2rem 0 1.2rem}.intro p{font-size:1.12rem}.textlink{display:inline-block;margin-top:1rem;color:var(--rost);font-weight:700}
.highlights{display:grid;grid-template-columns:repeat(3,1fr);background:var(--creme);padding:5rem clamp(1.25rem,7vw,7rem);gap:1px}.highlights article{padding:2rem 3rem;border-left:1px solid var(--linie)}.highlights article:first-child{border-left:0}.highlights span{color:var(--gold);font-weight:700}.highlights h3{font:700 1.55rem 'Playfair Display',serif;margin:.8rem 0}.highlights p{color:#56605c}
.tagesgericht{padding:5rem clamp(1.25rem,9vw,9rem);display:flex;justify-content:space-between;align-items:center;background:var(--gruen);color:white}.tagesgericht .preis{font:700 2.5rem 'Playfair Display',serif;text-align:right}.tagesgericht small{display:block;font:600 .75rem 'DM Sans',sans-serif;color:#e8c185;text-transform:uppercase;letter-spacing:.15em}.abschluss-cta{text-align:center;padding:7rem 1.25rem}.abschluss-cta p{max-width:580px;margin:0 auto 1.8rem}
.bar-teaser{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding:6rem clamp(1.25rem,9vw,9rem);background:#111816;color:white}.bar-teaser-zahl{font:700 clamp(3.5rem,8vw,7rem)/.72 'Playfair Display',serif;color:#d2a15b;border-right:1px solid rgba(255,255,255,.2);padding:1rem 2rem 1rem 0}.bar-teaser-zahl span{font:600 1rem 'DM Sans',sans-serif;letter-spacing:.25em;color:#aeb9b4}.hell-link{color:#e8c185}
.seitenintro{padding:6rem clamp(1.25rem,10vw,10rem) 3rem;background:var(--creme)}.seitenintro.kompakt{padding-bottom:4rem}.seitenintro h1{font-size:clamp(3rem,6vw,5.5rem)}.seitenintro>p:last-child{max-width:700px}.karten-filter{display:flex;gap:.6rem;flex-wrap:wrap;padding:3rem clamp(1.25rem,10vw,10rem) 1rem}.filter{border:1px solid var(--linie);background:white;border-radius:999px;padding:.65rem 1rem;cursor:pointer}.filter.aktiv{background:var(--gruen);color:white;border-color:var(--gruen)}.speisekarte{max-width:1100px;margin:auto;padding:2rem 1.25rem 7rem}.karten-kategorie{margin:2rem 0 4rem}.karten-kategorie h2{padding-bottom:1rem;border-bottom:2px solid var(--gruen);font-size:2.2rem}.gericht{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--linie)}.gericht h3{margin:0;font-size:1.15rem}.gericht p{margin:.25rem 0;color:#66706c}.gericht>strong{white-space:nowrap}.tag{display:inline-block;margin:.35rem .3rem 0 0;color:var(--gruen);background:#e3eee9;border-radius:99px;padding:.15rem .55rem;font-size:.7rem;font-weight:700;text-transform:uppercase}.karten-hinweis,.demo-datenschutz{font-size:.8rem;color:#6e7773}
.reservierungsbereich{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:3rem;max-width:1200px;margin:auto;padding:5rem 1.25rem 7rem}.reservierungsformular{padding:2.5rem;background:white;box-shadow:var(--schatten);border:1px solid #eee8dd}.formular-zeile{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.formular-zeile.zwei{grid-template-columns:repeat(2,1fr)}label{display:block;margin-bottom:1.2rem;font-weight:700;font-size:.88rem}label small{font-weight:400}input,select,textarea{display:block;width:100%;margin-top:.35rem;padding:.8rem;border:1px solid #cfc8bd;background:#fffdfa;border-radius:3px}textarea{resize:vertical}.checkbox{display:flex;gap:.7rem;align-items:flex-start;font-weight:400}.checkbox input{width:auto;margin-top:.32rem}.ablauf-box{background:var(--gruen);color:white;padding:2.4rem;height:max-content}.ablauf-box ol{list-style:none;padding:0}.ablauf-box li{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0}.ablauf-box li span{display:grid;place-items:center;min-width:31px;height:31px;border:1px solid #e8c185;border-radius:50%;color:#e8c185}.ablauf-box hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:2rem 0}.meldung{max-width:1100px;margin:2rem auto 0;padding:1.3rem 1.6rem;display:flex;gap:1rem;background:#e4f1e9;border-left:5px solid #28724e}.meldung span{font-size:1.7rem}.meldung h2{font:700 1.2rem 'DM Sans',sans-serif;margin:0}.meldung p{margin:.25rem 0}
.bar-hero{min-height:520px;padding:6rem clamp(1.25rem,9vw,9rem);background:radial-gradient(circle at 78% 35%,rgba(200,146,69,.25),transparent 24%),linear-gradient(125deg,#0b1714 0%,#173a31 58%,#101614 100%);color:white;display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end;position:relative;overflow:hidden}.bar-hero:after{content:'K&K';position:absolute;right:-2rem;top:-4rem;font:700 18rem 'Playfair Display',serif;color:rgba(255,255,255,.025)}.bar-hero h1{font:700 clamp(3.8rem,8vw,7rem)/1 'Playfair Display',serif;margin:.2rem 0 1.2rem}.bar-hero>div{position:relative;z-index:1}.bar-hero>div>p:not(.eyebrow){max-width:620px;font-size:1.15rem}.bar-hero blockquote{margin:0;padding:1.5rem;border-left:2px solid var(--gold);font:600 1.35rem/1.5 'Playfair Display',serif;color:#e9dcc7;position:relative;z-index:1}.bar-intro{padding:6rem clamp(1.25rem,10vw,10rem);max-width:1000px}.bar-intro>p:last-child{font-size:1.15rem;max-width:750px}.barkarte{padding:1rem clamp(1.25rem,9vw,9rem) 7rem;background:#f0ebe2}.bar-kategorie{display:grid;grid-template-columns:.65fr 1.35fr;gap:4rem;padding:4rem 0;border-top:1px solid #c9c0b2}.bar-kategorie-titel span{font-size:.7rem;letter-spacing:.25em;color:#9a6129}.bar-kategorie-titel h2{font-size:2.7rem}.drink{display:flex;justify-content:space-between;gap:2rem;padding:1.1rem 0;border-bottom:1px dotted #aaa093}.drink h3{margin:0;font:700 1.12rem 'Playfair Display',serif}.drink p{margin:.15rem 0;color:#646b67}.drink small{color:#9a6129;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.drink>strong{white-space:nowrap}.bar-abschluss{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:5rem clamp(1.25rem,9vw,9rem);background:#0e211c;color:white}.bar-abschluss h2{margin-bottom:0}
.admin-kopf{display:flex;justify-content:space-between;align-items:end;padding:5rem clamp(1.25rem,6vw,6rem) 3rem;background:var(--creme)}.admin-kopf h1{font-size:clamp(2.5rem,5vw,4.5rem)}.status{padding:.55rem .8rem;background:white;border:1px solid var(--linie);border-radius:999px;font-size:.8rem}.status i{display:inline-block;width:8px;height:8px;background:#35a066;border-radius:50%;margin-right:.4rem}.admin-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem clamp(1.25rem,6vw,6rem);background:#edf0ed}.admin-zahlen article{background:white;padding:1.5rem;display:grid;box-shadow:0 5px 20px rgba(24,55,47,.05)}.admin-zahlen strong{font:700 2.5rem 'Playfair Display',serif;color:var(--gruen)}.admin-zahlen small{font-weight:700;color:#8a5b30}.admin-zahlen span{font-size:.85rem;color:#66706c}.admin-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding:3rem clamp(1.25rem,6vw,6rem) 7rem;background:#edf0ed}.admin-panel{background:white;padding:2rem;box-shadow:0 8px 30px rgba(24,55,47,.07)}.panel-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-kopf h2{font-size:1.8rem}.klein-button,.anfrage button,.gericht-admin button{border:1px solid var(--linie);background:white;padding:.5rem .7rem;border-radius:3px;cursor:pointer}.anfrage{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:1rem;padding:1.2rem 0;border-top:1px solid var(--linie)}.zeit strong,.zeit small{display:block}.zeit strong{font-size:1.25rem}.zeit small{font-size:.65rem;color:#8a5b30}.anfrage h3{margin:0}.anfrage p{margin:0;color:#68736f;font-size:.85rem}.anfrage-aktionen{display:flex;gap:.5rem}.anfrage-aktionen .bestaetigen{background:var(--gruen);color:white;border-color:var(--gruen)}.aktion-ergebnis{color:#28724e;font-weight:700;font-size:.85rem}.bearbeitet{background:#f6faf7}.gericht-admin{display:grid;grid-template-columns:90px 1fr 80px auto;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--linie)}.gericht-admin span{font-size:.7rem;color:#68736f}.gericht-admin .sichtbar{color:#28724e}.gericht-admin small{display:block;color:#68736f}.gericht-admin.inaktiv{opacity:.55}
.seitenfuss{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:4rem clamp(1.25rem,6vw,6rem);background:#0e211c;color:#e8e8e3;font-size:.85rem}.seitenfuss a{color:#e8c185}
@media(max-width:850px){.menu-knopf{display:block}.hauptnavigation{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:1.5rem;flex-direction:column;align-items:stretch;box-shadow:var(--schatten)}.hauptnavigation.offen{display:flex}.hero{min-height:600px;background-position:62% center}.zweispaltig,.reservierungsbereich,.bar-hero,.bar-kategorie{grid-template-columns:1fr}.highlights{grid-template-columns:1fr}.highlights article{border-left:0;border-top:1px solid var(--linie);padding:2rem 0}.tagesgericht{align-items:flex-start;gap:2rem}.formular-zeile,.formular-zeile.zwei{grid-template-columns:1fr}.admin-kopf{align-items:flex-start;gap:1.5rem;flex-direction:column}.anfrage{grid-template-columns:60px 1fr}.anfrage-aktionen{grid-column:2}.gericht-admin{grid-template-columns:80px 1fr}.gericht-admin b,.gericht-admin button{grid-column:2}.seitenfuss{grid-template-columns:1fr 1fr}.bar-kategorie{gap:1rem}.bar-hero blockquote{max-width:500px}.bar-teaser{grid-template-columns:1fr}.bar-teaser-zahl{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.bar-abschluss{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){body{font-size:16px}.seitenkopf{height:74px}.logo-marke{width:42px;height:42px}.logo-text small{display:none}.hauptnavigation{top:74px}.hero{min-height:570px;padding-top:4rem}.hero h1{font-size:3.4rem}.hero-aktionen .button{width:100%}.tagesgericht{flex-direction:column}.tagesgericht .preis{text-align:left}.reservierungsformular,.admin-panel{padding:1.25rem}.admin-zahlen{grid-template-columns:1fr}.panel-kopf{align-items:flex-start;gap:1rem;flex-direction:column}.seitenfuss{grid-template-columns:1fr}.gericht{gap:1rem}}

/* Feiern und Veranstaltungen */
.event-hero{min-height:610px;padding:6rem clamp(1.25rem,8vw,8rem);display:flex;justify-content:space-between;align-items:end;gap:3rem;background:linear-gradient(115deg,rgba(13,28,24,.96),rgba(24,55,47,.78)),url('bilder/restaurant-hero.png') center/cover;color:white}.event-hero-inhalt{max-width:830px}.event-hero h1{font:700 clamp(3.4rem,7vw,6.5rem)/1 'Playfair Display',serif;margin:.2rem 0 1.5rem}.event-hero-inhalt>p:not(.eyebrow){max-width:700px;font-size:1.15rem}.event-zahl{display:flex;align-items:center;gap:1rem;padding:1.3rem 0;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}.event-zahl strong{font:700 4rem 'Playfair Display',serif;color:#e8c185}.event-zahl span{font-size:.72rem;letter-spacing:.12em}.feiern-intro{padding:7rem clamp(1.25rem,9vw,9rem)}.feierarten{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(1.25rem,6vw,6rem) 7rem;gap:1rem}.feierarten article{padding:2rem;background:var(--creme);border-top:4px solid var(--gold)}.feierarten span{color:#9a6129;font-size:.75rem;font-weight:700}.feierarten h3{font:700 1.45rem 'Playfair Display',serif}.feier-anfrage{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);padding:6rem clamp(1.25rem,8vw,8rem);background:var(--gruen);color:white}.event-kurzformular{padding:2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.event-kurzformular input,.event-kurzformular select,.event-kurzformular textarea{background:white}.event-kurzformular .demo-datenschutz{color:#cbd5d1}.silvester{display:grid;grid-template-columns:.4fr 1.6fr;min-height:650px;background:#111816;color:white}.silvester-datum{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:linear-gradient(180deg,#a34e34,#6d2d22);text-align:center}.silvester-datum small{letter-spacing:.3em}.silvester-datum strong{font:700 clamp(6rem,13vw,12rem)/.85 'Playfair Display',serif}.silvester-datum span{font-weight:700;letter-spacing:.25em}.silvester-inhalt{padding:6rem clamp(2rem,8vw,8rem)}.silvester-inhalt h2{font-size:clamp(3.5rem,7vw,6rem)}.silvester-lead{font-size:1.2rem;max-width:720px}.event-fakten{display:flex;gap:1px;margin:2.5rem 0;background:rgba(255,255,255,.18)}.event-fakten span{display:flex;flex-direction:column;flex:1;padding:1rem 1.3rem;background:#18231f;font-weight:700}.event-fakten small{color:#d2a15b;text-transform:uppercase;font-size:.65rem;letter-spacing:.13em}.silvester-liste{padding:0;list-style:none;margin:2rem 0}.silvester-liste li{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.silvester-liste li:before{content:'✓';color:#d2a15b;margin-right:.7rem}.getraenke-hinweis{padding:1rem;border-left:3px solid var(--gold);background:rgba(255,255,255,.06);font-size:.9rem}.event-meldung{margin-top:3rem}.karten-vorbestellung{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,7vw,7rem);padding:7rem clamp(1.25rem,8vw,8rem)}.abhol-hinweis{display:flex;gap:1rem;margin-top:2rem;padding:1.2rem;border-left:4px solid var(--rost);background:#f4ece6}.abhol-hinweis strong{color:var(--rost)}.karten-formular{padding:2.5rem;background:white;border:1px solid #e5ddd1;box-shadow:var(--schatten)}.drinkfelder{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem;margin:1.5rem 0;padding:1.4rem;background:var(--creme)}.drinkfelder h3,.drinkfelder>p{grid-column:1/-1}.drinkfelder h3{margin:0;font:700 1.25rem 'Playfair Display',serif}.drinkfelder>p{margin:.2rem 0 1rem;font-size:.85rem;color:#68736f}
@media(max-width:850px){.event-hero{align-items:flex-start;flex-direction:column}.feierarten{grid-template-columns:repeat(2,1fr)}.feier-anfrage,.karten-vorbestellung{grid-template-columns:1fr}.silvester{grid-template-columns:1fr}.silvester-datum{min-height:270px}.silvester-datum strong{font-size:7rem}}
@media(max-width:560px){.feierarten{grid-template-columns:1fr}.event-fakten{flex-direction:column}.drinkfelder{grid-template-columns:1fr}.event-hero h1{font-size:3.25rem}.karten-formular{padding:1.25rem}}

/* Silvesterbuffet und Kartenverkauf vor Ort */
.buffet-bereich{padding:7rem clamp(1.25rem,7vw,7rem);background:var(--creme)}.buffet-kopf{max-width:760px;margin-bottom:3rem}.buffet-spalten{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.buffet-spalten article{padding:2rem;background:white;border-top:4px solid var(--gold);box-shadow:0 8px 25px rgba(24,55,47,.06)}.buffet-spalten article>span,.mitternacht-angebot article>span{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:#9a6129}.buffet-spalten h3,.mitternacht-angebot h3{font:700 1.5rem 'Playfair Display',serif;margin:.5rem 0 1rem}.buffet-spalten ul{margin:0;padding-left:1.1rem}.buffet-spalten li{margin:.5rem 0}.allergie-hinweis{margin:2rem 0 0;padding:1.2rem;border-left:4px solid var(--rost);background:#fff}.mitternacht{display:grid;grid-template-columns:.65fr 1.35fr;gap:4rem;padding:6rem clamp(1.25rem,8vw,8rem);background:#101b17;color:white}.mitternacht-angebot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16)}.mitternacht-angebot article{padding:1.5rem;background:#142720}.mitternacht-angebot p{color:#c9d2ce}.karten-vor-ort{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding:7rem clamp(1.25rem,9vw,9rem)}.karten-vor-ort>div{max-width:720px}.karten-status{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.45rem .75rem;border-radius:99px;background:#e4f1e9;color:#226743;font-weight:700;font-size:.78rem}.karten-status i{width:8px;height:8px;border-radius:50%;background:#35a066}.karten-vor-ort aside{display:flex;flex-direction:column;padding:2.2rem;background:var(--gruen);color:white}.karten-vor-ort aside strong{font:700 4rem 'Playfair Display',serif;color:#e8c185}.karten-vor-ort aside hr{width:100%;border:0;border-top:1px solid rgba(255,255,255,.25);margin:1.2rem 0}.status-auswahl{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.status-option{padding:.65rem .9rem;border:1px solid var(--linie);background:white;border-radius:99px;cursor:pointer}.status-option.aktiv{background:var(--gruen);border-color:var(--gruen);color:white}
@media(max-width:850px){.buffet-spalten{grid-template-columns:1fr}.mitternacht,.karten-vor-ort{grid-template-columns:1fr}.mitternacht-angebot{grid-template-columns:1fr}}

/* =========================================================
   NEUGESTALTUNG 19.09.2026 – Glow, Dynamik und neue Struktur
   ========================================================= */
.hauptnavigation{gap:1.15rem;font-size:.86rem}.hauptnavigation a{white-space:nowrap}
.glow-title{font:700 clamp(2.9rem,5vw,4.35rem)/1.02 'Playfair Display',serif;letter-spacing:-.025em;color:#ffe0a1;text-shadow:0 0 12px rgba(255,210,127,.88),0 0 30px rgba(255,180,90,.5),0 0 58px rgba(255,140,60,.24);margin:.25rem 0 1.3rem}.glow-title.glow-dunkel{color:#9b612d;text-shadow:0 0 12px rgba(200,146,69,.25),0 0 30px rgba(200,146,69,.12)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.45s ease var(--reveal-delay,0ms),transform 1.45s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.reveal.sichtbar{opacity:1;transform:none}.reveal img{transition:transform 2.1s cubic-bezier(.2,.7,.2,1)}.reveal.sichtbar:hover>img{transform:scale(1.018)}
.karten-einstieg,.events-kopf{max-width:1200px;margin:auto;padding:6rem clamp(1.25rem,5vw,4.5rem) 3.5rem}.karten-einstieg>p:last-child,.events-kopf>p:last-child{max-width:680px;font-size:1.08rem}
.karten-auswahl{max-width:1320px;margin:auto;padding:0 clamp(1.25rem,4vw,4rem) 7rem;display:grid;grid-template-columns:1.15fr .85fr;grid-auto-rows:minmax(360px,auto);gap:1.25rem}.karten-portal{position:relative;overflow:hidden;background:var(--gruen);color:white;min-height:380px}.karten-portal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.karten-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,16,.9),rgba(8,20,16,.05) 72%)}.karten-portal>div:not(.karten-muster){position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2rem}.karten-portal span{font-size:.7rem;letter-spacing:.2em;color:#e8c185}.karten-portal h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:.25rem 0 .6rem}.karten-portal p{max-width:520px;margin:.2rem 0 1rem;color:#e1e7e4}.karten-portal strong{color:#ffd68f}.speisen-portal{grid-row:span 2}.getraenke-portal{background:radial-gradient(circle at 78% 20%,rgba(220,162,78,.32),transparent 27%),linear-gradient(145deg,#244b40,#11251f)}.getraenke-portal:after{display:none}.karten-muster{position:absolute;right:-1.2rem;top:-3.5rem;font:700 12rem 'Playfair Display',serif;color:rgba(255,255,255,.035);transform:rotate(-8deg)}
.getraenke-hero{min-height:440px;display:flex;justify-content:space-between;align-items:center;gap:3rem;padding:5rem clamp(1.25rem,8vw,8rem);background:radial-gradient(circle at 77% 35%,rgba(200,146,69,.28),transparent 22%),linear-gradient(120deg,#10241e,#285247);color:white;overflow:hidden}.getraenke-hero>div:first-child{max-width:680px}.glas-linien{display:flex;align-items:end;gap:1.2rem;height:210px;opacity:.5}.glas-linien i{display:block;width:70px;border:2px solid #e8c185;border-top:0;border-radius:8px 8px 25px 25px}.glas-linien i:nth-child(1){height:110px}.glas-linien i:nth-child(2){height:180px;width:55px;border-radius:30px 30px 12px 12px}.glas-linien i:nth-child(3){height:140px}.getraenke-liste{max-width:1080px;margin:auto;padding:5rem 1.25rem 7rem}.getraenke-gruppe{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem;padding:2.7rem 0;border-top:1px solid var(--linie)}.getraenke-gruppe h2{font-size:2rem}.getraenke-gruppe article{display:flex;justify-content:space-between;gap:2rem;padding:.75rem 0;border-bottom:1px dotted #c4bcaf}.getraenke-gruppe p{margin:0}.getraenke-gruppe small{display:block;color:#68736f}.getraenke-gruppe b{white-space:nowrap}
.karten-bildkopf{min-height:510px;position:relative;display:flex;align-items:end;padding:4.5rem clamp(1.25rem,8vw,8rem);color:white;overflow:hidden}.karten-bildkopf>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.karten-bildkopf:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,14,.88),rgba(7,18,14,.2) 72%)}.karten-bildkopf>div{position:relative;z-index:2;max-width:670px}.karten-bildkopf p{font-size:1.08rem}
.bar-hero{min-height:540px;position:relative;isolation:isolate;background:#111!important;overflow:hidden}.bar-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.bar-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,11,.92),rgba(9,12,11,.3) 70%);z-index:-1}.bar-hero:after{display:none}.bar-glow{color:#ffd38a;text-shadow:0 0 13px rgba(255,202,120,.9),0 0 34px rgba(212,77,178,.42),0 0 70px rgba(33,218,208,.16)}
.feiern-hero{min-height:600px;position:relative;display:flex;align-items:end;padding:5rem clamp(1.25rem,8vw,8rem);color:white;overflow:hidden}.feiern-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feiern-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,16,.88),rgba(8,20,16,.18) 75%)}.feiern-hero>div{position:relative;z-index:2;max-width:720px}.anlass-band{display:flex;justify-content:center;gap:0;flex-wrap:wrap;background:#142b24;color:#e9d4ac}.anlass-band span{padding:1rem 1.8rem;border-right:1px solid rgba(255,255,255,.12);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.feiern-text{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;padding:7rem clamp(1.25rem,9vw,9rem)}
.events-kopf{padding-bottom:4rem}.event-highlight{max-width:1320px;margin:auto 7rem;display:grid;grid-template-columns:1.25fr .75fr;background:#111a17;color:white;overflow:hidden}.event-highlight>img{width:100%;height:100%;min-height:520px;object-fit:cover}.event-highlight>div{padding:3rem;display:flex;flex-direction:column;justify-content:center}.event-highlight h2{font-size:clamp(2.8rem,4.5vw,4rem);color:#ffe0a1;text-shadow:0 0 20px rgba(212,77,178,.23)}.event-badge{align-self:flex-start;margin-bottom:1.5rem;padding:.45rem .7rem;border-radius:99px;background:#d7a64f;color:#18211e;font-size:.68rem;font-weight:700;letter-spacing:.1em}.event-meta{display:flex;gap:1.2rem;margin:1rem 0 2rem;color:#e8c185}.events-ausblick{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem;padding:6rem clamp(1.25rem,8vw,8rem);background:var(--creme)}.ausblick-liste{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ausblick-liste article{padding:2rem;background:white;border-top:3px solid var(--gold)}.ausblick-liste span{font-size:.68rem;color:#9a6129;letter-spacing:.12em}.ausblick-liste h3{font:700 1.6rem 'Playfair Display',serif}
.silvester-hero{min-height:680px;position:relative;display:flex;align-items:center;padding:5rem clamp(1.25rem,8vw,8rem);color:white;overflow:hidden}.silvester-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.silvester-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,14,.89),rgba(20,5,28,.18) 78%)}.silvester-hero>div{position:relative;z-index:2;max-width:670px}.silvester-glow{font-size:clamp(3.6rem,6vw,5.2rem);color:#ffe39c;text-shadow:0 0 14px rgba(255,220,140,.92),0 0 35px rgba(223,77,190,.55),0 0 78px rgba(31,210,215,.23)}.jahreswechsel{position:absolute;z-index:2;right:5%;bottom:2rem;font:700 clamp(1.3rem,2.4vw,2.2rem) 'Playfair Display',serif;letter-spacing:.12em;color:#f2c96c}.jahreswechsel i{color:#e668cb}.silvester-fakten{display:grid;grid-template-columns:repeat(4,1fr);background:#11151b;color:white}.silvester-fakten article{padding:1.4rem 2rem;border-right:1px solid rgba(255,255,255,.13)}.silvester-fakten small{display:block;color:#d47bc4;font-size:.65rem;letter-spacing:.15em}.silvester-fakten strong{font-size:1.25rem}.silvester-programm{padding:7rem clamp(1.25rem,8vw,8rem);background:linear-gradient(145deg,#f5f0e7,#fffdf8)}.programm-intro{max-width:680px;margin-bottom:3rem}.programm-punkte{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.programm-punkte article{padding:2rem;background:white;border:1px solid #e6ded1;box-shadow:0 8px 22px rgba(24,55,47,.05)}.programm-punkte b{color:#a35898;font-size:.75rem;letter-spacing:.12em}.programm-punkte h3{font:700 1.45rem 'Playfair Display',serif}.programm-punkte p{color:#5d6763}.silvester-programm .getraenke-hinweis{max-width:850px;margin:2rem 0 0;background:#181726;color:#eee;border-left-color:#db72c6}
.betreiber-demo{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem clamp(1.25rem,6vw,6rem);background:#091813;color:#dce7e2;border-top:1px solid rgba(255,255,255,.12)}.betreiber-demo div{max-width:750px}.betreiber-demo span{display:block;color:#d6a456;font-size:.65rem;letter-spacing:.16em}.betreiber-demo strong{display:block;font:700 1.25rem 'Playfair Display',serif;margin:.35rem 0}.betreiber-demo p{margin:0;color:#9eaaa5;font-size:.82rem}.betreiber-demo a{padding:.7rem 1rem;border:1px solid #d6a456;color:#f3d79d;white-space:nowrap}.seitenfuss{padding-top:3rem;padding-bottom:3rem}
.hero h1,.seitenintro h1,.admin-kopf h1{font-size:clamp(3rem,5vw,4.5rem)}h2{font-size:clamp(1.9rem,3.4vw,3rem)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.reveal img{transition:none}}
@media(max-width:1050px){.hauptnavigation{gap:.75rem;font-size:.78rem}.event-highlight{margin-left:1.25rem;margin-right:1.25rem}}
@media(max-width:850px){.karten-auswahl{grid-template-columns:1fr;grid-auto-rows:auto}.speisen-portal{grid-row:auto}.karten-portal{min-height:430px}.getraenke-gruppe,.feiern-text,.event-highlight,.events-ausblick{grid-template-columns:1fr}.event-highlight>img{min-height:360px}.ausblick-liste{grid-template-columns:1fr}.programm-punkte{grid-template-columns:1fr 1fr}.silvester-fakten{grid-template-columns:1fr 1fr}.glas-linien{display:none}.betreiber-demo{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.glow-title{font-size:2.75rem}.programm-punkte{grid-template-columns:1fr}.silvester-fakten{grid-template-columns:1fr 1fr}.silvester-hero{min-height:600px}.event-meta{flex-direction:column;gap:.25rem}.anlass-band{justify-content:flex-start}.anlass-band span{width:50%;border-bottom:1px solid rgba(255,255,255,.12)}.karten-einstieg,.events-kopf{padding-top:4rem}}

/* Persönliche Startseite mit Restaurantgeschichte */
.start-hero{min-height:clamp(560px,72vh,720px);padding-top:4rem;padding-bottom:4rem}.start-hero .hero-inhalt{max-width:610px}.start-glow{font:700 clamp(3.15rem,5.1vw,5.1rem)/1.01 'Playfair Display',serif;letter-spacing:-.035em;color:#ffe3a8;text-shadow:0 0 12px rgba(255,211,132,.82),0 0 32px rgba(218,139,58,.38);margin:.2rem 0 1.3rem}.start-hero p:not(.eyebrow){font-size:1.08rem;max-width:550px}
.geschichte{padding:6rem clamp(1.25rem,9vw,9rem);max-width:1500px;margin:auto}.geschichte h2{max-width:520px}.geschichte-text{max-width:760px}.geschichte-text p{font-size:1.05rem;margin-top:0}.geschichte-text p+p{margin-top:1.25rem}
.fundstueck{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr);gap:clamp(3rem,8vw,8rem);align-items:center;padding:7rem clamp(1.25rem,10vw,10rem);background:radial-gradient(circle at 75% 35%,rgba(200,146,69,.16),transparent 34%),#142720;color:white;overflow:hidden}.fundstueck-text{max-width:560px}.fundstueck-text h2{font-size:clamp(2.25rem,3.5vw,3.35rem)}.fundstueck-text>p:not(.eyebrow){color:#d3ddd8}.fundstueck-notiz{padding:1rem 0 1rem 1.2rem;border-left:2px solid var(--gold);font-family:'Playfair Display',serif;font-size:1.05rem!important;color:#f0d9b1!important}
.alte-karte{position:relative;width:min(100%,670px);justify-self:center;padding:3rem clamp(1.4rem,4vw,4rem) 2.3rem;background:#eee2c4;color:#342b20;box-shadow:0 30px 65px rgba(0,0,0,.36),inset 0 0 65px rgba(111,75,34,.14);border:1px solid rgba(95,65,30,.28);transform:rotate(1.35deg);font-family:Georgia,'Times New Roman',serif}.alte-karte:before{content:'';position:absolute;inset:10px;border:1px double rgba(91,62,28,.42);pointer-events:none}.alte-karte:after{content:'';position:absolute;inset:0;opacity:.17;pointer-events:none;background:radial-gradient(circle at 14% 18%,#835a2e 0 1px,transparent 2px),radial-gradient(circle at 87% 73%,#835a2e 0 1px,transparent 2px);background-size:43px 51px,61px 47px}.alte-karte-oben,.alte-karte-jahr{text-align:center;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem}.alte-karte h2{text-align:center;margin:.2rem 0;font:700 clamp(2rem,3vw,3rem) Georgia,serif;text-transform:uppercase;letter-spacing:.08em}.alte-verzierung{display:block;text-align:center;margin:1.1rem 0;color:#7a4c29}.alte-gerichte{position:relative;z-index:1;border-top:1px solid rgba(84,56,26,.4);border-bottom:1px solid rgba(84,56,26,.4);padding:.8rem 0}.alte-gerichte p{display:flex;justify-content:space-between;gap:1.5rem;margin:0;padding:.48rem 0;border-bottom:1px dotted rgba(84,56,26,.3);font-size:.91rem;line-height:1.35}.alte-gerichte p:last-child{border-bottom:0}.alte-gerichte b{white-space:nowrap}.alte-handschrift{max-width:440px;margin:1.2rem auto .6rem;text-align:center;font:italic 1rem/1.4 Georgia,serif;transform:rotate(-1deg);color:#684429}.alte-karte>small{display:block;text-align:center;color:#7e6d59;font:normal .62rem 'DM Sans',sans-serif}.karten-knick{position:absolute;z-index:2;right:-1px;top:-1px;width:48px;height:48px;background:linear-gradient(225deg,#142720 0 49%,#d7c8a6 50% 69%,#ac956c 70%);box-shadow:-3px 4px 8px rgba(70,45,20,.15)}
.kiez-leitsatz{padding:4.2rem 1.25rem;text-align:center;background:#0d1d18;color:#e9d5ac}.kiez-leitsatz span,.kiez-leitsatz strong{display:block}.kiez-leitsatz span{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#d29b54}.kiez-leitsatz strong{margin-top:.35rem;font:700 clamp(2rem,3.8vw,3.6rem) 'Playfair Display',serif;color:#ffe1a3;text-shadow:0 0 11px rgba(255,208,118,.78),0 0 30px rgba(214,126,48,.32)}
.entwicklung{padding:7rem clamp(1.25rem,8vw,8rem);background:var(--creme)}.entwicklung-kopf{max-width:820px;margin:0 auto 3.4rem;text-align:center}.entwicklung-kopf>p:last-child{font-size:1.04rem}.damals-heute{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:1180px;margin:auto}.damals-heute article{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.7rem;background:var(--papier);border:1px solid #e0d7c9;box-shadow:0 8px 25px rgba(24,55,47,.05)}.damals-heute small{font-size:.65rem;font-weight:700;letter-spacing:.16em;color:#9a6129}.damals-heute h3{font:700 1.18rem/1.25 'Playfair Display',serif;margin:.35rem 0}.damals-heute p{font-size:.84rem;line-height:1.5;color:#68706c;margin:0}.vergleich-heute{padding-left:.3rem}.vergleich-pfeil{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gruen);color:#e8c185}.entwicklung-abschluss{max-width:900px;margin:2.7rem auto 0;padding-top:2rem;border-top:1px solid #d4cabb;text-align:center;font:600 1.12rem/1.6 'Playfair Display',serif}
.tagesgericht-neu{width:min(calc(100% - 2.5rem),1180px);margin:5rem auto;padding:2.7rem 3.2rem;border-radius:2px;box-shadow:var(--schatten)}.tagesgericht-neu h2{font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:.45rem}.tagesgericht-neu p:last-child{margin-bottom:0}.tagesgericht-neu .preis{font-size:2.2rem}
.start-portale{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:1rem;padding:1rem clamp(1.25rem,5vw,5rem) 6rem}.start-portal{min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;position:relative;overflow:hidden;color:white;background:#142720}.start-portal:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.6s ease}.start-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,16,13,.94),rgba(7,16,13,.12) 85%)}.start-portal>*{position:relative;z-index:1}.start-portal span{font-size:.65rem;font-weight:700;letter-spacing:.17em;color:#e8c185}.start-portal h2{font-size:clamp(1.75rem,2.6vw,2.5rem);margin:.35rem 0}.start-portal p{margin:0 0 .8rem;color:#dfe6e2;font-size:.91rem}.start-portal strong{color:#f0c77f}.start-portal:hover:before{transform:scale(1.035)}.portal-karten:before{background-image:url('bilder/speisen-tafel.png')}.portal-feiern:before{background-image:url('bilder/feiern-raum.png')}.portal-events:before{background-image:url('bilder/silvester-party.png')}.start-reservierung{padding-top:5rem;padding-bottom:6rem}.start-reservierung h2{font-size:clamp(2rem,3vw,2.85rem)}
@media(min-width:1500px){.geschichte,.fundstueck,.entwicklung{padding-top:6rem;padding-bottom:6rem}.start-portale{max-width:1500px;margin:auto}.abschluss-cta{padding-top:5rem;padding-bottom:5rem}}
@media(max-width:950px){.fundstueck{grid-template-columns:1fr}.alte-karte{width:min(100%,680px)}.damals-heute{grid-template-columns:1fr}.start-portale{grid-template-columns:1fr 1fr}.portal-karten{grid-column:1/-1}}
@media(max-width:700px){.start-hero{min-height:560px}.start-glow{font-size:3.1rem}.geschichte{padding-top:4.5rem;padding-bottom:4.5rem}.fundstueck{padding-top:5rem;padding-bottom:5rem}.alte-karte{padding:2.6rem 1.5rem 2rem;transform:none}.alte-gerichte p{font-size:.82rem}.entwicklung{padding-top:5rem;padding-bottom:5rem}.damals-heute article{grid-template-columns:1fr}.vergleich-pfeil{transform:rotate(90deg)}.tagesgericht-neu{width:100%;margin:0;padding:2.8rem 1.5rem;border-radius:0}.start-portale{grid-template-columns:1fr;padding-top:4rem}.portal-karten{grid-column:auto}.start-portal{min-height:310px}.kiez-leitsatz{padding-top:3.5rem;padding-bottom:3.5rem}}