/*
    Created on : 26.09.2022, 09:35:53
    Author     : Alex
*/
.header-wrap .menu-wrapper {
  max-height: 122px;
  overflow: hidden;
  display: none;
}

.header-wrap #header .logo-wrap .main-logo a.logo img {
  max-width: 100%
}

.header-wrap .menu-wrapper .navigation {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: right;
  width: 100%;
  height: 122px;
}

.header-wrap .menu-wrapper .navigation .navigation-menu {
  display: inline-block;
}

.header-wrap .menu-wrapper .navigation .lang-switch {
  display: inline-block;
  margin-left: 17px;
  margin-bottom: 0px;
}

.header-wrap .menu-wrapper nav ul {
  list-style: none;
  text-align: right;
  margin: 0;
}

.header-wrap .menu-wrapper nav ul li {
  display: inline-block;
  margin-left: 17px;
}

/*
.header-wrap .menu-wrapper nav ul li a {
  color: #07262D;
  font: 17px/20px "TheSansSemiLight";
}
*/
.header-wrap .menu-wrapper nav ul li a:hover {
  color: #007AFF;
}

.header-wrap .menu-wrapper .navigation-menu ul li.menu.cta {
  margin: 0 0 0 17px;
}

/* Language Switch  */

@keyframes LangFadeIn {
  0% {
    height: 0px;
    opacity: 0;
  }

  100% {
    height: 19px;
    opacity: 1;
  }
}

@keyframes LangFadeOut {
  0% {
    height: 19px;
    opacity: 1;
  }

  100% {
    height: 0px;
    opacity: 0;
  }

}

.lang-switch-wrapper .lang-switch-item {}

.lang-switch-wrapper .lang-switch-item .lang-switch-item-inactive {
  animation-name: LangFadeOut;
  animation-duration: 1s;
  transition-timing-function: linear;
  height: 0px;
  opacity: 0;
}

.lang-switch-wrapper:hover .lang-switch-item .lang-switch-item-inactive {
  animation-name: LangFadeIn;
  animation-duration: 1s;
  transition-timing-function: linear;
  height: 19px;
  opacity: 1;
}

.lang-switch-wrapper .lang-switch-item a,
.lang-switch-wrapper .lang-switch-item p {
  font: 17px/20px "TheSansSemiLight";
  padding: 3px 0;
  cursor: pointer;
}

/* Mobile */

.burger-wrapper {
  float: right;
  padding: 47px 0;
}

.burger {
  display: block;
  padding: 12px 0;
  z-index: 9;
  cursor: pointer;
  position: relative;
}

.burger__inner::after {
  bottom: -12px;
}

.burger__inner::before,
.burger__inner::after {
  content: "";
  display: block;
  position: absolute;
}

.burger__inner::before {
  top: -12px;
}

.burger__inner,
.burger__inner::before,
.burger__inner::after {
  background-color: #07262d;
  width: 38px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
}

.burger__inner {
  position: relative;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}

.burger.burger--active .burger__inner,
.burger.burger--active .burger__inner:before,
.burger.burger--active .burger__inner:after {
  background-color: #fff
}

.burger.burger--active .burger__inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg)
}

.burger.burger--active .burger__inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease .12s;
  opacity: 0
}

.burger.burger--active .burger__inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
  transform: rotate(-90deg)
}

.menu-mobile .menu-mobile-wrapper .menu-mobile-content .navigation .navigation-menu nav ul,
.menu-mobile .menu-mobile-wrapper .menu-mobile-content .main div nav ul,
.menu-mobile .menu-mobile-wrapper .menu-mobile-content .lang-switch .lang-switch-wrapper {
  padding-left: 17px;
  padding-inline-start: 25px;
  margin: 0 0 17px 0;
}

.menu-mobile .menu-mobile-wrapper .menu-mobile-content .lang-switch .lang-switch-wrapper .lang-switch-item a.languageswitch,
.menu-mobile .menu-mobile-wrapper .menu-mobile-content .lang-switch .lang-switch-wrapper .lang-switch-item p.languageswitch {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
}

.menu-mobile .menu-mobile-wrapper .menu-mobile-content .lang-switch .lang-switch-wrapper .lang-switch-item {
  display: inline-block;
}

.menu-mobile {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  right: -100vw;
  z-index: 8;
  padding: 96px 0;
  box-sizing: border-box;
  background-color: #07262d;
  overflow: hidden;
  transition: all .5s ease-in-out;
}

.menu-mobile--active {
  display: block;
  right: 0;
  overflow: auto;
}

.menu-mobile-content {
  position: relative;
  right: 0;
  height: 100%;
  padding: 25px 0;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  transition: right .5s ease-in-out;
}

.menu-mobile--active .mobmen__box {
  stroke-dasharray: 150%;
  stroke-dashoffset: 150%;
}

@keyframes rect {
  to {
    stroke-dashoffset: 0
  }
}

.menu-mobile--active .mobmen__box-shape-1,
.menu-mobile--active .mobmen__box-shape-2,
.menu-mobile--active .mobmen__box-shape-3 {
  animation-name: rect;
  animation-duration: 1250ms;
  animation-fill-mode: forwards
}

.menu-mobile--active .mobmen__box-shape-3 {
  animation-delay: 500ms
}

.menu-mobile--active .mobmen__box-shape-2 {
  animation-delay: 1000ms
}

.menu-mobile--active .mobmen__box-shape-1 {
  animation-delay: 1400ms
}

