/* Wrapper für Navigation */
.modnav-wrapper {
  position: relative !important;
}

/* Hamburgerbutton (nur mobil sichtbar) */
.modnav-hamburger {
  display: none !important;
  position: relative !important;
  width: 38px !important;
  height: 30px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 1100 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hamburgerlinien */
.modnav-hamburger-line {
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  background: #FFF !important;
  margin: 5px 0 !important;
  transition: background-color 0.3s ease !important;
}

/* Menü */
.modnav-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Links */
.modnav-link {
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
  padding: 10px 0 !important;
}

/* --- Mobile Styles --- */
@media (max-width: 1350px) {
  .modnav-hamburger {
    display: block !important;
  }

  .modnav-menu {
    width: 100vw;
    height: 100vh;
    background: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.5rem !important;
    z-index: 1050 !important;
    overflow: scroll;
  }

  .modnav-menu[hidden] {
    display: none !important;
  }

  .modnav-link {
    color: #fff !important;
  }
}

/* Hamburger aktiv – Linien weiß */
.modnav-hamburger[aria-expanded="true"] .modnav-hamburger-line {
  background: #fff !important;
}
.header-navi-mobile--open {
  background-color: black !important;
  transition: 0s !important;
}
.modnav-menu li:last-of-type {
    margin-bottom: 125px;
}