/* 
    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 {
  height: 62px;
}

.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.header-neu .menu-wrapper nav ul li {
  position: relative;
}

/*
.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
}

.page-neu .burger.burger--active .burger__inner,
.page-neu .burger.burger--active .burger__inner:before,
.page-neu .burger.burger--active .burger__inner:after {
  background-color:#07262d
}

.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;
}

.page-neu .menu-mobile {
  background-color: #EBF5FF;
}


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

.menu-mobile-wrapper {
  overflow: scroll;
  height: 100%;
}

.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;
}

.page-neu .menu-mobile svg.mobmen__box {
  display: none;
}

.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;
}

.header-neu .menu .menu__overlay {
  background-color: #EBF5FF;
}

@media screen and (min-width: 1080px) {
  .header-neu .menu .menu__overlay::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #007AFF;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
  }
}

@media screen and (min-width: 1080px) {
  .header-neu .menu .menu__overlay::before {
    width: 100%;
  }
}

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%;
}

.header-neu svg.menu__box {
  display: none;
}

.header-neu .menu__overlay .menu__overlay-wrapper {
  display: block;
  padding: 37px 0;
  z-index: 11;
  background-color: #EBF5FF;
  width: 100%;
  max-width: unset;
}

.page-neu .header-neu .menu__overlay .menu__mask {
  background: #000;
  opacity: .4;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
}

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

.header-neu .menu .menu__level-1 {
  display: block;
  text-align: center;
}

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;
}

.header-neu a.menu__link:hover {
  color: var(--primary-color);
}

.header-neu a.menu__link {
  font-size: 20px;
  line-height: 48px;
  color: #07262d;
}


.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);
}

@media screen and (min-width: 1080px) {
  .header-neu .menu_level_0 ul li a.menu__item::after {
    opacity: 0;
    content: '';
    position: absolute;
    bottom: -50px;
    left: -4px;
    width: 100%;
    border: 3px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #007AFF;
    -webkit-transform: perspective(10px) rotateX(1deg);
    transform: perspective(10px) rotateX(1deg);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
  }
  
  .header-neu .menu-mobile .menu_level_0 ul li a.menu__item::after {
    display: none;
  }
  
}

@media screen and (min-width: 1080px) {
  .header-neu .menu_level_0 ul li:hover a.menu__item::after {
    opacity: 1;
  }
}

/* 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;
}

.page-neu .menu-mobile .menu_level_0 ul li a.menu__item {
  color: #07262d;
}
.page-neu .menu-mobile .menu_level_0 ul li a.menu__item:hover {
  color: var(--highlight-color);
}
.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 .navigation .navigation-menu nav menu .menu_level_0 ul li .menu__overlay .menu__overlay-wrapper .menu__level-1 .menu__item-bellow.menu__item-bellow--clone*/
.menu .navigation .navigation-menu nav menu .menu__item-bellow--clone {
  display: none;
}

.page.page-neu .header-wrap .menu-mobile .menu-mobile-wrapper .menu-mobile-content .navigation .navigation-menu .menu_level_0 ul li .menu__overlay .menu__overlay-wrapper .menu__level-1 .menu__item-bellow--clone {
  display: none;
}

.menu-mobile  .navigation .navigation-menu nav menu .menu_level_0 ul li a.menu__item.menu__item--mother.active {
  color: var(--highlight-color);
  margin-left: -17px;
}



/* NEU */

#header-neu .menu-left .logo-wrap .main-logo a.logo img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#header-neu .menu-left .logo-wrap .main-logo a.logo img {
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.header-wrap #header-neu.menu-wrapper {
  display: block;
  width: 100vw;
}

#header-neu .menu-left {
  /*width: 230px;*/
  height: 122px;
  display: block;
  float: left;
}

#header-neu .menu-left .logo-wrap .main-info-wrapper {
  display: none;
  vertical-align: top;
}

#header-neu .menu-center {
  display: none;
}

#header-neu .menu-center .menu-wrapper {
  margin: 0 17px;
}

#header-neu .menu-right {
  /*display: none;*/
  position: absolute;
  right: 80px;
}

#header-neu .burger-wrapper {
  display: block;
  padding: 47px 17px 47px 17px;
  position: absolute;
  right: 0;
}

#header-neu .burger-wrapper .burger {
  display: block;
}

#header-neu .menu-mobile {
  display: block;
}

@media (min-width: 535px) {
  
  #header-neu .menu-left {
    /*min-width: 441px;*/
  }
  
  #header-neu .menu-left .logo-wrap .main-info-wrapper {
    display: inline-block;
  }
  
}
  
@media (min-width: 1391px) {
  
  .header-wrap #header-neu.menu-wrapper {
    display: block;
  }
  
  #header-neu .menu-mobile {
    display: none;
  }
  
  #header-neu .burger-wrapper,
  #header-neu .burger-wrapper .burger {
    display: none;
  }
  
  #header-neu .menu-left {
    min-width: 441px;
  }
  
  #header-neu .menu-left .logo-wrap .main-info-wrapper {
    display: inline-block;
  }
  
  #header-neu .menu-center {
    width: calc( 100vw - 230px - 211px - 230px - 20px );
    height: 122px;
    display: inline-block;
  }
  
  #header-neu .menu-right {
    display: inline-block;
    /*width: 230px;*/
    float: right;
  }
  
}

