.logo_favicon {  width: 16px; height: 39px; }
.logo_normal {  width: 200px; height: 40px; }
.logo_negativ { width: 225px; height: 45px; }
.topheader ul { padding-left: 0px!important; display: flex; margin: 0px; }
.topheader > .justify-between > ul a{ margin-right: 16px; }

.header {
  padding-top: 340px;
  padding-bottom: 300px;
  min-height: 100vh;
}

#CookiebotWidget {
  z-index: 9!important;
}

.popup-menu {
  height: 100%;
  inset: 0;
}
.popup-menu.open {
  -webkit-animation: openmenu 0.4s normal;
  animation: openmenu 0.4s normal;
}

.popup-menu .block-sprachumschalter li:hover {
  color: #FFF;
}

.mainmenu li:hover {
  color: #271d18;
}

.video-btn:hover .cls-1, .video-btn:hover .cls-4 {
  fill: #FFF!important;
}
.video-btn:hover .cls-3 {
  fill: #85ffc4!important;
}
.video-btn:hover .maincirclealt {
  fill: #5c564f!important;
}

.video-btn {
  position: absolute;
  width: 390px;
  max-width: 100%;
  right: 0px;
  margin-right: 15%;
  margin-top: -300px;
  z-index: 2;
}

@-webkit-keyframes openmenu {
  0% { height: 0px; }
  100% { height: 100%; }
 }

  @keyframes openmenu {
    0% { height: 0px; }
    100% { height: 100%; }
  }
}

.popup-menu .overflow-scroll {
  padding: 40px!important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain; /* verhindert Scroll-Chaining */
    touch-action: pan-y;          /* erlaubt vertikales Panning (touch) */
}

.popup-menu ul {
  display: block!important;
}
.popup-menu ul .linkwrap {
    display: block!important;
}
.popup-menu ul li {
  font-size: 5rem!important;
  line-height: 1.3em;
  color: #aca59e!important
}

.popup-menu ul li:hover {
  color: #FFF!important;
}

.popup-menu .hidden {
  display: block!important;
}



.popup-menu #block-sprachumschalter, .popup-menu #block-sprachumschalter ul {
    margin: 0px; padding: 0px;
}

.popup-menu #block-sprachumschalter li {
    font-size: 1.4rem!important;
      color: #aca59e!important
}
.popup-menu #block-sprachumschalter li:hover{
      color: #FFF!important
}
ul {
  position: relative;
}
.linkwrap {
  position: relative;
  overflow: hidden;
  flex-grow: 0;
}

.mainmenu li { overflow: hidden;  }
.mainmenu .linkwrap { display: inline-block; line-height: 1em; }

.mainmenu .underlined, .fnavigations .underlined, .productmenu .underlined { position: absolute; left: 0px; bottom: 0px; margin-top: 10px; width: 0px; height: 2px; background: #1b1510; transition: all 0.6s; }
.mainmenu li:hover .underlined, .fnavigations li:hover .underlined, .productmenu li:hover .underlined{
  width: 100%;
 }

  .mainmenu li:hover .menu-main__linkw, .fnavigations li:hover .menu-main__linkw, .productmenu li:hover .menu-main__linkw{
    margin-left: 100%;
    transition: all .4s;
  }
  .mainmenu li:hover .linkhoverw, .fnavigations li:hover .linkhoverw, .productmenu li:hover .linkhoverw{
    right: 0%;
    transition: all .4s;
  }
  .mainmenu .linkhoverw, .fnavigations .linkhoverw, .productmenu .linkhoverw{
  right: 100%;
}

.popup-menu {
  z-index: 101;
}

.popup-menu .linkhover{
  color: #FFF!important;
}
.popup-menu .underlined{
  background: #FFF!important;
  bottom: 6px!important;
}

.langwrap a { padding: 10px 0px 10px 26px; }
.worldicon { position: absolute; margin-top: -2px; left: 0px; top: 50%; transform: translateY(-50%); margin-right: 10px; height: 18px; width: 18px; }
.langwrap:hover path{
  fill: #271d18!important;
}

.popup-menu .langwrap:hover path{
  fill: #FFF!important;
}

#block-sprachumschalter .is-active { display: none; height: 0px; }

#header a.is-active, #block-sprachumschalter:hover, .topheader a.menu-topnav__link:hover {
  color: #271d18;
}

.popup-menu .topnav-mobile .menu-topnav__link, .popup-menu .topnav-mobile li {
  font-size: 1.4rem!important;
}

.popup-menu .topnav-mobile li {
  margin-top: 15px;
}


.stickynav {
  display: none;
  z-index: 100;
  transition: all 0.3s;
  position:fixed;
  width: 100%;
  left: 0px;
  top:0px;
  background: #FFF;
  padding: 9px 0px;
}

