*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#0d0d0d; --panel:#131211; --panel-2:#181614;
  --gold:#c9a44c; --gold-lt:#e8cd8a; --gold-dp:#8a6f30;
  --line:rgba(201,164,76,.22); --line-s:rgba(201,164,76,.13);
  --w:#f4efe6; --g1:#c8c1b5; --g2:#8f887c;
  /* Erst die eigenen Schriften, danach möglichst ähnliche Systemschriften.
     Fehlen die Dateien in assets/fonts/, greift automatisch die Ersatzkette. */
  --ff-d:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,
         "Book Antiqua","URW Palladio L",Georgia,"Times New Roman",serif;
  --ff-b:"Jost","Century Gothic","URW Gothic","Avenir Next","Avenir",
         "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --ff-ar:"Noto Kufi Arabic","Noto Sans Arabic","Segoe UI",Tahoma,
          "Geeza Pro","Arabic Typesetting","Jost",sans-serif;
  --sh:0 18px 44px -26px rgba(0,0,0,.95);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
[id]{scroll-margin-top:90px}
body{margin:0;background:var(--bg);color:var(--w);font-family:var(--ff-b);font-size:15px;
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  animation:pg .5s ease both}
@keyframes pg{from{opacity:0}to{opacity:1}}
html[dir="rtl"] body{font-family:var(--ff-ar)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:100%;max-width:430px;margin-inline:auto;padding-inline:16px;position:relative}
@media(min-width:760px){.wrap{max-width:720px}}
@media(min-width:1100px){.wrap{max-width:900px}}
.serif{font-family:var(--ff-d)}
html[dir="rtl"] .serif{font-family:var(--ff-ar)}

