/*******************************************************/
/***************DESKTOP ICON NAVI START*****************/
/*******************************************************/

/* Dropdown-Pfeil drehen */
body[class*=hmenu-] .menu-smart ul > li > a i.fa-dropdown {
  float: right;
  top: -4px;
  transform: rotate(90deg);
}

/* Dropdown-Hintergründe je Ebene */
.drop-menu {
  background-color: #fff;
}
.drop-menu .dropdown > ul.drop-menu {
  background-color: #f9f9f9;
  top: 230px !important;
}
.is_stuck .drop-menu .dropdown > ul.drop-menu {
  background-color: #f9f9f9;
  top: 210px !important;
}


.drop-menu .dropdown > ul.drop-menu .dropdown > ul.drop-menu {
  background-color: #eee;
  top: 375px!important
}
.is_stuck .drop-menu .dropdown > ul.drop-menu .dropdown > ul.drop-menu {
  background-color: #eee;
  top: 355px!important
}

/* Pseudoelement verhindern (Hover-Lücken) */
.drop-menu::after {
  content: '';
  display: none;
}

/* Styling für spezielles Menüelement "Entdecken" */
.menu-item-169782 ul {
  background-color: black !important;
}
.menu-item-169782 ul a {
  color: #a7997f !important;
}
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover,
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:focus {
  color: #a7997f !important;
}

/* Icon-Navigation: Zentrierung & Styling */
.menu-icon-wrapper {
  display: block;
  text-align: left;
}
.menu-icon {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto;
}
.menu-text {
  display: block;
  text-align: left;
  margin-top: 5px;
}

/* Generelle Drop-Menü-Styles */
.drop-menu {
  display: none; /* Standard: ausblenden */
  position: fixed !important;
    left: 0 !important;
  top: auto;
  background: #fff;
  border: 1px solid #ddd;
  white-space: nowrap;
  z-index: 9999;
    margin: 0 auto!important;
  min-width: 1404px!important;

  overflow: visible;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
}

/* Menü-Einträge innerhalb Dropdown */
.drop-menu li {
  flex: 0 1 auto;
  width: 150px!important;
 padding: 1rem 0rem 1rem 0rem;
  text-align: center;
  border-right: 1px solid #ddd;
  position: relative;
}
.drop-menu li:last-child {
  border-right: none;
}

/* Erste Untermenü-Ebene */
.menu-item-has-children > .drop-menu {
  display: flex;
  justify-content: left;
  top: 82px !important;
}

.is_stuck .menu-item-has-children > .drop-menu {
  display: flex;
  justify-content: left;
  top: 65px !important;
}

/* Zweite Untermenü-Ebene */
.menu-item-has-children .drop-menu .drop-menu {
  display: flex;
  flex-wrap: wrap;
  left: 0 !important;
}

/* Dritte Untermenü-Ebene */
.menu-item-has-children .drop-menu .drop-menu .drop-menu {
  left: 0;
}

/* Dropdown anzeigen bei Hover */
.menu-item:hover > .drop-menu,
.menu-item-has-children:hover > .drop-menu {
  display: flex;
}



/*******************************************************/
/***************DESKTOP ICON NAVI ENDE******************/
/*******************************************************/
