.elementor-459 .elementor-element.elementor-element-4824b88{--display:flex;--position:absolute;--min-height:78px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:8px;--padding-left:60px;--padding-right:60px;top:0px;--z-index:999;}body:not(.rtl) .elementor-459 .elementor-element.elementor-element-4824b88{left:0px;}body.rtl .elementor-459 .elementor-element.elementor-element-4824b88{right:0px;}.elementor-459 .elementor-element.elementor-element-ff7c3a8 img{width:172px;max-width:100%;}.elementor-459 .elementor-element.elementor-element-7bb7304{--display:flex;}.elementor-459 .elementor-element.elementor-element-df2fcd1{--display:flex;}.elementor-459 .elementor-element.elementor-element-670e795{--display:flex;}.elementor-459 .elementor-element.elementor-element-fdc3cd1{--display:flex;}.elementor-459 .elementor-element.elementor-element-847b69e{--display:flex;}.elementor-459 .elementor-element.elementor-element-a6adbf6{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;z-index:100;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:23px;--n-menu-title-font-size:18px;--n-menu-title-color-normal:var( --e-global-color-secondary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color-hover:var( --e-global-color-accent );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Barlow", Sans-serif;font-weight:600;--n-menu-title-line-height:1.35;}.elementor-459 .elementor-element.elementor-element-a6adbf6 {--n-menu-title-color-hover: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(min-width:768px){.elementor-459 .elementor-element.elementor-element-4824b88{--content-width:1280px;}}@media(max-width:1024px) and (min-width:768px){.elementor-459 .elementor-element.elementor-element-4824b88{--content-width:100%;}}@media(max-width:1024px){.elementor-459 .elementor-element.elementor-element-4824b88{--padding-top:0px;--padding-bottom:0px;--padding-left:028px;--padding-right:028px;}.elementor-459 .elementor-element.elementor-element-ff7c3a8 img{width:151px;}.elementor-459 .elementor-element.elementor-element-a6adbf6{--n-menu-title-distance-from-content:0px;--n-menu-title-space-between:0px;--n-menu-title-font-size:17px;--n-menu-toggle-icon-size:26px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;}.elementor-459 .elementor-element.elementor-element-a6adbf6.elementor-element{--align-self:center;}.elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.35;}}@media(max-width:767px){.elementor-459 .elementor-element.elementor-element-a6adbf6{--n-menu-title-font-size:16px;}.elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-459 .elementor-element.elementor-element-a6adbf6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:1.35;}}/* Start custom CSS for container, class: .elementor-element-4824b88 *//* ==================================================
   FEINE BIERE – HEADER
================================================== */


/* ==================================================
   1. HEADER BASIS
================================================== */

.elementor-459 .elementor-element.elementor-element-4824b88 {
  background: transparent !important;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}


/* ==================================================
   2. LOGO – STANDARD OBEN WEISS
================================================== */

.elementor-459 .elementor-element.elementor-element-4824b88 img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}


/* ==================================================
   3. DESKTOP MENÜ – STANDARD OBEN WEISS
================================================== */

.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container,
.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-text,
.elementor-459 .elementor-element.elementor-element-4824b88 .elementor-item {
  color: #FFFFFF !important;
  transition: color 0.3s ease;
}


/* ==================================================
   4. STICKY – NACH SCROLLEN
================================================== */

.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects {
  background: #F5ECE0 !important;
}


/* Logo wieder Originalfarben */
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects img {
  filter: none !important;
}


/* Navigation Navy */
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .e-n-menu-title-container,
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .e-n-menu-title-text,
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .elementor-item {
  color: #081727 !important;
}


/* ==================================================
   5. HOVER
================================================== */

.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container:hover,
.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container:hover .e-n-menu-title-text,
.elementor-459 .elementor-element.elementor-element-4824b88 .elementor-item:hover {
  color: #A7382A !important;
}


/* ==================================================
   6. HAMBURGER / X – BASIS
================================================== */

.elementor-459 .elementor-element.elementor-element-4824b88 .elementor-menu-toggle,
.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-toggle {
  color: #FFFFFF !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  margin-left: auto !important;
  margin-right: 0 !important;

  width: fit-content !important;
}


/* Hamburger oben weiß */
.elementor-459 .elementor-element.elementor-element-4824b88 .elementor-menu-toggle svg,
.elementor-459 .elementor-element.elementor-element-4824b88 .elementor-menu-toggle svg path,
.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-toggle svg,
.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-toggle svg path {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}


/* Hamburger nach Scrollen Navy */
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .elementor-menu-toggle,
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .e-n-menu-toggle {
  color: #081727 !important;
}

.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .elementor-menu-toggle svg,
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .elementor-menu-toggle svg path,
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .e-n-menu-toggle svg,
.elementor-459 .elementor-element.elementor-element-4824b88.elementor-sticky--effects .e-n-menu-toggle svg path {
  color: #081727 !important;
  fill: #081727 !important;
  stroke: #081727 !important;
}


/* Hamburger Hover */
.elementor-459 .elementor-element.elementor-element-4824b88 .elementor-menu-toggle:hover,
.elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-toggle:hover {
  color: #A7382A !important;
}


/* ==================================================
   7. TABLET + MOBILE MENÜ
================================================== */

@media (max-width: 1024px) {

  /* Menü geschlossen: transparent */
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-widget-n-menu,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-heading,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-toggle {
    background: transparent !important;
  }


  /* Menü geöffnet: kompletter Header Beige */
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.e-n-menu-toggle[aria-expanded="true"]),
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.elementor-menu-toggle.elementor-active) {
    background: #F5ECE0 !important;
  }


  /* Logo geöffnet wieder Originalfarben */
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.e-n-menu-toggle[aria-expanded="true"]) img,
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.elementor-menu-toggle.elementor-active) img {
    filter: none !important;
  }


  /* X geöffnet Navy */
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-toggle,
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle {
    color: #081727 !important;
  }


  .elementor-459 .elementor-element.elementor-element-4824b88:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-toggle svg,
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.e-n-menu-toggle[aria-expanded="true"]) .e-n-menu-toggle svg path,
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle svg,
  .elementor-459 .elementor-element.elementor-element-4824b88:has(.elementor-menu-toggle.elementor-active) .elementor-menu-toggle svg path {
    color: #081727 !important;
    fill: #081727 !important;
    stroke: #081727 !important;
  }


  /* Ganze Dropdown-Fläche Beige */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-wrapper,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-content,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown ul,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown li {
    background: #F5ECE0 !important;
    border: none !important;
    box-shadow: none !important;
  }


  /* Keine weißen Boxen / Linien */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown li,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown a {
    background: #F5ECE0 !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
  }


  /* Dropdown direkt an Header */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-content,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown {
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 36px !important;
  }


  /* Menü-Items */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container {
    min-height: 0 !important;
  }


  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown a {
    width: 100% !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;

    padding-left: 22px !important;
    padding-right: 22px !important;

    justify-content: flex-start !important;
    text-align: left !important;
  }


  /* Typografie */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-text,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown a,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-item {
    color: #081727 !important;

    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }


  /* Hover / Active */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container:hover,
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title-container:hover .e-n-menu-title-text,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown a:hover,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown .elementor-item-active {
    color: #A7382A !important;
    background: #F5ECE0 !important;
  }


  /* Luft nach letztem Menüpunkt */
  .elementor-459 .elementor-element.elementor-element-4824b88 .e-n-menu-title:last-child,
  .elementor-459 .elementor-element.elementor-element-4824b88 .elementor-nav-menu--dropdown li:last-child {
    margin-bottom: 12px !important;
  }

}


