header nav {
	z-index: 41;
}
.navi.affix {
	z-index: 41;
}

div.left-mobil-navigation {
	display:none;
	z-index:2000;	
	position:fixed;
	top:0px;
	width:73%; /* 85% */
	opacity:0;
	height:100%;
	}

	div.left-mobil-navigation.active {opacity:1;}

body.menu-mobile {
	height:100%!important;
	min-height:100%!important;
	}	

body.menu-mobile::before {
	z-index:1000;
	position:fixed;
	content: " ";
	width:100%;
	height:120%;
	background-color:rgba(0, 0, 0, 0.6);
	}	

	.menu-mobile div#zentrierung {
		position:fixed;
		width:100%;
		}	

div#left-mobil-menu {
	display:none;
	position:fixed;
	z-index:250;
	top:0px;
	left:0px;
	width:-moz-calc(100% - 0px);
	width:-webkit-calc(100% - 0px);
	width:calc(100% - 0px);
	height: 60px;
	margin:0px;
	padding: 0px 0px  0px 0px;
	border-bottom: 1px solid #dddddd;
	background-color: #eeeeee;
	}

	div#left-mobil-menu div.mobilmenu_wrapper {
		float:left;
		position:relative;	
		width:-moz-calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
		width:calc(100% - 40px);
		height:60px;
		margin:0px 20px 0px 20px;
		}	

	div#left-mobil-menu a#mobil-logo {
		z-index:5;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		margin:0px 0px 0px 0px;
		}

		div#left-mobil-menu a#mobil-logo > img {height:45px; margin:5px 0px 0px 0px;}		

	div#left-mobil-menu a#mobil-menu {
		z-index:10;
		display:block;
		position:absolute;
		top:7px;
		right:0px;
		width: 53px;
		height: 46px;
		border-radius: 7px;
		background-color: #4e8eb1;
		}

		div#left-mobil-menu a#mobil-menu:hover {background-color: #427895;}

		div#left-mobil-menu a#mobil-menu .fa::before {position: relative; top: 8px; left: 13px; font-size:32px; color:#ffffff;}	
		div#left-mobil-menu a#mobil-menu:hover .fa::before {font-size:32px; color:#ffffff;}	

.mobile-menu-list {
	display:none;
	position:absolute;
	z-index:2000;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	opacity:0;
	width:100%; /* 60% */
	min-height:100%;
	/*height:auto;*/
	text-align:left;
	top:0px!important;
	border-right:2px solid rgba(0,0,0,0.3) !important;
	background-color:#ffffff;
	}

	.mobile-menu-list.active {opacity:1;}

	.mobile-menu-list ul {
		display: table;
		float: right;
		margin: 0px;
		padding: 10px;
		text-align: left;
		background-color: #fff;
		margin-right: 15px;
		box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
		width: 90%;
		}

		.mobile-menu-list li {
			margin: 0px !important;
			border-bottom: 1px solid rgba(0,0,0,0.1);
			position: relative;
			float: left;
			width: 100%;
			}

		.mobile-menu-list li  .dropdown-wrapper {
			 position: relative !important; 
			 opacity: 1;
			visibility: visible;
			display: none;
			}


		.mobile-menu-list > li.impressum {padding-bottom:30px;}


.mobile-menu-list li  .dropdown-wrapper ul{
	width: 100%;
	margin: 0px;
	box-shadow: none;
	}

.mobile-menu-list li:last-child {border:none;}

.mobile-menu-list li a {
	display:table;
	width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px);
	padding:10px 10px 10px 10px!important; /* 10px 10px 10px 40px */
	border:none!important;
	font-size:18px;
	color:#666666;
	}


