/*
 * NAVIGATION
 */


.navbar-wrapper .navbar-collapse {
  float: none;
}

#mainnavigation {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}

  .navbar-mainnavigation .dropdown-nav {
    display: flex;
    flex-direction: column;
  }


/** ALLE EBENEN **/

#mainnavigation ul {
  padding: 0;
  margin: 0;
}

#mainnavigation li {
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
}
.navbar-mainnavigation #mainnavigation .navbar-nav > li > .nav-link:before {
  background: transparent;
}


.navbar-mainnavigation .nav-link:not(.nav-link-toggle)::before {
  display: none;
}

#mainnavigation a {
  display: block;
  color: #555;
  position: relative;
  outline: none;
  text-decoration: none;
  line-height: 1.2;
  padding: 1rem 1rem 1rem 1rem;
}

#mainnavigation ul.nav-next-level {
  display: none;
}


/** 2. EBENE **/

@media (min-width: 992px) {
  #mainnavigation .navbar-nav ul.level2 > li > a {
    background: #21214A;
  }
}

/** 3. EBENE **/

@media (min-width: 992px){
  #mainnavigation .navbar-nav ul.level3 > li > a {
    background: #21214A;
    padding: 1rem 1rem 1rem 1rem;
  }
}



/*** RESPONSIVE ***/


@media (min-width: 992px) and (max-width: 74.9375rem){
  #mainnavigation ul.navbar-nav > li > a {
    font-size: 1.0625rem;
  }
}


/*@media (max-width: 47.9375rem){*/
@media (max-width: 991px){

  .navbar-default .navbar-toggler,
  .navbar-default-transition .navbar-toggler,
  .navbar-default-transition.navbar-transition .navbar-toggler {
    color: #1279B8;
  }

  /** ALLE EBENEN **/
  #mainnavigation .navbar-nav ul.nav-next-level {
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #mainnavigation .navbar-nav li.is-open > ul.nav-next-level {
    display: block;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #mainnavigation .navbar-nav li.subpages > i {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #mainnavigation .navbar-nav li.is-open > i {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  #mainnavigation .navbar-nav li.is-open > ul.nav-next-level {
    display: block;
  }

  /** 1. EBENE **/

  #mainnavigation .navbar-nav > li > a {
    padding-left: 0;
    padding-right: 0;
  }

    #mainnavigation .navbar-nav > .dropdown > .nav-link-toggle:after {
    content:'\e5cf' / '<span class="aria-hidden">Pfeil unten</span>';
    font-family: 'Material Icons';
    font-size: 2.1875rem;
    position: relative;
    top: 0.1875rem;
    left: 0;
    line-height: 0.2em;
    color: #1279B8;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
    #mainnavigation .navbar-nav > .dropdown.show > .nav-link-toggle:after,
    #mainnavigation .navbar-nav > .dropdown > .nav-link-toggle.show:after {
    /*  content:"\e5ce";  */
	transform: rotate(90deg);
    }
    #mainnavigation ul.navbar-nav li a:focus,
    #mainnavigation ul.navbar-nav li .nav-link-toggle:focus
     {
      border: 0.125rem solid #1279B8;
      outline: 0.125rem #1279B8;
    }

  /** 2. EBENE **/

  #mainnavigation .navbar-nav ul.level2 > li {
    padding-top: 0 !important;
  }
  #mainnavigation .navbar-nav ul.level2 > li > a {
    padding-left: 1.5625rem;
  }

  #mainnavigation .navbar-nav ul.level2 > li.active > a {
    color: #fff;
  }

  /** 3. EBENE **/

  #mainnavigation .navbar-nav ul.level3 > li > a {
    padding-left: 2.5rem;
    font-size: 1rem;
  }

  #mainnavigation .navbar-nav ul.level3 > li.active > a {
    background: #999;
    color: #559A7E;
  }

}


/*** DESKTOP ***/