.stickynav.ini {
  display: block;
}



  .language-switcher-language-url {
    margin: 0px; display: inline;
  }
  .language-switcher-language-url li {
    display: inline;
  }


  .mobile-btn {
    position: relative;
    float: right;
    margin-top: 0px;
    display: block;
    vertical-align: middle;
    padding: 0.438em 0em 0.438em 0.625em;
    line-height: 1.125em;
    cursor: pointer;
  }

  .mobile-btn {
    line-height: 1.125em;
    cursor: pointer;
  }

  .slicknav_icon-bar {
    margin-top: 6px;
  }

  .mobile-btn .slicknav_icon-bar:first-child {
  margin-top: 0px;
}



.mobile-btn .slicknav_icon-bar {
  background-color: #373b41;
  transition: all 0.3s;
}

.slicknav_icon-bar {
  display: block;
  width: 35px;
  border: 1px solid #373b41;
  height: 3px;
  border-radius: 33px;
}

.mobile-btn:hover .slicknav_icon-bar:first-child {
  width: 70%; margin-left: 30%;
}
.mobile-btn:hover .slicknav_icon-bar:last-child {
  width: 70%; margin-right: 30%;
}



.mobile-btn .slicknav_icon-bar { margin-top: 8px; }
.mobile-btn .slicknav_icon-bar:first-child { margin-top: 0px; }


 .mobile-menu ul.flex {
   display: block;
   margin-top:75px;
 }

 .popup-menu .productmenu {
    margin-top: 6px;
  }
  .popup-menu .productmenu li {
   font-size: 1.8rem!important;
 }

 .popup-menu .mobillogo:hover path {
   fill: #85ffc3!important;
 }

#header .productmenu {
  border-top: 20px solid #FFF;
   background: rgba(0,0,0,0.5);
   display:none;
 }



 .mobile-menu ul li{
   display: block;
   margin: 20px 0px;
   font-size: 1.25rem!important;
   text-align: center;
 }

 .mobile-menu .innerpopupcontent {
   padding: 20px;
 }

 .mobile-menu .background-header.close-btn {
    right: 0px; top: 10px;
    position: absolute;
    transition: all 0.4s;
  }

  .close-btn:hover path {
      fill: #FFF!important;
   }

  .mobile-menu .innerpopup {
    position: relative;
    top: 0%;
    left: 0%;
    transform: none;
    width: 100vw!important;
    max-width: 100vw!important;
    max-height: 100vh!important;
    height: 100vh!important;
    overflow-y: auto;
  }

@media screen and (max-width: 1440px) {
  .popup-menu ul li {
    font-size: 4.2rem !important;
  }
  .video-btn {
    width: 320px;
    margin-top: -250px;
  }
}

@media screen and (max-width: 1024px) {

.header {
  padding-top: 200px;
  padding-bottom: 200px;
}

}

@media screen and (max-width: 768px) {

  .header {
  min-height: 90vh;
  padding-top: 160px;
    padding-bottom: 160px;
}

.popup-menu .overflow-scroll {
  padding: 40px 25px!important;
}


  .video-btn {
    width: 250px;
    margin-top: -180px;
    margin-left: 0px;
  }

  .stickynav .wrapper {
    padding: 0px 16px;
  }

  .popupaddress { display: none; }

  .popup-menu .mb-70 {
    margin-bottom: 3.0rem;
  }

  .popup-menu ul li {
    font-size: 3rem!important;
  }

  .stickynav .logo_normal {
    display: none;
  }
  .stickynav .logo_favicon {
    display: inline-block;
  }

  .worldicon { margin-right: 6px; height: 15px; width: 15px; }

  .stickynav .gap-x-50px {
    grid-column-gap: 25px;
  }


  .mobile-menu .whatsapp, #header .btn-checkout {
    font-size: 0.8rem;
  }

  .mobile-btn {
    padding: 0.438em 0em 0.438em 0em;
  }

}

@media screen and (max-width: 480px) {

  .header {
    padding-top: 120px;
      padding-bottom: 120px;
  }

  .video-btn {
    width: 190px;
    margin-top: -130px;
  }

  .stickynav .para-link a {
  padding: 16px 15px 16px 15px;
}

  .pv-small {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #header .logo_mobile {
  width: 124px!important;
}

  .mbtnwrap {
    margin-left: 22px;
  }
  .slicknav_icon-bar {
    width: 30px;
  }
  .mobile-btn .slicknav_icon-bar { margin-top: 7px; }
  .mobile-btn .slicknav_icon-bar:first-child { margin-top: 0px; }
}