/**** Mega Menue 2017, Copyright by Stefan Bublies@dt-internet.de ****/
@media only screen and (min-width: 960px) {

.navbar ul li .submenu {
  left: 20px;
  top: 53px;
  z-index: 2;
  border: 1px solid #ccc;
}

.navbar ul li .submenu {
  display: none;
}

.navbar .dropdown-toggle:after {
  display: none;
}



.navbar ul li .submenu {
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0px 0px 5px 2px #bfbfbf;
  left: 190px;
  min-height: 150px;
  height: auto;
  min-width: 740px;
  position: absolute;
  top: 54px;
  z-index: 3;
  line-height: 120%;
}


.navbar ul li ul li a:hover { 
  background: #0068B4;
}
         
.navbar ul li.open { 
}
    
   
.navbar ul li.open a:hover {
  background: #0068B4;
}

.navbar ul li.open a:hover {
  background: #00518c;   
}
    
.navbar ul li:hover ul li a {
  background: inherit;
}
    
.navbar ul li.open ul li a:hover {
  background: #00518c;
  text-decoration: none;
}
    
.navbar ul li:hover ul {
  display: none
}
    
.navbar ul li.open ul {
  display: block;
}
    
.navbar ul li .submenu:after {
  left: 7% !important;
}

.navbar ul li + li .submenu {
  left: 190px;
}
.navbar li + li .submenu:after {
  left: 27% !important;   
}

.navbar ul li + li +li .submenu {
  left: 195px;
}

.navbar ul li + li +li .submenu:after {
  left: 48% !important;
}

.navbar ul li + li + li + li .submenu {
  left: 200px;
}

.navbar li + li + li + li .submenu:after {
  left: 68% !important; 
}

.navbar ul li + li + li + li + li .submenu {
  left: -588px;
}

.navbar li + li + li + li + li .submenu:after {
  left: 89% !important; 
}

.navbar ul li .submenu:after {
 border-bottom: 9px solid #ffffff;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 content: "";
 left: 43%;
 position: absolute;
 top: -7px;
 z-index: 3;   
 width: 20px;
 height: 10px 
}

.navbar ul li ul .second-navi-box {
  width: 200px;
  margin-left: 23px;
}

.second-navi-box {
  margin-bottom: 20px;
}
.navbar ul li .submenu li {
  float: left;
}

.navbar ul li ul .second-navi-box ul {
  width: 300px;
  height: auto;
}

.navbar ul li ul .second-navi-box ul li {
  padding: 2px 0 2px 0px;
}

.navbar ul li ul li ul {
  background: none;
  position: inherit;
  box-shadow: inherit;
}

.navbar ul li ul .second-navi-box ul li, #header .main-navi ul li ul .third-navi-box ul li {
  width: 100% !important;
}

.navbar ul li ul .second-navi-box ul li a, #header .main-navi ul li ul .third-navi-box ul li a {
  padding: 0;
  height: auto;
  border-bottom: 2px solid #f1f1e9;
  padding: 4px 5px 5px 8px;
  font-size: 1.02em;
  max-width: inherit;
  width: auto;
}

.navbar ul li a {
  background: #0068b4 none repeat scroll 0 0;
  border-right: 1px solid #e3e2d4;
  display: table-cell;
  font-size: 1.02em;
  height: 20px;
  line-height: 16px !important;
  margin-bottom: auto;
  margin-top: auto;
  padding: 0 20px 3px;
  text-align: center;
  vertical-align: middle;
  width: 152px;
}

.navbar ul li {
  width: 20% !important;
}

.navbar ul li ul li a {
  background: none;
  min-width: 143px;
  border-right: none;
  max-width: 246px;
  text-align: left;
  width: inherit;
  padding-left: 22px;
  height: 38px;
  font-size: 0.9em;
}

.navbar ul li ul .second-navi-box ul span, .navbar ul li ul .third-navi-box ul span, .third-navi-box ul li span {
  color: #86846b;
  font-size: 106%;
  font-weight: 500;
  height: 19px;
  margin-top: 25px;
  text-transform: uppercase;
  display: block;
  text-align: left;
}

.third-navi-box ul li {
  width: auto !important;
}

.third-navi-box ul li span {
  margin-top: 12px !important;
}

.header .carousel-control, .header .carousel-control {
  z-index: 1;
}

.carousel-indicators{
  z-index: 1 !important;
}

.header .carousel-caption {
  z-index: 1 !important;
}

.second-navi-box a.nav-link{
  background-color: #0068B4 !important;
}

.second-navi-box .nav-item {
  margin-top: 20px !important;
}

.navbar ul li ul .third-navi-box {
  width: 200px;
}
.navbar ul li ul .third-navi-box {
  margin-right: 0;
  margin-left: 200px;
}
.navbar ul li ul .third-navi-box ul li .nav-image {
  float: left;
  width: 180px;
  margin-right: 9px;
  height: auto;
  overflow: hidden;
}

.nav-image img {
  width: 100%;
}
.navbar .third-navi-box ul li a, .navbar .third-navi-box ul li a:hover {
  background: none !important;
  color: #373a3c;
  font-size: 106% !important;
}

.third-navi-box .nav-text {
  margin-top: 10px;
  margin-bottom: 10px;
}
.third-navi-box .nav-image {
  margin-bottom: 10px;
}
}


/*** Anpassungen fuer TYPO3 CMS 9LTS by Stefan Bublies@dt-internet.de ***/

.social-gdpr-youtube-video {
  width: 100% !important;
}

li.nav-item.sub.sub-three {
    padding-left: 3em;
}