.elementor-20 .elementor-element.elementor-element-cb5d1b7{--display:flex;--position:absolute;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;top:0px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-cb5d1b7{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-cb5d1b7{right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-7465a7f .elementor-button{background-color:#D7A422;font-family:var( --e-global-typography-c43d371-font-family ), Sans-serif;font-size:var( --e-global-typography-c43d371-font-size );font-weight:var( --e-global-typography-c43d371-font-weight );line-height:var( --e-global-typography-c43d371-line-height );letter-spacing:var( --e-global-typography-c43d371-letter-spacing );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;}.elementor-20 .elementor-element.elementor-element-7465a7f .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-7465a7f .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-5987890{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--nav-menu-icon-size:100px;}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown a, .elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown .elementor-item, .elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-660c608-font-family ), Sans-serif;font-size:var( --e-global-typography-660c608-font-size );font-weight:var( --e-global-typography-660c608-font-weight );text-transform:var( --e-global-typography-660c608-text-transform );font-style:var( --e-global-typography-660c608-font-style );letter-spacing:var( --e-global-typography-660c608-letter-spacing );}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:23px !important;}.elementor-20 .elementor-element.elementor-element-5987890 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-5987890 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-7465a7f .elementor-button{font-size:var( --e-global-typography-c43d371-font-size );line-height:var( --e-global-typography-c43d371-line-height );letter-spacing:var( --e-global-typography-c43d371-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown .elementor-item, .elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-660c608-font-size );letter-spacing:var( --e-global-typography-660c608-letter-spacing );}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-cb5d1b7{--content-width:1440px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-cb5d1b7{--justify-content:flex-end;}.elementor-20 .elementor-element.elementor-element-7465a7f .elementor-button{font-size:var( --e-global-typography-c43d371-font-size );line-height:var( --e-global-typography-c43d371-line-height );letter-spacing:var( --e-global-typography-c43d371-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown .elementor-item, .elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-660c608-font-size );letter-spacing:var( --e-global-typography-660c608-letter-spacing );}.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:23px !important;}}/* Start custom CSS for button, class: .elementor-element-7465a7f */.elementor-20 .elementor-element.elementor-element-7465a7f{
  z-index: 10002;
}

.elementor-20 .elementor-element.elementor-element-7465a7f #button_reservieren .elementor-button-icon{
    width: 15px;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-5987890 *//* Default: keep dropdown CLOSED */
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  display: none !important;
}

.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle{
    padding: 0 .25em .25em;
}

.elementor-20 .elementor-element.elementor-element-5987890 span.elementor-menu-toggle__icon--open{
    line-height: 0;
}

/* Only OPEN when toggle is active */
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  display: flex !important;

  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;

  left: 0 !important;  /* override inline left */
  top: 0 !important;   /* override inline top */
  transform: none !important;

  background: #0b0b0b;
  z-index: 10001;
  overflow: hidden;

  align-items: center;
  justify-content: center;
  
  animation: menuFadeDown .45s ease-out forwards;
  
  margin-top: 0 !important;
}

/* Menu list centered + space for logo */
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown .elementor-nav-menu{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding-top: 120px;
}

.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown .elementor-nav-menu .menu-item:not(.home-logo):not(.nav-reservation) .elementor-item:hover{
    background: transparent;
    font-style: normal;
    font-weight: 700;
    color: #D7A422;
}

.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu--dropdown .elementor-nav-menu .menu-item:not(.home-logo) .elementor-item-active{
    background: transparent;
    font-style: normal;
    font-weight: 700;
    color: #D7A422;
}

.elementor-20 .elementor-element.elementor-element-5987890 .elementor-nav-menu li{
  opacity: 0;
  animation: menuItemFade .35s ease forwards;
}

.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(1){ animation-delay: .15s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(2){ animation-delay: .22s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(3){ animation-delay: .29s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(4){ animation-delay: .36s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(5){ animation-delay: .43s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(6){ animation-delay: .50s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(7){ animation-delay: .57s; }
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle.elementor-active + 
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(8){ animation-delay: .64s; }

/* Close (toggle) always top-right */
.elementor-20 .elementor-element.elementor-element-5987890 .elementor-menu-toggle{
  z-index: 10002;
}

.elementor-20 .elementor-element.elementor-element-5987890 .home-logo{
  position: absolute;
  top: -15%;
  transform: translateX(-50%);
  z-index: 10002;
}

/* clickable logo */
.elementor-20 .elementor-element.elementor-element-5987890 .home-logo > a{
  display: block;
  width: 100px;
  height: 100px;

  background-image: url("https://restaurant-eleven.ch/wp-content/uploads/2026/01/BSCYB_Eleven_Logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  text-indent: -9999px;      /* hide text if any */
  overflow: hidden;
  background-color: transparent;
}

.elementor-20 .elementor-element.elementor-element-5987890 .nav-reservation > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.15em;
  font-style: normal !important;

  background: #D7A422;
  border-radius: 30px;
  color: #1A1A1A;
}

.elementor-20 .elementor-element.elementor-element-5987890 .nav-reservation > a:hover{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.15em;
  font-style: normal !important;

  background: #D7A422;
  border-radius: 30px;
}

@media (min-width: 768px){
    .elementor-20 .elementor-element.elementor-element-5987890 .nav-reservation{
        display:none;
    }
}

@keyframes menuFadeDown{
  from{
    opacity: 0;
    transform: translateY(-30px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes menuItemFade{
  from{
    opacity: 0;
    transform: translateY(-10px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb5d1b7 */.elementor-menu-toggle.elementor-active:before{
    content: '';
    display: block;
    background: url(https://restaurant-eleven.ch/wp-content/uploads/2026/02/Icon_Menu_Close.svg);
    width: 100px;
    height: 15px;
    background-size: cover;
    margin-top: 15px;
}

.elementor-menu-toggle .e-font-icon-svg{
    display: none;
}

@media (max-width: 600px){
    .elementor-menu-toggle.elementor-active:before{
    content: '';
    display: block;
    background: url(https://restaurant-eleven.ch/wp-content/uploads/2026/02/Icon_Menu_Close_Mobile.svg);
    width: 50px;
    height: 22px;
    margin-top: 0;
}

.elementor-menu-toggle:before{
    content: '';
    display: block;
    background: url(https://restaurant-eleven.ch/wp-content/uploads/2026/02/Icon_Menu_Mobile.svg);
    width: 50px;
    height: 26px;
}
.elementor-menu-toggle svg{
    display: none;
}
.elementor-menu-toggle{
    padding: .25em !important;
}
}/* End custom CSS */