/*@media (min-width: 768px){*/
@media (min-width: 992px){

  #page-header.fix-navi {
    padding: 0 0 4.375rem;
  }
  #page-header.fix-navi .row-3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 0.625rem #555;
    -moz-box-shadow: 0 0 0.625rem #555;
    -o-box-shadow: 0 0 0.625rem #555;
    box-shadow: 0 0 0.625rem #555;
  }
  #page-header.fix-navi .row-3 > .container {
    margin: 0 auto;
    float: none;
  }

  #mainnavigation .navbar-nav {
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: space-around;
    flex: 1 0 auto;
    gap: 0.6rem;
  }

  /** ALLE EBENEN **/
  #mainnavigation .navbar-nav > li > a span {
    display: block;
    padding: 1rem;
  }
  #mainnavigation .navbar-nav ul li a {
	transition: none;
  }
  #mainnavigation .navbar-nav ul li a:hover,
  #mainnavigation .navbar-nav ul li a:focus {
    background: #1279B8;
    color:#ffffff;
	width: 100%;
	transition: none;
	border-radius: 0.75rem;
  }
 #mainnavigation .dropdown-menu {
    min-width: 16.25rem;
	padding: 0;
	border-radius: 0.75rem;
  }
  #mainnavigation .navbar-nav li.active > a {
    color: #ffffff;
    background-color: #1279B8;
    font-weight: 600;
  }
  #mainnavigation .navbar-nav ul.nav-next-level {
    position: absolute;
    z-index: 10;
    width: 100%;
  }
  #mainnavigation .navbar-nav li.dropdown > i {
    transform: rotate(0deg);
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #mainnavigation .navbar-nav li.dropdown:hover > i {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  /** 1. EBENE **/

  #mainnavigation .navbar-nav > li {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #mainnavigation .navbar-nav > li > a {
    font-size: 1.375rem;
    border: 0.125rem solid #ffffff;
  }
  #mainnavigation .navbar-nav > li > a:hover {
    color: #1279B8;
  }
  #mainnavigation .navbar-nav > li.active > a:hover {
    color: #ffffff;
  }

  #mainnavigation .navbar-nav > li > a:focus {
    border: 0.125rem solid #1279B8;
    outline: 0.125rem #1279B8;
  }
  #mainnavigation .navbar-nav > li.active > a:focus {
    border: 0.125rem solid #fff;;
    outline: 0.125rem solid #132D00;
  }
  #mainnavigation .nav-link:focus,
  #mainnavigation .nav-link:focus-visible {
    border: 0.125rem solid #1279B8;
    outline: 0.125rem #ffffff;
  }
  #mainnavigation .navbar-nav > .dropdown > .nav-link-toggle {
    width: 2.1875rem;
  }
  #mainnavigation .navbar-nav > .dropdown > .nav-link-toggle:after {
    content:'\e5cf' / '<span class="aria-hidden">Pfeil unten</span>';
    font-family: 'Material Icons';
    font-size: 2.1875rem;
    position: relative;
    top: 0.1875rem;
    left: 0;
    line-height: 0.2em;
    color: #1279B8;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #mainnavigation .navbar-nav > .dropdown.show > .nav-link-toggle:after,
  #mainnavigation .navbar-nav > .dropdown > .nav-link-toggle.show:after {
  /* content:"\e5ce"; */
  	transform: rotate(180deg);
  }
  #mainnavigation .navbar-nav .nav-link {
    display: flex;
    padding: 0;
  }

  /** 2. EBENE **/

  #mainnavigation .navbar-nav > .dropdown > ul {
    border: 0;
  }
  #mainnavigation .navbar-nav > .dropdown > a {
    padding-right: 0;
  }
  #mainnavigation .navbar-nav > .dropdown > a > span {
    position: relative;
  }

  #mainnavigation .navbar-nav > .dropdown.active > a > span:after {
    color: #ffffff;
  }

  #mainnavigation .navbar-nav ul.dropdown-menu {
    min-width: 15.625rem;
  }
  #mainnavigation .navbar-nav ul.dropdown-menu > li > a.active {
    background: #1279B8;
    color: white;
  }


  /** 3. EBENE **/
  #mainnavigation .navbar-nav ul.level3 > li > a {
    color: white;
  }
  #mainnavigation .navbar-nav li.subpages:hover > ul.level3 {
    left: 100%;
    top: 0;
  }
  #mainnavigation .navbar-nav > li.last.subpages:hover ul.level3 {
    left: -100%;
  }
  #mainnavigation .navbar-nav ul.level3 > li {
    border-bottom: 0.0625rem solid #eee;
  }
  #mainnavigation .navbar-nav ul.level3 > li.active > a {
    background: #000168;
    color: white;
  }

}


/* 12.10.2020 - Korrektur Homeicon - Sergey */

.nav-item.dropdown.dropdown-hover.show {
  display: flex !important;
}

.dropdown-menu.show {
  display: block !important;
}

#mainnavigation .navbar-nav > li:first-child.active > a:after {
  color: #FFFFFF;
}