@media (min-width: 1560px) {
  
  #header-neu .menu-left {
    min-width: 422px;
  }
  
  #header-neu .menu-left .logo-wrap .main-info-wrapper {
    display: inline-block;
		padding-left: 16px;
  }
  
  #header-neu .menu-center {
    width: calc( 1080px - ( 422px - ( 100vw - 1080px ) / 2 ) );
    height: 122px;
    display: inline-block;
  }
  
  #header-neu .menu-right {
    display: inline-block;
    width: 230px;
    float: right;
  }
  
}

@media (min-width: 1924px) {

  #header-neu .menu-left {
    min-width: 422px;
    width: calc( ( 100vw - 1080px ) / 2 );
  }
  
  #header-neu .menu-left .logo-wrap .main-info-wrapper {
    display: inline-block;
		padding-left: 16px;
  }
  
  #header-neu .menu-center {
    width: 1080px;
    height: 122px;
    display: inline-block;
    max-width: 1080px;
  }
  
  #header-neu .menu-right {
    width: 230px;
    float: right;
  }

}

#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .navigation .navigation-menu nav menu .menu_level_0 ul {
  text-align: left;
}

#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .navigation .navigation-menu nav menu .menu_level_0 ul li {
  display: block;
}

#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .lang-switch .lang-switch-wrapper {
  padding-left: 82px;
}

#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .lang-switch .lang-switch-wrapper .lang-switch-item {
  display: block;
  height: 68px;
}

#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .navigation,
#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .main {
  display: inline-block;
}

#header-neu .menu-mobile .menu-mobile-wrapper .menu-mobile-content .main nav menu .menu_level_0 ul li {
  display: block;
  margin-left: 17px;
  text-align: left;
}

body .page .header-wrap #header-neu .menu-right .cta-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 122px;
  text-align: right;
}

body .page .header-wrap #header-neu .menu-left .logo-wrap .main-logo {
  padding: 41px 17px;
  display: inline-block;
  width: 111px;
  height: 40px;
}

.header-wrap #header-neu .logo-wrap .main-logo a.logo img {
  height: 40px;
}

@media (min-width: 595px) {
  body .page .header-wrap #header-neu .menu-left .logo-wrap .main-logo {
    padding: 30px;
    display: inline-block;
    width: 151px;
    height: 67px;
  }
  
  .header-wrap #header-neu .logo-wrap .main-logo a.logo img {
    height: 62px;
  }
  
}

body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info-wrapper .main-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 122px;
}

body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info .front-date {
  display: inline-block;
	font-size: 20px;
  padding: 11px 0 9px 0;
}

body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info .name,
body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info .address .place,
body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info .address .streetAddress,
body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info .address .postalCode {
  display: none;
}

body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info .address .name {
  display: inline-block;
  font-size: 25px;
  line-height: 29px;
  font-weight: 600;
}

body .page .header-wrap #header-neu .menu-left .logo-wrap .main-info-wrapper .main-info .main-info-content span.address {
  display: block;
}

#header-neu .menu-left .logo-wrap .main-logo a.logo img {
  
}

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

/* FOOTER */

.footer-menu-wrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .footer__btt {
    top: 0px;
  }
}
.footer__btt {
  position: absolute;
  right: 40px;
  padding: 17px;
  top: 100px;
}

.btt {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 28px;
  font-weight: 500;
}

.footer__btt a.btt:hover {
  /*color: var(--highlight-color);*/
  color: #FFFFFF;
}

.btt svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.footer__logo {
  width: 151px;
  padding: 37px 30px 37px 17px;
  
}

@media (min-width: 1598px) {
  .footer__logo {
    position: absolute;
    padding: 17px 30px;
  }
}

.footer__logo a svg {
  width: 151px;
  height: auto;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.footer__logo a:hover svg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.footer-menu-wrapper .socialbar {
  display: table;
  margin: 0 auto;
  padding-top: 12px;
}

.footer-menu-wrapper .socialbar__link:first-of-type {
  margin-left: 0;
}

.footer-menu-wrapper .socialbar__link {
  font-size: 0;
  margin-left: 50px;
  color: #fff;
}

.footer-menu-wrapper .socialbar__link:hover path {
  fill: var(--highlight-color);
}

.footer-closer p {
  padding: 17px;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  color: #FFFFFF;
}

@media (max-width: 500px) {
  
  body .page .header-wrap #header-neu .menu-left .logo-wrap .main-logo {
    padding: 41px 17px;
    display: inline-block;
    width: 111px;
    height: 40px;
  }
  
  .header-wrap #header-neu .logo-wrap .main-logo a.logo img {
    height: 40px;
  }
  
  #header-neu .menu-right {
    position: absolute;
    right: 0;
    padding-right: 17px;
    top: 64px;
  }
  
  body .page .header-wrap #header-neu .menu-right .cta-content-wrapper {
    display: block;
    height: unset;
  }
  
  .page-neu .header-neu .menu-right .cta-content-wrapper .cta-content .cta {
    margin: 0;
    padding: 8.5px;
  }
  
  #header-neu .burger-wrapper {
    display: block;
    padding: 17px;
    position: absolute;
    right: 0;
  }
  
}