/**
 * siehe auch megamenu.js
 */

/* Header */
/* Fade In Option */
.header-white {
  /* background-color: rgba(0, 0, 0, 1) !important; */
  -moz-transition: background-color 0.25s ease-out, opacity 0.25s ease-out !important;
  -webkit-transition: background-color 0.25s ease-out, opacity 0.25s ease-out !important;
  transition: background-color 0.25s ease-out, opacity 0.25s ease-out !important;
}
/* End Of Fade In Option */

#mega-menu-wrap-menu-1 {
  clear: both;
}

#mega-menu-menu-1 .mega-sub-menu .mega-menu-column.bns-megamenu-lightgray {
  background-color: #3da1af !important;
  padding: 1rem !important;
}
#mega-menu-menu-1 .mega-sub-menu .mega-menu-column.bns-megamenu-lightgray .mega-sub-menu .mega-menu-item {
  border-bottom: unset !important;
}
#mega-menu-menu-1 .mega-sub-menu .mega-menu-column.bns-megamenu-lightgray .custom-html-widget {
  color: #ffffff !important;
}
#mega-menu-menu-1 li.mega-menu-row:not(:last-child) > ul.mega-sub-menu > .mega-menu-column:not(.mega-menu-clear) {
  border-bottom: 1px solid #3da1af !important;
}
#mega-menu-menu-1 li.mega-menu-row:not(:last-child) > ul.mega-sub-menu > .mega-menu-column.bns-megamenu-lightgray {
  border-bottom: 1px solid #ffffff !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:is(:last-child) {
  margin-right: 0 !important;
}

@media only screen and (min-width: 1200px) {
  #mega-menu-menu-1 .mega-menu-megamenu > ul.mega-sub-menu {
    margin-top: 10px !important;
    --leftVar: 10px;
  }

  #mega-menu-menu-1 .mega-menu-megamenu > ul.mega-sub-menu::before {
    width: 0 !important;
    height: 0 !important;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-bottom: 10px solid #a7d0ff !important;
    position: absolute !important;
    content: "" !important;
    top: -10px !important;
    left: var(--leftVar) !important;
    display: block !important;
  }
  #mega-menu-menu-1 .mega-menu-item .mega-menu-row > ul.mega-sub-menu {
    display: none !important;
  }
  #mega-menu-menu-1 .mega-menu-item.mega-toggle-on .mega-menu-row > ul.mega-sub-menu {
    display: flex !important;
    flex-direction: row !important;
  }
}

@media only screen and (max-width: 1199px) {
  #mega-menu-menu-1 {
    height: 100vh !important;
    width: 80vw !important;
    overflow-y: auto !important;
    position: fixed !important;
    top: 0 !important;
    left: 20vw !important;
  }
  #mega-menu-wrap-menu-1 .mega-menu {
    z-index: 999 !important;
  }
  #mega-menu-wrap-menu-1 .mega-menu-open {
    z-index: 1000 !important;
    position: relative;
  }
  body.mega-menu-menu-1-mobile-open {
    overflow: hidden !important;
    max-height: 100vh !important;
  }
  #mega-menu-menu-1 .mega-sub-menu .mega-menu-column .mega-sub-menu .mega-menu-item {
    border-bottom: solid 1px #c8d5dc !important;
  }
  #mega-menu-menu-1 .mega-sub-menu .mega-menu-column .mega-sub-menu .mega-menu-item .mega-menu-link {
    padding: 0.25rem !important;
  }
  #mega-menu-menu-1 .mega-sub-menu .mega-menu-column {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 1199px) {
  body:not(.mega-menu-menu-1-mobile-open) .header-transparent .mega-menu-toggle {
    background-color: transparent !important;
  }
  body:not(.mega-menu-menu-1-mobile-open) .header-transparent .mega-toggle-animated-inner,
  body:not(.mega-menu-menu-1-mobile-open) .header-transparent .mega-toggle-animated-inner:before,
  body:not(.mega-menu-menu-1-mobile-open) .header-transparent .mega-toggle-animated-inner:after {
    background-color: #fff !important;
  }
}

@media only screen and (min-width: 1200px) {
  .header-transparent .mega-menu-flyout > a.mega-menu-link,
  .header-transparent .mega-menu-grid > a.mega-menu-link,
  .header-transparent .mega-menu-grid > a.mega-menu-link .mega-indicator {
    /* color: #575656 !important; */
  }
}

.header-transparent .elementor-element svg {
  /* fill: #fff !important; */
}

.header-transparent .elementor-element svg path {
  /* --bns-svgcolor: #fff !important; */
}

.header-transparent .elementor-element {
  background-color: transparent !important;
}

.header-transparent {
  background-color: rgba(0, 0, 0, 0.33) !important;
}