.mobmen__box {
  position: absolute;
  top: 0;
  right: 50px;
  height: 100%;
  width: 120vw;
  transform: rotate(180deg);
  z-index: -1;
}

.menu-mobile .lang-switch-wrapper .lang-switch-item .lang-switch-item-inactive {
  animation: none;
  height: 19px;
  opacity: 1;
}

.menu-mobile .lang-switch-wrapper:hover .lang-switch-item .lang-switch-item-inactive {
  animation: none;
  height: 19px;
  opacity: 1;
}

.menu-mobile .lang-switch-wrapper .lang-switch-item a,
.menu-mobile .lang-switch-wrapper .lang-switch-item p {
  font: 17px/20px "TheSansSemiLight";
  padding: 3px 0;
  cursor: pointer;
}

/* admin menu bar fix */
body.toolbar-fixed.toolbar-vertical .menu-mobile {
  padding-top: 161px;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .menu-mobile {
  padding-top: 201px;
}

.menu-mobile ul {
  list-style-type: none;
}

.menu-mobile ul li {
  display: block;
  padding: 17px 0;
}

.menu-mobile ul li.cta {
  border: 0;
  color: #fff;
  margin: 0;
  padding: 17px 0;
  background: unset;
}

.menu-mobile ul li.cta a {
  color: #fff;
}

.menu-mobile ul li.cta:hover {
  color: #007AFF;
  background-color: unset;
}

.menu-mobile ul li.cta a:hover {
  color: #007AFF;
}

.menu-mobile ul li a {
  color: #fff;
}

.menu-mobile ul li a:hover {
  color: #007AFF;
}

/* MAKE IT RESPONSIBLE */

@media only screen and (min-width: 1096px) {

  .header-wrap .menu-wrapper {
    display: block;
  }

  .burger {
    display: none;
  }

  .header-wrap .menu-mobile {
    display: none;
  }

}

/* dropdown menu */

.menu .menu__overlay {
  visibility: hidden;
  position: fixed;
  top: 122px;
  left: 0;
  width: 100vw;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  background-color: #07262d;
  transition: all .3s ease-in-out;
}

body.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .menu__overlay {
  top: 201px;
}

body.toolbar-horizontal.toolbar-fixed .menu__overlay {
  top: 161px;
}

.menu .menu-wrapper .navigation nav ul.menu .menu__overlay .menu__box {
  position: absolute;
  height: 100%;
  width: 100%;
}

.menu .menu-wrapper .navigation nav ul.menu .menu__overlay .menu__overlay-wrapper {
  display: flex;
  padding: 50px 0 100px 0;
  margin: auto;
  max-width: 1080px;
}

.menu .menu-wrapper .navigation nav ul.menu .menu__overlay .menu__overlay-wrapper ul li.menu-item a:hover {
  color: #28d296;
}

.menu .menu-wrapper .navigation nav ul.menu .menu__overlay .menu__overlay-wrapper ul li.menu-item a {
  font-size: 22px;
  font-weight: 600;
  line-height: 56px;
  color: #fff;
  text-decoration: none;
  transition: color .3s ease-in-out;
}

a.menu__item:hover+.menu__overlay,
.menu__overlay:hover {
  opacity: 1;
  z-index: 11;
  visibility: visible
}

.menu__overlay-wrapper ul {
  padding: 0;
  margin-left: -17px;
}

.menu__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 200px;
  z-index: 1;
}

.menu__grid ul li.menu-item {}

.header-wrap .menu .menu-wrapper .navigation nav ul.menu {
  text-align: initial;
}

.menu .menu-wrapper .navigation nav ul.menu .menu__overlay .menu__overlay-wrapper ul.menu__grid li.menu-item {
  text-align: left;
}

.menu__box {
  position: absolute;
  height: 100%;
  width: 100%;
}

.menu .menu__level-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 200px;
  z-index: 1;
}

a.menu__link:hover {
  color: #28d296;
}

a.menu__link {
  font-size: 22px;
  font-weight: 600;
  line-height: 56px;
  color: #fff;
  text-decoration: none;
  margin-left: 17px;
}

.menu__overlay-wrapper {
  display: flex;
  padding: 50px 0 100px 0;
  margin: auto;
  max-width: 1080px;
}

.menu .menu-wrapper .navigation .navigation-menu nav menu .menu_level_0 ul {
  text-align: initial;
}

.menu_level_0 ul li a.menu__item {
  color: #07262d;
}

.menu_level_0 ul li a.menu__item:hover {
  color: #07262d;
  color: var(--primary-color);
}

.menu_level_0 ul li a.menu__item--search {
  display: flex;
  align-items: center;
  gap: 16px
}

#block-akademie-main-menu .menu_level_0 ul {
  display: flex;
  align-items: center;
}

/* Mobile */

.menu-mobile .menu_level_0 ul li .menu__overlay .menu__box {
  display: none;
}

.menu-mobile .menu_level_0 ul li .menu__overlay .menu__overlay-wrapper {
  padding: 0;
}

.menu-mobile .menu_level_0 ul li a.menu__item {
  color: #FFF;
}

.menu-mobile .menu_level_0 ul li .menu__overlay .menu__level-1 .menu__item-bellow a.menu__link {
  line-height: 40px;
}

.menu-mobile .menu_level_0 ul li .menu__overlay {
  display: none;
}

.menu-mobile #block-akademie-main-menu .menu_level_0 ul {
  display: block;
}