:root{--cream:#f6f0e6;--ivory:#fffdf8;--paper:#fff;--ink:#26251f;--muted:#716d64;--olive:#59633a;--olive-dark:#424a2c;--gold:#b6852f;--gold-dark:#8f641d;--line:#e8dfcf;--shadow:0 24px 70px rgba(62,48,30,.12);--heading:Georgia,serif;--body:Arial,sans-serif;--hero-image:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--ink);background:radial-gradient(circle at 10% 0,rgba(217,199,162,.15),transparent 27%),radial-gradient(circle at 92% 1%,rgba(150,164,119,.10),transparent 24%),var(--cream)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.skip-link{position:fixed;left:12px;top:12px;transform:translateY(-160%);background:#111;color:#fff;padding:10px 14px;z-index:999}.skip-link:focus{transform:none}.page-shell{width:min(1380px,calc(100% - 30px));margin:0 auto;background:var(--ivory);box-shadow:var(--shadow);border:1px solid rgba(210,195,166,.45);border-radius:24px;overflow:hidden}.container{width:min(1220px,calc(100% - 50px));margin:0 auto}.header{height:96px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,253,248,.98);border-bottom:1px solid rgba(218,207,187,.72);position:relative;z-index:20}.logo{display:flex;flex-direction:column;align-items:center;min-width:140px}.logo img{max-width:180px;max-height:66px}.logo-mark{position:relative;font:500 48px/1 var(--heading);color:#68724b}.logo-mark:after{content:'✦';position:absolute;right:-17px;top:0;font-size:16px;color:var(--gold)}.logo-name{font:600 17px/1 var(--heading);letter-spacing:.16em}.logo-sub{margin-top:4px;font-size:9px;letter-spacing:.28em;color:#727166}.nav{display:flex;align-items:center;gap:34px}.nav>a:not(.nav-cta){font:500 16px var(--heading)}.nav>a:hover{color:var(--gold-dark)}.nav-cta,.hero-btn{background:linear-gradient(180deg,#b88a38,#9c6e20);color:#fff!important;padding:14px 24px;letter-spacing:.12em;font-size:11px;font-weight:700;text-transform:uppercase;box-shadow:0 10px 22px rgba(149,103,33,.16)}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--olive-dark)}.hero{min-height:510px;display:grid;align-items:center;position:relative;background:linear-gradient(90deg,rgba(14,18,12,.92),rgba(14,18,12,.73) 40%,rgba(14,18,12,.18) 69%,rgba(14,18,12,.08)),var(--hero-image) center 54%/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.15));pointer-events:none}.hero-content{position:relative;z-index:2;color:white;max-width:660px;margin:0;padding:70px 0}.ornament{color:var(--gold);letter-spacing:.15em}.hero h1{margin:14px 0 15px;font:500 clamp(50px,5vw,72px)/1.04 var(--heading);letter-spacing:-.025em}.hero p{margin:0 0 30px;max-width:560px;font:400 16px/1.7 var(--heading);color:rgba(255,255,255,.88)}.hero-btn{display:inline-flex;align-items:center;gap:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#fffdf9}.features article{display:grid;grid-template-columns:58px 1fr;gap:17px;padding:28px 34px;align-items:center;position:relative}.features article:not(:last-child):after{content:'';position:absolute;right:0;top:28%;bottom:28%;width:1px;background:var(--line)}.feature-icon{font-size:30px;color:#6f774e}.features h2{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.features p{margin:0;color:var(--muted);font:400 13px/1.5 var(--heading)}.preview-reservation{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;padding:48px 54px 58px;align-items:start}.eyebrow{color:var(--gold-dark);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.menu-preview>h2,.quick-reserve>h2,.menu-heading h2,.visit h2{font:500 clamp(31px,3vw,45px)/1.08 var(--heading);margin:8px 0 17px}.fine-line{width:180px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:18px}.preview-list{display:grid;gap:11px}.preview-item{display:grid;grid-template-columns:185px 1fr auto;gap:18px;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--line)}.preview-item img{width:185px;height:88px;object-fit:cover}.preview-item h3{margin:0 0 5px;font:600 19px var(--heading)}.preview-item p{margin:0;color:var(--muted);font:400 12px/1.5 var(--heading)}.preview-item strong{color:var(--gold-dark);font:500 20px var(--heading);white-space:nowrap}.menu-link{display:inline-flex;gap:10px;margin-top:18px;color:var(--gold-dark);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.quick-reserve{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 12%,rgba(165,177,128,.14),transparent 30%),linear-gradient(135deg,#f5f0e5,#faf7f0);border:1px solid #e8dfcf;padding:34px}.quick-reserve:after{content:'❧';position:absolute;bottom:-22px;right:26px;font:500 92px var(--heading);color:rgba(106,120,74,.15)}.quick-reserve>h2,.quick-reserve>.eyebrow{text-align:center;display:block}.reserve-intro{text-align:center;color:var(--muted);font:400 13px/1.55 var(--heading);margin:-5px 0 20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-grid label{display:grid;gap:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f6e65;font-weight:700}.quick-grid label:nth-child(3){grid-column:1/-1}.quick-grid select,.quick-grid input{min-height:49px;border:1px solid #dfd8ca;background:rgba(255,255,255,.8);padding:12px 13px;color:#3a3a34;outline:none}.quick-grid select:focus,.quick-grid input:focus{border-color:#a98747;box-shadow:0 0 0 3px rgba(185,140,58,.10)}.quick-hint{font-size:10px;color:#77736a;margin:12px 0}.reserve-submit{position:relative;z-index:2;width:100%;min-height:52px;border:0;background:linear-gradient(180deg,var(--olive),var(--olive-dark));color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.reserve-submit:disabled{opacity:.55}.reserve-note{display:flex;align-items:center;gap:8px;margin-top:12px;color:#77736a;font-size:10px;position:relative;z-index:2}.reserve-note span{width:18px;height:18px;border:1px solid #baa66d;border-radius:50%;display:grid;place-items:center;color:var(--gold-dark)}.full-menu{padding:70px 54px 84px;background:radial-gradient(circle at 8% 4%,rgba(201,211,178,.12),transparent 25%),radial-gradient(circle at 93% 8%,rgba(201,211,178,.10),transparent 22%),#fdfaf4;border-top:1px solid var(--line)}.menu-heading{max-width:720px;text-align:center;margin:0 auto 25px}.menu-heading .eyebrow{color:var(--gold-dark)}.menu-heading h2{font:500 clamp(34px,3.2vw,48px)/1.08 var(--heading);margin:8px 0 15px;color:#263328}.menu-heading h2:after{content:'✦';display:block;font-size:12px;color:var(--gold);margin:13px auto 0}.menu-heading p{color:var(--muted);font:400 14px/1.6 var(--heading)}.category-nav{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-bottom:48px}.category-nav a{border:1px solid #ddd6c9;background:#fff;padding:11px 18px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(45,52,38,.04);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.category-nav a:first-child,.category-nav a:hover{background:linear-gradient(180deg,#365a49,#254638);color:#fff;border-color:#2b4d3f;box-shadow:0 8px 18px rgba(33,68,53,.16);transform:translateY(-1px)}.menu-category{scroll-margin-top:24px;margin-top:50px}.menu-category>header{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px;position:relative}.menu-category>header:before,.menu-category>header:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#d7c5a4);flex:1}.menu-category>header:after{background:linear-gradient(90deg,#d7c5a4,transparent)}.menu-category>header span{color:var(--gold);font:600 14px var(--heading);letter-spacing:.08em}.menu-category>header h2{margin:0;font:600 20px var(--heading);text-transform:uppercase;letter-spacing:.12em;color:#284536}.elegant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.elegant-item{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(31,64,50,.24);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#335846 0%,#294b3b 58%,#234133 100%);box-shadow:0 14px 30px rgba(28,50,40,.16),0 3px 8px rgba(28,50,40,.10),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.elegant-item:hover{transform:translateY(-5px);border-color:rgba(180,142,72,.55);box-shadow:0 22px 42px rgba(28,50,40,.23),0 5px 12px rgba(28,50,40,.12)}.dish-image-wrap{position:relative;overflow:hidden;aspect-ratio:1.58/1;background:#263d34}.elegant-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.elegant-item:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}.dish-badge{position:absolute;right:13px;top:13px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,248,.94);border:1px solid rgba(43,79,62,.40);box-shadow:0 6px 16px rgba(0,0,0,.16);color:#315545;font-size:17px;backdrop-filter:blur(6px)}.dish-copy{padding:18px 18px 17px;color:#fff;display:flex;flex-direction:column;flex:1}.dish-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.dish-head h3{margin:0;font:600 20px/1.2 var(--heading);color:#fff}.dish-head strong{color:#e4be70;font:600 18px var(--heading);white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.12)}.dish-copy p{margin:8px 0 12px;color:rgba(255,255,255,.84);font:400 13px/1.5 var(--heading);min-height:39px}.labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.labels span{font-size:9px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(228,190,112,.30);color:rgba(255,255,255,.88)}.labels .sold-label{background:rgba(155,59,48,.28);border-color:rgba(255,188,176,.35);color:#ffe3de}.elegant-item.sold{opacity:.62;filter:grayscale(.15)}.visit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:54px;background:#2b3028;color:#fff}.visit p{font:400 15px/1.65 var(--heading);color:#d6d8d0}.visit-data{display:grid;gap:0}.visit-data>div{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.visit-data span{display:block;color:#b8bcae;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px}.visit-data strong{font:500 14px/1.5 var(--heading)}.footer{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;padding:24px 38px;background:#eee7dc;color:#736e65}.footer>div{display:flex;align-items:center;gap:8px}.footer-a{font:500 28px var(--heading);color:var(--gold-dark)}.footer strong{font:600 13px var(--heading);letter-spacing:.12em}.footer nav{display:flex;gap:18px;justify-content:center}.footer a{font-size:11px}.footer small{text-align:right;font-size:9px}.menu-toggle:focus-visible,.nav a:focus-visible,.hero-btn:focus-visible,.reserve-submit:focus-visible,.category-nav a:focus-visible{outline:3px solid #d5ab59;outline-offset:3px}@media(max-width:1050px){.nav{gap:20px}.preview-reservation{gap:30px;padding-inline:30px}.full-menu{padding-inline:30px}.elegant-list{gap:0 26px}}@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:96px;left:15px;right:15px;background:#fffdf8;box-shadow:var(--shadow);border:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch}.features{grid-template-columns:1fr}.features article:not(:last-child):after{display:none}.features article{border-bottom:1px solid var(--line)}.preview-reservation{grid-template-columns:1fr}.elegant-list{grid-template-columns:1fr}.visit{grid-template-columns:1fr}.footer{grid-template-columns:1fr;text-align:center}.footer>div,.footer nav{justify-content:center}.footer small{text-align:center}}@media(max-width:620px){.page-shell{width:100%;border-radius:0;border-left:0;border-right:0}.container{width:min(100% - 28px,1220px)}.header{height:82px;padding:0 18px}.logo{align-items:flex-start;min-width:0}.logo-mark{font-size:36px}.logo-name{font-size:14px}.logo-sub{font-size:8px}.nav.open{top:82px}.hero{min-height:560px;align-items:end;background:linear-gradient(180deg,rgba(14,18,12,.10),rgba(14,18,12,.30) 38%,rgba(14,18,12,.94)),var(--hero-image) center/cover}.hero-content{padding:230px 0 42px}.hero h1{font-size:47px}.hero p{font-size:15px}.features article{padding:22px 18px}.preview-reservation,.full-menu{padding:32px 18px 42px}.preview-item{grid-template-columns:108px 1fr}.preview-item img{width:108px;height:76px}.preview-item strong{grid-column:2;font-size:17px}.quick-grid{grid-template-columns:1fr}.quick-grid label:nth-child(3){grid-column:auto}.elegant-item{grid-template-columns:98px 1fr}.elegant-item img{width:98px;height:76px}.visit{padding:38px 20px}.footer{padding:22px 18px}.footer nav{flex-direction:column;gap:8px}}@media(max-width:1100px){.elegant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.full-menu{padding:42px 18px 54px}.elegant-list{grid-template-columns:1fr;gap:18px}.menu-category>header h2{font-size:18px;letter-spacing:.09em}.dish-copy{padding:16px}.dish-head h3{font-size:19px}.dish-copy p{min-height:0}.category-nav{margin-bottom:38px}}


/* ===== Aurelia FINAL: Header wie vorher, nur Wortmarke und Hero typografisch vereinheitlicht ===== */
.logo{min-width:auto;align-items:flex-start;justify-content:center}
.logo-wordmark{
  display:block;
  color:var(--gold-dark);
  font:500 41px/1 var(--heading);
  letter-spacing:.13em;
  white-space:nowrap;
}
.nav{gap:30px}
.nav>a:not(.nav-cta){font:500 16px/1 var(--heading);color:#2f2e28}
.nav>a:not(.nav-cta):hover{color:var(--gold-dark)}
.hero{
  min-height:520px;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(14,18,12,.88),rgba(14,18,12,.70) 39%,rgba(14,18,12,.20) 67%,rgba(14,18,12,.08)),
    var(--hero-image) center 54%/cover;
}
.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.15))}
.hero-content{
  position:relative;
  z-index:2;
  color:#fff;
  width:100%;
  max-width:none;
  margin:0;
  padding:74px 38px 74px 38px;
}
.ornament{
  display:block;
  color:var(--gold);
  letter-spacing:.18em;
  font-size:16px;
  margin-bottom:16px;
}
.hero h1{
  margin:0 0 14px;
  color:var(--gold);
  font:500 clamp(44px,4.15vw,63px)/1.06 var(--heading);
  letter-spacing:.01em;
  white-space:nowrap;
  width:auto;
  max-width:none;
}
.hero p{
  margin:0 0 30px;
  max-width:590px;
  font:400 17px/1.68 var(--heading);
  color:rgba(255,255,255,.88);
}
.hero-btn{display:inline-flex;align-items:center;gap:12px}
@media(max-width:1120px){
  .header{padding:0 30px}
  .logo-wordmark{font-size:35px}
  .nav{gap:20px}
  .nav>a:not(.nav-cta){font-size:14px}
  .hero-content{padding-left:30px;padding-right:30px}
  .hero h1{white-space:normal;font-size:clamp(42px,5vw,56px);max-width:760px}
}
@media(max-width:900px){
  .nav.open{background:#fffdf8;border:1px solid var(--line)}
  .nav.open>a:not(.nav-cta){color:#2f2e28}
  .hero{
    min-height:610px;
    align-items:end;
    background:
      linear-gradient(180deg,rgba(14,18,12,.10),rgba(14,18,12,.30) 38%,rgba(14,18,12,.94)),
      var(--hero-image) center/cover;
  }
  .hero-content{padding:250px 22px 44px 22px}
  .hero h1{white-space:normal;font-size:50px;max-width:650px}
}
@media(max-width:620px){
  .logo-wordmark{font-size:28px;letter-spacing:.11em}
  .hero{min-height:560px}
  .hero-content{padding:230px 18px 42px 18px}
  .hero h1{font-size:42px;line-height:1.08}
  .hero p{font-size:15px;line-height:1.65}
}



/* ===== Aurelia FINAL: globales Bokeh im Seitenhintergrund + Accessibility Feinschliff ===== */
body{
  background:
    radial-gradient(circle at 8% 10%, rgba(233,221,191,.34) 0, rgba(233,221,191,.22) 7%, rgba(233,221,191,0) 18%),
    radial-gradient(circle at 86% 8%, rgba(216,197,150,.28) 0, rgba(216,197,150,.16) 6%, rgba(216,197,150,0) 17%),
    radial-gradient(circle at 18% 78%, rgba(255,255,255,.30) 0, rgba(255,255,255,.14) 5%, rgba(255,255,255,0) 14%),
    radial-gradient(circle at 92% 72%, rgba(224,212,184,.22) 0, rgba(224,212,184,.12) 6%, rgba(224,212,184,0) 15%),
    radial-gradient(circle at 58% 52%, rgba(255,248,234,.18) 0, rgba(255,248,234,.09) 4%, rgba(255,248,234,0) 12%),
    linear-gradient(180deg,#f5f0e6,#f1ebdf);
}
.hero:before{display:none !important}
.hero{overflow:hidden}
.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.16))}
.hero h1{color:#d2a54f;text-shadow:0 2px 12px rgba(0,0,0,.22)}
.hero h1 .title-white{color:#fff;display:inline-block}
.hero p{text-shadow:0 1px 4px rgba(0,0,0,.22)}
.nav-cta,.hero-btn,.reserve-submit{
  background:linear-gradient(180deg,#a97826,#8b6119);
  border-color:#7d5614;
  color:#fff;
}
.nav-cta:hover,.hero-btn:hover,.reserve-submit:hover{background:linear-gradient(180deg,#95691f,#7c5517)}
.eyebrow{font-size:12px;letter-spacing:.16em;color:#8b6720}
.features h2{font-size:13px;letter-spacing:.12em}
.features p{font-size:14px;line-height:1.55}
.preview-item p,.visit p,.menu-heading p{font-size:14px;line-height:1.6}
.quick-field label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5f5b52}
.quick-grid{align-items:end}
.quick-grid .quick-field-wide{grid-column:1 / -1}
.quick-grid input,.quick-grid select{font-size:14px}
.quick-hint,.reserve-note{font-size:12px;line-height:1.55;color:#6d695e}
.category-nav a{font-size:13px}
.menu-category>header span{font-size:15px}
.labels span{font-size:11px;padding:6px 9px}
.footer a{font-size:13px}
.footer small{font-size:12px;line-height:1.5}
@media(max-width:620px){
  .quick-grid .quick-field-wide{grid-column:auto}
  .eyebrow{font-size:11px}
}

/* ===== Aurelia FINAL: sichtbarer Hintergrund + Footer/Visit Kontrast ===== */
.page-shell{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,253,248,.95),rgba(247,241,231,.96));
}
.page-shell::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 12%, rgba(221,206,171,.26) 0, rgba(221,206,171,.14) 7%, rgba(221,206,171,0) 18%),
    radial-gradient(circle at 88% 10%, rgba(210,192,150,.22) 0, rgba(210,192,150,.12) 6%, rgba(210,192,150,0) 16%),
    radial-gradient(circle at 14% 60%, rgba(255,255,255,.40) 0, rgba(255,255,255,.20) 5%, rgba(255,255,255,0) 13%),
    radial-gradient(circle at 88% 78%, rgba(233,223,197,.22) 0, rgba(233,223,197,.12) 6%, rgba(233,223,197,0) 16%),
    radial-gradient(circle at 56% 36%, rgba(255,247,229,.20) 0, rgba(255,247,229,.10) 4%, rgba(255,247,229,0) 10%);
  z-index:0;
}
.page-shell > *{position:relative;z-index:1}
.features,.preview-reservation,.full-menu,.footer{background:transparent}
.visit{
  background:
    radial-gradient(circle at 14% 24%, rgba(210,182,112,.10) 0, rgba(210,182,112,0) 24%),
    radial-gradient(circle at 84% 78%, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 18%),
    linear-gradient(135deg,#2a3128,#1f261f 70%);
}
.visit .eyebrow{color:#d7b164;font-size:13px;letter-spacing:.15em}
.visit h2{color:#fff}
.visit p{font-size:16px;line-height:1.7;color:#efe7d8}
.visit-data span{color:#d7c9aa;font-size:12px;letter-spacing:.12em}
.visit-data strong{color:#fff;font-size:15px;line-height:1.6}
.footer{
  background:rgba(236,228,213,.92);
  color:#4f493f;
  border-top:1px solid rgba(175,151,96,.24);
}
.footer-a{color:#8d6720}
.footer strong{color:#564d42;font-size:14px}
.footer nav a{font-size:13px;font-weight:600;color:#5a5143}
.footer small{font-size:12px;line-height:1.55;color:#5d554a}

/* ===== Aurelia FINAL: sichtbarer Bokeh-Hintergrund ===== */
body{
  position:relative;
  overflow-x:hidden;
  background:#f4ede1;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 8% 10%, rgba(255,255,255,.82) 0, rgba(255,255,255,.48) 4%, rgba(255,255,255,0) 14%),
    radial-gradient(circle at 18% 26%, rgba(230,208,162,.70) 0, rgba(230,208,162,.34) 6%, rgba(230,208,162,0) 18%),
    radial-gradient(circle at 30% 80%, rgba(255,255,255,.60) 0, rgba(255,255,255,.24) 4%, rgba(255,255,255,0) 13%),
    radial-gradient(circle at 52% 18%, rgba(244,228,192,.42) 0, rgba(244,228,192,.22) 5%, rgba(244,228,192,0) 15%),
    radial-gradient(circle at 76% 12%, rgba(255,255,255,.78) 0, rgba(255,255,255,.38) 4%, rgba(255,255,255,0) 12%),
    radial-gradient(circle at 88% 28%, rgba(214,193,148,.62) 0, rgba(214,193,148,.28) 6%, rgba(214,193,148,0) 16%),
    radial-gradient(circle at 92% 76%, rgba(255,255,255,.72) 0, rgba(255,255,255,.30) 4%, rgba(255,255,255,0) 12%),
    radial-gradient(circle at 14% 58%, rgba(232,214,178,.54) 0, rgba(232,214,178,.24) 6%, rgba(232,214,178,0) 17%),
    linear-gradient(180deg,#f5eee3,#efe6d8 58%, #f4ede1);
  filter:blur(2px);
}
.page-shell{
  position:relative;
  z-index:1;
  background:rgba(255,251,245,.84);
  backdrop-filter:blur(2px);
}
.page-shell::before{
  background:
    radial-gradient(circle at 10% 12%, rgba(255,255,255,.44) 0, rgba(255,255,255,.20) 6%, rgba(255,255,255,0) 16%),
    radial-gradient(circle at 85% 12%, rgba(234,217,182,.34) 0, rgba(234,217,182,.16) 7%, rgba(234,217,182,0) 18%),
    radial-gradient(circle at 15% 68%, rgba(255,255,255,.34) 0, rgba(255,255,255,.14) 5%, rgba(255,255,255,0) 12%),
    radial-gradient(circle at 88% 78%, rgba(233,223,197,.30) 0, rgba(233,223,197,.14) 6%, rgba(233,223,197,0) 16%),
    radial-gradient(circle at 54% 42%, rgba(255,247,229,.24) 0, rgba(255,247,229,.10) 5%, rgba(255,247,229,0) 12%);
  filter:blur(1px);
}
.header,.features,.preview-reservation,.full-menu,.footer{background:transparent}

/* ===== Aurelia FINAL: nobles Lichter-Bokeh + mobile Kartenfix ===== */
body::before{
  content:'';
  position:fixed;
  inset:-4%;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(rgba(246,240,231,.88), rgba(241,233,221,.90)),
    url("assets/restaurant-bokeh-reference.png") center center/cover no-repeat;
  filter:blur(26px) saturate(.72) brightness(.88);
  transform:scale(1.07);
  opacity:.68;
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(255,250,243,.10), rgba(255,250,243,.18));
}
.page-shell{
  position:relative;
  z-index:1;
  background:rgba(255,251,246,.88);
  box-shadow:0 22px 56px rgba(83,66,37,.09);
  backdrop-filter:blur(2px);
}
.page-shell::before{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,248,236,.10) 0, rgba(255,248,236,.04) 10%, rgba(255,248,236,0) 22%),
    radial-gradient(circle at 88% 12%, rgba(239,223,190,.05) 0, rgba(239,223,190,.02) 9%, rgba(239,223,190,0) 20%);
}
@media(max-width:680px){
  .elegant-list{grid-template-columns:1fr;gap:18px}
  .elegant-item{display:flex;flex-direction:column}
  .dish-image-wrap{
    position:relative;
    height:190px;
    min-height:190px;
    aspect-ratio:auto;
    overflow:hidden;
    background:#263d34;
  }
  .dish-image-wrap img,
  .elegant-item img{
    position:absolute;
    inset:0;
    width:100% !important;
    height:100% !important;
    display:block;
    object-fit:cover;
    object-position:center center;
  }
  .dish-copy{padding:18px 18px 20px}
  .dish-head h3{font-size:18px}
  .dish-head strong{font-size:16px}
  .dish-copy p{font-size:14px;line-height:1.5;min-height:auto}
  .labels span{font-size:11px;padding:6px 10px}
  .dish-badge{right:12px;top:12px}
}
@media(max-width:620px){
  .dish-image-wrap{
    height:182px;
    min-height:182px;
  }
}


/* ===== Aurelia FINAL: echtes Restaurantbild als Bokeh-Hintergrund ===== */
body::before{
  content:'';
  position:fixed;
  inset:-4%;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(rgba(34,25,18,.34), rgba(56,43,31,.40)),
    url("restaurant-bokeh-source.png") center center/cover no-repeat;
  filter:blur(18px) saturate(.88) brightness(.68);
  transform:scale(1.06);
  opacity:.96;
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,244,221,.04) 0, rgba(255,244,221,0) 60%),
    linear-gradient(180deg, rgba(26,20,16,.06), rgba(26,20,16,.10));
}
.page-shell{
  position:relative;
  z-index:1;
  background:rgba(250,246,239,.74);
  box-shadow:0 22px 56px rgba(60,45,29,.15);
  backdrop-filter:blur(1.5px);
}
.page-shell::before{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
@media(max-width:680px){
  body::before{
    filter:blur(16px) saturate(.86) brightness(.64);
    opacity:.95;
  }
  .elegant-list{grid-template-columns:1fr;gap:18px}
  .elegant-item{display:flex;flex-direction:column}
  .dish-image-wrap{
    position:relative;
    height:190px;
    min-height:190px;
    aspect-ratio:auto;
    overflow:hidden;
    background:#263d34;
  }
  .dish-image-wrap img,
  .elegant-item img{
    position:absolute;
    inset:0;
    width:100% !important;
    height:100% !important;
    display:block;
    object-fit:cover;
    object-position:center center;
  }
  .dish-copy{padding:18px 18px 20px}
  .dish-head h3{font-size:18px}
  .dish-head strong{font-size:16px}
  .dish-copy p{font-size:14px;line-height:1.5;min-height:auto}
  .labels span{font-size:11px;padding:6px 10px}
  .dish-badge{right:12px;top:12px}
}
@media(max-width:620px){
  .dish-image-wrap{height:182px;min-height:182px}
}

/* ===== Aurelia FINAL OVERRIDE: helles Beige barrierefrei ===== */
body{
  background:#f4eee4 !important;
  color:#2f2a24 !important;
}
body::before,
body::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.page-shell{
  background:#f8f3ea !important;
  box-shadow:0 18px 40px rgba(86,67,40,.08) !important;
  backdrop-filter:none !important;
}
.page-shell::before{
  display:none !important;
  content:none !important;
  background:none !important;
}
.header,
.features,
.preview-reservation,
.full-menu,
.footer{
  background:transparent !important;
}
.feature-card,
.preview-card,
.reserve-card,
.menu-category,
.footer,
.contact-card,
.admin-card,
.stat-card,
.elegant-item,
.full-menu .menu-grid > *{
  background:#fbf7f0 !important;
}
.visit{
  background:#efe6d8 !important;
}
.features,
.preview-reservation,
.full-menu,
.visit,
.footer{
  color:#3a342d !important;
}
.features p,
.preview-text p,
.menu-heading p,
.reserve-card p,
.visit p,
.footer,
.footer a,
.footer small,
.visit-data strong,
.visit-data span,
.quick-grid label,
.reserve-form label,
.quick-hint,
.reserve-note{
  color:#5d564b !important;
}
.quick-grid input,
.quick-grid select,
.reserve-form input,
.reserve-form select,
.reserve-form textarea{
  background:#fffdfa !important;
  color:#2f2a24 !important;
  border-color:#cdbd9d !important;
}
.dish-image-wrap{background:#f8f3ea !important}
@media(max-width:680px){
  body{
    background:#f4eee4 !important;
  }
  .page-shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    background:#f8f3ea !important;
    box-shadow:none !important;
  }
  .header,
  .features,
  .preview-reservation,
  .full-menu,
  .visit,
  .footer,
  .reserve-card,
  .preview-card,
  .menu-category,
  .elegant-item,
  .dish-copy,
  .dish-image-wrap,
  .feature-card{
    background:#f8f3ea !important;
  }
  .visit{background:#efe6d8 !important}
}

/* ===== Aurelia FINAL OVERRIDE 2: klare helle Linie + Kartenfix ===== */
:root{
  --cream-soft:#f4eee4;
  --page-bg:#fbf7f1;
  --surface:#fffdf9;
  --surface-2:#f8f2e8;
  --text-dark:#2f2a24;
  --text-muted:#655f54;
  --gold-soft:#b68430;
  --line-soft:#e4d9c7;
}
body{
  background:var(--cream-soft) !important;
  color:var(--text-dark) !important;
}
body::before,
body::after,
.page-shell::before{
  content:none !important;
  display:none !important;
  background:none !important;
}
.page-shell{
  width:min(1380px,calc(100% - 30px)) !important;
  margin:0 auto !important;
  background:var(--page-bg) !important;
  border:1px solid rgba(214,200,175,.55) !important;
  box-shadow:0 18px 40px rgba(83,64,37,.08) !important;
  border-radius:24px !important;
  overflow:hidden;
}
.header{background:rgba(255,253,248,.98) !important}
.features,
.preview-reservation,
.full-menu,
.footer,
.menu-category,
.menu-heading,
.visit,
.quick-reserve,
.elegant-item,
.preview-item,
.feature-card,
.reserve-card,
.preview-card{
  color:var(--text-dark) !important;
}
.features{background:#fcf8f2 !important}
.preview-reservation,
.full-menu{background:var(--page-bg) !important}
.quick-reserve{
  background:linear-gradient(135deg,#f6f0e5,#fcf8f2) !important;
  border:1px solid var(--line-soft) !important;
}
.quick-reserve:after{color:rgba(182,132,48,.10) !important}
.visit{
  background:#efe7da !important;
  color:var(--text-dark) !important;
}
.footer{
  background:#efe7da !important;
  color:var(--text-muted) !important;
}
.footer a,.footer small,.features p,.preview-item p,.menu-heading p,.reserve-intro,.visit p,.visit-data span,.visit-data strong,.quick-hint,.reserve-note,
.quick-grid label{color:var(--text-muted) !important}
.features h2,.preview-item h3,.menu-heading h2,.quick-reserve h2,.visit h2,.footer strong{color:var(--text-dark) !important}
.full-menu{
  border-top:1px solid var(--line-soft) !important;
  background:#faf6ef !important;
}
.menu-category>header:before,.menu-category>header:after{opacity:.8}
.menu-category>header h2{color:#294536 !important}
.category-nav a{background:#fffdfa !important;border-color:#ddd2c0 !important;color:var(--text-dark) !important}
.category-nav a:first-child,.category-nav a:hover{background:linear-gradient(180deg,#365a49,#254638) !important;color:#fff !important;border-color:#2b4d3f !important}

/* Karten Desktop + Mobil einheitlich */
.elegant-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}
.elegant-item{
  display:flex !important;
  flex-direction:column !important;
  background:var(--surface) !important;
  border:1px solid rgba(214,200,175,.8) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 12px 28px rgba(77,59,33,.08) !important;
  transform:none !important;
}
.elegant-item:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(182,132,48,.45) !important;
  box-shadow:0 16px 34px rgba(77,59,33,.12) !important;
}
.dish-image-wrap{
  position:relative !important;
  width:100% !important;
  height:210px !important;
  min-height:210px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  background:#ece3d5 !important;
}
.dish-image-wrap img,
.elegant-item img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.dish-badge{
  background:rgba(255,253,248,.96) !important;
  color:#315545 !important;
  border:1px solid rgba(43,79,62,.24) !important;
}
.dish-copy{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  gap:0 !important;
  padding:18px 18px 18px !important;
  background:var(--surface) !important;
  color:var(--text-dark) !important;
}
.dish-head{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:14px !important}
.dish-head h3{
  color:var(--text-dark) !important;
  font:600 19px/1.2 var(--heading) !important;
  margin:0 !important;
}
.dish-head strong{
  color:var(--gold-soft) !important;
  font:600 18px var(--heading) !important;
  text-shadow:none !important;
}
.dish-copy p{
  color:var(--text-muted) !important;
  font:400 13px/1.55 var(--heading) !important;
  margin:8px 0 14px !important;
  min-height:40px !important;
}
.labels{display:flex !important;flex-wrap:wrap !important;gap:7px !important;margin-top:auto !important}
.labels span{
  background:#f7f0e5 !important;
  border:1px solid #e2d3ba !important;
  color:#6a614f !important;
  font-size:10px !important;
  padding:5px 9px !important;
}
.labels .sold-label{
  background:#f8e5e1 !important;
  border-color:#edc5bd !important;
  color:#9a4638 !important;
}
.elegant-item.sold{opacity:.72 !important;filter:none !important}

.quick-grid select,.quick-grid input,.reserve-form input,.reserve-form select,.reserve-form textarea{
  background:#fffdfa !important;
  border-color:#d6c7ad !important;
  color:var(--text-dark) !important;
}

@media(max-width:1100px){
  .elegant-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:680px){
  body{background:var(--cream-soft) !important}
  .page-shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }
  .preview-reservation,.full-menu{padding:32px 18px 42px !important}
  .elegant-list{grid-template-columns:1fr !important;gap:18px !important}
  .elegant-item{border-radius:16px !important}
  .dish-image-wrap{
    height:220px !important;
    min-height:220px !important;
  }
  .dish-copy{padding:18px !important}
  .dish-head h3{font-size:20px !important}
  .dish-head strong{font-size:19px !important}
  .dish-copy p{min-height:0 !important;font-size:14px !important}
  .labels span{font-size:11px !important}
}
@media(max-width:620px){
  .hero{background:linear-gradient(180deg,rgba(14,18,12,.10),rgba(14,18,12,.30) 38%,rgba(14,18,12,.94)),var(--hero-image) center/cover !important}
  .elegant-item,
  .dish-copy,
  .dish-image-wrap,
  .menu-category,
  .quick-reserve,
  .visit,
  .footer,
  .features,
  .preview-reservation,
  .full-menu{
    background:inherit;
  }
  .elegant-item{background:var(--surface) !important}
  .dish-copy{background:var(--surface) !important}
  .dish-image-wrap{background:#ece3d5 !important;height:205px !important;min-height:205px !important}
}

/* ===== Aurelia FINAL OVERRIDE 3: grüne Speisenkarten ===== */
.elegant-item{
  background:linear-gradient(145deg,#335846 0%,#294b3b 58%,#234133 100%) !important;
  border:1px solid rgba(31,64,50,.28) !important;
  box-shadow:0 14px 30px rgba(28,50,40,.16),0 3px 8px rgba(28,50,40,.10),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.elegant-item:hover{
  border-color:rgba(180,142,72,.55) !important;
  box-shadow:0 20px 38px rgba(28,50,40,.22),0 5px 12px rgba(28,50,40,.12) !important;
}
.dish-copy{
  background:linear-gradient(145deg,#335846 0%,#294b3b 58%,#234133 100%) !important;
  color:#fff !important;
}
.dish-head h3{
  color:#fff !important;
}
.dish-head strong{
  color:#e6bf70 !important;
}
.dish-copy p{
  color:rgba(255,255,255,.86) !important;
}
.labels span{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(228,190,112,.34) !important;
  color:rgba(255,255,255,.92) !important;
}
.labels .sold-label{
  background:rgba(155,59,48,.28) !important;
  border-color:rgba(255,188,176,.40) !important;
  color:#ffe6e1 !important;
}
.dish-image-wrap{
  background:#263d34 !important;
}
@media(max-width:680px){
  .elegant-item,
  .dish-copy{
    background:linear-gradient(145deg,#335846 0%,#294b3b 58%,#234133 100%) !important;
  }
  .dish-image-wrap{
    background:#263d34 !important;
  }
}
@media(max-width:620px){
  .elegant-item,
  .dish-copy{
    background:linear-gradient(145deg,#335846 0%,#294b3b 58%,#234133 100%) !important;
  }
  .dish-image-wrap{
    background:#263d34 !important;
  }
}

/* ===== WAVE FIX: Kontrast + Schriftgroessen ===== */
:root{
  --a11y-gold:#765018;
  --a11y-gold-hover:#654313;
  --a11y-text:#3f3a32;
  --a11y-muted:#595347;
}

/* Buttons: weiß auf deutlich dunklerem Gold */
.nav-cta,
.hero-btn,
.reserve-submit{
  background:linear-gradient(180deg,#765018,#654313) !important;
  border-color:#5b3c11 !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
}
.nav-cta:hover,
.hero-btn:hover,
.reserve-submit:hover{
  background:linear-gradient(180deg,#654313,#57390f) !important;
}

/* Dunkleres Gold auf hellen Flächen */
.eyebrow,
.menu-link,
.preview-item strong,
.menu-category>header span,
.footer-a{
  color:var(--a11y-gold) !important;
}

/* Kleine Texte auf sinnvolle Mindestgröße anheben */
.logo-sub,
.features h2,
.eyebrow,
.menu-link,
.quick-grid label,
.quick-field label,
.quick-hint,
.reserve-note,
.category-nav a,
.visit-data span,
.footer a,
.footer small,
.labels span{
  font-size:14px !important;
  line-height:1.45 !important;
}

.features p,
.preview-item p,
.reserve-intro,
.menu-heading p,
.visit p,
.visit-data strong,
.dish-copy p{
  font-size:15px !important;
  line-height:1.6 !important;
}

/* Kontrast für sekundäre Texte */
.features p,
.preview-item p,
.reserve-intro,
.menu-heading p,
.quick-hint,
.reserve-note,
.visit p,
.visit-data span,
.visit-data strong,
.footer,
.footer a,
.footer small{
  color:var(--a11y-muted) !important;
}

/* Grüne Speisenkarten: hell und kontrastreich */
.elegant-item .dish-head h3{
  color:#fff !important;
  font-size:20px !important;
}
.elegant-item .dish-head strong{
  color:#f3cf82 !important;
  font-size:19px !important;
}
.elegant-item .dish-copy p{
  color:#f3f1eb !important;
}
.elegant-item .labels span{
  color:#fff !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(243,207,130,.60) !important;
}

/* Formularfelder und Labels klarer */
.quick-grid input,
.quick-grid select,
.quick-field input,
.quick-field select{
  font-size:15px !important;
  color:#2f2a24 !important;
  background:#fffdfa !important;
  border-color:#bca987 !important;
}

@media(max-width:680px){
  .nav-cta,
  .hero-btn,
  .reserve-submit{font-size:14px !important}
  .dish-head h3{font-size:20px !important}
  .dish-head strong{font-size:19px !important}
  .dish-copy p{font-size:15px !important}
  .labels span{font-size:14px !important}
}

/* ===== Aurelia FINAL OVERRIDE 4: goldgelbe Boxen + helleres Gold ===== */
:root{
  --gold-light:#a97826;
  --gold-mid:#95681d;
  --gold-dark:#6e4a10;
  --gold-card-1:#f4dfb0;
  --gold-card-2:#e8c983;
  --gold-card-3:#ddb05a;
  --gold-card-border:#c4933d;
  --gold-card-text:#3d2f1a;
  --gold-card-muted:#5a4626;
}

/* etwas helleres Gold, aber weiterhin barrierefrei */
.logo-word,
.hero h1,
.hero h1 .title-gold,
.eyebrow,
.menu-category>header span,
.preview-item strong,
.menu-link{
  color:var(--gold-mid) !important;
}
.hero h1 .title-white{color:#fff !important}

.nav-cta,
.hero-btn,
.reserve-submit{
  background:linear-gradient(180deg,var(--gold-light),var(--gold-dark)) !important;
  border-color:#6a460f !important;
  color:#fff !important;
}
.nav-cta:hover,
.hero-btn:hover,
.reserve-submit:hover{
  background:linear-gradient(180deg,#b17d29,#7a5213) !important;
}

/* Boxen statt grün jetzt goldgelb */
.elegant-item{
  background:linear-gradient(145deg,var(--gold-card-1) 0%,var(--gold-card-2) 58%,var(--gold-card-3) 100%) !important;
  border:1px solid rgba(196,148,61,.58) !important;
  box-shadow:0 14px 30px rgba(119,84,22,.14),0 3px 8px rgba(119,84,22,.08),inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.elegant-item:hover{
  border-color:rgba(154,107,27,.78) !important;
  box-shadow:0 18px 34px rgba(119,84,22,.18),0 5px 12px rgba(119,84,22,.10) !important;
}
.dish-copy{
  background:linear-gradient(145deg,var(--gold-card-1) 0%,var(--gold-card-2) 58%,var(--gold-card-3) 100%) !important;
  color:var(--gold-card-text) !important;
}
.dish-head h3,
.elegant-item .dish-head h3{
  color:var(--gold-card-text) !important;
}
.dish-head strong,
.elegant-item .dish-head strong{
  color:#744e10 !important;
}
.dish-copy p,
.elegant-item .dish-copy p{
  color:var(--gold-card-muted) !important;
}
.labels span,
.elegant-item .labels span{
  background:rgba(255,250,241,.42) !important;
  border:1px solid rgba(122,86,20,.28) !important;
  color:#5c4521 !important;
}
.labels .sold-label,
.elegant-item .labels .sold-label{
  background:rgba(140,54,40,.14) !important;
  border-color:rgba(140,54,40,.28) !important;
  color:#7a3228 !important;
}
.dish-image-wrap{
  background:#ecdab5 !important;
}
.dish-badge{
  background:rgba(255,250,242,.96) !important;
  color:#6b5318 !important;
  border:1px solid rgba(122,86,20,.24) !important;
}

/* Feine Lesbarkeit auf den Goldboxen */
.elegant-item .dish-head h3{font-size:20px !important}
.elegant-item .dish-head strong{font-size:19px !important}
.elegant-item .dish-copy p{font-size:15px !important;line-height:1.58 !important}
.elegant-item .labels span{font-size:13px !important;line-height:1.35 !important}

@media(max-width:680px){
  .elegant-item,
  .dish-copy{
    background:linear-gradient(145deg,var(--gold-card-1) 0%,var(--gold-card-2) 58%,var(--gold-card-3) 100%) !important;
  }
  .dish-image-wrap{background:#ecdab5 !important}
}
@media(max-width:620px){
  .elegant-item,
  .dish-copy{
    background:linear-gradient(145deg,var(--gold-card-1) 0%,var(--gold-card-2) 58%,var(--gold-card-3) 100%) !important;
  }
  .dish-image-wrap{background:#ecdab5 !important}
}



/* ===== GOLDGELB V2 - sichtbar und barrierefrei ===== */
:root{
  --gold-v2-accent:#8f6118;
  --gold-v2-button:#765018;
  --gold-v2-button-hover:#654313;
  --gold-v2-1:#f0d89e;
  --gold-v2-2:#e8c983;
  --gold-v2-3:#e2bd6d;
  --gold-v2-border:#b9842d;
  --gold-v2-text:#3d2f1a;
  --gold-v2-muted:#514022;
}

.logo-wordmark,
.eyebrow,
.menu-link,
.preview-item strong,
.menu-category>header span,
.footer-a{
  color:var(--gold-v2-accent) !important;
}

.nav-cta,
.hero-btn,
.reserve-submit{
  background:linear-gradient(180deg,#835919,var(--gold-v2-button)) !important;
  border:1px solid #5e3f11 !important;
  color:#fff !important;
}
.nav-cta:hover,
.hero-btn:hover,
.reserve-submit:hover{
  background:linear-gradient(180deg,var(--gold-v2-button),var(--gold-v2-button-hover)) !important;
}

.elegant-item{
  background:linear-gradient(145deg,var(--gold-v2-1) 0%,var(--gold-v2-2) 58%,var(--gold-v2-3) 100%) !important;
  border:1px solid rgba(185,132,45,.78) !important;
  box-shadow:0 14px 30px rgba(112,76,18,.15),0 3px 8px rgba(112,76,18,.09),inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.elegant-item:hover{
  transform:translateY(-3px) !important;
  border-color:#9e6d1e !important;
  box-shadow:0 20px 38px rgba(112,76,18,.20),0 5px 12px rgba(112,76,18,.11) !important;
}

.dish-copy{
  background:linear-gradient(145deg,var(--gold-v2-1) 0%,var(--gold-v2-2) 58%,var(--gold-v2-3) 100%) !important;
  color:var(--gold-v2-text) !important;
}
.elegant-item .dish-head h3{
  color:var(--gold-v2-text) !important;
  font-size:20px !important;
}
.elegant-item .dish-head strong{
  color:#6b470d !important;
  font-size:19px !important;
  text-shadow:none !important;
}
.elegant-item .dish-copy p{
  color:var(--gold-v2-muted) !important;
  font-size:15px !important;
  line-height:1.58 !important;
}
.elegant-item .labels span{
  background:rgba(255,250,239,.48) !important;
  border:1px solid rgba(105,72,14,.34) !important;
  color:#493717 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
.elegant-item .labels .sold-label{
  background:#f0d2c9 !important;
  border-color:#a05b4b !important;
  color:#6d2d24 !important;
}
.dish-image-wrap{
  background:#e5cf9d !important;
}
.dish-badge{
  background:#fffaf0 !important;
  border:1px solid rgba(105,72,14,.32) !important;
  color:#5b4618 !important;
}

.elegant-item{
  display:flex !important;
  flex-direction:column !important;
}
.dish-image-wrap{
  position:relative !important;
  width:100% !important;
  height:210px !important;
  min-height:210px !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
}
.dish-image-wrap img,
.elegant-item img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

@media(max-width:680px){
  .elegant-list{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .dish-image-wrap{
    height:220px !important;
    min-height:220px !important;
  }
  .dish-copy{
    background:linear-gradient(145deg,var(--gold-v2-1) 0%,var(--gold-v2-2) 58%,var(--gold-v2-3) 100%) !important;
    padding:18px !important;
  }
}
@media(max-width:620px){
  .dish-image-wrap{
    height:205px !important;
    min-height:205px !important;
  }
}


/* ===== Aurelia DUNKLES BEIGE EINHEITLICH ===== */
:root{
  --beige-dark:#e6dac6;
  --beige-dark-2:#dfd1ba;
  --beige-dark-3:#d6c4a7;
  --beige-card:#deceb4;
  --beige-border:#c8b391;
  --beige-text:#342b21;
  --beige-muted:#5a4c3d;
  --gold-accent:#8d611a;
  --gold-accent-dark:#6d4b12;
}

body{
  background:var(--beige-dark) !important;
  color:var(--beige-text) !important;
}
body::before,
body::after,
.page-shell::before{
  content:none !important;
  display:none !important;
  background:none !important;
}
.page-shell{
  background:var(--beige-dark) !important;
  border:1px solid rgba(190,168,132,.65) !important;
  box-shadow:0 18px 42px rgba(90,68,37,.09) !important;
}
.header,
.features,
.preview-reservation,
.full-menu,
.footer,
.visit,
.menu-category,
.preview-card,
.reserve-card,
.feature-card,
.quick-reserve,
.preview-item,
.contact-card,
.stat-card,
.admin-card{
  background:var(--beige-dark) !important;
}
.features,
.preview-reservation,
.full-menu,
.visit,
.footer{
  border-color:rgba(190,168,132,.55) !important;
}
.preview-reservation,
.full-menu{
  background:linear-gradient(180deg,var(--beige-dark),var(--beige-dark-2)) !important;
}
.visit,
.footer{
  background:linear-gradient(180deg,var(--beige-dark-2),var(--beige-dark-3)) !important;
}
.features h2,
.preview-text h2,
.menu-heading h2,
.quick-reserve h2,
.visit h2,
.footer strong,
.menu-category>header h2,
.preview-item h3,
.reserve-card h2{
  color:var(--beige-text) !important;
}
.features p,
.preview-text p,
.menu-heading p,
.reserve-intro,
.quick-hint,
.reserve-note,
.visit p,
.visit-data span,
.visit-data strong,
.footer,
.footer a,
.footer small,
.quick-grid label,
.reserve-form label{
  color:var(--beige-muted) !important;
}
.eyebrow,
.menu-category>header span,
.preview-item strong,
.menu-link,
.logo-word,
.hero h1,
.hero h1 .title-gold{
  color:var(--gold-accent) !important;
}
.hero h1 .title-white{color:#fff !important}
.nav-cta,
.hero-btn,
.reserve-submit{
  background:linear-gradient(180deg,#94661d,var(--gold-accent-dark)) !important;
  border:1px solid #5c3d0e !important;
  color:#fff !important;
}
.nav-cta:hover,
.hero-btn:hover,
.reserve-submit:hover{
  background:linear-gradient(180deg,#7d5517,#5f400f) !important;
}

/* Speisenboxen jetzt einheitlich dunkles Beige */
.elegant-item,
.dish-copy{
  background:linear-gradient(145deg,var(--beige-dark-2) 0%,var(--beige-card) 58%,var(--beige-dark-3) 100%) !important;
  border:1px solid rgba(183,158,116,.78) !important;
  box-shadow:0 14px 30px rgba(107,81,44,.11),0 3px 8px rgba(107,81,44,.08),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.elegant-item:hover{
  border-color:rgba(150,118,70,.88) !important;
  box-shadow:0 18px 34px rgba(107,81,44,.16),0 5px 12px rgba(107,81,44,.10) !important;
}
.dish-image-wrap{
  background:#d9c7aa !important;
}
.dish-head h3,
.elegant-item .dish-head h3{
  color:var(--beige-text) !important;
}
.dish-head strong,
.elegant-item .dish-head strong{
  color:var(--gold-accent-dark) !important;
}
.dish-copy p,
.elegant-item .dish-copy p{
  color:var(--beige-muted) !important;
}
.labels span,
.elegant-item .labels span{
  background:rgba(255,249,239,.34) !important;
  border:1px solid rgba(129,102,58,.24) !important;
  color:#5d4a2f !important;
}
.labels .sold-label,
.elegant-item .labels .sold-label{
  background:rgba(138,67,50,.12) !important;
  border-color:rgba(138,67,50,.24) !important;
  color:#7a372b !important;
}
.dish-badge{
  background:rgba(255,252,246,.92) !important;
  color:#6f5628 !important;
  border:1px solid rgba(111,86,40,.18) !important;
}
.quick-grid input,
.quick-grid select,
.quick-field input,
.quick-field select,
.reserve-form input,
.reserve-form select,
.reserve-form textarea{
  background:#f5eee4 !important;
  border-color:#c8b391 !important;
  color:var(--beige-text) !important;
}
.category-nav a{
  background:#efe5d6 !important;
  border-color:#d1b892 !important;
  color:var(--beige-text) !important;
}
.category-nav a:first-child,
.category-nav a:hover{
  background:linear-gradient(180deg,#8b6522,#6d4f1d) !important;
  border-color:#604518 !important;
  color:#fff !important;
}
@media(max-width:680px){
  body,
  .page-shell,
  .header,
  .features,
  .preview-reservation,
  .full-menu,
  .visit,
  .footer,
  .quick-reserve,
  .menu-category,
  .elegant-item,
  .dish-copy{
    background:var(--beige-dark) !important;
  }
  .elegant-item,
  .dish-copy{
    background:linear-gradient(145deg,var(--beige-dark-2) 0%,var(--beige-card) 58%,var(--beige-dark-3) 100%) !important;
  }
}

/* ===== Aurelia KONTRAST-FEINSCHLIFF ===== */
:root{
  --bg-main:#ddd0bb;
  --bg-shell:#e7dac6;
  --bg-header:#ede2d1;
  --bg-band-1:#e2d4bf;
  --bg-band-2:#e8dcc8;
  --bg-band-3:#d8c7ae;
  --bg-card:#decdb2;
  --border-strong:#b99c6b;
  --shadow-soft:0 18px 34px rgba(94,72,39,.10);
}
body{background:var(--bg-main) !important;}
.page-shell{
  background:var(--bg-shell) !important;
  border:1px solid rgba(174,145,95,.48) !important;
  box-shadow:0 24px 48px rgba(88,67,36,.12) !important;
}
.header{
  background:var(--bg-header) !important;
  border-bottom:1px solid rgba(182,155,109,.40) !important;
}
.features{
  background:var(--bg-band-1) !important;
  border-bottom:1px solid rgba(181,154,107,.36) !important;
}
.features article:not(:last-child):after{background:rgba(184,158,111,.55) !important;}
.preview-reservation{
  background:linear-gradient(180deg,var(--bg-band-2),#e4d6c0) !important;
  border-top:1px solid rgba(182,155,109,.28) !important;
  border-bottom:1px solid rgba(182,155,109,.28) !important;
}
.full-menu{
  background:linear-gradient(180deg,#eadfce,var(--bg-band-2)) !important;
  border-top:1px solid rgba(182,155,109,.28) !important;
}
.menu-category{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(190,165,121,.18) !important;
  border-radius:18px !important;
  padding:18px 18px 22px !important;
}
.visit{
  background:linear-gradient(180deg,var(--bg-band-3),#d4c1a5) !important;
  border-top:1px solid rgba(161,131,84,.32) !important;
}
.footer{
  background:#d6c2a5 !important;
  border-top:1px solid rgba(161,131,84,.36) !important;
}
.quick-reserve,
.reserve-card,
.contact-card,
.preview-card{
  background:linear-gradient(180deg,#eaddca,#dfcfb6) !important;
  border:1px solid rgba(183,155,108,.44) !important;
  box-shadow:var(--shadow-soft) !important;
}
.quick-grid select,.quick-grid input,
.reserve-form input,.reserve-form select,.reserve-form textarea{
  background:#f3ebdf !important;
}
.category-nav a{
  background:#efe4d3 !important;
  border:1px solid rgba(185,154,104,.42) !important;
}
.category-nav a:first-child,
.category-nav a:hover{
  background:linear-gradient(180deg,#8b6522,#6d4f1d) !important;
  color:#fff !important;
}
.elegant-item,
.dish-copy{
  background:linear-gradient(145deg,#dfcfb5 0%, var(--bg-card) 58%, #d6c2a2 100%) !important;
  border:1px solid rgba(176,144,91,.78) !important;
  box-shadow:0 18px 30px rgba(99,73,38,.12),0 4px 10px rgba(99,73,38,.08), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.elegant-item:hover{
  border-color:var(--border-strong) !important;
  box-shadow:0 22px 36px rgba(99,73,38,.16),0 6px 14px rgba(99,73,38,.10) !important;
}
.dish-image-wrap{background:#d4c09f !important;}
.dish-badge{
  background:rgba(255,250,242,.96) !important;
  border:1px solid rgba(153,122,71,.32) !important;
  box-shadow:0 6px 16px rgba(78,59,30,.16) !important;
}
.preview-item,
.visit-data>div{
  border-bottom-color:rgba(174,145,95,.28) !important;
}
@media(max-width:680px){
  .menu-category{padding:14px 14px 18px !important;border-radius:16px !important;}
}

/* ===== Aurelia IVORY KONTRAST V3 ===== */
:root{
  --ivory-outer:#f7f4ee;
  --ivory-shell:#fbf8f2;
  --ivory-header:#fffdf9;
  --ivory-section:#f6f0e6;
  --ivory-section-2:#f1e7d7;
  --ivory-strong:#eadbc4;
  --text-main:#2f271f;
  --text-soft:#5b5146;
  --gold-main:#8b5f1a;
  --gold-button:#765018;
  --gold-button-dark:#61410f;
}

body{
  background:var(--ivory-outer) !important;
  color:var(--text-main) !important;
}
.page-shell{
  background:var(--ivory-shell) !important;
  border:1px solid rgba(196,177,145,.48) !important;
  box-shadow:0 24px 54px rgba(76,59,36,.10) !important;
}
.header{
  background:var(--ivory-header) !important;
  border-bottom:1px solid rgba(196,177,145,.44) !important;
}
.features{
  background:var(--ivory-section-2) !important;
  border-bottom:1px solid rgba(181,154,107,.34) !important;
}
.features article:not(:last-child):after{
  background:rgba(181,154,107,.48) !important;
}
.preview-reservation{
  background:var(--ivory-section) !important;
  border-top:1px solid rgba(196,177,145,.34) !important;
  border-bottom:1px solid rgba(196,177,145,.34) !important;
}
.full-menu{
  background:var(--ivory-shell) !important;
  border-top:1px solid rgba(196,177,145,.34) !important;
}
.menu-category{
  background:rgba(241,231,215,.55) !important;
  border:1px solid rgba(190,165,121,.22) !important;
  border-radius:18px !important;
  padding:18px 18px 22px !important;
}
.quick-reserve,
.reserve-card,
.contact-card,
.preview-card{
  background:linear-gradient(180deg,#f3eadc,#ecdfcb) !important;
  border:1px solid rgba(183,155,108,.44) !important;
  box-shadow:0 16px 32px rgba(91,69,38,.09) !important;
}
.visit{
  background:var(--ivory-strong) !important;
  border-top:1px solid rgba(161,131,84,.28) !important;
}
.footer{
  background:#e4d2b6 !important;
  border-top:1px solid rgba(161,131,84,.32) !important;
}

.features h2,
.preview-text h2,
.menu-heading h2,
.quick-reserve h2,
.visit h2,
.footer strong,
.menu-category>header h2,
.preview-item h3,
.reserve-card h2{
  color:var(--text-main) !important;
}
.features p,
.preview-text p,
.menu-heading p,
.reserve-intro,
.quick-hint,
.reserve-note,
.visit p,
.visit-data span,
.visit-data strong,
.footer,
.footer a,
.footer small,
.quick-grid label,
.reserve-form label{
  color:var(--text-soft) !important;
}
.eyebrow,
.menu-category>header span,
.preview-item strong,
.menu-link,
.logo-word,
.hero h1,
.hero h1 .title-gold{
  color:var(--gold-main) !important;
}
.hero h1 .title-white{color:#fff !important}

.nav-cta,
.hero-btn,
.reserve-submit{
  background:linear-gradient(180deg,#8b611d,var(--gold-button)) !important;
  border:1px solid #5d3e0e !important;
  color:#fff !important;
}
.nav-cta:hover,
.hero-btn:hover,
.reserve-submit:hover{
  background:linear-gradient(180deg,var(--gold-button),var(--gold-button-dark)) !important;
}

/* Speisenboxen bewusst NICHT verändern */

.quick-grid select,.quick-grid input,
.reserve-form input,.reserve-form select,.reserve-form textarea{
  background:#fffdfa !important;
  border-color:#c6b18e !important;
  color:var(--text-main) !important;
}
.category-nav a{
  background:#f5ede2 !important;
  border-color:#d3bd98 !important;
  color:var(--text-main) !important;
}
.category-nav a:first-child,
.category-nav a:hover{
  background:linear-gradient(180deg,#8b6522,#6d4f1d) !important;
  color:#fff !important;
  border-color:#604518 !important;
}
.preview-item,
.visit-data>div{
  border-bottom-color:rgba(174,145,95,.24) !important;
}

@media(max-width:680px){
  body{background:var(--ivory-outer) !important;}
  .page-shell{
    background:var(--ivory-shell) !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }
  .header{background:var(--ivory-header) !important;}
  .features{background:var(--ivory-section-2) !important;}
  .preview-reservation{background:var(--ivory-section) !important;}
  .full-menu{background:var(--ivory-shell) !important;}
  .visit{background:var(--ivory-strong) !important;}
  .footer{background:#e4d2b6 !important;}
}

/* ===== Aurelia FEINJUSTIERUNG PREISE + FORMULAR ===== */
.preview-item{
  grid-template-columns:185px minmax(0,1fr) 92px !important;
  gap:16px !important;
}
.preview-item strong{
  display:block !important;
  width:100% !important;
  text-align:right !important;
  padding-right:12px !important;
  align-self:center !important;
}
.quick-reserve{
  border:1px solid rgba(165,131,77,.52) !important;
  box-shadow:0 18px 34px rgba(91,69,38,.12), 0 3px 10px rgba(91,69,38,.07) !important;
  background:linear-gradient(180deg,#f2e6d5,#ebdcc6) !important;
}
.quick-reserve:before{
  content:'';
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.42);
  pointer-events:none;
}
.quick-grid select,
.quick-grid input{
  border:1px solid rgba(172,141,90,.55) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.52) !important;
}
@media(max-width:620px){
  .preview-item{
    grid-template-columns:108px minmax(0,1fr) !important;
  }
  .preview-item strong{
    grid-column:2 !important;
    text-align:left !important;
    padding-right:0 !important;
    margin-top:2px !important;
  }
}

/* ===== Aurelia FINAL FEINSCHLIFF RAND + HERO + ADMIN ===== */
body{
  padding-block:16px !important;
}
.page-shell{
  margin:0 auto !important;
}
.hero h1,
.hero h1 .title-gold{
  color:#e0b867 !important;
  text-shadow:0 3px 18px rgba(0,0,0,.34) !important;
}
.hero h1 .title-white{
  color:#fff !important;
  text-shadow:0 3px 18px rgba(0,0,0,.34) !important;
}
@media(max-width:680px){
  body{
    padding-block:10px !important;
  }
}



/* ===== Aurelia WAVE FINAL + MEHR RAND ===== */
body{
  padding-top:24px !important;
  padding-bottom:16px !important;
}

/* Gold auf hellen Flächen dunkler für sicheren WCAG-Kontrast */
.preview-item strong,
.menu-link,
.eyebrow,
.menu-category>header span,
.footer-a{
  color:#68460f !important;
}

/* Hero bleibt bewusst heller, weil er auf dunklem Bild liegt */
.hero h1,
.hero h1 .title-gold{
  color:#e0b867 !important;
}
.hero h1 .title-white{
  color:#fff !important;
}

/* kleine Preiszone etwas klarer */
.preview-item strong{
  font-weight:700 !important;
}

/* Links im Footer klar genug */
.footer nav a{
  color:#45382a !important;
  font-weight:700 !important;
}

@media(max-width:680px){
  body{
    padding-top:14px !important;
    padding-bottom:10px !important;
  }
}
