/* Bodega Experience 0.3 — complete Enfold takeover on Experience page */
html:has(body.bex-takeover-page),
body.bex-takeover-page{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  overflow-x:hidden!important;background:#fff7e8!important
}
body.bex-takeover-page #wrap_all,
body.bex-takeover-page.boxed #wrap_all,
body.bex-takeover-page.html_boxed #wrap_all,
body.bex-takeover-page .boxed #wrap_all{
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;
  box-shadow:none!important;background:#fff7e8!important
}
.bex-takeover-page #header,
.bex-takeover-page #header_main,
.bex-takeover-page #header_main_alternate,
.bex-takeover-page #header_meta,
.bex-takeover-page .av-logo-container,
.bex-takeover-page .title_container,
.bex-takeover-page .sidebar,
.bex-takeover-page #footer,
.bex-takeover-page #socket,
.bex-takeover-page #scroll-top-link{display:none!important}
.bex-takeover-page #main{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff7e8!important
}
.bex-takeover-page #main .main_color,
.bex-takeover-page #main .container_wrap,
.bex-takeover-page #main .container_wrap_first{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:#fff7e8!important;border:0!important
}
.bex-takeover-page #main>.container_wrap_first>.container,
.bex-takeover-page #main .container_wrap_first>.container,
.bex-takeover-page #main .container,
.bex-takeover-page .template-page.content,
.bex-takeover-page .content,
.bex-takeover-page .content.av-content-small.units{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;
  border:0!important;min-height:0!important
}
.bex-takeover-page #main .container:after,
.bex-takeover-page .container_wrap:after{display:none!important}
@media only screen and (min-width:768px){
  .bex-takeover-page.responsive .container,
  .responsive .bex-takeover-page .container{max-width:none!important;width:100%!important}
}

.bex-root{
  --bex-accent:#e8643a;--bex-accent2:#f5bf3f;--bex-surface:#fff7e8;--bex-text:#2a1b16;--bex-muted:#69554b;
  --bex-green:#2f6b57;--bex-turquoise:#2b9f9b;--bex-cream:#fff7e8;--bex-paper:#fffdf8;
  --bex-max:1220px;--bex-radius:30px;--bex-shadow:0 24px 70px rgba(99,59,35,.12);
  position:relative;width:100%;max-width:none;background:var(--bex-surface);color:var(--bex-text);
  overflow:hidden;font-family:Arial,Helvetica,sans-serif;isolation:isolate
}
.bex-root *{box-sizing:border-box}
.bex-root a{text-decoration:none}
.bex-root img,.bex-root video{display:block;width:100%;height:100%;object-fit:cover}
.bex-root .bex-wrap{width:min(var(--bex-max),calc(100% - 48px));margin:0 auto}
.bex-root h1,.bex-root h2,.bex-root h3,.bex-root h4,
.bex-root .bex-display,.bex-root .bex-heading{font-family:Arial,Helvetica,sans-serif!important;text-shadow:none!important}
.bex-root.has-grain:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:80;opacity:.022;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

