/*********** oberste Ebene horizontal ********/

ul#menu {
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	list-style-type:none;
	margin:0;
	padding:60px 0 0 0;
	display: flex;
	flex-direction: row;  
	background-color:#fff;
	justify-content:left;
	}
ul#menu li{
	list-style: none;
	}
ul#menu li a {
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #164194;
	font-weight:500;
	font-size:1.20em;
	text-decoration:none;
	padding:9px 12px;
	cursor:pointer;
	border-bottom:4px solid #fff;
	}
ul#menu li a:hover{
	text-decoration:none;
	background:none;
	color: #164194;
	cursor:pointer;
	border-bottom:4px solid #164194;
	}
ul#menu li.current a{
	border-bottom:4px solid #164194;
	}

ul#menu > li > a {
	cursor:default;
}
/*********** 1. Ebene vertikal********/

ul#menu li ul.menu {
	margin-left:2vw;
	}

ul#menu li ul.menu li{
	min-width:auto;
	margin:0;
	}
ul#menu li ul.menu li a{ 
	font-family: canada-type-gibson, sans-serif;
	display:block;
	color:#fff !important;
	font-weight:500;
	font-size:1.1em;
	line-height:140%;
	padding:7px 20px;
	margin:0;
	border-bottom:none;
	}
ul#menu ul.menu li a:hover, ul#menu ul.menu > li.current > a, ul#menu ul.menu li.active a, ul#menu ul.menu li.active ul li.active a, ul#menu ul.menu li.active ul li a:hover{
	color:#ccdbe9 !important;
	background:none;
	}

ul#menu ul.menu li.active ul li a {
	color:#fff !important;
	}
ul#menu ul.menu li ul li{
	margin-left: 20px;
  	list-style-type: square !important;
  	list-style-position: outside !important;
	color:#fff;
	}
ul#menu ul.menu li ul li a{
	padding:7px 8px;
	}
ul#menu > li.mega-menu > a {
	cursor:default;
}

/*********** 2. Ebene vertikal********/

ul#menu ul.menu li ul li ul li{
	margin-left: 3px;
  	list-style-type: square;
  	list-style-position: outside;
	color:#fff;
	}

/************ Korrektur Positionierung 3. Menueebene ************/

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: calc(100% - 1.25rem);
	}
/************ Rahmen Submenu entfernen **************************/

.is-dropdown-submenu {
    border: none;
	}
.mega-menu .dropdown-pane {
  	width: 100% !important;
  	max-width: 100vw !important;
  	margin: 0 auto !important;
  	left: 0% !important;
  	right: 0% !important;
  	top: 100px !important;
	}
.dropdown-pane {
  	position: absolute;
  	z-index: 10;
  	width: auto;
  	padding: 2vw 1rem;
  	visibility: hidden;
  	display: none;
  	border: none;
  	border-radius: 0;
  	background-color: #164194;
  	font-size: 1rem;
	}
.mega-menu > a::after {
  	display: none !important;
   	}
.mega-menu .column .menu li a.ueberschrift {
	font-weight:500 !important;
	font-size:1.4em !important;
	}

/**********************************************/
@media only screen and (max-width: 1023px) {

#example-menu {
	position:absolute;
	display:block;
	margin:0;
	width:100%;
	background:#fff !important;	
	z-index:40000;
	}
ul#menu ul.menu li ul {
	padding-bottom:30px;
	}
ul#menu ul.menu li ul li ul{
	padding-bottom:0px;
	}
}

/**********************************************/
@media only screen and (max-width: 640px) {

#example-menu {
	position:fixed !important;
	margin:0;
	top:0;
	left:0;
	width:100vw;
	overflow:scroll;
	z-index:4000;
	}
ul#menu {
	display:block;
	text-align:left !important;
	margin:0;
	width:100% !important;
	background:#164194;
	padding:60px 10px 30px 30px;
	z-index:4000;
	height:100vh;
	}
ul#menu li{
	text-align:left;
	border-bottom:none;
	width:100%;
	margin:0;
	padding:0;
	}
ul#menu li a {
	color: #fff;
	font-size:1.2em;
	margin:0;
	padding:8px 0 8px 10px;
	text-decoration:none;
	border-bottom:none;
	}
ul#menu li a:hover{
	color:#ccdbe9 !important;
	}

.is-dropdown-submenu {
    border: none;
	}
.mega-menu .dropdown-pane {
  	position: relative;
  	width: 95% !important;
  	margin: 0!important;
  	left: 0 !important;
  	right: 0 !important;
  	top: 0 !important;
  	padding:0;
  	background-color: #5272b0;
	}

ul#menu li ul.menu  {
	position:relative;
	margin-top:auto;
	z-index:100;
	padding:4px 0 0 0;
	}
.menu li ul, ul#menu ul.menu li ul {
	border-bottom:none;
	width:100%;
	}
ul.menu li ul li, ul#menu ul.menu li ul li {
	margin-left: 20px;
	width:100% !important;
	}
ul#menu li ul.menu li ul {
	padding-bottom:0;
	}
.mega-menu .column ul.menu li ul {
	list-style-type: square;
	list-style-position: inside;
	}
.mega-menu .column .menu li a.ueberschrift {
	font-size:1.2em !important;
	}
}



/************ Abfrage für IE11 ******/
        

ul#menu ul.menu li {
	width: auto;
	}