.mobile-menu-list li.over > a,.mobile-menu-list li a i:hover ,
.mobile-menu-list li.over > a,.mobile-menu-list li a:hover {color:#2A3A76;}

	.mobile-menu-list li a i.fa.fa-times::before {
		position:absolute;
		top:0px;
		right:9px;
		margin:0px;
		padding:0px;
		font-family:'FontAwesome';
		font-size:24px;
		font-style:normal;
		font-weight:normal;
		line-height:44px;
		color:#4e8eb1;
		text-decoration:none;
		}                                   

		.mobile-menu-list li a:hover i.fa.fa-times::before {color:#427895;}


.mobile-menu-list li .dropdown-menu-mobile{
	width: 20px;
	position: absolute;
	top: 4px;
	right: 5px;
	padding:7px 10px 7px 40px!important;
	}

	div.left-mobil-navigation a.mobil-menu:hover .fa::before,
	div#left-mobil-menu a.mobil-menu:hover .fa::before,
	.mobile-menu-list li .dropdown-menu-mobile:hover .fa::before,	
	.mobile-menu-list li .dropdown-menu-mobile.active .fa::before {color:#2A3A76;}	


.mobile-menu-list .dropdown-menu li.over > a {color:#2A3A76;}

.mobile-menu-list li.over > a,.mobile-menu-list li a i:hover ,
.mobile-menu-list li.over > a,.mobile-menu-list li a:hover {color:#2A3A76;}	


.list-icons a.mobil-menu {float:left; background: none !important;}
.list-icons a.mobil-menu i {width: 40px;}
.mobile-menu-list li.mobil-times-icon {height:47px;}

.mobil-times-icon a.mobil-menu {
	z-index:100;
	position:absolute;
	right:4px;
	top:2px;
	width:20px;
	margin:0px;
	padding:8px 10px 8px 10px!important;
	font-size:18px;
	}

.mobile-menu-list li .dropdown-wrapper ul {
	margin: 0px;
	box-shadow: none;
	width: 100%;
	text-align:left;
	background-color: rgba(0,0,0,0.04);
	padding: 0px;
}

.mobile-menu-list li .dropdown-wrapper ul li a{
	font-size:18px;
	line-height:20px;
}

.mobile-menu-list li .dropdown-wrapper ul li a:hover,
.mobile-menu-list li .dropdown-wrapper ul li a:focus{
	border:none!important;
	background:transparent!important;
}

div.dropdown-wrapper ul.dropdown-menu a {padding:8px 10px 8px 25px!important;} /* 8px 10px 8px 40px */
ul#list_hauptnavigation_mobile a.mobil-menu .fa,
ul#list_hauptnavigation_mobile a.dropdown-menu-mobile .fa {font-size:22px;}


/* 3te Ebene ------------------------------------------------------------------ */
ul.dropdown-menu li ul.dropdown-menu-e3,
ul.dropdown-menu li ul.dropdown-menu-artikel {display:block;}
	ul.dropdown-menu li.over ul.dropdown-menu-e3,
	ul.dropdown-menu li.over ul.dropdown-menu-artikel {display:block;}

	ul.dropdown-menu li ul.dropdown-menu-e3 li a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li a {
		display:table;
		width:74%; /* 82% */
		padding:8px 10px 8px 45px!important;
		border:none;
		font-size:16px!important;
		color:#666666;
		}

	ul.dropdown-menu li ul.dropdown-menu-e3 li.over a,
	ul.dropdown-menu li ul.dropdown-menu-e3 li:hover a,
	ul.dropdown-menu li ul.dropdown-menu-e3 li:focus a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li.over a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li:hover a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li:focus a {color:#2A3A76;}	


.mobile-menu-list li .dropdown-menu-mobile-menu-e3 {
	width: 20px;
	position: absolute;
	top: 0px;
	right: 5px;
	padding:7px 10px 7px 40px!important;
	}

	.mobile-menu-list li .dropdown-menu-mobile-menu-e3:hover .fa::before,	
	.mobile-menu-list li .dropdown-menu-mobile-menu-e3.active .fa::before {color:#2A3A76;}	

	a.dropdown-menu-mobile-menu-e3 i.fa {
		position:relative;
		top:1px;
		right:5px;
		font-size:17px!important;
		}	


@media (max-width:800px) {
	.menu-mobile div.left-mobil-navigation {display: block !important;}

	div.left-mobil-navigation {width:80%;}

	.mobile-menu-list {
		width:100%;
	}
	.website-contenido{
		position: fixed;
		width: 100%;
	}
	#list_hauptnavigation{
		margin-bottom: 20px;
		display: block;
	}
	#list_hauptnavigation>li[role="presentation"]{
		margin-top: 10px;
	}
	#list_hauptnavigation li:first-child{
		width: 100%;
	}
	#list_hauptnavigation>li:nth-child(2) {
		margin-left: 13%;
	}
	.navi.affix .sticky-logo {
		display:inline;
		left: 5%;
		top:6px;
	}
	nav.affix #list_hauptnavigation{
		margin: 0px;
		padding: 0px;
	}
	nav.affix #list_hauptnavigation li:first-child {
		width: inherit;
		margin: 0px;
	}
	nav .list-icons {
		position: absolute;
		float: left;
		right: 20px;
		margin-top: 50px;
	}
	nav.affix .list-icons {
		display: none;
	}
}
@media (min-width:800px) {
	div#left-mobil-menu {height: 0px;}
}

@media (max-width:480px) {

	div.left-mobil-navigation {width:80%;}

}	

@media (min-width:1201px) {
body.menu-mobile::before{
	z-index:-1;
	background-color:#f5f5f5;
	}	
}