#page {
  min-width: 300px;
}
#header {
  width: 100%;
  positon: relative;
}
#menuMainWrapper {
  width: 100%;
  position: relative;
}
nav {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
#menuMain {
  display: flex;
  justify-content: space-between;
  padding: 0px;
}
#page .menu a {
  font-weight: normal;
}
#page .menu .menu__list {
  display: flex;
  list-style-type: none;
}
#page .menu .menu__list--level-2 {
  position: absolute;
  flex-direction: column;
  display: none;
  background-color: white;
  z-index: 100;
  border-radius: 0 0 10px 10px;
}
#page .menu .menu__item:hover .menu__list,
#page .menu .menu__item:focus-within .menu__list {
  display: flex;
}
#page .menu .menu__item--level-1 + li {
  margin-left: 10px;
}
#page .menu .menu__link,
#page .menu .menu-item span {
  display: block;
  padding: 8px 5px;
  color: black;
  position: relative;
}
#menuIcon {
  display: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: -90px;
  z-index: 110;
}
#menuIcon p {
  margin: 50px 0 0 0;
  padding: 0;
  font-size: 18px;
  color: #777;
}
#menuIcon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  top: 6px;
  left: 0;
  background-color: #777;
  transition: all 0.5s;
}
#menuIcon span:nth-of-type(2) {
  top: 24px;
  transition: all 0.4s;
}
#menuIcon span:nth-of-type(3) {
  top: 42px;
}
#menuIcon.open span:nth-of-type(1) {
  transform: rotate(45deg);
  top: 24px;
}
#menuIcon.open span:nth-of-type(2) {
  left: 20px;
  opacity: 0;
  width: 0;
}
#menuIcon.open span:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 25px;
}
.menu ul li.menu-item-10 {
  margin-left: 55px;
}
.bu {
  font-size: 0.8em;
  margin-top: 5px;
}
@media (max-width: 940px) {
  #logos {
    height: 80px;
  }
  #partner {
    margin-right: 80px;
  }
  #partner img {
    height: 50px;
    margin-top: 10px;
  }
  #page #content {
    margin: 10px 0 0 0;
    width: 100%;
  }
  #SpalteStoerer {
    margin-top: -50px;
    right: 50px;
  }
  #page #spaltenWrapper {
    flex-direction: column;
  }
  #SpalteLinks {
    width: 100%;
  }
  #SpalteRechts {
    width: 100%;
    padding-top: 30px;
  }
  div.unten_rechts {
    position: relative;
    margin-right: 0;
  }
  div.unten_rechts.rabe {
    position: relative;
    margin-right: 0;
  }
  #page #header nav {
    margin-top: 120px;
    position: absolute;
    height: auto;
    left: -100%;
    top: 0;
    width: 100%;
    background-color: #eee;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.4s, left 0.4s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  #page #header nav #menuMain {
    margin-left: 0;
    order: 1;
    padding: 30px 0px;
  }
  #page #header nav.visible {
    left: 0;
    opacity: 0.95;
    overflow: scroll;
  }
  #page #header nav .menu__list {
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
  #page #header nav .menu__list .menu-level-2 {
    display: block;
    margin-left: 30px;
    position: relative;
    border: 0px;
    background: none;
  }
  #page #header nav .menu {
    max-width: 600px;
  }
  #page #header nav .menu__item--level-1 + li {
    margin-left: unset;
  }
  #page #header nav .menu__link {
    text-align: center;
  }
  #page #header nav .menu__link--level-1 {
    margin-top: 0.7em;
  }
  .menu ul li.menu-item-10 {
    margin-left: 0px;
  }
  #page .menu .menu__link {
    font-size: 1.1rem;
  }
  #menuIcon {
    display: block;
  }
  #footer {
    margin: 0;
  }
}
@media (max-width: 730px) {
  #partner {
    display: none;
  }
}
@media (max-width: 450px) {
  #SpalteStoerer {
    display: none;
  }
}
@media (max-width: 410px) {
  #logo {
    display: none;
  }
}