/* ============ header (transparent, over hero) ============ */
.hdr{position:absolute;top:0;left:0;right:0;z-index:50;height:64px;display:flex;align-items:center}
.hdr::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,8,8,.85),rgba(8,8,8,0))}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px}
.burger{background:none;border:0;padding:6px 2px;cursor:pointer;display:grid;gap:4px;width:30px}
.burger i{display:block;height:1.6px;background:var(--gold);border-radius:2px;transition:.3s}
.burger i:nth-child(3){width:70%}
.brand{display:flex;align-items:center;gap:7px;min-width:0}
.brand .cedar{width:24px;flex:none}
.brand b{display:block;font-family:var(--ff-d);font-size:19px;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;line-height:1;white-space:nowrap;color:#fff}
.brand small{display:block;font-family:var(--ff-b);font-size:6.4px;letter-spacing:.26em;color:var(--gold);
  text-transform:uppercase;margin-top:3px;font-weight:400;white-space:nowrap}
@media(min-width:760px){.brand b{font-size:23px}.brand small{font-size:7.6px}.brand .cedar{width:30px}}
.lang-wrap{position:relative;flex:none}
.lang{display:flex;align-items:center;gap:5px;height:30px;padding:0 9px;border:1px solid var(--line);
  border-radius:8px;background:rgba(0,0,0,.35);color:var(--gold);font-size:11.5px;letter-spacing:.1em;
  font-weight:500;cursor:pointer}
.lang svg{width:10px;height:10px;transition:transform .3s}
.lang-wrap.open .lang svg{transform:rotate(180deg)}
.lang-menu{position:absolute;top:38px;inset-inline-end:0;min-width:132px;white-space:nowrap;border:1px solid var(--line);
  border-radius:10px;background:#141312;box-shadow:var(--sh);overflow:hidden;z-index:60;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.25s}
.lang-wrap.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu button{display:flex;width:100%;align-items:center;gap:8px;padding:10px 12px;background:none;
  border:0;cursor:pointer;font-size:12.5px;color:var(--g1);text-align:start}
.lang-menu button+button{border-top:1px solid rgba(255,255,255,.05)}
.lang-menu button[aria-current="true"]{color:var(--gold)}
.lang-menu i{font-style:normal;font-size:9.5px;letter-spacing:.14em;color:var(--gold);opacity:.75;min-width:20px}

/* ============ drawer ============ */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);z-index:70;
  opacity:0;pointer-events:none;transition:.3s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(80vw,310px);z-index:80;
  background:linear-gradient(180deg,#151312,#0b0a0a);border-inline-end:1px solid var(--line);
  transform:translateX(-102%);transition:transform .42s cubic-bezier(.22,1,.36,1);padding:20px;overflow-y:auto}
html[dir="rtl"] .drawer{transform:translateX(102%)}
.drawer.on{transform:translateX(0)!important}
.drawer h4{margin:20px 0 6px;font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:500}
.drawer a{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px}
.drawer a svg{color:var(--gold);width:17px;height:17px;flex:none}
.drawer .x{position:absolute;top:14px;inset-inline-end:14px;background:none;border:0;color:var(--gold);cursor:pointer}

/* ============ hero (luxury, full screen) ============ */
.hero{position:relative;isolation:isolate;overflow:hidden;height:100svh;min-height:560px;
  display:flex;align-items:center;justify-content:center;text-align:center;background:#0b0b0b}
.hero>.bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero>.bg img{width:100%;height:100%;object-fit:cover;object-position:center 34%;
  transform:scale(1);animation:kb 20s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.65)}
.hero .veil{position:absolute;left:0;right:0;bottom:0;height:38%;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,11,11,0),#0b0b0b 92%)}
.hero .wrap{padding-top:96px;padding-bottom:96px}
.hero .rule{width:52px;height:1px;margin:0 auto 20px;background:linear-gradient(90deg,transparent,#d4af37,transparent)}
.hero .kicker{display:block;margin:0 0 14px;font-size:9px;letter-spacing:.42em;text-transform:uppercase;
  color:#d4af37;font-weight:400}
.hero h1{margin:0 0 16px;font-family:var(--ff-d);font-weight:400;text-transform:uppercase;
  font-size:clamp(34px,10vw,58px);line-height:1.06;letter-spacing:.045em;color:#fff;
  text-shadow:0 10px 40px rgba(0,0,0,.6)}
.hero h1 em{font-style:normal;display:block;color:#f5e6b3}
.hero p{margin:0 auto;font-size:13px;line-height:1.85;color:#cfc8bb;max-width:34ch;font-weight:300;
  letter-spacing:.02em}
.hero .fu{opacity:0;transform:translateY(26px);animation:fu 1.1s cubic-bezier(.22,1,.36,1) forwards}
.hero .fu:nth-child(1){animation-delay:.15s}
.hero .fu:nth-child(2){animation-delay:.3s}
.hero .fu:nth-child(3){animation-delay:.45s}
.hero .fu:nth-child(4){animation-delay:.6s}
.hero .fu:nth-child(5){animation-delay:.78s}
@keyframes fu{to{opacity:1;transform:none}}
.gold-btn{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:15px 30px;border:0;
  border-radius:2px;cursor:pointer;font-family:var(--ff-b);font-size:11px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:#120d02;
  background:linear-gradient(135deg,#f5e6b3,#d4af37 55%,#b08d2a);
  box-shadow:0 14px 34px -16px rgba(212,175,55,.8);transition:box-shadow .45s,transform .45s,filter .45s}
.gold-btn svg{width:15px;height:15px}
.gold-btn:active{transform:scale(.98)}
@media(hover:hover){.gold-btn:hover{transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 0 0 1px rgba(245,230,179,.45),0 18px 46px -14px rgba(212,175,55,.95),0 0 60px -10px rgba(212,175,55,.55)}}
.scroll-ind{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:9px;color:#d4af37;
  opacity:0;animation:fu 1.1s cubic-bezier(.22,1,.36,1) 1.1s forwards}
.scroll-ind i{display:block;width:1px;height:56px;background:linear-gradient(180deg,rgba(212,175,55,0),#d4af37);
  animation:sc 2.4s ease-in-out infinite}
@keyframes sc{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.5}50%{transform:scaleY(1);opacity:1}}


/* ---- Zedernzweig im Hero ---- */
.branch{position:absolute;top:-4%;inset-inline-start:-6%;width:min(46vw,270px);height:auto;
  z-index:0;pointer-events:none;opacity:0;
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.55));
  animation:cedarIn 1.6s cubic-bezier(.22,1,.36,1) .35s forwards, sway 9s ease-in-out 2s infinite}
html[dir="rtl"] .branch{transform:scaleX(-1)}
@keyframes cedarIn{to{opacity:.3}}
@keyframes sway{0%,100%{rotate:-1.6deg}50%{rotate:1.8deg}}
.branch{transform-origin:14% 0}
.branch .fr{animation:frond 6.5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes frond{0%,100%{rotate:calc(var(--a) * -1)}50%{rotate:var(--a)}}
@media(min-width:760px){.branch{width:min(30vw,340px)}}
@media(max-width:379px){.branch{display:none}}
@media(prefers-reduced-motion:reduce){.cedar{animation:cedarIn .01s forwards}.branch .fr{animation:none}}
.hero .wrap{z-index:2}

/* category hero */
.hero.cat{min-height:0;text-align:start;align-items:center;height:clamp(196px,52vw,260px);align-items:center}
.hero.cat>.bg{background-size:cover;background-repeat:no-repeat;background-position:72% center}
.hero.cat::after{background:
  linear-gradient(90deg,var(--bg) 10%,rgba(13,13,13,.92) 38%,rgba(13,13,13,.55) 72%,rgba(13,13,13,.38) 100%),
  linear-gradient(180deg,rgba(8,8,8,.55) 0%,rgba(8,8,8,0) 30%,rgba(13,13,13,.65) 100%)}
html[dir="rtl"] .hero.cat>.bg{background-position:28% center}
html[dir="rtl"] .hero.cat::after{background:
  linear-gradient(270deg,var(--bg) 10%,rgba(13,13,13,.92) 38%,rgba(13,13,13,.55) 72%,rgba(13,13,13,.38) 100%),
  linear-gradient(180deg,rgba(8,8,8,.55) 0%,rgba(8,8,8,0) 30%,rgba(13,13,13,.65) 100%)}
.hero.cat .wrap{padding-top:56px;padding-bottom:14px}
.hero.cat h1{font-weight:500;letter-spacing:.02em}
.hero.cat p{margin:0}
.hero.cat h1{margin-bottom:7px;font-size:clamp(27px,8.2vw,36px)}
.hero.cat p{font-size:11.5px;max-width:24ch;line-height:1.6}

/* ============ search ============ */
.search{position:relative;margin-top:20px}
.search input{width:100%;height:50px;border-radius:12px;border:1px solid var(--line-s);
  background:#131211;padding-inline:46px 16px;font-size:13.5px;font-weight:300;color:var(--w)}
html[dir="rtl"] .search input{padding-inline:16px 46px}
.search input::placeholder{color:#7e776c}
.search input:focus{outline:none;border-color:rgba(201,164,76,.5)}
.search .si{position:absolute;top:50%;inset-inline-start:17px;transform:translateY(-50%);color:#cfc7b8;opacity:.85}
.results{margin-top:8px;border:1px solid var(--line-s);border-radius:12px;overflow:hidden;display:none}
.results.on{display:block}
.results a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;
  background:var(--panel);border-bottom:1px solid rgba(255,255,255,.045);font-size:13px}
.results a:last-child{border-bottom:0}
.results em{display:block;font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-top:2px}
.results .np{color:var(--gold);font-weight:500;white-space:nowrap}
.results .empty{padding:15px;background:var(--panel);color:var(--g2);font-size:12.5px;text-align:center}

/* ============ section title ============ */
.sec{padding-block:26px}
.sec-t{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 16px}
.sec-t span{font-family:var(--ff-d);font-size:16px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.sec-t b{color:var(--gold);font-size:9px;opacity:.9;font-weight:400}
.sec-t i{height:1px;width:34px;background:linear-gradient(90deg,transparent,var(--gold-dp))}
.sec-t i:last-child{background:linear-gradient(270deg,transparent,var(--gold-dp))}

/* ============ categories ============ */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
@media(max-width:330px){.cats{grid-template-columns:repeat(4,1fr)}}
@media(min-width:760px){.cats{gap:14px}}
.cat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;
  min-height:88px;padding:15px 3px 12px;border-radius:12px;border:1px solid var(--line);background:#131211;
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}
.cat svg{width:29px;height:29px;color:var(--gold);flex:none}
.cat b{font-size:8.2px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#e2dbcd;
  text-align:center;line-height:1.2;word-break:break-word;hyphens:auto}
html[dir="rtl"] .cat b{font-size:9.5px;letter-spacing:0}
@media(min-width:400px){.cat b{font-size:9px}.cat svg{width:31px;height:31px}.cat{min-height:96px}}
@media(min-width:760px){.cat{padding:24px 8px 18px;gap:14px;min-height:130px}.cat b{font-size:11px}.cat svg{width:38px;height:38px}}
.cat:active{transform:scale(.95)}
@media(hover:hover){.cat:hover{transform:translateY(-3px);border-color:rgba(201,164,76,.55);background:#191612}}

/* ============ about ============ */
.about{display:flex;gap:14px;align-items:flex-start}
.about .ph{width:132px;flex:none;border-radius:10px;overflow:hidden;border:1px solid var(--line-s);
  aspect-ratio:5/4.6}
.about .ph img{width:100%;height:100%;object-fit:cover}
.about .tx{flex:1;min-width:0}
.about .sec-t{margin-bottom:12px}
.about .sec-t i{width:20px}
.about p{margin:0;font-size:11.8px;line-height:1.72;color:var(--g1);font-weight:300}
.about p+p{margin-top:10px}
@media(min-width:760px){.about .ph{width:280px}.about p{font-size:14px}}

/* ============ info ============ */
.info{display:grid;grid-template-columns:1.05fr 1fr 1.05fr;gap:8px;border:1px solid var(--line-s);
  border-radius:12px;padding:14px 8px;background:#100f0e}
.info>div{min-width:0}
.info .hd{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.info .hd svg{width:14px;height:14px;color:var(--gold);flex:none}
.info .hd b{font-size:7.6px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:500}
.info span{display:block;font-size:10.5px;color:var(--g1);line-height:1.6;font-weight:300}
.info .wa-row{display:flex;align-items:center;gap:6px;margin-top:3px}
.info .wa-row svg{width:13px;height:13px;color:var(--gold);flex:none}
@media(min-width:760px){.info{padding:22px 18px}.info .hd b{font-size:9.5px}.info span{font-size:13px}}
.map{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--line-s);height:170px;background:#111;position:relative}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.35) brightness(.88) contrast(1.05)}
@media(min-width:760px){.map{height:280px}}

/* ============ whatsapp banner ============ */
.wa-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;
  border:1px solid rgba(201,164,76,.42);
  background:linear-gradient(100deg,#372d14 0%,#63501f 52%,#443616 100%);
  box-shadow:var(--sh);transition:transform .3s,filter .3s}
.wa-card:active{transform:scale(.985)}
@media(hover:hover){.wa-card:hover{filter:brightness(1.08)}}
svg.wa-ic{width:48px;height:48px;flex:none;display:block;border-radius:50%;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.85)}
.wa-card .t{flex:1;min-width:0}
.wa-card b{display:block;font-size:15px;font-weight:500;letter-spacing:.01em;color:#fff;line-height:1.2}
.wa-card span{display:block;font-size:10.6px;color:#dcd0b7;font-weight:300;margin-top:4px;line-height:1.35}
.wa-card .arw{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(232,205,138,.45);color:var(--gold-lt)}
.wa-card .arw svg{width:16px;height:16px;display:block}
@media(min-width:760px){.wa-card{padding:20px 22px;gap:18px}svg.wa-ic{width:58px;height:58px}.wa-card b{font-size:19px}.wa-card span{font-size:13px}
  .wa-card .arw{width:38px;height:38px}.wa-card .arw svg{width:20px;height:20px}}
html[dir="rtl"] .wa-card .arw svg{transform:scaleX(-1)}

/* ============ footer ============ */
footer{padding:26px 0 30px;margin-top:16px;border-top:1px solid var(--line-s)}
.f-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.f-row .brand .cedar{width:32px}
.socials{display:flex;gap:9px}
.socials a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;
  place-items:center;color:var(--gold);transition:.3s}
@media(hover:hover){.socials a:hover{background:rgba(201,164,76,.12)}}
.legal{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line-s);text-align:center;
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.85}
.legal a{margin:0 8px}
.legal .sep{opacity:.4}
.copy{text-align:center;font-size:9px;letter-spacing:.12em;color:#5f5a53;margin:10px 0 0;text-transform:uppercase}

/* ============ category nav ============ */
.catnav{position:sticky;top:0;z-index:45;background:rgba(11,11,11,.94);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--line-s);border-bottom:1px solid var(--line-s)}
.catnav .sc{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;padding:9px 10px;scroll-snap-type:x proximity}
.catnav .sc::-webkit-scrollbar{display:none}
.catnav a{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:62px;
  padding:8px 6px;border-radius:9px;border:1px solid transparent;color:var(--g2);scroll-snap-align:center;transition:.3s}
.catnav a svg{width:20px;height:20px;color:#b99a4e;opacity:.75}
.catnav a b{font-size:6.6px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
html[dir="rtl"] .catnav a b{font-size:8.5px;letter-spacing:0}
.catnav a.on{border-color:var(--gold);color:var(--gold);background:rgba(201,164,76,.07)}
.catnav a.on svg{opacity:1;color:var(--gold)}
@media(min-width:760px){.catnav .sc{justify-content:center}.catnav a b{font-size:8.5px}}

/* ============ dish list ============ */
.list{margin-top:6px}
.dish{display:flex;gap:13px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line-s)}
.dish:last-child{border-bottom:0}
.dish .ph{width:86px;height:66px;flex:none;border-radius:10px;overflow:hidden;background:#191614;
  border:1px solid rgba(201,164,76,.16)}
.dish .ph i{display:block;width:100%;height:100%;background-size:cover;background-position:center;
  transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.dish:hover .ph i{transform:scale(1.08)}}
.dish .tx{flex:1;min-width:0}
.dish h3{margin:0;font-size:15px;font-weight:500;line-height:1.28;color:#f2ece1;display:flex;
  align-items:center;gap:6px;flex-wrap:wrap}
.dish h3 .leaf{color:#7fd39b;display:inline-flex}
.dish .de{margin:4px 0 0;font-size:11.6px;line-height:1.5;color:var(--g2);font-weight:300}
.dish .pr{color:var(--gold);font-weight:500;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums;
  align-self:center}
.dish .vg{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:8.4px;letter-spacing:.14em;
  text-transform:uppercase;color:#7fd39b}
.dish .alg{margin-top:6px;display:flex;gap:4px;flex-wrap:wrap}
.dish .alg span{font-size:7.6px;letter-spacing:.08em;color:#7a7369;border:1px solid rgba(255,255,255,.08);
  border-radius:4px;padding:1px 4px}
@media(min-width:760px){.dish .ph{width:118px;height:88px}.dish h3{font-size:17px}.dish .de{font-size:13px}.dish .pr{font-size:17px}}
.grp{margin:26px 0 4px;display:flex;align-items:center;gap:10px}
.grp b{font-family:var(--ff-d);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
.grp i{height:1px;flex:1;background:linear-gradient(90deg,var(--gold-dp),transparent)}
.note{margin:14px 0 0;font-size:11px;color:var(--g2);line-height:1.65;text-align:center;font-weight:300}
.legend{margin-top:18px;border:1px solid var(--line-s);border-radius:10px;background:#100f0e}
.legend summary{padding:12px 14px;cursor:pointer;font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);list-style:none}
.legend summary::-webkit-details-marker{display:none}
.legend .in{padding:0 14px 14px;font-size:10.5px;color:var(--g2);line-height:1.9;font-weight:300}
.legend .in b{color:var(--g1);font-weight:500}
.back{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0 4px;padding:15px;
  border:1px solid rgba(201,164,76,.45);border-radius:10px;color:var(--gold);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:.3s}
.back svg{width:15px;height:15px}
@media(hover:hover){.back:hover{background:rgba(201,164,76,.1)}}
.empty-state{text-align:center;padding:44px 20px;border:1px dashed var(--line-s);border-radius:12px}
.empty-state svg{color:var(--gold);opacity:.75;margin:0 auto 14px}
.empty-state h3{font-family:var(--ff-d);font-size:23px;font-weight:500;margin:0 0 8px;letter-spacing:.05em}
.empty-state p{margin:0;font-size:12.5px;color:var(--g2);line-height:1.6;font-weight:300}

/* ============ reservation ============ */
.page-t{text-align:center;padding:96px 0 6px}
.page-t h1{margin:0;font-family:var(--ff-d);font-size:clamp(27px,7.6vw,34px);font-weight:500;
  text-transform:uppercase;letter-spacing:.09em;color:#fff}
.page-t p{margin:10px auto 0;font-size:12px;color:var(--g1);font-weight:300;max-width:30ch;line-height:1.65}
.form{display:grid;gap:9px;margin-top:20px}
.field{position:relative}
.field>svg{position:absolute;top:16px;inset-inline-start:15px;width:15px;height:15px;color:var(--gold);opacity:.8}
.field input,.field textarea{width:100%;border-radius:10px;border:1px solid var(--line-s);background:#131211;
  padding:15px 14px 15px 42px;font-size:13.5px;font-weight:300;color:var(--w)}
html[dir="rtl"] .field input,html[dir="rtl"] .field textarea{padding:15px 42px 15px 14px}
.field textarea{min-height:90px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#7e776c}
.field input:focus,.field textarea:focus{outline:none;border-color:rgba(201,164,76,.5)}
.field input[type=date],.field input[type=time]{-webkit-appearance:none;appearance:none}
.submit{width:100%;justify-content:center;margin-top:4px;padding:16px}
.warn{display:none;margin:4px 0 0;font-size:11.5px;color:#e3a35c}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}
@media(min-width:640px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{text-align:center}
.step .ring{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;border:1px solid rgba(201,164,76,.45);
  display:grid;place-items:center;color:var(--gold);background:rgba(201,164,76,.05)}
.step .ring svg{width:24px;height:24px}
.step b{display:block;font-size:12px;font-weight:500;margin-bottom:5px;color:#f0eade}
.step span{font-size:10.5px;color:var(--g2);line-height:1.55;font-weight:300;display:block}
.howto{border:1px solid var(--line-s);border-radius:12px;padding:22px 14px;background:#100f0e}

/* ============ motion ============ */
.rv{opacity:0;transform:translateY(18px);filter:blur(4px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s}
.rv.in{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none;filter:none}}

.i-n1{background-image:url(../img/dish-01-spiegelei-ruehrei.jpg)}.i-n10{background-image:url(../img/dish-10-foul-laban-tahini.jpg)}.i-n11{background-image:url(../img/dish-11-foul-bi-zeit.jpg)}.i-n12{background-image:url(../img/dish-12-msabbaha.jpg)}.i-n13{background-image:url(../img/dish-13-manakisch-kaese.jpg)}.i-n14{background-image:url(../img/dish-14-manakisch-akkawi.jpg)}.i-n15{background-image:url(../img/dish-15-manakisch-sucuk.jpg)}.i-n16{background-image:url(../img/dish-16-manakisch-muhammara.jpg)}.i-n17{background-image:url(../img/dish-17-manakisch-tomaten-zwiebel.jpg)}.i-n18{background-image:url(../img/dish-18-manakisch-zaatar.jpg)}.i-n19{background-image:url(../img/dish-19-manakisch-hackfleisch.jpg)}.i-n20{background-image:url(../img/dish-20-manakisch-hackfleisch-kaese.jpg)}.i-n21{background-image:url(../img/dish-21-manakisch-keshek.jpg)}.i-n22{background-image:url(../img/dish-22-manakisch-cocktail.jpg)}.i-n23{background-image:url(../img/dish-23-manakisch-duplex.jpg)}.i-n24{background-image:url(../img/dish-24-pizza-gemuese-sucuk.jpg)}.i-n55{background-image:url(../img/dish-55-shawarma-haehnchen.jpg)}.i-n56{background-image:url(../img/dish-56-shawarma-rind.jpg)}.i-n57{background-image:url(../img/dish-57-lammspiess.jpg)}.i-n58{background-image:url(../img/dish-58-haehnchenspiesse.jpg)}.i-n59{background-image:url(../img/dish-59-rinderhackspiesse.jpg)}.i-n60{background-image:url(../img/dish-60-lammkotletts.jpg)}.i-n61{background-image:url(../img/dish-61-gefuellte-daerme.jpg)}.i-n62{background-image:url(../img/dish-62-hummus-hackfleisch.jpg)}.i-n63{background-image:url(../img/dish-63-rohes-hackfleisch.jpg)}.i-n64{background-image:url(../img/dish-64-cheeseburger.jpg)}.i-n65{background-image:url(../img/dish-65-kabsa.jpg)}.i-n66{background-image:url(../img/dish-66-habib-teller.jpg)}.i-n67{background-image:url(../img/dish-67-libanon-teller.jpg)}.i-n68{background-image:url(../img/dish-68-grill-1-person.jpg)}.i-n69{background-image:url(../img/dish-69-grill-2-personen.jpg)}.i-n70{background-image:url(../img/dish-70-grill-4-personen.jpg)}.i-n71{background-image:url(../img/dish-71-halbes-haehnchen.jpg)}.i-n72{background-image:url(../img/dish-72-haehnchenfluegel-gegrillt.jpg)}.i-n73{background-image:url(../img/dish-73-haehnchenfluegel-gebraten.jpg)}.i-n74{background-image:url(../img/dish-74-cordon-bleu.jpg)}.i-n75{background-image:url(../img/dish-75-schnitzel.jpg)}.i-n76{background-image:url(../img/dish-76-haehnchenbrust-pilze.jpg)}.i-n77{background-image:url(../img/dish-77-crispy-chicken.jpg)}.i-n78{background-image:url(../img/dish-78-haehnchenleber.jpg)}.i-n79{background-image:url(../img/dish-79-makanek.jpg)}.i-n80{background-image:url(../img/dish-80-sucuk.jpg)}.i-n81{background-image:url(../img/dish-81-lammzunge.jpg)}.i-n82{background-image:url(../img/dish-82-chicken-nuggets.jpg)}.i-n83{background-image:url(../img/dish-83-dorade.jpg)}.i-n84{background-image:url(../img/dish-84-fisch-schnitzel.jpg)}.i-n85{background-image:url(../img/dish-85-fischfilet-batata-harra.jpg)}.i-n86{background-image:url(../img/dish-86-garnelen.jpg)}.i-n87{background-image:url(../img/dish-87-sardinen.jpg)}.i-n2{background-image:url(../img/dish-02-eier-sucuk.jpg)}.i-n201{background-image:url(../img/drink-201-cola-fanta-mezzo.jpg)}.i-n202{background-image:url(../img/drink-202-cola-zero.jpg)}.i-n203{background-image:url(../img/drink-203-uludag-orangina.jpg)}.i-n204{background-image:url(../img/drink-204-sprite.jpg)}.i-n205{background-image:url(../img/drink-205-ice-tea.jpg)}.i-n206{background-image:url(../img/drink-206-ayran.jpg)}.i-n207{background-image:url(../img/drink-207-apfelsaft.jpg)}.i-n208{background-image:url(../img/drink-208-orangensaft.jpg)}.i-n209{background-image:url(../img/drink-209-bier-alkoholfrei.jpg)}.i-n210{background-image:url(../img/drink-210-red-bull.jpg)}.i-n211{background-image:url(../img/drink-211-wasser.jpg)}.i-n212{background-image:url(../img/drink-212-kaffee.jpg)}.i-n213{background-image:url(../img/drink-213-minze-ingwertee.jpg)}.i-n214{background-image:url(../img/drink-214-schwarzer-tee.jpg)}.i-n25{background-image:url(../img/dish-25-beirut-teller.jpg)}.i-n26{background-image:url(../img/dish-26-hummus.jpg)}.i-n27{background-image:url(../img/dish-27-moutabbal.jpg)}.i-n28{background-image:url(../img/dish-28-kibbeh.jpg)}.i-n29{background-image:url(../img/dish-29-lahme-fatayer.jpg)}.i-n3{background-image:url(../img/dish-03-falafel.jpg)}.i-n30{background-image:url(../img/dish-30-rakakat.jpg)}.i-n31{background-image:url(../img/dish-31-spinat-fatayer.jpg)}.i-n32{background-image:url(../img/dish-32-weinblaetter.jpg)}.i-n33{background-image:url(../img/dish-33-batata-harra.jpg)}.i-n34{background-image:url(../img/dish-34-salatet-al-raheb.jpg)}.i-n35{background-image:url(../img/dish-35-gemuese-frittiert.jpg)}.i-n36{background-image:url(../img/dish-36-tabbouleh.jpg)}.i-n37{background-image:url(../img/dish-37-fattoush.jpg)}.i-n38{background-image:url(../img/dish-38-gemischter-salat.jpg)}.i-n39{background-image:url(../img/dish-39-haehnchenbrustsalat.jpg)}.i-n4{background-image:url(../img/dish-04-labneh.jpg)}.i-n40{background-image:url(../img/dish-40-shawarma-haehnchen.jpg)}.i-n41{background-image:url(../img/dish-41-shawarma-rind.jpg)}.i-n42{background-image:url(../img/dish-42-lammspiess.jpg)}.i-n43{background-image:url(../img/dish-43-kafta.jpg)}.i-n44{background-image:url(../img/dish-44-haehnchenspiess.jpg)}.i-n45{background-image:url(../img/dish-45-fahita.jpg)}.i-n46{background-image:url(../img/dish-46-philadelphia.jpg)}.i-n47{background-image:url(../img/dish-47-makanek.jpg)}.i-n48{background-image:url(../img/dish-48-sucuk.jpg)}.i-n49{background-image:url(../img/dish-49-lammzungen.jpg)}.i-n5{background-image:url(../img/dish-05-makdous.jpg)}.i-n50{background-image:url(../img/dish-50-schnitzel.jpg)}.i-n51{background-image:url(../img/dish-51-crispy.jpg)}.i-n52{background-image:url(../img/dish-52-falafel-sandwich.jpg)}.i-n53{background-image:url(../img/dish-53-vegetarisch.jpg)}.i-n54{background-image:url(../img/dish-54-haehnchenleber.jpg)}.i-n6{background-image:url(../img/dish-06-halloumi.jpg)}.i-n7{background-image:url(../img/dish-07-fatteh.jpg)}.i-n8{background-image:url(../img/dish-08-fatteh-hackfleisch.jpg)}.i-n9{background-image:url(../img/dish-09-foul-libanesisch.jpg)}.i-t001{background-image:url(../img/dish-eier.jpg)}.i-t002{background-image:url(../img/dish-fatteh.jpg)}.i-t003{background-image:url(../img/dish-foul-hummus.jpg)}.i-t004{background-image:url(../img/dish-mezze.jpg)}.i-t005{background-image:url(../img/dish-manakisch.jpg)}.i-t009{background-image:url(../img/dish-kibbeh.jpg)}.i-t010{background-image:url(../img/dish-batata-harra.jpg)}.i-t011{background-image:url(../img/dish-weinblaetter.jpg)}.i-t012{background-image:url(../img/dish-tabbouleh.jpg)}.i-t013{background-image:url(../img/dish-fattoush.jpg)}.i-t017{background-image:url(../img/dish-shawarma-sandwich.jpg)}.i-t018{background-image:url(../img/dish-shawarma-rind.jpg)}.i-t019{background-image:url(../img/dish-fahita-wrap.jpg)}.i-t020{background-image:url(../img/dish-falafel-sandwich.jpg)}.i-t021{background-image:url(../img/dish-crispy-sandwich.jpg)}.i-t025{background-image:url(../img/dish-shawarma-teller.jpg)}.i-t026{background-image:url(../img/dish-kibbeh-nayeh.jpg)}.i-t027{background-image:url(../img/dish-kabsa.jpg)}.i-t028{background-image:url(../img/dish-lammkotelett.jpg)}.i-t029{background-image:url(../img/dish-grillteller.jpg)}.i-t033{background-image:url(../img/dish-haehnchen-grill.jpg)}.i-t034{background-image:url(../img/dish-crispy-chicken.jpg)}.i-t035{background-image:url(../img/dish-lammzunge.jpg)}.i-t036{background-image:url(../img/dish-dorade.jpg)}.i-t037{background-image:url(../img/dish-garnelen.jpg)}.i-t041{background-image:url(../img/drink-orangensaft.jpg)}.i-t042{background-image:url(../img/drink-softdrinks.jpg)}.i-t043{background-image:url(../img/drink-kaffee.jpg)}.i-t044{background-image:url(../img/drink-tee.jpg)}.i-t045{background-image:url(../img/drink-ingwertee.jpg)}.i-tabout{background-image:url(../img/about-restaurant.jpg)}
.info .rest{margin-top:2px;color:#c9a227;font-size:10.5px;letter-spacing:.06em}

/* ============ Öffnungsstatus-Badge ============ */
.status{display:inline-flex!important;align-items:center;gap:6px;
  font-size:10.5px;font-weight:400;letter-spacing:.04em;line-height:1;
  padding:5px 9px 5px 8px;border-radius:99px;margin-bottom:8px;
  border:1px solid transparent;white-space:nowrap}
.status:empty{display:none!important}
.status .pip{width:6px;height:6px;border-radius:50%;flex:none;position:relative;background:currentColor}
.status .pip::after{content:"";position:absolute;inset:-3px;border-radius:50%;
  border:1px solid currentColor;opacity:.35;animation:bcPulse 2.2s ease-out infinite}
@keyframes bcPulse{0%{transform:scale(.6);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.status.is-open{background:rgba(61,158,112,.13);border-color:rgba(61,158,112,.4);color:#6fd3a1}
.status.is-soon{background:rgba(201,164,76,.14);border-color:rgba(201,164,76,.42);color:var(--gold-lt)}
.status.is-closed{background:rgba(190,80,70,.12);border-color:rgba(190,80,70,.36);color:#e39a92}
.status.is-closed .pip::after{animation:none;opacity:.25}
@media(min-width:760px){.status{font-size:12px;padding:6px 11px 6px 9px}}
.info>.status{grid-column:1/-1;justify-self:start;margin:0 0 4px}
@media(prefers-reduced-motion:reduce){.status .pip::after{animation:none}}

/* Statuspunkt im Header */
.pip-hd{width:6px;height:6px;border-radius:50%;flex:none;display:inline-block;
  margin-inline-start:3px;vertical-align:middle;background:var(--g2)}
.pip-hd.is-open{background:#6fd3a1;box-shadow:0 0 0 3px rgba(61,158,112,.18)}
.pip-hd.is-soon{background:var(--gold-lt);box-shadow:0 0 0 3px rgba(201,164,76,.18)}
.pip-hd.is-closed{background:#c96a60;box-shadow:0 0 0 3px rgba(190,80,70,.16)}

/* ============ Rechtsseiten (Impressum / Datenschutz) ============ */
.legal-page{padding:96px 0 40px}
.legal-page h1{font-family:var(--ff-d);font-size:27px;font-weight:600;letter-spacing:.06em;
  color:var(--gold);margin:0 0 6px}
.legal-page .lead{font-size:11.5px;color:var(--g2);margin:0 0 26px;letter-spacing:.04em}
.legal-page h2{font-family:var(--ff-b);font-size:11px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin:26px 0 8px}
.legal-page h3{font-size:13px;font-weight:500;color:var(--w);margin:16px 0 5px}
.legal-page p,.legal-page li{font-size:12.5px;line-height:1.75;color:var(--g1);font-weight:300}
.legal-page p{margin:0 0 9px}
.legal-page ul{margin:0 0 9px;padding-inline-start:17px}
.legal-page li{margin-bottom:4px}
.legal-page a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:2px}
.legal-page .box{border:1px solid var(--line-s);background:var(--panel);border-radius:12px;
  padding:13px 15px;margin:0 0 9px}
.legal-page .back{display:inline-flex;align-items:center;gap:6px;margin-top:26px;
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
@media(min-width:760px){
  .legal-page{padding-top:112px}
  .legal-page h1{font-size:34px}
  .legal-page p,.legal-page li{font-size:14px}
  .legal-page h2{font-size:12px}
  .legal-page h3{font-size:15px}
}

/* ============ Karte: Zwei-Klick-Lösung (DSGVO) ============ */
.map-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:9px;text-align:center;padding:20px 18px;
  background:var(--panel-2);border-radius:inherit}
.map-consent svg{width:26px;height:26px;color:var(--gold);opacity:.75}
.map-consent p{margin:0;font-size:11px;line-height:1.6;color:var(--g1);font-weight:300;max-width:250px}
.map-consent button{background:none;border:1px solid var(--line);color:var(--gold);
  border-radius:99px;padding:7px 18px;font:inherit;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;cursor:pointer;transition:.25s}
.map-consent button:hover{border-color:var(--gold);background:rgba(201,164,76,.1);color:var(--gold-lt)}
.map-consent a{font-size:10px;color:var(--g2);text-decoration:underline;text-underline-offset:2px}
.map-consent a:hover{color:var(--gold)}
/* Rechtstexte sind nur auf Deutsch – immer LTR darstellen */
html[dir="rtl"] .legal-page{direction:ltr;text-align:left;font-family:var(--ff-b)}
html[dir="rtl"] .legal-page h1{font-family:var(--ff-d)}

/* ============================================================
   Design-Feinschliff
   ============================================================ */

/* --- 1. Speisekarte auf grossen Schirmen: zweispaltig statt
       endlos breiter Zeilen mit Preis am fernen Rand --- */
@media(min-width:1000px){
  .list{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;align-items:start}
  .list .grp{grid-column:1/-1}
  .dish{border-bottom:1px solid var(--line-s)}
}
@media(min-width:760px) and (max-width:999px){
  .list{max-width:660px;margin-inline:auto}
}

/* --- 2. Groessere Speisefotos --- */
.dish .ph{width:104px;height:80px}
@media(min-width:760px){.dish .ph{width:138px;height:104px}}

/* --- 3. Startseiten-Hero: Leerraum unter dem Button verkleinern --- */
.hero{height:min(100svh,720px)}
@media(min-width:760px){.hero{height:min(88svh,760px)}}

/* --- 4. Kategoriekacheln: "Hauptgerichte" nicht mehr umbrechen --- */
.cat b{font-size:7.6px;letter-spacing:.02em}
@media(max-width:480px){.cat b{font-size:6.9px;letter-spacing:0;word-break:normal}}
@media(min-width:400px){.cat b{font-size:8.4px}}
@media(min-width:760px){.cat b{font-size:10.5px}}

/* --- 5. Horizontale Kategorieleiste: Verlauf zeigt, dass es
       seitlich weitergeht --- */
.catnav{position:sticky}
.catnav::after{content:"";position:absolute;top:0;bottom:0;inset-inline-end:0;width:34px;
  pointer-events:none;z-index:2;
  background:linear-gradient(90deg,rgba(11,11,11,0),rgba(11,11,11,.96))}
html[dir="rtl"] .catnav::after{background:linear-gradient(270deg,rgba(11,11,11,0),rgba(11,11,11,.96))}
@media(min-width:1100px){.catnav::after{display:none}}

/* --- 6. Allergencodes zuruecknehmen, damit die Gerichtnamen fuehren --- */
.dish .alg span{color:#66605a;border-color:rgba(255,255,255,.055)}