#top-menu li {
  padding-right: 32px;
}

#top-menu li a {
  font-weight: 500;
}

.nav li ul {
  width: 290px;
}

#top-menu li li a {
  width: 100% !important;
  padding: 7px 20px !important;
}

#top-menu .menu-item-has-children ul a span {
  display: inline-block;
  position: relative;
}

#top-menu .menu-item-has-children ul a span::before {
  content: '';
  display: block;
  background: #906F31 !important;
  width: 0;
  height: 3px;
  left: 50%;
  position: absolute;
  top: 27px;
  transition: all .3s ease-in-out;
  opacity: 0;
  border-radius: 0;
}

#top-menu .menu-item-has-children ul a:hover span::before {
  width: 100%;
  margin-left: -50%;
  opacity: 1;
}

#top-menu > li.menu-item-has-children > a {
  cursor: default;
}

#top-menu .menu-item-has-children.et-hover.et-show-dropdown ul.sub-menu {
  visibility: visible !important;
  opacity: 1 !important;
}

.et_mobile_menu li a:hover,
#top-menu.nav ul li a:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  opacity: 1 !important;
  color: #000000 !important;
}

#top-menu li.mega-menu > ul {
  padding: 10px 20px 25px;
}

#top-menu li.mega-menu > ul > li > a:first-child {
  padding-top: 20px !important;
  cursor: pointer !important;
}

@media only screen and (min-width: 981px) {
  #top-menu li.menu-item {
    padding-bottom: 50px !important;
  }

  #top-menu li.menu-item a {
    padding-bottom: 0 !important;
    outline-offset: 4px !important;
  }

  #top-menu ul.sub-menu {
    margin-top: 33px !important;
  }

  #top-menu ul.sub-menu ul.sub-menu {
    margin-top: 0 !important;
  }

  #top-menu ul.sub-menu li {
    padding-bottom: 0 !important;
  }

  #top-menu .mega-menu.menu-item-has-children {
    padding-bottom: 0 !important;
  }

  #top-menu li.menu-item-has-children > a[role=button] {
    cursor: default !important;
  }

  #top-menu .mega-menu.menu-item-has-children > ul.sub-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: -33px;
    left: 0;
    width: 100%;
    height: 33px;
    pointer-events: none;
  }

  #top-menu .mega-menu.menu-item-has-children:hover > ul.sub-menu::before {
    pointer-events: auto;
  }

  #top-menu #top-menu li.mega-menu > ul > li > a:first-child {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 15px !important;
    cursor: pointer !important;
  }
}

#et-secondary-nav li.menu-item a::after {
    content: "|";
    display: block;
    float: right;
    margin-left: 24px;
}
#et-secondary-nav li.menu-item:last-child a::after {
  content: "";
  margin-left: 0px;
}

ul#top-menu > .mega-menu-parent ul.sub-menu ul.sub-menu a:not(.leerer-menupunkt):focus-visible {
  outline: none !important;
  border: 2px solid black !important;
}

ul#top-menu > .menu-item-has-children ul.sub-menu a:not(.leerer-menupunkt):focus-visible {
  outline: none !important;
  border: 2px solid black !important;
}