/**
 * siehe auch megamenu.js
 */

/* Header */
/* Fade In Option */
.header-white {
    -moz-transition: opacity 0.25s ease-out !important;
    -webkit-transition: opacity 0.25s ease-out !important;
    transition: 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(255, 255, 255, 0) !important;
  }