/* HERO */
.bex-hero{position:relative;min-height:min(860px,88vh);display:flex;align-items:center;background:
  radial-gradient(circle at 82% 23%,rgba(245,191,63,.60) 0 7%,transparent 7.5%),
  radial-gradient(circle at 79% 26%,rgba(232,100,58,.18) 0 17%,transparent 17.5%),
  linear-gradient(120deg,#fff7e8 0%,#ffe9c9 50%,#ffd8b8 100%)}
.bex-hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:15px;z-index:4;background:
  linear-gradient(135deg,var(--bex-accent2) 25%,transparent 25%) -8px 0/16px 16px,
  linear-gradient(225deg,var(--bex-accent) 25%,transparent 25%) -8px 0/16px 16px,
  linear-gradient(315deg,var(--bex-green) 25%,transparent 25%) 0 0/16px 16px,
  linear-gradient(45deg,var(--bex-turquoise) 25%,#fff7e8 25%) 0 0/16px 16px}
.bex-hero-media{position:absolute;inset:-3%;will-change:transform}
.bex-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,232,.97) 0%,rgba(255,247,232,.89) 39%,rgba(255,247,232,.38) 70%,rgba(255,247,232,.18) 100%)}
.bex-hero-media img,.bex-hero-media video{filter:saturate(1.06) contrast(.98)}
.bex-hero-placeholder,.bex-spotlight-placeholder,.bex-media-placeholder{width:100%;height:100%;background:
  radial-gradient(circle at 76% 30%,rgba(245,191,63,.84) 0 8%,transparent 8.5%),
  radial-gradient(circle at 74% 31%,rgba(232,100,58,.22) 0 18%,transparent 18.5%),
  radial-gradient(circle at 92% 66%,rgba(43,159,155,.18) 0 13%,transparent 13.5%),
  linear-gradient(130deg,#fff4df 0%,#ffd8b1 58%,#ffc9a7 100%)}
.bex-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,247,232,.10))}
.bex-hero-glow{position:absolute;right:-8%;bottom:-20%;width:46%;aspect-ratio:1;border-radius:50%;background:var(--bex-turquoise);filter:blur(150px);opacity:.10}
.bex-hero-inner{position:relative;z-index:3;width:min(var(--bex-max),calc(100% - 48px));margin:0 auto;padding:140px 0 115px}
.bex-hero-copy{max-width:790px}
.bex-hero-logo{width:auto!important;height:auto!important;max-width:min(360px,72vw);max-height:150px;object-fit:contain!important;margin-bottom:28px}
.bex-kicker{font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--bex-green)!important;margin-bottom:17px}
.bex-display{font-size:clamp(58px,8.6vw,132px)!important;line-height:.87!important;letter-spacing:-.055em!important;margin:0!important;max-width:1000px;color:var(--bex-text)!important;font-weight:900!important;text-transform:uppercase}
.bex-hero-text{max-width:650px;margin-top:26px;color:var(--bex-muted)!important;font-size:clamp(17px,2vw,22px);line-height:1.55}
.bex-hero-text p,.bex-body p{margin:0}
.bex-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.bex-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;transition:transform .25s ease,background .25s ease,border-color .25s ease;color:var(--bex-text)!important;border:1px solid rgba(42,27,22,.17);background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}
.bex-btn i{font-style:normal;font-size:18px}
.bex-btn.is-primary{background:var(--bex-accent)!important;border-color:var(--bex-accent)!important;color:#fff!important}
.bex-btn.is-ghost{background:#fffdf8!important}
@media (hover:hover){.bex-btn:hover{transform:translateY(-3px)}.bex-btn.is-primary:hover{background:var(--bex-green)!important;border-color:var(--bex-green)!important}}
.bex-scroll-cue{position:absolute;right:0;bottom:75px;display:flex;align-items:center;gap:14px;color:var(--bex-text)!important;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;opacity:.75}
.bex-scroll-cue i{width:42px;height:42px;border:1px solid rgba(42,27,22,.22);border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.5)}

/* INTRO */
.bex-intro{position:relative;padding:128px 0 150px;background:var(--bex-paper)}
.bex-intro:before{content:"";position:absolute;left:-70px;top:70px;width:240px;height:240px;border:26px solid rgba(43,159,155,.07);border-radius:50%}
.bex-intro-grid{display:grid;grid-template-columns:.90fr 1.10fr;gap:76px;align-items:center}
.bex-heading{font-size:clamp(40px,5.2vw,76px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0!important;font-weight:900!important;color:var(--bex-text)!important}
.bex-body{font-size:18px;line-height:1.72;color:var(--bex-muted)!important;max-width:660px}
.bex-intro-copy .bex-body{margin-top:28px}
.bex-intro-visuals{position:relative;min-height:610px}
.bex-photo{position:absolute;overflow:hidden;border-radius:var(--bex-radius);box-shadow:var(--bex-shadow);background:#ffe5c8}
.bex-photo-main{inset:0 11% 0 0}
.bex-photo-float{right:0;bottom:-48px;width:44%;height:46%;border:10px solid var(--bex-paper)}
.bex-photo-main .bex-media-placeholder{background:
  radial-gradient(circle at 26% 35%,rgba(245,191,63,.92) 0 13%,transparent 13.5%),
  radial-gradient(circle at 66% 55%,rgba(47,107,87,.31) 0 18%,transparent 18.5%),
  linear-gradient(135deg,#ffe6a8,#ffad79)}
.bex-photo-float .bex-media-placeholder{background:
  radial-gradient(circle at 70% 30%,rgba(255,255,255,.45) 0 12%,transparent 12.5%),
  linear-gradient(135deg,#43b7ae,#bce4c3)}

/* EXPERIENCE CARDS — calmer, brighter */
.bex-experiences{position:relative;padding:112px 0 122px;background:#fff0d8;color:var(--bex-text)}
.bex-experiences:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,var(--bex-accent) 0 25%,var(--bex-accent2) 25% 50%,var(--bex-green) 50% 75%,var(--bex-turquoise) 75% 100%)}
.bex-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:46px}
.bex-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bex-experience-card{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:28px;overflow:hidden;background:#fffdf8;color:var(--bex-text)!important;box-shadow:0 18px 60px rgba(108,67,41,.10);border:1px solid rgba(92,55,35,.08)}
.bex-card-media{position:relative;height:330px;overflow:hidden;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.bex-card-media .bex-media-placeholder{position:absolute;inset:0}
.bex-experience-card:nth-child(1) .bex-media-placeholder{background:
  radial-gradient(circle at 30% 36%,#f6bd3f 0 12%,transparent 12.5%),
  radial-gradient(circle at 62% 62%,rgba(47,107,87,.38) 0 17%,transparent 17.5%),
  linear-gradient(135deg,#ffdab0,#f18a5d)}
.bex-experience-card:nth-child(2) .bex-media-placeholder{background:
  radial-gradient(circle at 68% 32%,rgba(255,255,255,.36) 0 11%,transparent 11.5%),
  radial-gradient(circle at 28% 68%,rgba(232,100,58,.38) 0 18%,transparent 18.5%),
  linear-gradient(135deg,#8bd0b1,#2b9f9b)}
.bex-experience-card:nth-child(3) .bex-media-placeholder{background:
  radial-gradient(circle at 38% 32%,rgba(245,191,63,.72) 0 12%,transparent 12.5%),
  radial-gradient(circle at 72% 64%,rgba(43,159,155,.26) 0 18%,transparent 18.5%),
  linear-gradient(135deg,#f8bd79,#e66a54)}
.bex-card-shade{display:none}
.bex-card-copy{position:relative;z-index:2;padding:28px 30px 32px;background:#fffdf8;flex:1}
.bex-card-copy>span{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--bex-accent)!important}
.bex-card-copy h3{font-size:34px!important;line-height:1.02!important;margin:11px 0 13px!important;letter-spacing:-.04em!important;color:var(--bex-text)!important}
.bex-card-copy p{margin:0;color:var(--bex-muted)!important;line-height:1.55}
.bex-card-copy b{display:flex;justify-content:space-between;margin-top:24px;padding-top:17px;border-top:1px solid rgba(42,27,22,.10);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--bex-green)!important}
.bex-card-copy i{font-style:normal;font-size:16px}
@media (hover:hover){.bex-experience-card:hover{transform:translateY(-4px);transition:transform .25s ease}.bex-experience-card:hover .bex-card-media img{transform:scale(1.045)}}

/* SPOTLIGHT */
.bex-spotlight{position:relative;min-height:690px;display:flex;align-items:center;background:#ffdcb8}
.bex-spotlight-media{position:absolute;inset:-3%;will-change:transform}
.bex-spotlight-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,232,.96) 0%,rgba(255,247,232,.82) 43%,rgba(255,247,232,.30) 74%,rgba(255,247,232,.12))}
.bex-spotlight-placeholder{background:
  radial-gradient(circle at 82% 22%,rgba(245,191,63,.95) 0 8%,transparent 8.5%),
  radial-gradient(circle at 78% 54%,rgba(47,107,87,.23) 0 17%,transparent 17.5%),
  radial-gradient(circle at 55% 76%,rgba(43,159,155,.18) 0 14%,transparent 14.5%),
  linear-gradient(135deg,#ffe8c8,#f9b58f)}
.bex-spotlight-shade{position:absolute;inset:0;background:transparent}
.bex-spotlight-copy{position:relative;z-index:2;padding-top:108px;padding-bottom:108px}
.bex-spotlight-copy .bex-heading{max-width:820px}
.bex-spotlight-copy .bex-body{margin-top:24px;color:var(--bex-muted)!important}

/* GALLERY */
.bex-gallery{padding:116px 0 126px;background:#fffdf8}
.bex-gallery-head{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:48px}
.bex-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;grid-auto-rows:190px}
.bex-gallery-item{margin:0;border-radius:24px;overflow:hidden;background:#ffe5c8;box-shadow:0 12px 36px rgba(80,52,32,.08)}
.bex-gallery-item:nth-child(1){grid-column:span 7;grid-row:span 3}
.bex-gallery-item:nth-child(2){grid-column:span 5;grid-row:span 2}
.bex-gallery-item:nth-child(3){grid-column:span 5;grid-row:span 2}
.bex-gallery-item:nth-child(4){grid-column:span 4;grid-row:span 2}
.bex-gallery-item:nth-child(5){grid-column:span 4;grid-row:span 2}
.bex-gallery-item:nth-child(6){grid-column:span 4;grid-row:span 2}
.bex-gallery-item img{transition:transform .7s ease}
@media (hover:hover){.bex-gallery-item:hover img{transform:scale(1.035)}}

/* FINAL CTA */
.bex-final{position:relative;padding:100px 0 112px;background:
  radial-gradient(circle at 88% 24%,rgba(255,255,255,.42) 0 8%,transparent 8.5%),
  radial-gradient(circle at 82% 40%,rgba(43,159,155,.16) 0 17%,transparent 17.5%),
  linear-gradient(120deg,#f7c855 0%,#ffb66d 58%,#f18a63 100%)}
.bex-final:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(90deg,var(--bex-green),var(--bex-turquoise),var(--bex-accent2),var(--bex-accent))}
.bex-final-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.bex-final-inner .bex-heading{max-width:820px}
.bex-final-inner .bex-body{margin-top:20px;color:#4d382f!important}
.bex-final-inner .bex-actions{flex:none}

/* AUDIO */
.bex-audio-player{position:fixed;right:22px;bottom:22px;z-index:9997}
.bex-audio-toggle{appearance:none;border:1px solid rgba(42,27,22,.10);background:rgba(255,253,248,.92);backdrop-filter:blur(18px);color:var(--bex-text);border-radius:999px;min-height:58px;padding:8px 12px 8px 9px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 12px 40px rgba(73,46,29,.16)}
.bex-audio-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bex-accent);color:#fff;font-size:18px}
.bex-audio-copy{text-align:left;display:flex;flex-direction:column;min-width:110px}
.bex-audio-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8a6d5e}
.bex-audio-copy b{font-size:12px}
.bex-audio-state{font-size:9px;letter-spacing:.11em;font-weight:900;color:var(--bex-green);padding-right:6px}
.bex-audio-player.is-playing .bex-audio-icon{animation:bexPulse 1.8s ease-in-out infinite}
.bex-mobile-bar{display:none}

/* MOTION */
.bex-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
.bex-reveal.is-visible{opacity:1;transform:none}
.bex-root[data-bex-motion="0"] .bex-reveal{opacity:1!important;transform:none!important;transition:none!important}
@keyframes bexPulse{0%,100%{box-shadow:0 0 0 0 rgba(232,100,58,.06)}50%{box-shadow:0 0 0 9px rgba(232,100,58,.12)}}

@media (max-width:980px){
  .bex-root .bex-wrap,.bex-hero-inner{width:min(100% - 34px,var(--bex-max))}
  .bex-hero{min-height:760px}
  .bex-intro{padding:100px 0 130px}
  .bex-intro-grid{grid-template-columns:1fr;gap:60px}
  .bex-intro-visuals{min-height:530px}
  .bex-card-grid{grid-template-columns:1fr}
  .bex-card-media{height:390px}
  .bex-gallery-head{grid-template-columns:1fr;gap:20px}
  .bex-final-inner{align-items:flex-start;flex-direction:column}
}
@media (max-width:700px){
  .bex-root{padding-bottom:72px}
  .bex-hero{min-height:680px}
  .bex-hero-inner{padding:105px 0 82px}
  .bex-display{font-size:clamp(50px,17vw,78px)!important}
  .bex-hero-text{font-size:16px}
  .bex-scroll-cue{display:none}
  .bex-intro{padding:82px 0 105px}
  .bex-heading{font-size:clamp(39px,12vw,56px)!important}
  .bex-body{font-size:16px}
  .bex-intro-visuals{min-height:420px}
  .bex-photo-main{inset:0 8% 0 0}
  .bex-photo-float{width:52%;height:42%;bottom:-32px;border-width:7px}
  .bex-experiences{padding:80px 0 88px}
  .bex-section-top{display:block}
  .bex-card-media{height:285px}
  .bex-card-copy{padding:25px}
  .bex-card-copy h3{font-size:30px!important}
  .bex-spotlight{min-height:590px}
  .bex-gallery{padding:82px 0}
  .bex-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}
  .bex-gallery-item,.bex-gallery-item:nth-child(n){grid-column:auto;grid-row:auto}
  .bex-gallery-item:first-child{grid-column:span 2;grid-row:span 2}
  .bex-final{padding:82px 0 90px}
  .bex-audio-player{right:12px;bottom:82px}
  .bex-audio-copy,.bex-audio-state{display:none}
  .bex-audio-toggle{padding:7px;min-height:0}
  .bex-mobile-bar{position:fixed;display:flex;left:8px;right:8px;bottom:8px;z-index:9998;border:1px solid rgba(42,27,22,.10);background:rgba(255,253,248,.94);backdrop-filter:blur(18px);border-radius:18px;padding:5px;box-shadow:0 12px 40px rgba(66,42,28,.18)}
  .bex-mobile-bar a{flex:1;min-width:0;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--bex-text)!important;border-radius:14px}
  .bex-mobile-bar a.is-main{background:var(--bex-accent);color:#fff!important}
  .bex-mobile-bar span{font-size:17px;line-height:1}
  .bex-mobile-bar b{font-size:9px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .bex-reveal{opacity:1!important;transform:none!important;transition:none!important}
  [data-bex-parallax]{transform:none!important}
  .bex-card-media,.bex-gallery-item img,.bex-btn{transition:none!important}
  .bex-audio-player.is-playing .bex-audio-icon{animation:none!important}
}
/* =========================
   V0.3 PLUGIN HEADER
   ========================= */
.bex-site-header{
  position:sticky;top:0;z-index:9995;width:100%;
  background:rgba(255,253,248,.92);backdrop-filter:blur(18px) saturate(1.1);
  border-bottom:1px solid rgba(73,46,29,.09);
  transition:box-shadow .25s ease,background .25s ease
}
.admin-bar .bex-site-header{top:32px}
.bex-site-header.is-scrolled{box-shadow:0 10px 35px rgba(78,48,31,.10);background:rgba(255,253,248,.97)}
.bex-site-header-inner{
  width:min(1480px,calc(100% - 42px));min-height:78px;margin:0 auto;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px
}
.bex-brand{display:flex;align-items:center;gap:7px;color:var(--bex-text)!important;min-width:100px}
.bex-brand img{width:auto!important;height:54px!important;max-width:150px!important;object-fit:contain!important}
.bex-brand>span{font-weight:950;font-size:20px;letter-spacing:-.04em}.bex-brand>small{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--bex-accent)}
.bex-main-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.bex-main-nav a{
  color:#44342c!important;font-size:12px;font-weight:800;white-space:nowrap;
  padding:10px 11px;border-radius:999px;transition:background .2s ease,color .2s ease
}
@media(hover:hover){.bex-main-nav a:hover{background:#fff0d8;color:var(--bex-accent)!important}}
.bex-header-cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;
  background:var(--bex-accent);color:#fff!important;font-size:12px;font-weight:900;white-space:nowrap
}
.bex-menu-toggle{display:none;appearance:none;border:0;background:transparent;padding:7px;min-width:48px;min-height:48px;cursor:pointer}
.bex-menu-toggle span{display:block;width:23px;height:2px;background:var(--bex-text);margin:4px auto;transition:.2s}
.bex-menu-toggle b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--bex-text)}

.bex-root section[id]{scroll-margin-top:96px}

/* BRUNCH */
.bex-brunch{position:relative;padding:118px 0;background:#e7f3e7}
.bex-brunch:before{content:"";position:absolute;right:-110px;top:-110px;width:330px;height:330px;border-radius:50%;background:rgba(245,191,63,.28)}
.bex-feature-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:74px;align-items:center}
.bex-feature-media{height:540px;border-radius:34px;overflow:hidden;background:#ffd37f;box-shadow:var(--bex-shadow);position:relative}
.bex-brunch-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 22% 24%,rgba(255,255,255,.46) 0 9%,transparent 9.5%),
    radial-gradient(circle at 76% 72%,rgba(232,100,58,.22) 0 17%,transparent 17.5%),
    linear-gradient(135deg,#f8ca59,#f3a55e)}
.bex-brunch-placeholder span{font-size:15px;font-weight:900;letter-spacing:.28em;color:#72402c}
.bex-brunch-placeholder b{font-size:clamp(54px,6vw,92px);line-height:.9;letter-spacing:-.06em;color:#2f6b57}
.bex-feature-copy .bex-body{margin-top:24px}

/* MENU HUB */
.bex-menu-hub{padding:104px 0;background:#fffdf8}
.bex-menu-hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.bex-menu-hub-head>p{max-width:340px;margin:0;color:var(--bex-muted);font-size:17px}
.bex-menu-tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bex-menu-tile{
  min-height:250px;border-radius:var(--bex-menu-card-radius,30px);padding:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:24px;
  background:var(--bex-menu-card-bg,linear-gradient(135deg,#ffe2ac,#ffc18c));color:var(--bex-menu-card-text,var(--bex-text))!important;
  box-shadow:0 18px 55px rgba(100,61,38,.10);transition:transform .25s ease,box-shadow .25s ease,border-radius .25s ease;
  background-clip:padding-box;overflow:hidden
}
.bex-menu-tile.is-drinks{background:var(--bex-menu-card-bg,linear-gradient(135deg,#bfe7dd,#76c8ba))}
.bex-menu-tile.is-disabled{cursor:default;opacity:.68}
.bex-tile-icon{align-self:start;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--bex-menu-icon-bg,rgba(255,255,255,.58));color:var(--bex-menu-icon-color,var(--bex-menu-card-text,#2f221c));font-size:20px;overflow:hidden}
.bex-tile-icon svg{width:25px;height:25px;display:block}
.bex-tile-icon img{width:100%;height:100%;object-fit:contain;display:block;padding:9px;box-sizing:border-box}
.bex-menu-tile small{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--bex-menu-card-accent,var(--bex-green))}
.bex-menu-tile h3{font-size:38px!important;line-height:1!important;margin:9px 0 9px!important;color:var(--bex-menu-card-text,var(--bex-text))!important}
.bex-menu-tile p{margin:0;color:var(--bex-menu-card-text,#654c41);opacity:.76}
.bex-menu-tile>b{font-size:12px;align-self:end;color:var(--bex-menu-card-accent,var(--bex-text))}
@media(hover:hover){.bex-menu-tile:not(.is-disabled):hover{transform:translateY(-4px);box-shadow:0 24px 68px rgba(100,61,38,.15)}}

/* LUNCH */
.bex-lunch{padding:116px 0 126px;background:#fff0d8;position:relative}
.bex-lunch:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,var(--bex-accent),var(--bex-accent2),var(--bex-green),var(--bex-turquoise))}
.bex-lunch-head{max-width:900px;margin-bottom:44px}
.bex-lunch-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bex-lunch-card{background:#fffdf8;border-radius:32px;overflow:hidden;box-shadow:0 18px 55px rgba(94,59,36,.10)}
.bex-lunch-media{height:320px;background:#ffd99e}
.bex-lunch-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:
  radial-gradient(circle at 28% 32%,rgba(255,255,255,.42) 0 10%,transparent 10.5%),
  linear-gradient(135deg,#ffc660,#f28d65)}
.bex-lunch-card.is-weekly .bex-lunch-placeholder{background:
  radial-gradient(circle at 72% 28%,rgba(255,255,255,.42) 0 10%,transparent 10.5%),
  linear-gradient(135deg,#73c8b9,#2f6b57)}
.bex-lunch-placeholder span{font-size:42px;font-weight:950;letter-spacing:-.03em;color:#fff}
.bex-lunch-copy{padding:30px}
.bex-lunch-copy h3{font-size:38px!important;line-height:1.03!important;letter-spacing:-.04em!important;margin:0 0 17px!important;color:var(--bex-text)!important}
.bex-lunch-copy .bex-body{font-size:16px}
.bex-lunch-copy .bex-actions{margin-top:24px}

/* Hero now starts directly below plugin header */
.bex-site-header + .bex-hero{min-height:min(800px,82vh)}

@media(max-width:1180px){
  .bex-site-header-inner{grid-template-columns:auto auto 1fr;gap:12px}
  .bex-menu-toggle{display:block;justify-self:end;grid-column:3}
  .bex-header-cta{display:none}
  .bex-main-nav{
    position:absolute;top:calc(100% + 8px);left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;
    padding:12px;background:#fffdf8;border:1px solid rgba(73,46,29,.10);border-radius:22px;box-shadow:0 20px 60px rgba(72,45,28,.16)
  }
  .bex-main-nav.is-open{display:flex}
  .bex-main-nav a{font-size:14px;padding:12px 14px;border-radius:13px}
}
@media(max-width:980px){
  .bex-feature-grid{grid-template-columns:1fr;gap:42px}
  .bex-feature-media{height:470px}
  .bex-menu-tiles,.bex-lunch-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .admin-bar .bex-site-header{top:46px}
  .bex-site-header-inner{width:calc(100% - 22px);min-height:68px}
  .bex-brand img{height:46px!important;max-width:120px!important}
  .bex-brunch,.bex-menu-hub,.bex-lunch{padding:80px 0}
  .bex-feature-media{height:360px}
  .bex-menu-hub-head{display:block}
  .bex-menu-hub-head>p{margin-top:16px}
  .bex-menu-tile{grid-template-columns:auto 1fr;min-height:220px;padding:24px}
  .bex-menu-tile>b{grid-column:2}
  .bex-menu-tile h3{font-size:31px!important}
  .bex-lunch-media{height:250px}
  .bex-lunch-copy{padding:25px}
  .bex-lunch-copy h3{font-size:32px!important}
}
/* =========================================================
   V0.4 — HERO OVERLAY NAV + TRUE VIEWPORT FULL BLEED
   ========================================================= */

/* Make the Experience ignore every Enfold content width/padding constraint. */
body.bex-takeover-page,
body.bex-takeover-page #wrap_all,
body.bex-takeover-page #main,
body.bex-takeover-page #main .main_color,
body.bex-takeover-page #main .container_wrap,
body.bex-takeover-page #main .container_wrap_first,
body.bex-takeover-page #main .container,
body.bex-takeover-page .template-page.content,
body.bex-takeover-page .content,
body.bex-takeover-page .content.av-content-small.units{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  float:none!important;
  box-sizing:border-box!important;
}

body.bex-takeover-page #wrap_all,
body.bex-takeover-page #main,
body.bex-takeover-page #main .container_wrap,
body.bex-takeover-page #main .container_wrap_first{
  overflow:visible!important;
}

body.bex-takeover-page .bex-root{
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  left:50%!important;
  right:auto!important;
  margin-left:-50vw!important;
  margin-right:0!important;
  overflow:hidden!important;
}

/* Navigation is no longer a separate white strip. It sits on top of the hero. */
.bex-site-header,
.bex-site-header.bex-site-header-overlay{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9995!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding-top:12px;
  transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,padding .25s ease;
}
.admin-bar .bex-site-header,
.admin-bar .bex-site-header.bex-site-header-overlay{
  top:0!important;
}

/* On scroll it becomes a compact floating glass navigation — never a full white band. */
.bex-site-header.is-scrolled{
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  width:min(1180px,calc(100% - 28px))!important;
  transform:translateX(-50%);
  padding-top:0;
  border-radius:999px!important;
  background:rgba(255,253,248,.88)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  box-shadow:0 12px 45px rgba(70,45,29,.14)!important;
  border:1px solid rgba(73,46,29,.08)!important;
}
.admin-bar .bex-site-header.is-scrolled{top:46px!important}

.bex-site-header-inner{
  width:min(1480px,calc(100% - 50px))!important;
  min-height:68px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:20px!important;
}
.bex-site-header-inner.no-brand{
  grid-template-columns:1fr auto!important;
}
.bex-site-header-inner.no-brand .bex-main-nav{
  justify-self:center;
}
.bex-site-header.is-scrolled .bex-site-header-inner{
  width:calc(100% - 20px)!important;
  min-height:58px!important;
}

.bex-brand img{height:50px!important}

/* On the hero itself, navigation links use strong contrast but no white bar. */
.bex-site-header:not(.is-scrolled) .bex-main-nav a{
  color:#2a1b16!important;
  background:rgba(255,253,248,.38);
  backdrop-filter:blur(8px);
}
.bex-site-header:not(.is-scrolled) .bex-main-nav a:hover{
  background:rgba(255,253,248,.72)!important;
}
.bex-site-header:not(.is-scrolled) .bex-header-cta{
  box-shadow:0 8px 26px rgba(96,50,28,.12);
}

/* Because nav overlays the hero, hero starts at the top again. */
.bex-site-header + .bex-hero{
  min-height:min(860px,88vh)!important;
  margin-top:0!important;
}

/* Hero copy gets a little more top breathing room behind the overlay nav. */
.bex-site-header + .bex-hero .bex-hero-inner{
  padding-top:155px!important;
}

/* Remove any accidental horizontal whitespace from theme wrappers. */
body.bex-takeover-page,
body.bex-takeover-page #wrap_all{
  overflow-x:hidden!important;
}

/* Logged-in WP admin toolbar remains intentionally visible only for admins.
   Public visitors never see it. */
@media(max-width:1180px){
  .bex-site-header-inner,
  .bex-site-header-inner.no-brand{
    grid-template-columns:1fr auto!important;
  }
  .bex-site-header-inner:not(.no-brand){
    grid-template-columns:auto 1fr auto!important;
  }
  .bex-menu-toggle{
    display:block!important;
    justify-self:end!important;
  }
  .bex-site-header-inner.no-brand .bex-menu-toggle{
    grid-column:2!important;
  }
  .bex-site-header-inner:not(.no-brand) .bex-menu-toggle{
    grid-column:3!important;
  }
  .bex-main-nav{
    top:calc(100% + 8px)!important;
  }
}
@media(max-width:782px){
  .admin-bar .bex-site-header.is-scrolled{top:60px!important}
}
@media(max-width:700px){
  .bex-site-header,
  .bex-site-header.bex-site-header-overlay{
    padding-top:7px!important;
  }
  .bex-site-header-inner{
    width:calc(100% - 20px)!important;
    min-height:58px!important;
  }
  .bex-site-header + .bex-hero .bex-hero-inner{
    padding-top:118px!important;
  }
}
/* =========================================================
   V0.5 — remove final right-side viewport gutter
   ========================================================= */

/*
 * Windows/Chrome can still expose a narrow body/scrollbar gutter even after
 * Enfold has been fully neutralised. The Experience deliberately paints a
 * little past the visual viewport and horizontal overflow is clipped.
 */
body.bex-takeover-page .bex-root{
  width:calc(100vw + 24px)!important;
  max-width:none!important;
  left:50%!important;
  margin-left:calc(-50vw - 12px)!important;
  padding-right:0!important;
}

html,
body.bex-takeover-page,
body.bex-takeover-page #wrap_all{
  overflow-x:clip!important;
}

@supports not (overflow:clip){
  html,
  body.bex-takeover-page,
  body.bex-takeover-page #wrap_all{
    overflow-x:hidden!important;
  }
}

/* Opening-hours teaser */
.bex-opening-teaser{
  position:relative;
  padding:86px 0;
  background:#e8f3ec;
  border-top:1px solid rgba(47,107,87,.08);
}
.bex-opening-teaser-inner{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:48px;
}
.bex-opening-teaser .bex-heading{
  max-width:850px;
}
.bex-opening-teaser .bex-body{
  margin-top:18px;
}
.bex-opening-teaser .bex-actions{
  flex:none;
}

@media(max-width:980px){
  .bex-opening-teaser-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:700px){
  body.bex-takeover-page .bex-root{
    width:calc(100vw + 16px)!important;
    margin-left:calc(-50vw - 8px)!important;
  }
  .bex-opening-teaser{
    padding:72px 0;
  }
}
/* =========================================================
   V0.6 — NAV BELOW HERO COPY + TRUE EDGE-TO-EDGE
   ========================================================= */

/* Final edge fix:
   Anchor to viewport from the parent's centre but extend only to the right.
   The page itself clips the deliberate overdraw. */
body.bex-takeover-page .bex-root{
  position:relative!important;
  left:50%!important;
  width:calc(100vw + 48px)!important;
  max-width:none!important;
  margin-left:-50vw!important;
  margin-right:0!important;
  overflow:visible!important;
}

html,
body.bex-takeover-page,
body.bex-takeover-page #wrap_all{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Native scrollbar: no bright track. */
html{
  scrollbar-color:rgba(61,45,36,.42) transparent;
}
html::-webkit-scrollbar{width:10px}
html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{
  background:rgba(61,45,36,.34);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}

/* Navigation starts INSIDE hero copy, beneath subtitle. */
.bex-hero-nav-slot{
  position:relative;
  min-height:56px;
  margin-top:28px;
  width:min(1000px,calc(100vw - 56px));
}

.bex-site-header,
.bex-site-header.bex-site-header-inline{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.bex-site-header .bex-site-header-inner,
.bex-site-header.bex-site-header-inline .bex-site-header-inner{
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

.bex-site-header .bex-main-nav{
  display:flex!important;
  position:static!important;
  inset:auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.bex-site-header .bex-main-nav a{
  min-height:42px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:0 15px!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.72)!important;
  border:1px solid rgba(56,39,30,.08)!important;
  box-shadow:0 7px 20px rgba(85,55,36,.07);
  backdrop-filter:blur(10px);
  color:#2a1b16!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}

@media(hover:hover){
  .bex-site-header .bex-main-nav a:hover{
    transform:translateY(-2px);
    background:#fffdf8!important;
    color:var(--bex-accent)!important;
    box-shadow:0 10px 28px rgba(85,55,36,.12);
  }
}

.bex-site-header .bex-header-cta{
  min-height:42px!important;
  padding:0 16px!important;
  margin-left:3px;
  box-shadow:0 8px 24px rgba(119,59,32,.14);
}

.bex-site-header .bex-menu-toggle{
  display:none!important;
}

/* After the user scrolls past the original button row, it docks at the top. */
.bex-site-header.is-scrolled{
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  z-index:9997!important;
  width:min(1260px,calc(100vw - 26px))!important;
  transform:translateX(-50%)!important;
  padding:7px!important;
  border-radius:999px!important;
  background:rgba(255,253,248,.90)!important;
  border:1px solid rgba(62,42,31,.09)!important;
  box-shadow:0 14px 50px rgba(68,44,29,.15)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
}

.admin-bar .bex-site-header.is-scrolled{
  top:46px!important;
}

.bex-site-header.is-scrolled .bex-site-header-inner{
  width:100%!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
}

.bex-site-header.is-scrolled .bex-main-nav{
  justify-content:center!important;
  flex-wrap:nowrap!important;
}

.bex-site-header.is-scrolled .bex-main-nav a{
  box-shadow:none!important;
  background:transparent!important;
  border-color:transparent!important;
}

.bex-site-header.is-scrolled .bex-main-nav a:hover{
  background:#fff0d8!important;
}

/* Hero no longer needs space for a top navigation. */
.bex-site-header + .bex-hero,
.bex-hero{
  margin-top:0!important;
}
.bex-hero-inner,
.bex-site-header + .bex-hero .bex-hero-inner{
  padding-top:112px!important;
}

/* Desktop fits the full docked bar. At narrower widths, use compact menu. */
@media(max-width:1220px){
  .bex-site-header.is-scrolled{
    width:min(760px,calc(100vw - 26px))!important;
    border-radius:24px!important;
  }
  .bex-site-header.is-scrolled .bex-site-header-inner{
    display:grid!important;
    grid-template-columns:1fr auto!important;
  }
  .bex-site-header.is-scrolled .bex-menu-toggle{
    display:block!important;
    grid-column:2!important;
    justify-self:end!important;
  }
  .bex-site-header.is-scrolled .bex-main-nav{
    position:absolute!important;
    display:none!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:10px!important;
    border-radius:20px!important;
    background:#fffdf8!important;
    border:1px solid rgba(62,42,31,.09)!important;
    box-shadow:0 18px 55px rgba(68,44,29,.16)!important;
  }
  .bex-site-header.is-scrolled .bex-main-nav.is-open{
    display:flex!important;
  }
  .bex-site-header.is-scrolled .bex-main-nav a{
    min-height:44px!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
    border-radius:12px!important;
  }
}

@media(max-width:760px){
  .bex-hero-nav-slot{
    width:100%;
    min-height:54px;
    margin-top:24px;
  }

  /* Even in the hero use a menu button on phones to avoid wrapping chaos. */
  .bex-site-header:not(.is-scrolled) .bex-site-header-inner{
    display:grid!important;
    grid-template-columns:1fr auto!important;
  }
  .bex-site-header:not(.is-scrolled) .bex-menu-toggle{
    display:block!important;
    grid-column:2!important;
    justify-self:start!important;
    border:1px solid rgba(56,39,30,.10)!important;
    border-radius:16px!important;
    background:rgba(255,253,248,.76)!important;
  }
  .bex-site-header:not(.is-scrolled) .bex-main-nav{
    position:absolute!important;
    display:none!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:10px!important;
    border-radius:20px!important;
    background:#fffdf8!important;
    border:1px solid rgba(62,42,31,.09)!important;
    box-shadow:0 18px 55px rgba(68,44,29,.15)!important;
  }
  .bex-site-header:not(.is-scrolled) .bex-main-nav.is-open{
    display:flex!important;
  }
  .bex-site-header:not(.is-scrolled) .bex-main-nav a{
    justify-content:flex-start!important;
    box-shadow:none!important;
    background:transparent!important;
    border-color:transparent!important;
  }
  .bex-site-header .bex-header-cta{
    display:none!important;
  }

  .bex-hero-inner,
  .bex-site-header + .bex-hero .bex-hero-inner{
    padding-top:80px!important;
  }
}

@media(max-width:782px){
  .admin-bar .bex-site-header.is-scrolled{
    top:60px!important;
  }
}
/* V0.7 — BO PERSONAL WELCOME */
.bex-welcome{position:relative;padding:104px 0 112px;overflow:hidden;background:radial-gradient(circle at 12% 22%,rgba(245,191,63,.20) 0 8%,transparent 8.5%),radial-gradient(circle at 89% 78%,rgba(43,159,155,.12) 0 13%,transparent 13.5%),linear-gradient(135deg,#fffdf8 0%,#fff3dc 55%,#ffead0 100%);border-bottom:1px solid rgba(88,58,38,.06)}
.bex-welcome:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,var(--bex-accent),var(--bex-accent2),var(--bex-green),var(--bex-turquoise))}
.bex-welcome-sun{position:absolute;width:330px;height:330px;border-radius:50%;right:-105px;top:-90px;background:rgba(245,191,63,.20)}
.bex-welcome-sun:before,.bex-welcome-sun:after{content:"";position:absolute;border-radius:50%}
.bex-welcome-sun:before{inset:65px;border:18px solid rgba(232,100,58,.10)}
.bex-welcome-sun:after{width:84px;height:84px;left:123px;top:123px;background:rgba(43,159,155,.10)}
.bex-welcome-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:72px}
.bex-welcome-copy{max-width:590px}.bex-welcome-copy .bex-body{margin-top:24px;max-width:560px}
.bex-welcome-status{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(68,47,36,.08);color:#6b5548;font-size:12px;font-weight:700}
.bex-welcome-status-dot{width:9px;height:9px;border-radius:50%;background:var(--bex-accent);box-shadow:0 0 0 5px rgba(232,100,58,.10)}
.bex-welcome.is-playing .bex-welcome-status-dot{background:#2f6b57;box-shadow:0 0 0 5px rgba(47,107,87,.10)}
.bex-welcome.is-finished .bex-welcome-status-dot{background:var(--bex-accent2);box-shadow:0 0 0 5px rgba(245,191,63,.12)}
.bex-welcome-stage{position:relative;min-height:620px;display:flex;align-items:flex-end;justify-content:center;border-radius:38px;background:radial-gradient(circle at 50% 78%,rgba(255,255,255,.55) 0 18%,transparent 18.5%),linear-gradient(180deg,#d9efe4 0%,#c6eadf 48%,#f4c96a 100%);box-shadow:0 30px 90px rgba(95,61,39,.13);overflow:hidden;isolation:isolate}
.bex-welcome-stage:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-125px;height:260px;border-radius:50% 50% 0 0;background:#e8784c;opacity:.90;z-index:0}
.bex-welcome-stage:after{content:"";position:absolute;width:170px;height:170px;right:34px;top:34px;border-radius:50%;background:rgba(245,191,63,.64);box-shadow:-52px 38px 0 -25px rgba(255,255,255,.25),28px 96px 0 -46px rgba(47,107,87,.24);z-index:0}
.bex-welcome-arch{position:absolute;width:72%;height:88%;bottom:-8%;left:14%;border-radius:50% 50% 0 0 / 30% 30% 0 0;border:3px solid rgba(47,107,87,.16);z-index:0}
.bex-welcome-video-wrap{position:relative;z-index:2;width:min(480px,82%);height:600px;display:flex;align-items:flex-end;justify-content:center}
.bex-welcome-video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important;filter:drop-shadow(0 22px 25px rgba(62,43,31,.16))}
.bex-welcome-controls{position:absolute;z-index:5;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:10px;pointer-events:none}
.bex-welcome-control{pointer-events:auto;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(49,35,28,.10);border-radius:999px;background:rgba(255,253,248,.92);color:#2a1b16;box-shadow:0 12px 35px rgba(73,47,31,.16);backdrop-filter:blur(15px);cursor:pointer;font-size:12px}
.bex-welcome-control span{font-size:17px}.bex-welcome-control b{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.bex-welcome-control[hidden]{display:none!important}
@media(max-width:980px){.bex-welcome{padding:88px 0 96px}.bex-welcome-grid{grid-template-columns:1fr;gap:46px}.bex-welcome-copy{max-width:760px}.bex-welcome-stage{min-height:570px}.bex-welcome-video-wrap{height:550px}}
@media(max-width:700px){.bex-welcome{padding:72px 0 78px}.bex-welcome-grid{gap:34px}.bex-welcome-stage{min-height:470px;border-radius:28px}.bex-welcome-video-wrap{width:92%;height:455px}.bex-welcome-stage:after{width:125px;height:125px;right:18px;top:20px}.bex-welcome-status{border-radius:18px;align-items:flex-start}}


/* =========================================================
   V0.8 — BETTER BO SCENE + DESERT BACKGROUND
   ========================================================= */
.bex-welcome-stage{
  min-height:640px;
  background:linear-gradient(180deg,#f8ead2 0%,#f4c66f 100%);
  border:1px solid rgba(80,54,38,.08);
}
.bex-welcome-stage:before,
.bex-welcome-stage:after{
  display:none!important;
}
.bex-welcome-arch{
  width:78%;
  height:90%;
  left:11%;
  bottom:-3%;
  border-width:2px;
  border-color:rgba(255,250,245,.62);
  z-index:2;
}
.bex-welcome-video-wrap{z-index:3}
.bex-welcome-stage::marker{content:""}
.bex-welcome-stage > .bex-welcome-bg,
.bex-welcome-stage[data-has-bg="1"] > .bex-welcome-bg{display:block}
.bex-welcome-stage .bex-welcome-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(255,248,234,.22) 0%,rgba(255,241,208,.08) 22%,rgba(255,236,202,.06) 50%,rgba(229,121,76,.22) 100%),
    linear-gradient(0deg,rgba(31,27,34,.14),rgba(31,27,34,.14)),
    var(--bex-welcome-bg) center center / cover no-repeat;
  transform:scale(1.035);
}
.bex-welcome-stage .bex-welcome-bg::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:34%;
  background:linear-gradient(180deg,rgba(236,126,80,0) 0%, rgba(232,120,76,.18) 45%, rgba(232,120,76,.58) 100%);
}
.bex-welcome-stage .bex-welcome-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 55% 18%,rgba(255,250,242,.38) 0 8%,transparent 9%);
}
.bex-welcome-stage{isolation:isolate}
.bex-welcome-stage .bex-welcome-controls{z-index:6}
.bex-welcome-stage .bex-welcome-video{
  filter:drop-shadow(0 22px 28px rgba(38,23,18,.25));
}
.bex-welcome-stage .bex-welcome-video-wrap{
  width:min(500px,84%);
  height:610px;
}
.bex-welcome-copy .bex-body{max-width:590px}
@media(max-width:980px){
  .bex-welcome-stage{min-height:590px}
  .bex-welcome-stage .bex-welcome-video-wrap{height:555px}
}
@media(max-width:700px){
  .bex-welcome-stage{min-height:490px}
  .bex-welcome-stage .bex-welcome-video-wrap{height:455px;width:93%}
}
/* =========================================================
   V0.8.1 — remove white ring around Bo
   ========================================================= */
.bex-welcome-arch{
  display:none !important;
}


/* =========================================================
   V0.9.0 — BO IDLE LOOP + TEST SPEECH BUBBLES
   ========================================================= */
.bex-welcome-video[hidden]{display:none !important;}
.bex-welcome-video-wrap{position:relative;}
.bex-welcome-video-idle{position:absolute;inset:0;z-index:3;}
.bex-welcome.is-idle .bex-welcome-video-wrap{filter:none;}
.bex-welcome-bubbles{
  position:absolute;
  top:34px;
  right:26px;
  width:min(300px,40%);
  min-height:104px;
  z-index:7;
  pointer-events:none;
}
.bex-welcome-bubble{
  position:absolute;
  inset:0 auto auto 0;
  max-width:100%;
  opacity:0;
  transform:translate3d(0,14px,0) scale(.98);
  transition:opacity .32s ease,transform .32s ease;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,252,246,.97);
  color:#2f221c;
  border:1px solid rgba(68,47,36,.10);
  box-shadow:0 18px 42px rgba(65,41,28,.16);
  font-size:15px;
  line-height:1.45;
  font-weight:700;
}
.bex-welcome-bubble:after{
  content:"";
  position:absolute;
  left:28px;
  bottom:-11px;
  width:22px;
  height:22px;
  background:rgba(255,252,246,.97);
  border-right:1px solid rgba(68,47,36,.10);
  border-bottom:1px solid rgba(68,47,36,.10);
  transform:rotate(45deg);
}
.bex-welcome-bubble.is-active{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
@media(max-width:980px){
  .bex-welcome-bubbles{top:18px;right:18px;width:min(320px,calc(100% - 36px));min-height:96px;}
  .bex-welcome-bubble{font-size:14px;padding:14px 16px;border-radius:20px;}
}
@media(max-width:700px){
  .bex-welcome-bubbles{top:auto;bottom:78px;left:14px;right:14px;width:auto;min-height:86px;}
  .bex-welcome-bubble{font-size:13px;padding:12px 14px;border-radius:18px;}
}


/* V0.9.1 — stable idle, one auto play, compact replay */
.bex-welcome-video[hidden]{display:none!important}
.bex-welcome-video-idle{position:absolute!important;inset:0!important;z-index:3!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important}
.bex-welcome.is-idle .bex-welcome-controls{left:auto!important;right:14px!important;top:14px!important;bottom:auto!important;width:auto!important;justify-content:flex-end!important}
.bex-welcome.is-idle .bex-welcome-control.is-replay{min-height:34px!important;padding:0 11px!important;gap:6px!important;border-radius:999px!important;background:rgba(255,253,248,.90)!important;box-shadow:0 8px 24px rgba(73,47,31,.13)!important}
.bex-welcome.is-idle .bex-welcome-control.is-replay span{font-size:13px!important}
.bex-welcome.is-idle .bex-welcome-control.is-replay b{font-size:9px!important;letter-spacing:.04em!important}
@media(max-width:700px){.bex-welcome.is-idle .bex-welcome-controls{right:10px!important;top:10px!important}}


/* =========================================================
   V0.9.2 — remove white blobs behind Bo + slower bubbles
   ========================================================= */
.bex-welcome-stage .bex-welcome-bg::before{
  display:none !important;
  content:none !important;
}
/* =========================================================
   V0.9.3 — calmer Bo idle + refined clickable bubbles
   ========================================================= */
.bex-welcome-bubbles{
  top:38px!important;
  right:18px!important;
  width:min(255px,37%)!important;
  min-height:112px!important;
}
.bex-welcome-bubble{
  display:block!important;
  pointer-events:auto!important;
  padding:14px 15px 13px!important;
  border-radius:18px!important;
  background:rgba(255,253,248,.96)!important;
  color:#2f221c!important;
  font-size:14px!important;
  line-height:1.38!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-shadow:0 14px 34px rgba(58,38,27,.14)!important;
  transform:translate3d(0,10px,0) scale(.985)!important;
  transition:opacity .46s ease,transform .46s ease,box-shadow .2s ease!important;
}
.bex-welcome-bubble.is-active{
  transform:translate3d(0,0,0) scale(1)!important;
}
.bex-welcome-bubble>span{
  display:block;
}
.bex-welcome-bubble small{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:9px;
  color:var(--bex-green)!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bex-welcome-bubble small i{
  font-size:12px;
  font-style:normal;
  transition:transform .2s ease;
}
.bex-welcome-bubble:after{
  left:23px!important;
  width:18px!important;
  height:18px!important;
  bottom:-9px!important;
  background:rgba(255,253,248,.96)!important;
}
@media(hover:hover){
  .bex-welcome-bubble.is-active:hover{
    box-shadow:0 18px 42px rgba(58,38,27,.20)!important;
  }
  .bex-welcome-bubble.is-active:hover small i{
    transform:translateX(3px);
  }
}
@media(max-width:980px){
  .bex-welcome-bubbles{
    top:20px!important;
    right:16px!important;
    width:min(255px,42%)!important;
  }
}
@media(max-width:700px){
  .bex-welcome-bubbles{
    top:auto!important;
    bottom:70px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    min-height:92px!important;
  }
  .bex-welcome-bubble{
    font-size:13px!important;
    padding:12px 14px 11px!important;
  }
}


/* =========================================================
   V0.9.4 — smoother idle feel + more refined speech bubbles
   ========================================================= */
.bex-welcome-bubbles{
  top:30px!important;
  right:14px!important;
  width:min(236px,33%)!important;
  min-height:104px!important;
}
.bex-welcome-bubble{
  padding:12px 14px 12px!important;
  border-radius:18px!important;
  background:rgba(255,252,246,.88)!important;
  border:1px solid rgba(77,57,42,.10)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  color:#34261d!important;
  font-size:13px!important;
  line-height:1.46!important;
  font-weight:700!important;
  box-shadow:0 16px 32px rgba(67,44,31,.12)!important;
  transform:translate3d(0,8px,0) scale(.988)!important;
  transition:opacity .55s ease,transform .55s ease,box-shadow .25s ease,background-color .25s ease!important;
}
.bex-welcome-bubble>span{
  letter-spacing:0!important;
}
.bex-welcome-bubble small{
  margin-top:8px!important;
  gap:4px!important;
  color:#216f63!important;
  font-size:8.5px!important;
  letter-spacing:.11em!important;
}
.bex-welcome-bubble small i{
  font-size:11px!important;
}
.bex-welcome-bubble:after{
  left:22px!important;
  width:16px!important;
  height:16px!important;
  bottom:-8px!important;
  background:rgba(255,252,246,.88)!important;
}
.bex-welcome-bubble.is-active{
  box-shadow:0 20px 38px rgba(67,44,31,.15)!important;
}
@media(hover:hover){
  .bex-welcome-bubble.is-active:hover{
    background:rgba(255,252,246,.96)!important;
    box-shadow:0 22px 44px rgba(67,44,31,.18)!important;
  }
}
@media(max-width:980px){
  .bex-welcome-bubbles{
    top:18px!important;
    right:12px!important;
    width:min(228px,40%)!important;
  }
}
@media(max-width:700px){
  .bex-welcome-bubbles{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    min-height:84px!important;
    bottom:72px!important;
  }
  .bex-welcome-bubble{
    font-size:12.5px!important;
    padding:11px 13px 10px!important;
  }
}


/* =========================================================
   V0.9.5 — corrected smooth alpha + polished Bo tips
   ========================================================= */
.bex-welcome-bubbles{
  top:26px!important;
  right:14px!important;
  width:min(215px,31%)!important;
  min-height:100px!important;
}
.bex-welcome-bubble{
  padding:23px 13px 11px!important;
  border-radius:17px!important;
  background:rgba(255,253,248,.91)!important;
  border:1px solid rgba(73,52,39,.09)!important;
  box-shadow:0 14px 30px rgba(63,42,29,.11)!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  transform:translate3d(0,7px,0) scale(.99)!important;
  transition:opacity .7s ease,transform .7s ease,box-shadow .25s ease!important;
  overflow:visible!important;
}
.bex-welcome-bubble:before{
  content:"BO-TIPP";
  position:absolute;
  left:13px;
  top:9px;
  color:#d9663f;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.14em;
}
.bex-welcome-bubble:after{
  left:20px!important;
  width:14px!important;
  height:14px!important;
  bottom:-7px!important;
  background:rgba(255,253,248,.91)!important;
  border-color:rgba(73,52,39,.09)!important;
}
.bex-welcome-bubble small{
  margin-top:7px!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
  color:#267568!important;
}
@media(hover:hover){
  .bex-welcome-bubble.is-active:hover{
    transform:translate3d(0,-2px,0) scale(1)!important;
    box-shadow:0 18px 38px rgba(63,42,29,.16)!important;
  }
}
@media(max-width:980px){
  .bex-welcome-bubbles{
    top:18px!important;
    right:10px!important;
    width:min(205px,38%)!important;
  }
}
@media(max-width:700px){
  .bex-welcome-bubbles{
    left:12px!important;
    right:12px!important;
    bottom:70px!important;
    top:auto!important;
    width:auto!important;
    min-height:82px!important;
  }
  .bex-welcome-bubble{
    padding:22px 12px 10px!important;
    font-size:12px!important;
  }
}


/* =========================================================
   V1.0 — MULTI-PAGE BODEGA WEBSITE / CMS
   ========================================================= */
.bex-home-compact .bex-intro,
.bex-home-compact .bex-brunch,
.bex-home-compact .bex-lunch,
.bex-home-compact .bex-experiences,
.bex-home-compact .bex-spotlight,
.bex-home-compact .bex-gallery{display:none!important}

.bex-home-teasers{padding:96px 0 108px;background:#fff4e1}
.bex-home-teaser-head{max-width:880px;margin-bottom:34px}
.bex-home-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bex-home-teaser-card{display:flex;min-height:285px;flex-direction:column;padding:28px;border-radius:28px;color:var(--bex-text)!important;background:#fffdf8;border:1px solid rgba(73,48,33,.08);box-shadow:0 18px 52px rgba(82,53,34,.09);transition:transform .25s ease,box-shadow .25s ease}
.bex-home-teaser-card.is-brunch{background:linear-gradient(145deg,#f9d76f,#ffe9b0)}
.bex-home-teaser-card.is-actions{background:linear-gradient(145deg,#f4a27a,#ffd8bd)}
.bex-home-teaser-card.is-lunch{background:linear-gradient(145deg,#97d6c7,#dff2e8)}
.bex-home-teaser-card small{font-size:10px;letter-spacing:.16em;font-weight:900;color:#3b6f5e}
.bex-home-teaser-card h3{font-size:32px!important;line-height:1!important;letter-spacing:-.04em!important;margin:14px 0 12px!important;color:var(--bex-text)!important}
.bex-home-teaser-card p{margin:0;color:#655148;line-height:1.55}
.bex-home-teaser-card span{margin-top:auto;padding-top:28px;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#2f6b57}
@media(hover:hover){.bex-home-teaser-card:hover{transform:translateY(-5px);box-shadow:0 24px 62px rgba(82,53,34,.14)}}

.bex-home-opening{padding:92px 0;background:#e9f3ec}
.bex-home-opening-inner,.bex-home-reservation-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:44px}
.bex-home-opening .bex-body,.bex-home-reservation .bex-body{margin-top:18px;max-width:720px}
.bex-home-reservation{padding:98px 0;background:linear-gradient(120deg,#f8c756,#ffb56e 58%,#ee835d)}

.bex-subpage{min-height:100vh;background:#fffaf0}
.bex-subpage-header{position:sticky;top:0;z-index:9995;background:rgba(255,253,248,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(70,44,30,.08)}
.admin-bar .bex-subpage-header{top:32px}
.bex-subpage-header-inner{width:min(1440px,calc(100% - 42px));min-height:74px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.bex-subpage-brand{display:flex;align-items:baseline;gap:6px;color:var(--bex-text)!important}.bex-subpage-brand strong{font-size:20px;letter-spacing:-.04em}.bex-subpage-brand span{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--bex-accent)}
.bex-subpage-nav{display:flex;align-items:center;justify-content:center;gap:4px}.bex-subpage-nav a{padding:10px 11px;border-radius:999px;color:#4b382e!important;font-size:11px;font-weight:850;white-space:nowrap}.bex-subpage-nav a.is-active{background:#fff0d8;color:var(--bex-accent)!important}

.bex-subhero{position:relative;min-height:440px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#ffe2b6,#f1a172);overflow:hidden}
.bex-subhero.has-image:before{content:"";position:absolute;inset:0;background:var(--bex-subhero-image) center/cover no-repeat;transform:scale(1.03)}
.bex-subhero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,232,.96),rgba(255,247,232,.76) 48%,rgba(255,247,232,.18))}
.bex-subhero-inner{position:relative;z-index:2;padding-top:110px;padding-bottom:76px}.bex-subhero .bex-heading{max-width:900px}.bex-subhero .bex-body{margin-top:22px;max-width:720px}

.bex-detail-section,.bex-actions-page,.bex-contact-page{padding:104px 0 118px;background:#fffdf8}
.bex-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.bex-detail-copy .bex-body{margin-top:24px}.bex-detail-media{height:520px;border-radius:32px;overflow:hidden;background:#ffe0b0;box-shadow:0 25px 65px rgba(83,53,34,.12)}.bex-detail-media img{width:100%;height:100%;object-fit:cover}.bex-detail-placeholder{height:100%;display:grid;place-items:center;font-size:56px;font-weight:950;color:#fff;background:linear-gradient(135deg,#ef8a5c,#f6c35b)}

.bex-actions-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bex-action-card{overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 18px 52px rgba(79,49,31,.10);border:1px solid rgba(75,48,31,.07)}.bex-action-media{height:270px;background:#f7cf83}.bex-action-media img{width:100%;height:100%;object-fit:cover}.bex-action-placeholder{height:100%;display:grid;place-items:center;font-size:34px;font-weight:950;color:#fff;background:linear-gradient(135deg,#f1a066,#d96c52)}.bex-action-copy{padding:28px}.bex-action-copy>small{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--bex-green)}.bex-action-copy h2{font-size:30px!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:11px 0 14px!important;color:var(--bex-text)!important}
.bex-lunch-page{padding-top:104px!important}

.bex-contact-page{background:#eff5ee}.bex-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bex-contact-card{padding:36px;border-radius:30px;background:#fffdf8;box-shadow:0 18px 55px rgba(63,48,37,.08)}.bex-contact-card .bex-heading{font-size:48px!important}.bex-opening-hours-text{margin-top:26px;color:var(--bex-muted);font-size:18px;line-height:1.75}.bex-contact-list{display:grid;gap:18px;margin:28px 0}.bex-contact-list div{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid rgba(65,45,34,.08)}.bex-contact-list small{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8b6f60}.bex-contact-list strong,.bex-contact-list a{font-size:18px;color:var(--bex-text)!important}

.bex-global-footer{padding:78px 0 24px;background:#25201d;color:#f7efe7}.bex-footer-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:64px}.bex-footer-brand strong{font-size:28px;letter-spacing:-.04em}.bex-footer-brand p{color:#d2c2b6}.bex-footer-brand span{font-size:13px;color:#bca99b}.bex-global-footer h3{margin:0 0 16px!important;color:#fff!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.13em}.bex-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.bex-footer-links a,.bex-global-footer a{color:#efe3da!important}.bex-social-links{display:flex;flex-wrap:wrap;gap:8px}.bex-social-links a{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800}.bex-footer-social small{display:block;color:#a9988b;margin-top:12px}.bex-footer-bottom{display:flex;justify-content:space-between;gap:28px;margin-top:56px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);font-size:11px;color:#ad9d91}.bex-footer-bottom div{display:flex;gap:16px}

@media(max-width:1100px){.bex-subpage-header-inner{grid-template-columns:auto auto 1fr}.bex-subpage-header .bex-menu-toggle{display:block!important;grid-column:3;justify-self:end}.bex-subpage-nav{position:absolute;top:calc(100% + 8px);left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:#fffdf8;border-radius:20px;box-shadow:0 18px 55px rgba(65,42,28,.15)}.bex-subpage-nav.is-open{display:flex}.bex-subpage-nav a{font-size:14px;padding:12px}.bex-subpage-header .bex-header-cta{display:none}.bex-home-teaser-grid,.bex-actions-page-grid{grid-template-columns:1fr}.bex-detail-grid,.bex-contact-grid{grid-template-columns:1fr}.bex-footer-grid{grid-template-columns:1fr 1fr}.bex-detail-media{height:460px}}
@media(max-width:700px){.admin-bar .bex-subpage-header{top:46px}.bex-home-teasers,.bex-home-opening,.bex-home-reservation,.bex-detail-section,.bex-actions-page,.bex-contact-page{padding:74px 0}.bex-home-opening-inner,.bex-home-reservation-inner{align-items:flex-start;flex-direction:column}.bex-home-teaser-card{min-height:230px}.bex-subhero{min-height:380px}.bex-subhero-inner{padding-top:86px;padding-bottom:58px}.bex-detail-media{height:360px}.bex-footer-grid{grid-template-columns:1fr;gap:34px}.bex-footer-bottom{align-items:flex-start;flex-direction:column}.bex-contact-card{padding:26px}.bex-contact-card .bex-heading{font-size:39px!important}}


/* =========================================================
   V1.0.1 — HappyGast popup + persistent reservation CTA
   ========================================================= */
.bex-happygast-float{
  position:fixed!important;
  right:22px!important;
  bottom:92px!important;
  z-index:9994!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:8px 17px 8px 9px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--bex-accent),#d84e2d)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 14px 38px rgba(66,42,28,.24),0 4px 12px rgba(232,100,58,.22)!important;
  transform:translateZ(0)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.bex-happygast-float-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.bex-happygast-float-icon svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.bex-happygast-float-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1!important;
}
.bex-happygast-float-copy small{
  display:block!important;
  margin-bottom:5px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.bex-happygast-float-copy strong{
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
@media(hover:hover){
  .bex-happygast-float:hover{
    color:#fff!important;
    transform:translateY(-3px)!important;
    box-shadow:0 18px 46px rgba(66,42,28,.29),0 6px 16px rgba(232,100,58,.26)!important;
    filter:saturate(1.05)!important;
  }
}
.bex-happygast-float:focus-visible{
  outline:3px solid rgba(245,191,63,.95)!important;
  outline-offset:3px!important;
}
@media(max-width:760px){
  .bex-happygast-float.has-mobile-bar{display:none!important;}
  .bex-happygast-float:not(.has-mobile-bar){
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    justify-content:center!important;
    min-height:56px!important;
  }
}


/* =========================================================
   V1.0.2 — Reservation cleanup: floating CTA only
   ========================================================= */
.bex-happygast-float{
  gap:10px!important;
  min-height:60px!important;
  padding:8px 18px 8px 9px!important;
}
.bex-happygast-float-copy{
  gap:4px!important;
}
.bex-happygast-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  margin-bottom:0!important;
}
.bex-happygast-float-copy strong{
  font-size:13px!important;
  letter-spacing:-.01em!important;
}


/* =========================================================
   V1.0.3 — Real HappyGast logo assets
   ========================================================= */
.bex-happygast-float{
  gap:12px!important;
  min-height:64px!important;
  padding:9px 18px 9px 10px!important;
}
.bex-happygast-float-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  background:rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
.bex-happygast-float-icon img{
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
  display:block!important;
}
.bex-happygast-float-copy{
  gap:5px!important;
  min-width:0!important;
}
.bex-happygast-wordmark{
  width:auto!important;
  height:18px!important;
  max-width:128px!important;
  object-fit:contain!important;
  display:block!important;
}
.bex-happygast-float-copy strong{
  font-size:14px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .bex-happygast-float:not(.has-mobile-bar){
    gap:10px!important;
    padding:9px 14px 9px 10px!important;
  }
  .bex-happygast-wordmark{
    height:16px!important;
    max-width:110px!important;
  }
  .bex-happygast-float-copy strong{
    font-size:13px!important;
  }
}


/* =========================================================
   V1.0.4 — cleaner HappyGast floating button
   ========================================================= */
.bex-happygast-float-copy{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  gap:0!important;
  text-align:center!important;
}
.bex-happygast-float-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.bex-happygast-wordmark{display:none!important;}


/* =========================================================
   V1.0.5 — Opening hours redesign
   ========================================================= */
.bex-home-opening{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 18%,rgba(245,191,63,.20),transparent 28%),
    linear-gradient(135deg,#e8f3ec 0%,#f7f1df 100%)!important;
}
.bex-home-opening:before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  left:-150px;
  bottom:-190px;
  border-radius:50%;
  background:rgba(32,111,95,.07);
  pointer-events:none;
}
.bex-home-opening-inner{position:relative;z-index:1;align-items:center!important}
.bex-hours-list{
  width:100%;
  margin-top:26px;
  display:grid;
  gap:0;
  border:1px solid rgba(63,48,37,.09);
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,253,248,.82);
  box-shadow:0 18px 50px rgba(63,48,37,.07);
}
.bex-hours-list.is-compact{max-width:610px}
.bex-hours-row{
  min-height:58px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:0 20px;
  border-bottom:1px solid rgba(63,48,37,.07);
}
.bex-hours-row:last-child{border-bottom:0}
.bex-hours-row span{
  color:var(--bex-text);
  font-size:14px;
  font-weight:850;
}
.bex-hours-row i{
  height:1px;
  background:repeating-linear-gradient(90deg,rgba(63,48,37,.16) 0 3px,transparent 3px 7px);
}
.bex-hours-row strong{
  color:var(--bex-text);
  font-size:15px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.bex-hours-row.is-late strong{color:#d85b38}
.bex-hours-row.is-sunday{
  background:linear-gradient(90deg,rgba(245,191,63,.10),rgba(232,100,58,.08));
}
.bex-hours-row.is-sunday span:after{
  content:"SONNTAG";
  display:inline-flex;
  margin-left:9px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(245,191,63,.22);
  color:#8f6415;
  font-size:7px;
  line-height:1;
  font-weight:950;
  letter-spacing:.09em;
  vertical-align:2px;
}
.bex-contact-card .bex-hours-list{
  margin-top:28px;
  background:#fffaf0;
  box-shadow:none;
}
.bex-contact-card .bex-hours-row{min-height:56px}
.bex-hours-note{
  margin-top:20px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(32,111,95,.08);
  color:#49665d;
  font-size:14px;
  line-height:1.55;
}
.bex-hours-note p{margin:0!important}
@media(max-width:700px){
  .bex-hours-row{min-height:54px;padding:0 15px;gap:10px}
  .bex-hours-row span{font-size:13px}
  .bex-hours-row strong{font-size:13px}
  .bex-hours-row.is-sunday span:after{display:none}
}


/* =========================================================
   V1.0.6 — Bar & kitchen hours separated
   ========================================================= */
.bex-hours-split{
  margin-top:28px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);
  gap:16px;
  max-width:860px;
}
.bex-hours-panel{
  padding:18px;
  border:1px solid rgba(63,48,37,.09);
  border-radius:26px;
  background:rgba(255,253,248,.84);
  box-shadow:0 18px 50px rgba(63,48,37,.07);
}
.bex-hours-panel.is-kitchen{
  background:linear-gradient(145deg,rgba(255,248,226,.94),rgba(255,253,248,.92));
}
.bex-hours-panel-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
}
.bex-hours-panel-head>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(32,111,95,.10);
  color:#206f5f;
  font-size:13px;
  font-weight:950;
}
.bex-hours-panel.is-kitchen .bex-hours-panel-head>span{
  background:rgba(232,100,58,.10);
  color:#d85b38;
}
.bex-hours-panel-head small{
  display:block;
  margin-bottom:2px;
  color:#206f5f;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
}
.bex-hours-panel.is-kitchen .bex-hours-panel-head small{color:#d85b38}
.bex-hours-panel-head strong{
  display:block;
  color:var(--bex-text);
  font-size:15px;
  line-height:1.15;
  font-weight:900;
}
.bex-hours-panel .bex-hours-list{
  margin-top:0;
  border-radius:18px;
  box-shadow:none;
  background:rgba(255,255,255,.55);
}
.bex-kitchen-highlight{
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:20px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(245,191,63,.15),rgba(232,100,58,.08));
}
.bex-kitchen-highlight>span{
  color:#896844;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.bex-kitchen-highlight>strong{
  margin-top:7px;
  color:#2f221c;
  font-size:24px;
  line-height:1.05;
  font-weight:950;
}
.bex-kitchen-highlight>small{
  margin-top:10px;
  color:#6d5b4d;
  font-size:12px;
  line-height:1.45;
}
.bex-hours-table{
  margin-top:28px;
  overflow:hidden;
  border:1px solid rgba(63,48,37,.09);
  border-radius:24px;
  background:#fffaf0;
}
.bex-hours-table-head,
.bex-hours-table-row{
  display:grid;
  grid-template-columns:1fr minmax(120px,.8fr) minmax(110px,.65fr);
  align-items:center;
  gap:16px;
  padding:0 18px;
}
.bex-hours-table-head{
  min-height:48px;
  background:rgba(32,111,95,.08);
  color:#49665d;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.bex-hours-table-row{
  min-height:58px;
  border-top:1px solid rgba(63,48,37,.07);
}
.bex-hours-table-row>span{
  color:var(--bex-text);
  font-size:14px;
  font-weight:850;
}
.bex-hours-table-row>strong{
  color:var(--bex-text);
  font-size:14px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.bex-hours-table-row>strong.is-kitchen-time{
  color:#206f5f;
}
.bex-hours-table-row.is-late>strong:not(.is-kitchen-time){color:#d85b38}
.bex-hours-table-row.is-sunday{
  background:linear-gradient(90deg,rgba(245,191,63,.10),rgba(232,100,58,.05));
}
@media(max-width:820px){
  .bex-hours-split{grid-template-columns:1fr}
  .bex-kitchen-highlight{min-height:auto}
}
@media(max-width:560px){
  .bex-hours-table-head,
  .bex-hours-table-row{
    grid-template-columns:1fr auto;
    gap:6px 12px;
    padding:10px 14px;
  }
  .bex-hours-table-head span{grid-column:1/2}
  .bex-hours-table-head strong:first-of-type{grid-column:2/3;text-align:right}
  .bex-hours-table-head strong:last-of-type{display:none}
  .bex-hours-table-row>span{grid-column:1/2;grid-row:1/3}
  .bex-hours-table-row>strong:not(.is-kitchen-time){grid-column:2/3;text-align:right}
  .bex-hours-table-row>strong.is-kitchen-time{grid-column:2/3;text-align:right;font-size:11px}
  .bex-hours-table-row>strong.is-kitchen-time:before{content:"Küche ";font-weight:800;color:#718179}
}


/* =========================================================
   V1.0.7 — Friday/Saturday kitchen until 23:00
   ========================================================= */
.bex-kitchen-times{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:10px 0 12px;
}
.bex-kitchen-times>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 13px;
  border-radius:14px;
  background:rgba(255,255,255,.46);
  border:1px solid rgba(111,76,49,.07);
}
.bex-kitchen-times>div small{
  margin:0!important;
  color:#9a6f52!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.bex-kitchen-times>div strong{
  font-size:20px!important;
  line-height:1!important;
  color:#2f211a!important;
}
.bex-kitchen-times>div.is-late{
  background:rgba(238,94,54,.10);
  border-color:rgba(238,94,54,.15);
}
.bex-kitchen-times>div.is-late strong{
  color:#d95635!important;
}
@media(max-width:700px){
  .bex-kitchen-times{grid-template-columns:1fr;}
}

/* =========================
   V1.1 BRUNCH PAGE
   ========================= */
.bex-page-brunch .bex-subhero .bex-heading,
.bex-page-brunch .bex-subhero .bex-body{max-width:880px}
.bex-brunch-story{padding:96px 0 42px;background:#fffdf8}
.bex-brunch-story-grid{display:grid;grid-template-columns:1fr .92fr;gap:38px;align-items:center}
.bex-brunch-story-copy .bex-body{margin-top:22px}
.bex-brunch-facts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.bex-brunch-facts li{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:22px;background:#fff7ec;border:1px solid rgba(42,27,22,.08);box-shadow:0 10px 28px rgba(80,52,32,.06)}
.bex-brunch-facts strong{display:block;font-size:14px;line-height:1.2;color:var(--bex-text)}
.bex-brunch-facts span{display:block;font-size:15px;line-height:1.55;color:var(--bex-muted)}
.bex-brunch-story-media{margin:0;height:100%;min-height:560px;border-radius:34px;overflow:hidden;box-shadow:0 20px 70px rgba(86,54,34,.12);background:#f5e1bd}

.bex-brunch-video-showcase{padding:38px 0 56px;background:linear-gradient(180deg,#fffdf8 0%,#fdf3e5 100%)}
.bex-brunch-video-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.72fr);gap:22px;align-items:start}
.bex-brunch-video-card{background:#fffdf8;border-radius:30px;overflow:hidden;box-shadow:0 16px 52px rgba(86,54,34,.10);border:1px solid rgba(42,27,22,.07)}
.bex-brunch-video-media{padding:18px 18px 0}
.bex-brunch-video-media video{width:100%;display:block;border-radius:24px;background:#160f0c;aspect-ratio:16/9;object-fit:cover}
.bex-brunch-video-media.is-portrait video{aspect-ratio:9/16;max-height:620px}
.bex-brunch-video-copy{padding:20px 24px 24px}
.bex-brunch-video-copy small,.bex-brunch-highlight-copy small{display:inline-block;font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--bex-accent)}
.bex-brunch-video-copy h3,.bex-brunch-highlight-copy h3{font-size:30px!important;line-height:1.04!important;letter-spacing:-.04em!important;margin:10px 0 12px!important;color:var(--bex-text)!important}
.bex-brunch-video-copy p,.bex-brunch-highlight-copy p{margin:0;color:var(--bex-muted);line-height:1.6}

.bex-brunch-highlights{padding:56px 0 52px;background:#e8f4e7}
.bex-brunch-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bex-brunch-highlight-card{border-radius:28px;overflow:hidden;background:#fffdf8;box-shadow:0 16px 52px rgba(86,54,34,.10)}
.bex-brunch-highlight-media{height:240px;background:#f0d09a}
.bex-brunch-highlight-copy{padding:24px}

.bex-brunch-gallery{padding:58px 0 96px;background:#fffdf8}
.bex-brunch-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;grid-auto-rows:160px}
.bex-brunch-gallery-item{margin:0;border-radius:24px;overflow:hidden;background:#f8d5ac;box-shadow:0 12px 34px rgba(86,54,34,.08)}
.bex-brunch-gallery-item:nth-child(1){grid-column:span 4;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(2){grid-column:span 4;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(3){grid-column:span 4;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(4){grid-column:span 3;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(5){grid-column:span 3;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(6){grid-column:span 3;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(7){grid-column:span 3;grid-row:span 2}
.bex-brunch-gallery-item:nth-child(8){grid-column:span 12;grid-row:span 3}

.bex-brunch-cta{position:relative;padding:94px 0 104px;background:linear-gradient(120deg,#f7cb5f 0%,#f6b16a 42%,#ee8b64 100%)}
.bex-brunch-cta:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,var(--bex-green),var(--bex-turquoise),var(--bex-accent2),var(--bex-accent))}
.bex-brunch-cta-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.bex-brunch-cta .bex-body{margin-top:18px;color:#523930!important;max-width:780px}

@media (max-width:1100px){
  .bex-brunch-story-grid,
  .bex-brunch-video-grid{grid-template-columns:1fr}
  .bex-brunch-highlight-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .bex-brunch-story{padding:76px 0 28px}
  .bex-brunch-story-media{min-height:360px}
  .bex-brunch-facts li{grid-template-columns:1fr;gap:6px}
  .bex-brunch-video-showcase,
  .bex-brunch-highlights,
  .bex-brunch-gallery{padding-top:42px;padding-bottom:42px}
  .bex-brunch-highlight-grid{grid-template-columns:1fr}
  .bex-brunch-highlight-media{height:220px}
  .bex-brunch-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .bex-brunch-gallery-item,
  .bex-brunch-gallery-item:nth-child(n){grid-column:auto;grid-row:auto}
  .bex-brunch-gallery-item:nth-child(8){grid-column:span 2;grid-row:span 2}
  .bex-brunch-cta{padding:76px 0 82px}
  .bex-brunch-cta-inner{flex-direction:column;align-items:flex-start}
}


/* ===== Brunch page refinements 1.1.1 ===== */
.bex-page-brunch{background:linear-gradient(180deg,#fffdf8 0%,#fff6eb 40%,#fffdf8 100%)}
.bex-page-brunch .bex-subhero{position:relative;overflow:hidden}
.bex-page-brunch .bex-subhero-inner{position:relative;z-index:2}
.bex-page-brunch .bex-subhero .bex-body{max-width:820px}
.bex-page-brunch .bex-subhero .bex-heading{max-width:780px}

.bex-brunch-story,.bex-brunch-video-showcase,.bex-brunch-highlights,.bex-brunch-gallery,.bex-brunch-cta{position:relative;overflow:hidden}
.bex-brunch-story{padding:104px 0 46px;background:linear-gradient(180deg,#fffdf8 0%,#fff7ee 100%)}
.bex-brunch-story:before{content:"";position:absolute;left:-140px;top:-40px;width:360px;height:360px;border-radius:50%;background:rgba(245,191,63,.14);filter:blur(10px);pointer-events:none}
.bex-brunch-story:after{content:"";position:absolute;right:-120px;bottom:-80px;width:300px;height:300px;border-radius:50%;background:rgba(232,100,58,.10);filter:blur(12px);pointer-events:none}
.bex-brunch-story-grid{gap:46px}
.bex-brunch-story-copy .bex-heading{max-width:660px}
.bex-brunch-story-copy .bex-body p + p{margin-top:10px}
.bex-brunch-facts{gap:16px}
.bex-brunch-facts li{background:rgba(255,248,236,.86);backdrop-filter:blur(6px);border:1px solid rgba(99,74,55,.08);box-shadow:0 14px 34px rgba(80,52,32,.06);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.bex-brunch-facts li:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(80,52,32,.10);border-color:rgba(232,100,58,.18)}
.bex-brunch-story-media{min-height:600px;border-radius:38px;box-shadow:0 28px 74px rgba(86,54,34,.16);transform-origin:center center;transition:transform .5s ease, box-shadow .45s ease}
.bex-brunch-story-media:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 34px 86px rgba(86,54,34,.19)}
.bex-brunch-story-media img,.bex-brunch-highlight-media img,.bex-brunch-gallery-item img{transition:transform .8s ease, filter .4s ease}
.bex-brunch-story-media:hover img,.bex-brunch-highlight-card:hover img,.bex-brunch-gallery-item:hover img{transform:scale(1.05)}

.bex-brunch-video-showcase{padding:58px 0 66px;background:linear-gradient(180deg,#fff7ee 0%,#fef2e1 100%)}
.bex-brunch-video-showcase:before{content:"";position:absolute;inset:auto auto 10% -6%;width:260px;height:260px;border-radius:50%;background:rgba(47,107,87,.08);filter:blur(8px);pointer-events:none}
.bex-brunch-video-grid{gap:26px}
.bex-brunch-video-card{background:rgba(255,253,248,.9);border:1px solid rgba(42,27,22,.06);box-shadow:0 18px 56px rgba(86,54,34,.10);transition:transform .4s ease, box-shadow .4s ease, border-color .3s ease}
.bex-brunch-video-card:hover{transform:translateY(-6px);box-shadow:0 26px 66px rgba(86,54,34,.14);border-color:rgba(232,100,58,.18)}
.bex-brunch-video-media{padding:18px 18px 0;position:relative}
.bex-brunch-video-media:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:22px;border-radius:22px;background:linear-gradient(180deg,rgba(245,191,63,0),rgba(245,191,63,.18));pointer-events:none}
.bex-brunch-video-copy{padding:22px 24px 26px}

.bex-brunch-highlights{padding:70px 0 62px;background:linear-gradient(180deg,#edf4e8 0%,#f9f2e6 100%)}
.bex-brunch-highlights:before{content:"";position:absolute;top:-120px;right:-100px;width:340px;height:340px;border-radius:50%;background:rgba(245,191,63,.14);pointer-events:none}
.bex-brunch-highlight-grid{gap:22px}
.bex-brunch-highlight-card{border-radius:30px;background:rgba(255,253,248,.92);border:1px solid rgba(42,27,22,.06);box-shadow:0 18px 52px rgba(86,54,34,.10);transition:transform .38s ease, box-shadow .38s ease, border-color .3s ease}
.bex-brunch-highlight-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(86,54,34,.14);border-color:rgba(232,100,58,.18)}
.bex-brunch-highlight-media{height:250px}
.bex-brunch-highlight-copy{padding:24px 24px 26px}
.bex-brunch-highlight-copy h3{min-height:2.2em}

.bex-brunch-gallery{padding:66px 0 106px;background:linear-gradient(180deg,#fffdf8 0%,#fffaf2 100%)}
.bex-brunch-gallery:before{content:"";position:absolute;left:-140px;bottom:-140px;width:340px;height:340px;border-radius:50%;background:rgba(47,107,87,.08);pointer-events:none}
.bex-brunch-gallery-grid{gap:16px;grid-auto-rows:170px}
.bex-brunch-gallery-item{border-radius:26px;border:1px solid rgba(42,27,22,.05);box-shadow:0 14px 34px rgba(86,54,34,.08);transition:transform .35s ease, box-shadow .35s ease, border-color .3s ease}
.bex-brunch-gallery-item:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(86,54,34,.12);border-color:rgba(232,100,58,.18)}

.bex-brunch-cta{padding:102px 0 112px;background:linear-gradient(120deg,#f7cb5f 0%,#f6b16a 42%,#ee8b64 100%)}
.bex-brunch-cta:after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 18% 28%,rgba(255,255,255,.18) 0,transparent 28%),
  radial-gradient(circle at 84% 70%,rgba(255,255,255,.12) 0,transparent 24%);
  pointer-events:none}
.bex-brunch-cta-inner{position:relative;z-index:1;align-items:center}
.bex-brunch-cta .bex-actions{gap:14px;flex-wrap:wrap}
.bex-brunch-cta .bex-btn.is-ghost{background:rgba(255,255,255,.18);border-color:rgba(42,27,22,.18);color:#3b251c}

@media (max-width: 980px){
  .bex-brunch-story-grid,.bex-brunch-video-grid{gap:28px}
  .bex-brunch-story-media{min-height:420px}
}
@media (max-width: 767px){
  .bex-brunch-story{padding:82px 0 34px}
  .bex-brunch-story-media{min-height:340px;border-radius:28px}
  .bex-brunch-video-showcase,.bex-brunch-highlights,.bex-brunch-gallery{padding-top:46px;padding-bottom:46px}
  .bex-brunch-gallery-grid{grid-auto-rows:148px}
  .bex-brunch-cta{padding:82px 0 88px}
}

/* V1.1.2 — restore brunch hero image + keep decorative warmth */
.bex-page-brunch .bex-subhero.has-image:before{content:""!important;position:absolute!important;inset:0!important;background:var(--bex-subhero-image) center 48%/cover no-repeat!important;transform:scale(1.035)!important;z-index:0!important;}
.bex-page-brunch .bex-subhero-overlay{z-index:1!important;background:radial-gradient(circle at 18% 20%,rgba(245,191,63,.18) 0,transparent 30%),linear-gradient(90deg,rgba(255,247,232,.95) 0%,rgba(255,247,232,.80) 46%,rgba(255,247,232,.22) 78%,rgba(255,247,232,.08) 100%)!important;}
.bex-page-brunch .bex-subhero-inner{z-index:2!important;}


/* =========================================================
   V1.1.3 — Unified sticky navigation + brunch atmosphere
   ========================================================= */
/* The same seven destinations are visible on every desktop page. */
.bex-subpage-header{
  position:sticky!important;
  top:0!important;
  z-index:9997!important;
  background:rgba(255,253,248,.92)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  border-bottom:1px solid rgba(70,44,30,.08)!important;
  box-shadow:0 8px 28px rgba(70,45,29,.06)!important;
}
.admin-bar .bex-subpage-header{top:32px!important}
.bex-subpage-header-inner{
  width:min(1480px,calc(100% - 42px))!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:26px!important;
}
.bex-subpage-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
}
.bex-subpage-nav a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  color:#4b382e!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
}
.bex-subpage-nav a.is-active{
  background:#fff0d8!important;
  color:var(--bex-accent)!important;
  box-shadow:0 8px 20px rgba(100,61,38,.07)!important;
}
@media(hover:hover){
  .bex-subpage-nav a:hover{
    transform:translateY(-2px)!important;
    background:#fff0d8!important;
    color:var(--bex-accent)!important;
  }
}

/* Brunch background: real images as very subtle atmosphere, not a photo wall. */
.bex-page-brunch .bex-brunch-story{
  background-image:
    linear-gradient(110deg,rgba(255,253,248,.96) 0%,rgba(255,247,238,.92) 56%,rgba(255,247,238,.88) 100%),
    url('../media/brunch/brunch-room-wide.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.bex-page-brunch .bex-brunch-video-showcase{
  background-image:
    linear-gradient(110deg,rgba(255,247,238,.95),rgba(254,242,225,.91)),
    url('../media/brunch/brunch-buffet-side.jpg')!important;
  background-size:cover!important;
  background-position:center 42%!important;
}
.bex-page-brunch .bex-brunch-highlights{
  background-image:
    linear-gradient(120deg,rgba(237,244,232,.95),rgba(249,242,230,.92)),
    url('../media/brunch/brunch-cheese.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.bex-page-brunch .bex-brunch-gallery{
  background-image:
    linear-gradient(120deg,rgba(255,253,248,.96),rgba(255,250,242,.92)),
    url('../media/brunch/brunch-dessert-line.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}

@media(max-width:1180px){
  .bex-subpage-header-inner{
    grid-template-columns:auto 1fr auto!important;
  }
  .bex-subpage-header .bex-menu-toggle{
    display:block!important;
    grid-column:3!important;
    justify-self:end!important;
  }
  .bex-subpage-nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:18px!important;
    right:18px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:12px!important;
    background:rgba(255,253,248,.98)!important;
    border:1px solid rgba(70,44,30,.08)!important;
    border-radius:20px!important;
    box-shadow:0 18px 55px rgba(65,42,28,.15)!important;
  }
  .bex-subpage-nav.is-open{display:flex!important}
  .bex-subpage-nav a{
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
}
@media(max-width:782px){
  .admin-bar .bex-subpage-header{top:46px!important}
}


/* =========================================================
   V1.1.4 — Subpage navigation follows the viewport reliably
   Sticky can be broken by theme overflow containers, so all
   managed subpages now use a true fixed navigation bar.
   ========================================================= */
.bex-subpage{
  padding-top:76px!important;
}
.bex-subpage-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  z-index:10050!important;
  margin:0!important;
  transform:none!important;
  background:rgba(255,253,248,.94)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  border-bottom:1px solid rgba(70,44,30,.08)!important;
  box-shadow:0 8px 30px rgba(70,45,29,.08)!important;
}
.admin-bar .bex-subpage-header{
  top:32px!important;
}
.bex-subpage-header-inner{
  position:relative!important;
  margin:0 auto!important;
}
@media(max-width:782px){
  .admin-bar .bex-subpage-header{top:46px!important}
}
@media(max-width:700px){
  .bex-subpage{padding-top:72px!important}
  .bex-subpage-header-inner{min-height:72px!important}
}

/* =========================================================
   V1.1.5 — Einheitliche Übergangslinie auf allen Seiten
   Der gleiche dekorative Trenner sitzt jetzt unter dem
   Home-Hero UND unter allen Subpage-Heros.
   ========================================================= */
.bex-hero:before,
.bex-subhero:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:15px!important;
  z-index:5!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,var(--bex-accent2) 25%,transparent 25%) -8px 0/16px 16px,
    linear-gradient(225deg,var(--bex-accent) 25%,transparent 25%) -8px 0/16px 16px,
    linear-gradient(315deg,var(--bex-green) 25%,transparent 25%) 0 0/16px 16px,
    linear-gradient(45deg,var(--bex-turquoise) 25%,#fff7e8 25%) 0 0/16px 16px!important;
}
.bex-subhero{position:relative!important;overflow:hidden!important;}


/* =========================================================
   V1.1.6 — Section Cut System
   Hero = eigenes Bodega-Zickzack. Darunter wechselnde,
   ruhigere Trenner zwischen den sichtbaren Content-Sektionen.
   ========================================================= */
.bex-root .bex-intro,
.bex-root .bex-welcome,
.bex-root .bex-brunch,
.bex-root .bex-menu-hub,
.bex-root .bex-lunch,
.bex-root .bex-experiences,
.bex-root .bex-spotlight,
.bex-root .bex-gallery,
.bex-root .bex-opening-teaser,
.bex-root .bex-final,
.bex-root .bex-home-teasers,
.bex-root .bex-home-opening,
.bex-root .bex-home-reservation,
.bex-root .bex-brunch-story,
.bex-root .bex-brunch-video-showcase,
.bex-root .bex-brunch-highlights,
.bex-root .bex-brunch-gallery,
.bex-root .bex-brunch-cta,
.bex-root .bex-actions-page,
.bex-root .bex-contact-page,
.bex-root .bex-detail-section{
  position:relative!important;
}

/* Style A: weiche, zweifarbige Bodega-Welle */
.bex-root .bex-intro:after,
.bex-root .bex-brunch-story:after,
.bex-root .bex-home-teasers:after,
.bex-root .bex-actions-page:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:18px!important;
  z-index:6!important;
  pointer-events:none!important;
  background:
    radial-gradient(28px 13px at 28px -1px, transparent 26px, rgba(245,191,63,.95) 27px, rgba(245,191,63,.95) 29px, transparent 30px) 0 0/56px 18px repeat-x,
    linear-gradient(90deg,rgba(245,191,63,.95),rgba(232,100,58,.92),rgba(43,159,155,.88)) bottom/100% 3px no-repeat!important;
}

/* Style B: ruhiges Punkt-/Linienband */
.bex-root .bex-welcome:after,
.bex-root .bex-brunch-video-showcase:after,
.bex-root .bex-menu-hub:after,
.bex-root .bex-contact-page:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:14px!important;
  z-index:6!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle,rgba(47,107,87,.85) 2.2px,transparent 2.7px) 0 2px/18px 10px repeat-x,
    linear-gradient(90deg,transparent,rgba(232,100,58,.72) 18%,rgba(245,191,63,.78) 50%,rgba(43,159,155,.72) 82%,transparent) bottom/100% 2px no-repeat!important;
  opacity:.9!important;
}

/* Style C: elegante Farbspur */
.bex-root .bex-brunch-highlights:after,
.bex-root .bex-lunch:after,
.bex-root .bex-experiences:after,
.bex-root .bex-home-opening:after,
.bex-root .bex-detail-section:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;bottom:0!important;
  width:min(1180px,78%)!important;
  height:5px!important;
  z-index:6!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  border-radius:999px 999px 0 0!important;
  background:linear-gradient(90deg,transparent 0%,var(--bex-green) 14%,var(--bex-turquoise) 38%,var(--bex-accent2) 64%,var(--bex-accent) 86%,transparent 100%)!important;
  box-shadow:0 -7px 22px rgba(232,100,58,.08)!important;
}

/* Style D: dezente Mini-Bögen für bildstarke Bereiche */
.bex-root .bex-brunch-gallery:after,
.bex-root .bex-gallery:after,
.bex-root .bex-spotlight:after,
.bex-root .bex-opening-teaser:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:16px!important;
  z-index:6!important;
  pointer-events:none!important;
  background:
    radial-gradient(18px 10px at 18px 16px,rgba(255,247,232,0) 16px,rgba(232,100,58,.34) 17px,rgba(232,100,58,.34) 18px,transparent 19px) 0 0/36px 16px repeat-x,
    linear-gradient(90deg,rgba(47,107,87,.36),rgba(245,191,63,.42),rgba(232,100,58,.38)) bottom/100% 2px no-repeat!important;
}

/* CTA-Schluss bleibt bewusst kräftiger – wie ein finaler Abschluss. */
.bex-root .bex-brunch-cta:before,
.bex-root .bex-final:before,
.bex-root .bex-home-reservation:before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:8px!important;
  z-index:5!important;
  background:linear-gradient(90deg,var(--bex-green),var(--bex-turquoise),var(--bex-accent2),var(--bex-accent))!important;
}

/* Keine doppelte Linie am unmittelbaren Seitenende vor dem Footer. */
.bex-root .bex-brunch-cta:after,
.bex-root .bex-final:after,
.bex-root .bex-home-reservation:after{pointer-events:none!important;}

@media(max-width:700px){
  .bex-root .bex-intro:after,
  .bex-root .bex-brunch-story:after,
  .bex-root .bex-home-teasers:after,
  .bex-root .bex-actions-page:after{height:14px!important;background-size:48px 14px,100% 3px!important;}
  .bex-root .bex-brunch-highlights:after,
  .bex-root .bex-lunch:after,
  .bex-root .bex-experiences:after,
  .bex-root .bex-home-opening:after,
  .bex-root .bex-detail-section:after{width:86%!important;}
}

/* =========================================================
   V1.1.7 — Brunch: durchgehende Full-Width-Sektionstrenner
   Keine halben / mittigen Cuts mehr. Jeder sichtbare Übergang
   auf der Brunch-Seite läuft über die komplette Breite.
   ========================================================= */

/* Allgemein: Trenner dürfen nicht durch alte Breiten/Transforms begrenzt werden. */
.bex-page-brunch .bex-brunch-story:after,
.bex-page-brunch .bex-brunch-video-showcase:after,
.bex-page-brunch .bex-brunch-highlights:after,
.bex-page-brunch .bex-brunch-gallery:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  bottom:0!important;
  transform:none!important;
  border-radius:0!important;
  z-index:8!important;
  pointer-events:none!important;
  opacity:1!important;
  box-sizing:border-box!important;
}

/* Cut 1: Story -> bewegte Einblicke
   warme Doppellinie mit kleinen diagonalen Bodega-Akzenten */
.bex-page-brunch .bex-brunch-story:after{
  height:12px!important;
  background:
    linear-gradient(135deg,transparent 0 35%,rgba(245,191,63,.95) 35% 50%,transparent 50% 85%,rgba(232,100,58,.82) 85% 100%) 0 0/28px 8px repeat-x,
    linear-gradient(90deg,var(--bex-green),var(--bex-turquoise),var(--bex-accent2),var(--bex-accent)) bottom/100% 3px no-repeat!important;
}

/* Cut 2: Video -> Highlights
   feines Punktband + komplette Farblinie */
.bex-page-brunch .bex-brunch-video-showcase:after{
  height:13px!important;
  background:
    radial-gradient(circle,rgba(47,107,87,.78) 2px,transparent 2.6px) 0 1px/18px 8px repeat-x,
    linear-gradient(90deg,var(--bex-green) 0%,var(--bex-turquoise) 30%,var(--bex-accent2) 64%,var(--bex-accent) 100%) bottom/100% 3px no-repeat!important;
}

/* Cut 3: Highlights -> Galerie
   vorher nur mittig: jetzt volle Breite, ruhig und hochwertig */
.bex-page-brunch .bex-brunch-highlights:after{
  height:7px!important;
  background:
    linear-gradient(90deg,var(--bex-green) 0%,var(--bex-turquoise) 26%,var(--bex-accent2) 58%,var(--bex-accent) 82%,var(--bex-green) 100%) 0 0/100% 4px no-repeat,
    linear-gradient(90deg,rgba(47,107,87,.08),rgba(245,191,63,.18),rgba(232,100,58,.10)) bottom/100% 3px no-repeat!important;
  box-shadow:0 -6px 18px rgba(47,107,87,.06)!important;
}

/* Cut 4: Galerie -> finaler CTA
   kleine Bögen über die komplette Breite */
.bex-page-brunch .bex-brunch-gallery:after{
  height:16px!important;
  background:
    radial-gradient(22px 11px at 22px 16px,transparent 19px,rgba(232,100,58,.42) 20px,rgba(232,100,58,.42) 21px,transparent 22px) 0 0/44px 16px repeat-x,
    linear-gradient(90deg,var(--bex-green),var(--bex-turquoise),var(--bex-accent2),var(--bex-accent)) bottom/100% 2px no-repeat!important;
}

/* Der CTA bekommt oben weiterhin seinen starken Abschluss,
   aber direkt durchgehend und ohne Lücke. */
.bex-page-brunch .bex-brunch-cta:before{
  left:0!important;
  right:0!important;
  width:100%!important;
  height:8px!important;
  background:linear-gradient(90deg,var(--bex-green),var(--bex-turquoise),var(--bex-accent2),var(--bex-accent))!important;
}

@media(max-width:700px){
  .bex-page-brunch .bex-brunch-story:after{height:10px!important;background-size:24px 7px,100% 3px!important;}
  .bex-page-brunch .bex-brunch-video-showcase:after{height:11px!important;background-size:16px 7px,100% 3px!important;}
  .bex-page-brunch .bex-brunch-highlights:after{height:6px!important;}
  .bex-page-brunch .bex-brunch-gallery:after{height:14px!important;background-size:38px 14px,100% 2px!important;}
}

/* =========================================================
   V1.2.0 — Quality Editor / data-driven section design
   Settings from the plugin backend override the old fixed
   separator/background rules without requiring custom CSS.
   ========================================================= */
.bex-root .bex-btn,
.bex-root .bex-happygast-float,
.bex-root .bex-main-nav a,
.bex-root .bex-subpage-nav a{border-radius:var(--bex-button-radius,999px)!important}
.bex-root .bex-experience-card,
.bex-root .bex-menu-tile,
.bex-root .bex-lunch-card,
.bex-root .bex-home-teaser-card,
.bex-root .bex-contact-card,
.bex-root .bex-action-card,
.bex-root .bex-brunch-highlight-card,
.bex-root .bex-brunch-video-card,
.bex-root .bex-brunch-facts li{border-radius:var(--bex-card-radius,28px)!important}
.bex-root .bex-subpage-header,
.bex-root .bex-site-header{backdrop-filter:blur(var(--bex-nav-blur,18px)) saturate(1.08)!important;-webkit-backdrop-filter:blur(var(--bex-nav-blur,18px)) saturate(1.08)!important}

/* Background presets. Default leaves the proven section styling untouched. */
.bex-root [data-bex-section][data-bex-bg-mode]:not([data-bex-bg-mode="default"]){
  background:var(--bex-custom-section-bg)!important;
  background-position:var(--bex-custom-section-position,center)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.bex-root [data-bex-section][data-bex-bg-mode="dark"],
.bex-root [data-bex-section][data-bex-bg-mode="dark"] .bex-body,
.bex-root [data-bex-section][data-bex-bg-mode="dark"] .bex-heading,
.bex-root [data-bex-section][data-bex-bg-mode="dark"] .bex-kicker{color:#fff!important}
.bex-root .bex-subhero[data-bex-section]:not([data-bex-bg-mode="default"]):before{display:none!important}
.bex-root .bex-hero[data-bex-section]:not([data-bex-bg-mode="default"]) .bex-hero-media,
.bex-root .bex-spotlight[data-bex-section]:not([data-bex-bg-mode="default"]) .bex-spotlight-media{opacity:0!important}

/* Disable separators that were previously hard-coded; the chosen preset below is authoritative. */
.bex-root .bex-hero[data-bex-section]:before,
.bex-root .bex-brunch-cta[data-bex-section]:before,
.bex-root .bex-final[data-bex-section]:before{display:none!important}

.bex-root [data-bex-section][data-bex-divider]::after{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:var(--bex-divider-h,14px)!important;z-index:20!important;pointer-events:none!important;transform:none!important;border:0!important;border-radius:0!important;opacity:1!important;box-shadow:none!important;box-sizing:border-box!important;background:none!important
}
.bex-root [data-bex-section][data-bex-divider="none"]::after{display:none!important}
.bex-root [data-bex-section][data-bex-divider="zigzag"]::after{
  background:
    linear-gradient(135deg,var(--bex-divider-c3) 25%,transparent 25%) -8px 0/16px 16px,
    linear-gradient(225deg,var(--bex-divider-c4) 25%,transparent 25%) -8px 0/16px 16px,
    linear-gradient(315deg,var(--bex-divider-c1) 25%,transparent 25%) 0 0/16px 16px,
    linear-gradient(45deg,var(--bex-divider-c2) 25%,#fff7e8 25%) 0 0/16px 16px!important
}
.bex-root [data-bex-section][data-bex-divider="wave"]::after{
  background:
    radial-gradient(28px 13px at 28px -1px,transparent 26px,var(--bex-divider-c3) 27px,var(--bex-divider-c3) 29px,transparent 30px) 0 0/56px 100% repeat-x,
    linear-gradient(90deg,var(--bex-divider-c3),var(--bex-divider-c4),var(--bex-divider-c2)) bottom/100% 3px no-repeat!important
}
.bex-root [data-bex-section][data-bex-divider="dots"]::after{
  background:
    radial-gradient(circle,var(--bex-divider-c1) 2.2px,transparent 2.7px) 0 2px/18px 10px repeat-x,
    linear-gradient(90deg,transparent,var(--bex-divider-c4) 18%,var(--bex-divider-c3) 50%,var(--bex-divider-c2) 82%,transparent) bottom/100% 2px no-repeat!important
}
.bex-root [data-bex-section][data-bex-divider="gradient"]::after{
  height:max(5px,var(--bex-divider-h,5px))!important;
  background:linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c2),var(--bex-divider-c3),var(--bex-divider-c4),var(--bex-divider-c1))!important
}
.bex-root [data-bex-section][data-bex-divider="arches"]::after{
  background:
    radial-gradient(22px 11px at 22px 100%,transparent 19px,var(--bex-divider-c4) 20px,var(--bex-divider-c4) 21px,transparent 22px) 0 0/44px 100% repeat-x,
    linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c3),var(--bex-divider-c4)) bottom/100% 2px no-repeat!important
}
.bex-root [data-bex-section][data-bex-divider="diagonal"]::after{
  background:
    linear-gradient(135deg,transparent 0 35%,var(--bex-divider-c3) 35% 50%,transparent 50% 85%,var(--bex-divider-c4) 85% 100%) 0 0/28px calc(var(--bex-divider-h,14px) - 3px) repeat-x,
    linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c2),var(--bex-divider-c3),var(--bex-divider-c4)) bottom/100% 3px no-repeat!important
}
.bex-root [data-bex-section][data-bex-divider="double"]::after{
  background:linear-gradient(to bottom,var(--bex-divider-c1) 0 2px,transparent 2px calc(100% - 3px),var(--bex-divider-c4) calc(100% - 3px) 100%)!important
}
.bex-root [data-bex-section][data-bex-divider="image"]::after{
  background-image:var(--bex-divider-image)!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important
}
.bex-root [data-bex-section][data-bex-visible="0"]{display:none!important}

/* =========================================================
   V1.3.0 — Brunch first-cut hardening + Bobo Diga assistant
   ========================================================= */
/* The first Brunch transition had a legacy pseudo-element collision. Force the chosen divider to be full-width and visible. */
.bex-page-brunch .bex-brunch-story[data-bex-divider]:not([data-bex-divider="none"]){
  position:relative!important;
  overflow:hidden!important;
  box-shadow:inset 0 -2px 0 var(--bex-divider-c4)!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider]::after{
  left:0!important;right:0!important;bottom:0!important;width:100%!important;min-width:100%!important;z-index:90!important;opacity:1!important;visibility:visible!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="diagonal"]::after{
  height:max(12px,var(--bex-divider-h,14px))!important;
  background:
    linear-gradient(135deg,transparent 0 34%,var(--bex-divider-c3) 34% 50%,transparent 50% 84%,var(--bex-divider-c4) 84% 100%) 0 0/28px calc(100% - 3px) repeat-x,
    linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c2),var(--bex-divider-c3),var(--bex-divider-c4)) bottom/100% 3px no-repeat!important;
}

/* Bobo Diga — floating site assistant */
.bex-bo-assistant{position:fixed;z-index:10045;bottom:26px;font-family:Arial,Helvetica,sans-serif}.bex-bo-assistant.is-left{left:22px}.bex-bo-assistant.is-right{right:22px;bottom:104px}.bex-bo-float{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:7px 14px 7px 7px;background:#fffdf8;color:#2a1b16;box-shadow:0 16px 44px rgba(41,28,22,.20);cursor:pointer;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.bex-bo-float:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(41,28,22,.25)}.bex-bo-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;display:block;flex:0 0 auto;background:#f7c34e;border:3px solid #fff}.bex-bo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bex-bo-float-label{font-size:13px;white-space:nowrap}.bex-bo-panel{position:absolute;left:0;bottom:68px;width:min(390px,calc(100vw - 28px));height:min(610px,72vh);display:flex;flex-direction:column;background:#fffdf8;border:1px solid rgba(42,27,22,.09);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(41,28,22,.28)}.bex-bo-assistant.is-right .bex-bo-panel{left:auto;right:0}.bex-bo-head{display:flex;align-items:center;gap:11px;padding:14px 15px;background:linear-gradient(120deg,#fff3d9,#f8dcc7);border-bottom:1px solid rgba(42,27,22,.07)}.bex-bo-head .bex-bo-avatar{width:42px;height:42px}.bex-bo-head div{display:flex;flex-direction:column;gap:2px;min-width:0}.bex-bo-head strong{font-size:15px}.bex-bo-head small{font-size:10px;color:#6c594e;font-weight:800}.bex-bo-close{margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.75);font-size:23px;cursor:pointer;color:#2a1b16}.bex-bo-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:11px;background:linear-gradient(180deg,#fffdf8,#fff8ee)}.bex-bo-message{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.bex-bo-message.is-user{align-items:flex-end}.bex-bo-bubble{max-width:84%;padding:11px 13px;border-radius:17px 17px 17px 5px;background:#fff;border:1px solid rgba(42,27,22,.07);box-shadow:0 6px 18px rgba(59,37,27,.06);font-size:13px;line-height:1.5;color:#3c2a22}.bex-bo-message.is-user .bex-bo-bubble{background:#2f6b57;color:#fff;border-radius:17px 17px 5px 17px;border-color:transparent}.bex-bo-message-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:90%}.bex-bo-action{display:inline-flex;align-items:center;justify-content:center;border:0!important;text-decoration:none!important;border-radius:999px!important;padding:8px 11px!important;background:#f0643d!important;color:#fff!important;font:900 11px/1 Arial,sans-serif!important;cursor:pointer!important}.bex-bo-quick{display:flex;gap:6px;overflow:auto;padding:0 14px 10px;background:#fff8ee;scrollbar-width:none}.bex-bo-quick button{border:1px solid rgba(42,27,22,.11);border-radius:999px;padding:8px 10px;background:#fff;color:#4d392f;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.bex-bo-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:#fff;border-top:1px solid rgba(42,27,22,.08)}.bex-bo-form input{min-width:0;border:1px solid #d9cfc7;border-radius:999px;padding:11px 13px;font:13px Arial,sans-serif;color:#2a1b16;background:#fff}.bex-bo-form button{border:0;border-radius:999px;background:#2f6b57;color:#fff;padding:0 14px;font-weight:900;cursor:pointer}.bex-bo-assistant.is-open .bex-bo-float{box-shadow:0 8px 24px rgba(41,28,22,.12)}
@media(max-width:700px){.bex-bo-assistant{bottom:78px}.bex-bo-assistant.is-left{left:10px}.bex-bo-assistant.is-right{right:10px;bottom:142px}.bex-bo-float{padding:5px}.bex-bo-float-label{display:none}.bex-bo-avatar{width:48px;height:48px}.bex-bo-panel{position:fixed;left:10px!important;right:10px!important;bottom:142px;width:auto;height:min(560px,68vh);border-radius:24px}}

/* =========================================================
   V1.3.1 — Bo Bodega assistant close hardening
   ========================================================= */
.bex-bo-panel[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.bex-bo-assistant:not(.is-open) .bex-bo-panel{display:none!important;}
.bex-bo-assistant.is-open .bex-bo-panel:not([hidden]){display:flex!important;visibility:visible!important;pointer-events:auto!important;}
.bex-bo-close{position:relative!important;z-index:3!important;pointer-events:auto!important;touch-action:manipulation!important;}


/* =========================================================
   V1.3.2 — Bo Bodega conversation + clean opening hours card
   ========================================================= */
.bex-bo-hours{width:min(100%,330px);overflow:hidden;border-radius:18px;background:#fff;border:1px solid rgba(42,27,22,.08);box-shadow:0 8px 24px rgba(59,37,27,.08);color:#34241d}
.bex-bo-hours-head{padding:13px 14px 11px;background:linear-gradient(120deg,#fff1d1,#ffe6d7);border-bottom:1px solid rgba(42,27,22,.07);display:flex;flex-direction:column;gap:3px}
.bex-bo-hours-head strong{font-size:14px;line-height:1.2;color:#2f6b57}
.bex-bo-hours-head span{font-size:10px;font-weight:800;color:#756057}
.bex-bo-hours-table{display:flex;flex-direction:column}
.bex-bo-hours-row{display:grid;grid-template-columns:52px minmax(108px,1fr) minmax(76px,.8fr);align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(42,27,22,.065);font-size:11px;line-height:1.25}
.bex-bo-hours-row:last-child{border-bottom:0}
.bex-bo-hours-row span:first-child{font-weight:900;color:#2f6b57}
.bex-bo-hours-row span:nth-child(2),.bex-bo-hours-row span:nth-child(3){font-weight:750;color:#49362d}
.bex-bo-hours-row.is-label{padding-top:7px;padding-bottom:7px;background:#fffaf2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.bex-bo-hours-row.is-label span{color:#8a7468!important;font-weight:900!important}
@media(max-width:420px){.bex-bo-hours{width:100%}.bex-bo-hours-row{grid-template-columns:44px minmax(98px,1fr) minmax(70px,.8fr);gap:6px;padding-left:10px;padding-right:10px;font-size:10.5px}}

/* =========================================================
   V1.4.0 — Universal section background media
   Every managed section can use a normal preset, image or video.
   ========================================================= */
.bex-root [data-bex-section]{position:relative;isolation:isolate}
.bex-root [data-bex-section] > .bex-section-bg-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bex-root [data-bex-section] > .bex-section-bg-media video,
.bex-root [data-bex-section] > .bex-section-bg-media img{width:100%;height:100%;object-fit:cover;object-position:var(--bex-custom-section-position,center);display:block}
.bex-root [data-bex-section] > .bex-section-bg-media .bex-section-bg-overlay{position:absolute;inset:0;background:rgba(255,253,248,.92);pointer-events:none}
.bex-root [data-bex-section][data-bex-bg-tone="warm"] > .bex-section-bg-media .bex-section-bg-overlay{background:rgba(255,247,232,.92)}
.bex-root [data-bex-section][data-bex-bg-tone="dark"] > .bex-section-bg-media .bex-section-bg-overlay{background:rgba(29,23,20,.72)}
.bex-root [data-bex-section][data-bex-bg-overlay="0"] > .bex-section-bg-media .bex-section-bg-overlay{opacity:0}
/* V1.4.1: Never change the positioning model of existing section children.
   The visual/background editor must be an overlay, not a layout engine. */
.bex-root [data-bex-section] > :not(.bex-section-bg-media):not(.bex-ve-section-handle):not(.bex-ve-bg-handle){z-index:2}
.bex-root [data-bex-section][data-bex-bg-mode="video"]{background:var(--bex-custom-section-bg,#fffdf8)!important}
.bex-root [data-bex-section][data-bex-bg-mode="video"]:before{z-index:1}
.bex-root .bex-subhero[data-bex-bg-mode="video"]:before{display:none!important}
.bex-root .bex-hero[data-bex-bg-mode="video"] .bex-hero-media,
.bex-root .bex-spotlight[data-bex-bg-mode="video"] .bex-spotlight-media{opacity:0!important}
.bex-root [data-bex-section] > .bex-section-bg-media .bex-section-bg-overlay{opacity:var(--bex-bg-overlay-opacity,.92)}
.bex-root [data-bex-section][data-bex-bg-overlay="0"] > .bex-section-bg-media .bex-section-bg-overlay{opacity:0!important}


/* =========================================================
   V1.4.1 — Visual editor must preserve the live layout exactly
   ========================================================= */
.bex-root .bex-hero[data-bex-section] > .bex-hero-media,
.bex-root .bex-spotlight[data-bex-section] > .bex-spotlight-media{
  position:absolute!important;
  inset:-3%!important;
  z-index:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
}
.bex-root .bex-subhero[data-bex-section] > .bex-subhero-overlay{
  position:absolute!important;
  inset:0!important;
}
/* Editing controls are overlays only and must never participate in section layout. */
.bex-root [data-bex-section] > .bex-ve-bg-handle,
.bex-root [data-bex-section] > .bex-ve-section-handle{
  position:absolute!important;
}


/* V1.5.1 — Karten-Design: transparente/gläserne Variante */
.bex-menu-tile[data-bex-card-bg-mode="transparent"]{
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  border:1px solid rgba(255,255,255,.48);
}


/* =========================================================
   V1.5.3 — NEW BO IDLE + MATCHED SCALE + SEAMLESS CROSSFADE
   ========================================================= */
.bex-welcome-stage .bex-welcome-video-wrap{overflow:visible!important;}
.bex-welcome-stage .bex-welcome-video{
  transform:scale(1.08)!important;
  transform-origin:center bottom!important;
  transition:opacity .24s ease!important;
  will-change:opacity,transform;
}
.bex-welcome-stage .bex-welcome-video-idle{opacity:0!important;}
.bex-welcome.is-idle .bex-welcome-video-idle{opacity:1!important;}
.bex-welcome.is-idle .bex-welcome-video:not(.bex-welcome-video-idle){opacity:0!important;}
@media(max-width:700px){
  .bex-welcome-stage .bex-welcome-video{transform:scale(1.05)!important;}
}

/* =========================================================
   V1.5.4 — NEW IDLE ASSET + EXACT MATCH + CLEAN WELCOME BG
   ========================================================= */
/* Remove the old decorative circle at the top-right of the white welcome section. */
.bex-welcome-sun{display:none!important;}

/* Speaking Bo remains the reference size. The new idle is only slightly
   smaller / shifted so its visible alpha bounds line up with the end of
   the speaking clip. This avoids the visual size jump at the crossfade. */
.bex-welcome-stage .bex-welcome-video:not(.bex-welcome-video-idle){
  transform:scale(1.08)!important;
  transform-origin:center bottom!important;
}
.bex-welcome-stage .bex-welcome-video-idle{
  transform:translateX(.8%) scale(1.056)!important;
  transform-origin:center bottom!important;
}
@media(max-width:700px){
  .bex-welcome-stage .bex-welcome-video:not(.bex-welcome-video-idle){transform:scale(1.05)!important;}
  .bex-welcome-stage .bex-welcome-video-idle{transform:translateX(.8%) scale(1.027)!important;}
}

/* =========================================================
   V1.5.6 — TRUE IDLE LOOP FROM USER VIDEO
   ========================================================= */
/* Keep speaking and idle Bo at exactly the same visual scale/anchor. */
.bex-welcome-stage .bex-welcome-video,
.bex-welcome-stage .bex-welcome-video-idle{
  transform:scale(1.08)!important;
  transform-origin:center bottom!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transition:opacity .18s ease-out!important;
}
.bex-welcome-stage .bex-welcome-video-idle{opacity:0!important;}
.bex-welcome.is-idle .bex-welcome-video-idle{opacity:1!important;}
.bex-welcome.is-idle .bex-welcome-video:not(.bex-welcome-video-idle){opacity:0!important;}
/* Old decorative welcome circle stays removed. */
.bex-welcome-sun{display:none!important;}
@media(max-width:700px){
  .bex-welcome-stage .bex-welcome-video,
  .bex-welcome-stage .bex-welcome-video-idle{transform:scale(1.05)!important;}
}

/* =========================================================
   V1.5.7 — EXACT VISUAL SIZE MATCH: SPEAKING BO <-> IDLE BO
   Measured from the original ProRes alpha bounds:
   speaking: 354 x 1012 px, idle: 364 x 1035 px.
   The idle therefore needs 0.97778x of the speaking scale and a
   tiny horizontal correction so hat, feet and body line up.
   ========================================================= */
.bex-welcome-stage .bex-welcome-video:not(.bex-welcome-video-idle){
  transform:scale(1.08)!important;
  transform-origin:center bottom!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.bex-welcome-stage .bex-welcome-video-idle{
  transform:translateX(.8%) scale(1.056)!important;
  transform-origin:center bottom!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
@media(max-width:700px){
  .bex-welcome-stage .bex-welcome-video:not(.bex-welcome-video-idle){
    transform:scale(1.05)!important;
  }
  .bex-welcome-stage .bex-welcome-video-idle{
    transform:translateX(.8%) scale(1.027)!important;
  }
}


/* V1.6.0 — editierbare Bar/Küche-Icons */
.bex-hours-panel-head>.bex-hours-icon img,.bex-hours-panel-head>.bex-hours-icon svg{width:18px;height:18px;display:block;object-fit:contain}
.bex-hours-panel-head>.bex-hours-icon.is-none{display:none}

/* =========================================================
   V1.7.0 — UNIVERSAL VISUAL CARD BUILDER
   ========================================================= */
body:not(.bex-visual-editor-active) .bex-root [data-bex-card-visible="0"]{display:none!important;}
body.bex-visual-editor-active .bex-root [data-bex-card-visible="0"]{opacity:.38!important;filter:saturate(.45);outline:2px dashed rgba(180,70,45,.65)!important;outline-offset:3px;}
.bex-root [data-bex-card-id]{position:relative;overflow:hidden;}
.bex-root [data-bex-card-id][data-bex-card-mode="color"]{background:var(--bex-vcard-c1)!important;border-radius:var(--bex-vcard-radius)!important;}
.bex-root [data-bex-card-id][data-bex-card-mode="gradient"]{background:linear-gradient(145deg,var(--bex-vcard-c1),var(--bex-vcard-c2))!important;border-radius:var(--bex-vcard-radius)!important;}
.bex-root [data-bex-card-id][data-bex-card-mode="transparent"]{background:rgba(255,255,255,.18)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--bex-vcard-radius)!important;}
.bex-root [data-bex-card-id][data-bex-card-mode="image"]{
  background-image:linear-gradient(rgba(255,255,255,var(--bex-vcard-overlay)),rgba(255,255,255,var(--bex-vcard-overlay))),var(--bex-vcard-img)!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:var(--bex-vcard-radius)!important;
}
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) h1,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) h2,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) h3,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) p,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) small,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) strong,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) span,
.bex-root [data-bex-card-id][data-bex-card-mode]:not([data-bex-card-mode="default"]) b{color:var(--bex-vcard-text)!important;}


/* =========================================================
   V1.7.1 — SCHNELLZUGRIFF: FARBEN PRO TEXTELEMENT
   Hintergrundänderungen dürfen die ursprüngliche Typografie
   nicht mehr auf eine einzige Farbe zusammenziehen.
   ========================================================= */
.bex-root .bex-home-teaser-card[data-bex-card-id] small{color:var(--bex-teaser-kicker,#2f6b57)!important;}
.bex-root .bex-home-teaser-card[data-bex-card-id] h3{color:var(--bex-teaser-title,#2f221c)!important;}
.bex-root .bex-home-teaser-card[data-bex-card-id] p{color:var(--bex-teaser-body,#655148)!important;}
.bex-root .bex-home-teaser-card[data-bex-card-id] > span{color:var(--bex-teaser-action,#2f6b57)!important;}

/* =========================================================
   V1.7.5 — AKTIONEN / SPECIALS: POSTER-CARDS + LIGHTBOX
   ========================================================= */
.bex-actions-page-grid{align-items:start}
.bex-action-card{position:relative}
.bex-action-media{height:430px;background:linear-gradient(145deg,#fff8ed,#f3e4cf);padding:14px;display:flex;align-items:center;justify-content:center}
.bex-action-media-trigger{position:relative;width:100%;height:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:transparent;cursor:zoom-in;display:block}
.bex-action-media-trigger img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block;background:#fff}
.bex-action-media-trigger>span{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:999px;background:rgba(42,27,22,.86);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;opacity:0;transform:translateY(5px);transition:.2s ease;pointer-events:none}
.bex-action-media-trigger:hover>span,.bex-action-media-trigger:focus-visible>span{opacity:1;transform:none}
.bex-action-copy{min-height:190px}
.bex-action-copy .bex-body{font-size:15px;line-height:1.55}
.bex-action-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(18,14,12,.86);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.bex-action-lightbox.is-open{opacity:1;visibility:visible}
.bex-action-lightbox-inner{position:relative;max-width:min(94vw,920px);max-height:94vh;display:flex;align-items:center;justify-content:center}
.bex-action-lightbox img{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.45);background:#fff}
.bex-action-lightbox-close{position:absolute;right:-14px;top:-14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#2a1b16;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:1100px){.bex-action-media{height:520px}.bex-action-copy{min-height:0}}
@media(max-width:700px){.bex-action-media{height:430px;padding:10px}.bex-action-lightbox{padding:14px}.bex-action-lightbox-close{right:4px;top:4px}}

/* =========================================================
   V1.7.6 — MITTAGSTISCH: VORSCHAUBILD + PDF/LINK IN NEUEM TAB
   ========================================================= */
.bex-lunch-media{position:relative;overflow:hidden}
.bex-lunch-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease,filter .28s ease}
.bex-lunch-media-link{position:relative;display:block;width:100%;height:100%;text-decoration:none!important;color:inherit!important;overflow:hidden}
.bex-lunch-media-link:hover img{transform:scale(1.025);filter:brightness(.92)}
.bex-lunch-open-hint{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;background:rgba(255,253,248,.94);color:#2f221c;font:900 11px/1 Arial,sans-serif;box-shadow:0 10px 28px rgba(47,34,28,.16);backdrop-filter:blur(10px);transform:translateY(5px);opacity:.88;transition:transform .2s ease,opacity .2s ease}
.bex-lunch-media-link:hover .bex-lunch-open-hint{transform:translateY(0);opacity:1}

/* =========================================================
   V1.8.0 — MOBILE QUALITY PASS / ALLE SEITEN
   Ziel: echtes 1-Spalten-Handy-Layout ohne seitliches Abschneiden,
   ruhigere Typografie, kompaktere Medien und weniger Überlagerungen.
   Desktop/Tablet bleiben unverändert.
   ========================================================= */
@media (max-width: 767px){
  html,body.bex-takeover-page,body.bex-takeover-page #wrap_all{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Der alte Desktop-Full-Bleed-Trick (+48px) war auf Handys die Hauptursache
     für rechts abgeschnittene Überschriften und Bereiche. */
  body.bex-takeover-page .bex-root{
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
  }
  .bex-root .bex-wrap,
  .bex-root .bex-hero-inner,
  .bex-root .bex-site-header-inner,
  .bex-root .bex-subpage-header-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Globale Handy-Typografie */
  .bex-root .bex-display{
    font-size:clamp(50px,15.2vw,66px)!important;
    line-height:.91!important;
    letter-spacing:-.052em!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  .bex-root .bex-heading{
    font-size:clamp(36px,10.4vw,46px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .bex-root .bex-body,
  .bex-root .bex-hero-text{
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.58!important;
  }
  .bex-root .bex-kicker{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.16em!important;
    margin-bottom:13px!important;
  }

  /* HOME HERO */
  .bex-root .bex-hero{
    min-height:620px!important;
    align-items:flex-start!important;
  }
  .bex-root .bex-hero-inner,
  .bex-root .bex-site-header + .bex-hero .bex-hero-inner{
    padding-top:72px!important;
    padding-bottom:92px!important;
  }
  .bex-root .bex-hero-logo{
    max-width:min(250px,68vw)!important;
    max-height:116px!important;
    margin-bottom:22px!important;
  }
  .bex-root .bex-hero-text{margin-top:20px!important}
  .bex-root .bex-scroll-cue{display:none!important}
  .bex-root .bex-hero-nav-slot{
    width:100%!important;
    min-height:50px!important;
    margin-top:20px!important;
  }
  .bex-root .bex-site-header.is-scrolled{
    top:8px!important;
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    padding:6px!important;
    border-radius:20px!important;
  }
  .admin-bar .bex-root .bex-site-header.is-scrolled{top:54px!important}
  .bex-root .bex-site-header .bex-main-nav,
  .bex-root .bex-subpage-nav{
    max-height:min(68vh,520px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  /* BO-BEREICH */
  .bex-root .bex-welcome{padding:58px 0 68px!important}
  .bex-root .bex-welcome-grid{gap:26px!important}
  .bex-root .bex-welcome-copy .bex-body{margin-top:18px!important}
  .bex-root .bex-welcome-status{
    width:100%!important;
    margin-top:20px!important;
    padding:11px 13px!important;
    border-radius:18px!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  .bex-root .bex-welcome-stage{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    max-height:560px!important;
    border-radius:26px!important;
  }
  .bex-root .bex-welcome-stage .bex-welcome-video-wrap{
    width:100%!important;
    height:100%!important;
  }
  .bex-root .bex-welcome-bubbles{
    left:12px!important;
    right:12px!important;
    bottom:72px!important;
    width:auto!important;
  }
  .bex-root .bex-welcome-bubble{
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.35!important;
    padding:12px 14px!important;
  }

  /* SPEISE-/GETRÄNKEKARTEN */
  .bex-root .bex-menu-hub{padding:62px 0!important}
  .bex-root .bex-menu-hub-head{margin-bottom:24px!important}
  .bex-root .bex-menu-hub-head>p{font-size:15px!important;line-height:1.5!important}
  .bex-root .bex-menu-tiles{gap:16px!important}
  .bex-root .bex-menu-tile{
    min-height:205px!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:16px!important;
    padding:22px!important;
    border-radius:24px!important;
  }
  .bex-root .bex-tile-icon{width:48px!important;height:48px!important}
  .bex-root .bex-menu-tile h3{font-size:31px!important;line-height:1!important}
  .bex-root .bex-menu-tile p{font-size:14px!important;line-height:1.45!important}
  .bex-root .bex-menu-tile>b{grid-column:2!important;font-size:11px!important}

  /* SCHNELLZUGRIFF */
  .bex-root .bex-home-teasers{padding:62px 0 72px!important}
  .bex-root .bex-home-teaser-head{margin-bottom:24px!important}
  .bex-root .bex-home-teaser-grid{gap:14px!important}
  .bex-root .bex-home-teaser-card{
    min-height:245px!important;
    padding:24px!important;
    border-radius:26px!important;
  }
  .bex-root .bex-home-teaser-card h3{
    font-size:31px!important;
    line-height:1.02!important;
    margin:13px 0 11px!important;
  }
  .bex-root .bex-home-teaser-card p{font-size:14px!important;line-height:1.48!important}
  .bex-root .bex-home-teaser-card span{padding-top:22px!important}

  /* ÖFFNUNGSZEITEN */
  .bex-root .bex-home-opening,
  .bex-root .bex-contact-page{padding:62px 0 72px!important}
  .bex-root .bex-home-opening-inner{gap:24px!important}
  .bex-root .bex-hours-split{margin-top:22px!important;gap:14px!important}
  .bex-root .bex-hours-panel{padding:15px!important;border-radius:24px!important}
  .bex-root .bex-hours-panel-head{margin-bottom:10px!important}
  .bex-root .bex-hours-row{padding:0 13px!important;gap:8px!important}
  .bex-root .bex-hours-row span,.bex-root .bex-hours-row strong{font-size:12px!important}
  .bex-root .bex-kitchen-highlight{padding:16px!important}
  .bex-root .bex-kitchen-times{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .bex-root .bex-kitchen-times>div{padding:10px!important}
  .bex-root .bex-kitchen-times>div strong{font-size:18px!important}
  .bex-root .bex-hours-note{font-size:13px!important;line-height:1.45!important}

  /* SUBPAGE HEADER + HERO */
  .bex-root .bex-subpage{padding-top:68px!important}
  .bex-root .bex-subpage-header-inner{min-height:68px!important}
  .bex-root .bex-subpage-brand strong{font-size:19px!important}
  .bex-root .bex-subpage-brand span{font-size:8px!important}
  .bex-root .bex-subpage-header .bex-menu-toggle{
    min-width:44px!important;min-height:44px!important;padding:5px!important
  }
  .bex-root .bex-subpage-nav{
    position:fixed!important;
    top:76px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    padding:10px!important;
    border-radius:18px!important;
    z-index:10070!important;
  }
  .admin-bar .bex-root .bex-subpage-nav{top:122px!important}
  .bex-root .bex-subhero{
    min-height:0!important;
    height:auto!important;
    align-items:flex-end!important;
  }
  .bex-root .bex-subhero-inner{
    width:calc(100% - 32px)!important;
    padding-top:82px!important;
    padding-bottom:58px!important;
  }
  .bex-root .bex-subhero .bex-heading{
    font-size:clamp(37px,10.2vw,44px)!important;
    line-height:.98!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  .bex-root .bex-subhero .bex-body{
    margin-top:18px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }

  /* BRUNCH */
  .bex-root .bex-brunch-story{padding:62px 0 34px!important}
  .bex-root .bex-brunch-story-grid{gap:28px!important}
  .bex-root .bex-brunch-story-copy .bex-heading{
    font-size:clamp(38px,10.5vw,45px)!important;
    line-height:.98!important;
  }
  .bex-root .bex-brunch-story-copy .bex-body{font-size:16px!important;line-height:1.58!important}
  .bex-root .bex-brunch-facts{margin-top:22px!important;gap:12px!important}
  .bex-root .bex-brunch-facts li{
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:15px 16px!important;
    border-radius:20px!important;
  }
  .bex-root .bex-brunch-facts strong{font-size:14px!important}
  .bex-root .bex-brunch-facts span{font-size:14px!important;line-height:1.45!important}
  .bex-root .bex-brunch-story-copy .bex-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .bex-root .bex-brunch-story-copy .bex-btn{width:100%!important;min-width:0!important}
  .bex-root .bex-brunch-story-media{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    border-radius:26px!important;
  }

  .bex-root .bex-brunch-video-showcase,
  .bex-root .bex-brunch-highlights,
  .bex-root .bex-brunch-gallery{padding:44px 0!important}
  .bex-root .bex-brunch-video-grid{gap:18px!important}
  .bex-root .bex-brunch-video-card{border-radius:24px!important}
  .bex-root .bex-brunch-video-media{padding:12px 12px 0!important}
  .bex-root .bex-brunch-video-media video{
    border-radius:18px!important;
    max-width:100%!important;
  }
  .bex-root .bex-brunch-video-media.is-portrait video{
    width:100%!important;
    height:min(68vh,520px)!important;
    max-height:520px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    background:#160f0c!important;
  }
  .bex-root .bex-brunch-video-copy{padding:18px 18px 22px!important}
  .bex-root .bex-brunch-video-copy h3,
  .bex-root .bex-brunch-highlight-copy h3{
    font-size:27px!important;
    line-height:1.03!important;
    min-height:0!important;
  }
  .bex-root .bex-brunch-video-copy p,
  .bex-root .bex-brunch-highlight-copy p{font-size:14px!important;line-height:1.5!important}
  .bex-root .bex-brunch-highlight-grid{gap:14px!important}
  .bex-root .bex-brunch-highlight-card{border-radius:24px!important}
  .bex-root .bex-brunch-highlight-media{height:200px!important}
  .bex-root .bex-brunch-highlight-copy{padding:20px!important}
  .bex-root .bex-brunch-gallery-grid{
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    gap:12px!important;
  }
  .bex-root .bex-brunch-gallery-item,
  .bex-root .bex-brunch-gallery-item:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    border-radius:22px!important;
  }
  .bex-root .bex-brunch-cta{padding:64px 0 76px!important}
  .bex-root .bex-brunch-cta-inner{gap:22px!important}
  .bex-root .bex-brunch-cta .bex-actions{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important
  }
  .bex-root .bex-brunch-cta .bex-btn{width:100%!important}

  /* AKTIONEN */
  .bex-root .bex-actions-page{padding:60px 0 72px!important}
  .bex-root .bex-actions-page-grid{gap:18px!important}
  .bex-root .bex-action-card{border-radius:24px!important}
  .bex-root .bex-action-media{
    height:auto!important;
    aspect-ratio:5/7!important;
    padding:10px!important;
  }
  .bex-root .bex-action-copy{padding:20px!important;min-height:0!important}
  .bex-root .bex-action-copy h2{font-size:28px!important;margin:10px 0 10px!important}
  .bex-root .bex-action-copy .bex-body{font-size:14px!important;line-height:1.5!important}

  /* MITTAGSTISCH */
  .bex-root .bex-lunch,
  .bex-root .bex-lunch-page{padding:62px 0 72px!important}
  .bex-root .bex-lunch-head{margin-bottom:26px!important}
  .bex-root .bex-lunch-grid{gap:16px!important}
  .bex-root .bex-lunch-card{border-radius:24px!important}
  .bex-root .bex-lunch-media{height:220px!important}
  .bex-root .bex-lunch-copy{padding:22px!important}
  .bex-root .bex-lunch-copy h3{font-size:29px!important;margin-bottom:12px!important}
  .bex-root .bex-lunch-copy .bex-body{font-size:14px!important;line-height:1.5!important}
  .bex-root .bex-lunch-open-hint{right:10px!important;bottom:10px!important;padding:8px 10px!important}

  /* KONTAKT / FOOTER */
  .bex-root .bex-contact-grid{gap:16px!important}
  .bex-root .bex-contact-card{padding:22px!important;border-radius:24px!important}
  .bex-root .bex-contact-card .bex-heading{font-size:35px!important}
  .bex-root .bex-contact-list{gap:14px!important;margin:22px 0!important}
  .bex-root .bex-contact-list strong,.bex-root .bex-contact-list a{font-size:16px!important}
  .bex-root .bex-global-footer{padding:54px 0 118px!important}
  .bex-root .bex-footer-grid{gap:28px!important}
  .bex-root .bex-footer-bottom{margin-top:34px!important;gap:14px!important}

  /* Fixe Handy-Leiste: kleiner + beim Scrollen/Video ausblendbar. */
  .bex-root .bex-mobile-bar{
    left:12px!important;
    right:12px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    padding:5px!important;
    border-radius:22px!important;
    transition:transform .24s ease,opacity .18s ease!important;
    will-change:transform,opacity;
  }
  .bex-root .bex-mobile-bar a{height:58px!important}
  .bex-root .bex-mobile-bar.is-hidden{
    transform:translateY(calc(100% + 26px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Bo soll nicht mitten auf Text/Buttons liegen. */
  .bex-root .bex-bo-assistant{bottom:86px!important}
  .bex-root .bex-bo-assistant.is-left{left:14px!important}
  .bex-root .bex-bo-assistant.is-right{right:14px!important;bottom:86px!important}
  .bex-root .bex-bo-avatar{width:44px!important;height:44px!important}
  .bex-root .bex-bo-panel{
    left:10px!important;right:10px!important;
    bottom:88px!important;
    width:auto!important;
    height:min(560px,72vh)!important;
  }

  /* Sicherheitsnetz: nichts darf über den Viewport hinauslaufen. */
  .bex-root section,
  .bex-root article,
  .bex-root .bex-wrap,
  .bex-root .bex-home-teaser-card,
  .bex-root .bex-menu-tile,
  .bex-root .bex-contact-card,
  .bex-root .bex-action-card,
  .bex-root .bex-lunch-card{
    max-width:100%!important;
  }
  .bex-root h1,.bex-root h2,.bex-root h3,.bex-root h4,
  .bex-root p,.bex-root li,.bex-root a,.bex-root span,.bex-root strong{
    overflow-wrap:break-word;
  }
}

@media (max-width: 390px){
  .bex-root .bex-display{font-size:clamp(47px,14.6vw,58px)!important}
  .bex-root .bex-subhero .bex-heading,
  .bex-root .bex-brunch-story-copy .bex-heading{font-size:36px!important}
  .bex-root .bex-menu-tile{padding:19px!important;gap:13px!important}
  .bex-root .bex-home-teaser-card{padding:21px!important}
  .bex-root .bex-kitchen-times>div strong{font-size:16px!important}
}

/* =========================================================
   V1.8.1 — HOME MOBILE FIX
   Nur Startseite: saubere Kopfzeile, Menü, Bo-Tipps und HappyGast.
   ========================================================= */
.bex-home-mobile-brand{display:none!important;}

@media (max-width:767px){
  /* Home bekommt auf dem Handy dieselbe klare Kopfzeile wie die Unterseiten. */
  .bex-root:not(.bex-subpage) .bex-hero-nav-slot{
    min-height:0!important;
    height:0!important;
    margin:0!important;
    position:static!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled,
  .bex-root:not(.bex-subpage) .bex-site-header.bex-site-header-inline{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border-radius:0!important;
    background:rgba(255,253,248,.97)!important;
    border:0!important;
    border-bottom:1px solid rgba(62,42,31,.08)!important;
    box-shadow:0 8px 28px rgba(58,38,28,.08)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    z-index:10040!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header,
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled{top:46px!important;}
  .bex-root:not(.bex-subpage) .bex-site-header .bex-site-header-inner,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-site-header-inner{
    width:calc(100% - 40px)!important;
    height:76px!important;
    min-height:76px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-brand{display:none!important;}
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:7px!important;
    color:#2f221c!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand strong{
    color:#729a2f!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
  }
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand small{
    color:#e8643a!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-menu-toggle{
    display:block!important;
    position:static!important;
    margin:0!important;
    padding:5px!important;
    min-width:52px!important;
    min-height:52px!important;
    justify-self:auto!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle span{
    width:26px!important;
    height:3px!important;
    margin:4px auto!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle b{
    display:block!important;
    margin-top:4px!important;
    font-size:10px!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav{
    display:none!important;
    position:fixed!important;
    top:84px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:min(70vh,520px)!important;
    overflow-y:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:10px!important;
    border-radius:20px!important;
    background:#fffdf8!important;
    border:1px solid rgba(62,42,31,.09)!important;
    box-shadow:0 20px 55px rgba(50,32,23,.20)!important;
    z-index:10045!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav{top:130px!important;}
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav.is-open{display:flex!important;}
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav a{
    width:100%!important;
    min-height:46px!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
    border-radius:12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:14px!important;
  }
  .bex-root:not(.bex-subpage) .bex-hero-inner,
  .bex-root:not(.bex-subpage) .bex-site-header + .bex-hero .bex-hero-inner{
    padding-top:106px!important;
  }

  /* Ton-Button wird nicht mehr gezeigt. Bo versucht beim Eintritt in den Bereich immer mit Ton zu starten. */
  .bex-root .bex-welcome-control.is-sound{display:none!important;}

  /* Bo-Tipps auf Handy: unten als ruhige, breite Karte – nie über Gesicht/Hut. */
  .bex-root .bex-welcome-bubbles{
    top:auto!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    width:auto!important;
    min-height:0!important;
    z-index:8!important;
  }
  .bex-root .bex-welcome-bubble{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    max-width:none!important;
    min-height:78px!important;
    padding:23px 14px 12px!important;
    border-radius:18px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    box-shadow:0 14px 34px rgba(48,31,23,.16)!important;
  }
  .bex-root .bex-welcome-bubble:after{display:none!important;}
  .bex-root .bex-welcome-bubble small{margin-top:6px!important;}
  .bex-root .bex-welcome.is-idle .bex-welcome-controls{
    top:10px!important;
    right:10px!important;
    left:auto!important;
    bottom:auto!important;
  }

  /* HappyGast bleibt auch mit der unteren Schnellleiste sichtbar. */
  .bex-root .bex-happygast-float.has-mobile-bar,
  .bex-root .bex-happygast-float{
    display:flex!important;
    left:auto!important;
    right:12px!important;
    bottom:88px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    min-height:54px!important;
    padding:7px 15px 7px 8px!important;
    z-index:10020!important;
  }
  .bex-root .bex-happygast-float-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .bex-root .bex-happygast-float-icon img{width:26px!important;height:26px!important;}
  .bex-root .bex-happygast-float-copy{min-width:0!important;}
  .bex-root .bex-happygast-float-copy strong{font-size:12.5px!important;}
}

/* =========================================================
   V1.8.2 — HOME MOBILE: persistent menu + compact HappyGast
   ========================================================= */
@media (max-width:767px){
  /* The home header is detached from the hero by JS so the dropdown can never be clipped. */
  .bex-root:not(.bex-subpage) > .bex-site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:72px!important;
    z-index:2147482000!important;
    overflow:visible!important;
    isolation:auto!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header{top:46px!important;}
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-site-header-inner{
    width:calc(100% - 32px)!important;
    height:72px!important;
    min-height:72px!important;
  }
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav{
    position:fixed!important;
    top:80px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100dvh - 96px)!important;
    overflow:auto!important;
    z-index:2147483000!important;
    padding:9px!important;
    border-radius:18px!important;
    background:#fffdf8!important;
    box-shadow:0 22px 55px rgba(46,30,22,.25)!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav{top:126px!important;}
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav.is-open{display:flex!important;}
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav a{
    min-height:43px!important;
    padding:0 13px!important;
    font-size:13px!important;
  }

  /* Reservation should be present but secondary on a phone. */
  .bex-root .bex-happygast-float.has-mobile-bar,
  .bex-root .bex-happygast-float{
    right:10px!important;
    left:auto!important;
    bottom:82px!important;
    min-height:44px!important;
    height:44px!important;
    width:auto!important;
    max-width:180px!important;
    gap:6px!important;
    padding:5px 11px 5px 6px!important;
    border-radius:999px!important;
    z-index:10020!important;
  }
  .bex-root .bex-happygast-float-icon{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  .bex-root .bex-happygast-float-icon img{width:22px!important;height:22px!important;}
  .bex-root .bex-happygast-float-copy{
    min-width:0!important;
    width:auto!important;
    flex:0 1 auto!important;
  }
  .bex-root .bex-happygast-float-copy strong{
    width:auto!important;
    font-size:11.5px!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
  }
}

/* =========================================================
   V1.8.3 — HOME MOBILE NAV MATCH + ACTION POSTER FIT
   ========================================================= */
@media (max-width:767px){
  /* HOME: visually use the same calm header/menu language as the subpages. */
  .bex-root:not(.bex-subpage) > .bex-site-header,
  .bex-root:not(.bex-subpage) .bex-site-header.bex-site-header-inline{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:74px!important;
    margin:0!important;
    background:rgba(255,253,248,.98)!important;
    border-bottom:1px solid rgba(70,44,30,.08)!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:visible!important;
    z-index:2147482000!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header,
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header.bex-site-header-inline{top:46px!important;}
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-site-header-inner,
  .bex-root:not(.bex-subpage) .bex-site-header.bex-site-header-inline .bex-site-header-inner{
    width:calc(100% - 40px)!important;
    height:74px!important;
    min-height:74px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
  }
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand strong{font-size:20px!important;}
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand small{font-size:9px!important;}
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-menu-toggle{
    min-width:46px!important;
    min-height:46px!important;
    padding:4px!important;
    border-radius:10px!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle span{
    width:28px!important;
    height:3px!important;
    margin:4px auto!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle b{
    margin-top:2px!important;
    font-size:9px!important;
    text-transform:uppercase!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav{
    display:none!important;
    position:fixed!important;
    top:82px!important;
    left:18px!important;
    right:18px!important;
    width:calc(100vw - 36px)!important;
    max-width:none!important;
    min-width:0!important;
    max-height:calc(100dvh - 98px)!important;
    margin:0!important;
    padding:12px!important;
    overflow-y:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    border-radius:20px!important;
    background:rgba(255,253,248,.98)!important;
    border:1px solid rgba(70,44,30,.08)!important;
    box-shadow:0 18px 55px rgba(65,42,28,.15)!important;
    z-index:2147483000!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav{top:128px!important;}
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav.is-open{display:flex!important;}
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a{
    width:100%!important;
    min-height:46px!important;
    padding:0 14px!important;
    justify-content:flex-start!important;
    border-radius:12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#2f221c!important;
    font-size:14px!important;
    font-weight:850!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a:hover,
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a:focus-visible{
    background:#fff0d8!important;
    color:var(--bex-accent)!important;
  }

  /* ACTIONS: one source image for desktop + phone, no artificial white letterboxing. */
  .bex-root .bex-actions-page-grid{align-items:start!important;}
  .bex-root .bex-action-card{overflow:hidden!important;}
  .bex-root .bex-action-media{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
  }
  .bex-root .bex-action-media-trigger{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:block!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  .bex-root .bex-action-media-trigger img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }

  /* HappyGast remains visible but should not dominate the phone layout. */
  .bex-root .bex-happygast-float.has-mobile-bar,
  .bex-root .bex-happygast-float{
    right:10px!important;
    bottom:80px!important;
    height:40px!important;
    min-height:40px!important;
    max-width:158px!important;
    gap:5px!important;
    padding:4px 10px 4px 5px!important;
  }
  .bex-root .bex-happygast-float-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
  .bex-root .bex-happygast-float-icon img{width:20px!important;height:20px!important;}
  .bex-root .bex-happygast-float-copy strong{font-size:10.8px!important;line-height:1!important;}
}


/* =========================================================
   V1.8.4 — MOBILE BO START BUTTON + ACTION CARD GAP FIX
   ========================================================= */
@media (max-width:767px){
  /* Mobile browsers block audible autoplay unpredictably. Give guests one clear tap instead. */
  .bex-root .bex-welcome-control.is-sound[hidden]{display:none!important;}
  .bex-root .bex-welcome-control.is-sound:not([hidden]){
    display:inline-flex!important;
    min-height:48px!important;
    padding:0 18px!important;
    gap:9px!important;
    background:#ef6338!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 12px 30px rgba(184,74,39,.28)!important;
  }
  .bex-root .bex-welcome-control.is-sound:not([hidden]) span{font-size:14px!important;}
  .bex-root .bex-welcome-control.is-sound:not([hidden]) b{
    font-size:11px!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
  }
  .bex-root .bex-welcome:not(.is-idle) .bex-welcome-controls{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    top:auto!important;
    justify-content:center!important;
  }

  /* Action posters use their own natural ratio. Never reserve an old 5:7 box below the image. */
  .bex-root .bex-action-media{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    line-height:0!important;
  }
  .bex-root .bex-action-media-trigger{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    line-height:0!important;
  }
  .bex-root .bex-action-media-trigger img{
    width:100%!important;
    height:auto!important;
    margin:0!important;
    vertical-align:top!important;
  }
  .bex-root .bex-action-copy{
    margin-top:0!important;
    padding-top:20px!important;
  }
}

/* =========================================================
   V1.8.5 — MOBILE BO CTA: GUEST-FACING COPY + HIGH CONTRAST
   ========================================================= */
@media (max-width:767px){
  .bex-root .bex-welcome-control.is-sound:not([hidden]){
    background:#2f6b57!important;
    color:#fff!important;
    border:2px solid rgba(255,255,255,.92)!important;
    box-shadow:0 12px 28px rgba(35,77,64,.28)!important;
    min-height:50px!important;
    padding:0 20px!important;
  }
  .bex-root .bex-welcome-control.is-sound:not([hidden]) span,
  .bex-root .bex-welcome-control.is-sound:not([hidden]) b{
    color:#fff!important;
  }
  .bex-root .bex-welcome-control.is-sound:not([hidden]) span{
    font-size:15px!important;
    line-height:1!important;
  }
  .bex-root .bex-welcome-control.is-sound:not([hidden]) b{
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }
  .bex-root .bex-welcome-status{
    color:#4d443f!important;
  }
  .bex-root .bex-welcome-status span:last-child{
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:700!important;
  }
}

/* =========================================================
   V1.8.6 — BRUNCH HERO MOBILE TEXT READABILITY
   Nur Sonntagsbrunch auf dem Handy: Einleitung lesbar halten,
   ohne das echte Buffetfoto zu verstecken.
   ========================================================= */
@media (max-width:767px){
  .bex-root.bex-page-brunch .bex-subhero .bex-body{
    width:100%!important;
    max-width:100%!important;
    margin-top:18px!important;
    padding:15px 16px 16px!important;
    border-radius:18px!important;
    background:rgba(255,252,246,.88)!important;
    border:1px solid rgba(86,61,45,.08)!important;
    box-shadow:0 10px 30px rgba(70,45,30,.08)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    backdrop-filter:blur(7px)!important;
    color:#5f5148!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .bex-root.bex-page-brunch .bex-subhero .bex-body p{
    margin:0!important;
    color:#5f5148!important;
    font-size:16px!important;
    line-height:1.55!important;
    font-weight:500!important;
  }
  .bex-root.bex-page-brunch .bex-subhero-overlay{
    background:linear-gradient(90deg,rgba(255,247,232,.96) 0%,rgba(255,247,232,.83) 42%,rgba(255,247,232,.46) 72%,rgba(255,247,232,.28) 100%)!important;
  }
}

@media (max-width:390px){
  .bex-root.bex-page-brunch .bex-subhero .bex-body{
    padding:14px 14px 15px!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  .bex-root.bex-page-brunch .bex-subhero .bex-body p{
    font-size:15px!important;
    line-height:1.5!important;
  }
}

/* =========================================================
   V1.8.7 — Brunch Story divider authority fix
   The "Genussvoll in den Sonntag starten" section had legacy
   hard-coded :after / inset-line rules that could visually win
   over the divider selected in the visual editor. From here on,
   this section uses only its data-bex-divider value.
   ========================================================= */
.bex-page-brunch .bex-brunch-story[data-bex-divider]{
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider]::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  min-width:100%!important;
  height:var(--bex-divider-h,14px)!important;
  z-index:90!important;
  pointer-events:none!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  filter:none!important;
  background:none!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="none"]::after{display:none!important;}
.bex-page-brunch .bex-brunch-story[data-bex-divider="zigzag"]::after{
  display:block!important;
  background:
    linear-gradient(135deg,var(--bex-divider-c3) 25%,transparent 25%) -8px 0/16px 16px,
    linear-gradient(225deg,var(--bex-divider-c4) 25%,transparent 25%) -8px 0/16px 16px,
    linear-gradient(315deg,var(--bex-divider-c1) 25%,transparent 25%) 0 0/16px 16px,
    linear-gradient(45deg,var(--bex-divider-c2) 25%,#fff7e8 25%) 0 0/16px 16px!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="wave"]::after{
  display:block!important;
  background:
    radial-gradient(28px 13px at 28px -1px,transparent 26px,var(--bex-divider-c3) 27px,var(--bex-divider-c3) 29px,transparent 30px) 0 0/56px 100% repeat-x,
    linear-gradient(90deg,var(--bex-divider-c3),var(--bex-divider-c4),var(--bex-divider-c2)) bottom/100% 3px no-repeat!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="dots"]::after{
  display:block!important;
  background:
    radial-gradient(circle,var(--bex-divider-c1) 2.2px,transparent 2.7px) 0 2px/18px 10px repeat-x,
    linear-gradient(90deg,transparent,var(--bex-divider-c4) 18%,var(--bex-divider-c3) 50%,var(--bex-divider-c2) 82%,transparent) bottom/100% 2px no-repeat!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="gradient"]::after{
  display:block!important;
  height:max(5px,var(--bex-divider-h,5px))!important;
  background:linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c2),var(--bex-divider-c3),var(--bex-divider-c4),var(--bex-divider-c1))!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="arches"]::after{
  display:block!important;
  background:
    radial-gradient(22px 11px at 22px 100%,transparent 19px,var(--bex-divider-c4) 20px,var(--bex-divider-c4) 21px,transparent 22px) 0 0/44px 100% repeat-x,
    linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c3),var(--bex-divider-c4)) bottom/100% 2px no-repeat!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="diagonal"]::after{
  display:block!important;
  background:
    linear-gradient(135deg,transparent 0 35%,var(--bex-divider-c3) 35% 50%,transparent 50% 85%,var(--bex-divider-c4) 85% 100%) 0 0/28px calc(var(--bex-divider-h,14px) - 3px) repeat-x,
    linear-gradient(90deg,var(--bex-divider-c1),var(--bex-divider-c2),var(--bex-divider-c3),var(--bex-divider-c4)) bottom/100% 3px no-repeat!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="double"]::after{
  display:block!important;
  background:linear-gradient(to bottom,var(--bex-divider-c1) 0 2px,transparent 2px calc(100% - 3px),var(--bex-divider-c4) calc(100% - 3px) 100%)!important;
}
.bex-page-brunch .bex-brunch-story[data-bex-divider="image"]::after{
  display:block!important;
  background-image:var(--bex-divider-image)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:700px){
  .bex-page-brunch .bex-brunch-story[data-bex-divider]::after{height:var(--bex-divider-h,14px)!important;}
}

/* =========================================================
   V1.8.8 — HOME HERO CLEANUP + DOCKED NAV HARDENING
   ========================================================= */
/* The chosen hero divider is authoritative. The welcome section must not add a second gradient line. */
.bex-root:not(.bex-subpage) .bex-welcome::before{display:none!important;content:none!important;}

/* Remove the decorative blurred glow next to the inline hero navigation. */
.bex-root:not(.bex-subpage) .bex-hero-glow{display:none!important;}

/* When the home navigation docks, keep it above every following section. */
.bex-root:not(.bex-subpage) .bex-site-header.is-scrolled{
  z-index:10060!important;
  isolation:isolate!important;
}
.bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav{
  z-index:10061!important;
}

/* =========================================================
   V1.8.9 — BO-TIP CLICK TARGET + MOBILE BAR ENTFERNEN
   ========================================================= */
/* Alle Bo-Tipps liegen technisch übereinander. Unsichtbare Tipps dürfen keinen Klick abfangen. */
.bex-root .bex-welcome-bubble{
  pointer-events:none!important;
  z-index:1!important;
}
.bex-root .bex-welcome-bubble.is-active{
  pointer-events:auto!important;
  z-index:5!important;
}

/* Die weiße Handy-Schnellleiste (Anrufen / Karte / Route) vollständig entfernen. */
@media(max-width:767px){
  .bex-root .bex-mobile-bar{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Reservierungsbutton braucht den Platz der entfernten Leiste nicht mehr freizuhalten. */
  .bex-root .bex-happygast-float,
  .bex-root .bex-happygast-float.has-mobile-bar{
    bottom:16px!important;
  }

  /* Frag-Bo bleibt unten links erreichbar, ohne die Reservierung zu überdecken. */
  .bex-root .bex-bo-assistant.is-left{
    bottom:16px!important;
  }
}

/* =========================================================
   V1.9.0 — HOME MOBILE NAV = SUBPAGE NAV
   On phones the home header/menu now uses exactly one visual
   state from the first pixel onward. No separate "hero menu"
   styling remains, so opening the menu at the top looks the
   same as opening it after scrolling or on a subpage.
   ========================================================= */
@media (max-width:767px){
  .bex-root:not(.bex-subpage) .bex-site-header,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled,
  .bex-root:not(.bex-subpage) > .bex-site-header,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled,
  .bex-root:not(.bex-subpage) .bex-site-header.bex-site-header-inline{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:none!important;
    height:74px!important;
    min-height:74px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border-radius:0!important;
    background:#fffdf8!important;
    border:0!important;
    border-bottom:1px solid rgba(70,44,30,.08)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    isolation:auto!important;
    z-index:2147482000!important;
  }

  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header,
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled{
    top:46px!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-site-header-inner,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-site-header-inner,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-site-header-inner,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-site-header-inner{
    position:relative!important;
    width:calc(100% - 42px)!important;
    max-width:none!important;
    height:74px!important;
    min-height:74px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:18px!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-brand{
    display:none!important;
  }

  .bex-root:not(.bex-subpage) .bex-home-mobile-brand{
    display:flex!important;
    grid-column:1!important;
    justify-self:start!important;
    align-items:baseline!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    color:#2f221c!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand strong{
    color:#729a2f!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
  }
  .bex-root:not(.bex-subpage) .bex-home-mobile-brand small{
    color:#e8643a!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-menu-toggle,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-menu-toggle,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-menu-toggle{
    display:block!important;
    position:static!important;
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    width:48px!important;
    min-width:48px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:4px!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle span,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-menu-toggle span{
    width:28px!important;
    height:3px!important;
    margin:4px auto!important;
    background:#2f221c!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-menu-toggle b,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-menu-toggle b{
    display:block!important;
    margin-top:2px!important;
    color:#2f221c!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav{
    display:none!important;
    position:fixed!important;
    top:82px!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    max-height:calc(100dvh - 100px)!important;
    margin:0!important;
    padding:12px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    border-radius:20px!important;
    background:#fffdf8!important;
    border:1px solid rgba(70,44,30,.08)!important;
    box-shadow:0 18px 55px rgba(65,42,28,.15)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    z-index:2147483000!important;
  }
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav{
    top:128px!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav.is-open{
    display:flex!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav a,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav a,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav a{
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#4b382e!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
  }
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a:hover,
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a:focus-visible{
    background:#fff0d8!important;
    color:#e8643a!important;
  }

  /* The hero content starts below the persistent mobile header. */
  .bex-root:not(.bex-subpage) .bex-hero-inner{
    padding-top:104px!important;
  }
}


/* =========================================================
   V1.9.3 — remove long desktop nav strip behind the pills
   ========================================================= */
@media(min-width:761px){
  .bex-site-header.is-scrolled{
    width:auto!important;
    max-width:calc(100vw - 26px)!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .bex-site-header.is-scrolled .bex-site-header-inner{
    width:auto!important;
    min-height:0!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  .bex-site-header.is-scrolled .bex-main-nav{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  .bex-site-header.is-scrolled .bex-main-nav a{
    background:rgba(255,253,248,.72)!important;
    border:1px solid rgba(56,39,30,.08)!important;
    box-shadow:0 7px 20px rgba(85,55,36,.07)!important;
  }
  .bex-site-header.is-scrolled .bex-main-nav a:hover{
    background:#fffdf8!important;
    color:var(--bex-accent)!important;
    box-shadow:0 10px 28px rgba(85,55,36,.12)!important;
  }
}


/* =========================================================
   V1.9.4 — remove the real desktop nav tail / glass strip
   The full-width inline header inherited a backdrop blur,
   which looked like a long rectangular bar after the last pill.
   Keep blur only on the individual pills, never on the row.
   ========================================================= */
@media(min-width:768px){
  .bex-root:not(.bex-subpage) .bex-site-header,
  .bex-root:not(.bex-subpage) .bex-site-header.bex-site-header-inline,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Inline hero navigation must end with the last pill instead of
     spanning the remaining width of the hero copy. */
  .bex-root:not(.bex-subpage) .bex-site-header:not(.is-scrolled){
    display:inline-block!important;
    width:max-content!important;
    max-width:100%!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header:not(.is-scrolled) .bex-site-header-inner{
    width:max-content!important;
    max-width:100%!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* =========================================================
   V1.9.5 — unified clean mobile menu for Home + all subpages
   Desktop stays untouched.
   ========================================================= */
@media(max-width:760px){
  /* Same compact toggle everywhere on mobile */
  .bex-root .bex-site-header .bex-menu-toggle,
  .bex-root .bex-site-header.is-scrolled .bex-menu-toggle,
  .bex-root > .bex-site-header .bex-menu-toggle,
  .bex-root > .bex-site-header.is-scrolled .bex-menu-toggle,
  .bex-root .bex-subpage-header .bex-menu-toggle{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    padding:6px!important;
    border:1px solid rgba(70,44,30,.10)!important;
    border-radius:16px!important;
    background:rgba(255,253,248,.92)!important;
    box-shadow:0 8px 24px rgba(67,43,28,.10)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  .bex-root .bex-site-header .bex-menu-toggle span,
  .bex-root .bex-site-header.is-scrolled .bex-menu-toggle span,
  .bex-root > .bex-site-header .bex-menu-toggle span,
  .bex-root > .bex-site-header.is-scrolled .bex-menu-toggle span,
  .bex-root .bex-subpage-header .bex-menu-toggle span{
    width:28px!important;
    height:3px!important;
    margin:3px auto!important;
    border-radius:999px!important;
    background:#2f221c!important;
    transition:transform .22s ease,opacity .18s ease!important;
    transform-origin:center!important;
  }

  .bex-root .bex-site-header .bex-menu-toggle b,
  .bex-root .bex-site-header.is-scrolled .bex-menu-toggle b,
  .bex-root > .bex-site-header .bex-menu-toggle b,
  .bex-root > .bex-site-header.is-scrolled .bex-menu-toggle b,
  .bex-root .bex-subpage-header .bex-menu-toggle b{
    display:block!important;
    margin-top:2px!important;
    color:#2f221c!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  /* Turn the burger into a close icon when open */
  .bex-root .bex-site-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(1),
  .bex-root .bex-site-header.is-scrolled .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(1),
  .bex-root > .bex-site-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(1),
  .bex-root > .bex-site-header.is-scrolled .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(1),
  .bex-root .bex-subpage-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  .bex-root .bex-site-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(2),
  .bex-root .bex-site-header.is-scrolled .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(2),
  .bex-root > .bex-site-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(2),
  .bex-root > .bex-site-header.is-scrolled .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(2),
  .bex-root .bex-subpage-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(2){
    opacity:0!important;
  }
  .bex-root .bex-site-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(3),
  .bex-root .bex-site-header.is-scrolled .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(3),
  .bex-root > .bex-site-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(3),
  .bex-root > .bex-site-header.is-scrolled .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(3),
  .bex-root .bex-subpage-header .bex-menu-toggle[aria-expanded="true"] span:nth-of-type(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }

  /* Right-aligned dropdown menu instead of a big centered block */
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav,
  .bex-root .bex-subpage-nav{
    display:none!important;
    position:fixed!important;
    top:86px!important;
    left:auto!important;
    right:14px!important;
    width:min(290px,calc(100vw - 28px))!important;
    max-width:290px!important;
    min-width:0!important;
    max-height:calc(100dvh - 104px)!important;
    margin:0!important;
    padding:10px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    border-radius:22px!important;
    background:rgba(255,253,248,.985)!important;
    border:1px solid rgba(70,44,30,.10)!important;
    box-shadow:0 18px 55px rgba(65,42,28,.18)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    z-index:2147483000!important;
  }

  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav,
  .admin-bar .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav,
  .admin-bar .bex-root .bex-subpage-nav{
    top:132px!important;
    max-height:calc(100dvh - 150px)!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav.is-open,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav.is-open,
  .bex-root .bex-subpage-nav.is-open{
    display:flex!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a,
  .bex-root:not(.bex-subpage) .bex-site-header.is-scrolled .bex-main-nav a,
  .bex-root:not(.bex-subpage) > .bex-site-header .bex-main-nav a,
  .bex-root:not(.bex-subpage) > .bex-site-header.is-scrolled .bex-main-nav a,
  .bex-root .bex-subpage-nav a{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#4b382e!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-align:left!important;
  }

  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a:hover,
  .bex-root:not(.bex-subpage) .bex-site-header .bex-main-nav a:focus-visible,
  .bex-root .bex-subpage-nav a:hover,
  .bex-root .bex-subpage-nav a:focus-visible,
  .bex-root .bex-subpage-nav a.is-active{
    background:#fff0d8!important;
    color:#e8643a!important;
  }
}


/* =========================================================
   V1.9.6 — Bo quick buttons: all options fully visible
   ========================================================= */
.bex-bo-quick{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
  padding:10px 14px 12px!important;
  background:#fff8ee!important;
}
.bex-bo-quick button{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:8px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
.bex-bo-quick button:last-child:nth-child(odd){
  grid-column:1 / -1!important;
}
@media(max-width:360px){
  .bex-bo-quick{grid-template-columns:1fr!important;}
  .bex-bo-quick button:last-child:nth-child(odd){grid-column:auto!important;}
}


/* =========================================================
   V1.9.9 — show opening-hours note again below the table
   ========================================================= */
.bex-opening-hours-note{
  margin-top:22px;
  padding:18px 22px;
  border-radius:20px;
  background:#edf2ed;
  color:#4d4037;
  font-size:16px;
  line-height:1.6;
}
.bex-opening-hours-note p{margin:0;}
@media(max-width:700px){
  .bex-opening-hours-note{
    margin-top:18px;
    padding:16px 18px;
    font-size:15px;
    border-radius:18px;
  }
}


/* =========================================================
   V1.10.0 — UNIVERSAL MOBILE / iPHONE SAFETY PASS
   Keeps desktop untouched. Prevents Safari text autosizing,
   horizontal drift and long headings from pushing the page
   wider than the visual viewport on large iPhones.
   ========================================================= */
@media screen and (max-width:767px){
  html{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
    overflow-x:hidden!important;
  }
  html,body,
  body.bex-takeover-page,
  body.bex-takeover-page #wrap_all,
  body.bex-takeover-page #main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  /* Never use desktop viewport-overdraw tricks on phones. */
  body.bex-takeover-page .bex-root,
  .bex-root,
  .bex-root.bex-subpage{
    position:relative!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    overflow-x:hidden!important;
  }

  /* Every major layout item may shrink; this is essential for long German words. */
  .bex-root *,
  .bex-root *::before,
  .bex-root *::after{
    box-sizing:border-box!important;
  }
  .bex-root section,
  .bex-root article,
  .bex-root header,
  .bex-root footer,
  .bex-root nav,
  .bex-root main,
  .bex-root div,
  .bex-root .bex-brunch-cta-inner,
  .bex-root .bex-brunch-story-copy,
  .bex-root .bex-subhero-inner,
  .bex-root .bex-footer-grid > *,
  .bex-root .bex-contact-grid > *,
  .bex-root .bex-actions-page-grid > *{
    min-width:0!important;
  }

  /* Stable content gutters independent of iPhone model / Safari viewport quirks. */
  .bex-root .bex-wrap,
  .bex-root .bex-hero-inner,
  .bex-root .bex-subhero-inner,
  .bex-root .bex-site-header-inner,
  .bex-root .bex-subpage-header-inner{
    width:auto!important;
    max-width:none!important;
    margin-left:18px!important;
    margin-right:18px!important;
  }

  /* Fixed headers must use the layout viewport, never 100vw on iOS. */
  .bex-root .bex-subpage-header,
  .bex-root .bex-site-header,
  .bex-root > .bex-site-header,
  .bex-root .bex-site-header.is-scrolled,
  .bex-root > .bex-site-header.is-scrolled{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Text may never create horizontal page overflow. */
  .bex-root h1,
  .bex-root h2,
  .bex-root h3,
  .bex-root h4,
  .bex-root p,
  .bex-root li,
  .bex-root strong,
  .bex-root span{
    max-width:100%!important;
  }
  .bex-root h1,
  .bex-root h2,
  .bex-root h3,
  .bex-root h4{
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto;
  }

  /* Large headings: still bold, but safe on every current phone width. */
  .bex-root .bex-display{
    font-size:clamp(46px,13.5vw,60px)!important;
    line-height:.92!important;
    letter-spacing:-.05em!important;
  }
  .bex-root .bex-heading{
    font-size:clamp(34px,9.6vw,43px)!important;
    line-height:.99!important;
    letter-spacing:-.04em!important;
  }
  .bex-root .bex-subhero .bex-heading,
  .bex-root.bex-page-brunch .bex-subhero .bex-heading{
    font-size:clamp(34px,9.2vw,41px)!important;
    line-height:.99!important;
  }
  .bex-root.bex-page-brunch .bex-brunch-story-copy .bex-heading,
  .bex-root.bex-page-brunch .bex-brunch-cta .bex-heading{
    font-size:clamp(33px,8.9vw,40px)!important;
    line-height:1!important;
  }

  /* Brunch CTA is the most likely place to trigger overflow due to SONNTAGSBRUNCH. */
  .bex-root.bex-page-brunch .bex-brunch-cta-inner{
    width:auto!important;
    margin-left:18px!important;
    margin-right:18px!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .bex-root.bex-page-brunch .bex-brunch-cta-inner > div,
  .bex-root.bex-page-brunch .bex-brunch-cta .bex-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Images / media are never allowed to widen the page. */
  .bex-root img,
  .bex-root video,
  .bex-root iframe,
  .bex-root svg{
    max-width:100%!important;
  }

  /* Keep floating controls inside the usable screen on all iPhones. */
  .bex-root .bex-happygast-float{
    max-width:calc(100% - 24px)!important;
  }
  .bex-root .bex-bo-panel{
    max-width:calc(100% - 20px)!important;
  }
}

@media screen and (max-width:390px){
  .bex-root .bex-display{font-size:clamp(44px,13vw,54px)!important;}
  .bex-root .bex-heading,
  .bex-root .bex-subhero .bex-heading,
  .bex-root.bex-page-brunch .bex-subhero .bex-heading,
  .bex-root.bex-page-brunch .bex-brunch-story-copy .bex-heading,
  .bex-root.bex-page-brunch .bex-brunch-cta .bex-heading{
    font-size:35px!important;
  }
}

/* =========================================================
   V1.10.2 — Mittagstisch: einzelner Uebergang (PC + Mobil)
   Der Hero besitzt bereits den konfigurierbaren Bodega-Zickzack.
   Der alte 8px-Gradient auf der nachfolgenden Mittagstisch-
   Sektion erzeugt den unerwuenschten zweiten Streifen.
   Nur auf /mittagstisch/ deaktivieren; Home und alle anderen
   Sections, Divider-Einstellungen und Inhalte bleiben intakt.
   ========================================================= */
.bex-root.bex-page-lunch .bex-lunch-page::before {
  content:none!important;
  display:none!important;
}


/* =========================================================
   V1.10.3 — Oeffnungszeiten auf Desktop: kein doppeltes "Sonntag"
   Der Tag wird bereits aus dem editierbaren WordPress-Feld
   home_opening_bar_group3_label ausgegeben. Das zusaetzliche
   CSS-Pseudoelement erzeugte daneben eine doppelte Beschriftung.
   Nur die kompakte Oeffnungszeiten-Karte bei Desktop betreffen;
   mobil war das Badge bereits ausgeblendet. Zeitangaben bleiben.
   ========================================================= */
@media screen and (min-width:701px) {
  .bex-root .bex-hours-list.is-compact .bex-hours-row.is-sunday > span::after {
    content: none !important;
    display: none !important;
  }
}