/* ==================================================
   8. HELLE SEITEN
   HEADER OBEN BEIGE + NAVIGATION NAVY

   29 = Biere
   49 = Datenschutz
   44 = Impressum
================================================== */


/* Hintergrund Beige */
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects),
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects),
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) {
  background: #F5ECE0 !important;
}


/* Logo Originalfarben */
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) img,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) img,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) img {
  filter: none !important;
}


/* Navigation Navy */
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-text,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-item,

body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-text,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-item,

body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-text,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-item {
  color: #081727 !important;
}


/* Hamburger Navy */
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle,

body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle,

body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle {
  color: #081727 !important;
}


/* Hamburger SVG / Linien Navy */
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle svg,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle svg path,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle svg,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle svg path,

body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle svg,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle svg path,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle svg,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle svg path,

body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle svg,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-menu-toggle svg path,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle svg,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-toggle svg path {
  color: #081727 !important;
  fill: #081727 !important;
  stroke: #081727 !important;
}


/* Hover auf hellen Seiten weiterhin Rostrot */
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container:hover,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container:hover .e-n-menu-title-text,
body.page-id-29 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-item:hover,

body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container:hover,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container:hover .e-n-menu-title-text,
body.page-id-49 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-item:hover,

body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container:hover,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .e-n-menu-title-container:hover .e-n-menu-title-text,
body.page-id-44 .elementor-459 .elementor-element.elementor-element-4824b88:not(.elementor-sticky--effects) .elementor-item:hover {
  color: #A7382A !important;
}


/* ==================================================
   9. TABLET + MOBILE – SMART STICKY HEADER
================================================== */

@media (max-width: 1024px) {

  .elementor-459 .elementor-element.elementor-element-4824b88 {
    transition:
      transform 0.3s ease,
      background-color 0.3s ease !important;
  }


  .elementor-459 .elementor-element.elementor-element-4824b88.header-hidden {
    transform: translateY(-110%) !important;
  }


  .elementor-459 .elementor-element.elementor-element-4824b88.header-visible {
    transform: translateY(0) !important;
  }

}/* End custom CSS */