@charset "utf-8";
/* CSS Document */

/* -------------------------------- 

Modules - reusable parts of our design
Modules - reusable parts of our design

-------------------------------- */


#mobil-logo{
	position:relative;
	float:left;
	top:35px;
	left:20px;
	width:175px;
	height:70px;
	background-image:url(../img/logo.png);
	background-size:cover;
	background-position:top;
	background-repeat:no-repeat;
	display:none;
}
/*----------------------------------------------------------------*/
#mobil-header{
	position:relative;
	width:100%;
	height:130px;
	background-color:#EBEBEB;
	top:0;
	z-index:1010;
	display:none;
}
/*----------------------------------------------------------------*/
#mobil_open{
	position:relative;
	float:right;
	right:0;
	width:130px;
	height:100%;
	display:none;
	border-left:1px solid #E3E3E3;
	text-align:center;
}
#mobil_open img{
	margin-top:50px;
}
#mobil_open img, #close img{
	width:30px;
	height:30px;
}
#mobilnav{
	position:fixed;
	overflow:scroll;
	display:none;
	width:100%;
	height:100%;
	z-index:9999999999;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
	display:none;
}
#close{
	position:fixed;
	height:130px;
	width:100%;
	top:0px;
	z-index:99999;
	overflow:hidden;
	background-color:#fff;
	border-bottom:1px solid rgba(204,204,204,0.5);
}
#close img{
	margin-top:50px;
	margin-right:50px;
	float:right;
}
#mobil_open img, #close img{
	width:30px;
	height:30px;
}
#mobilnav ul{
	position:relative;
	width:100%;
	height:auto;
	margin-top:130px;
	background-color:#fff;
	text-align:left;
	overflow:visible;
}
#mobilnav ul li, #important ul li, #import ul .mobil_sprache{
	height:auto;
	width:100%;
	border-bottom:0.5px solid #E2E2E2;
	background:#fff;
	color:#666;
	text-align:left;
	 z-index:100000;
}
#mobilnav ul .important{
	background:#e5007d;
	color:#fff;
}
#mobilnav ul .important a{
	color:#fff;
}
	
#mobilnav ul li a{
	position: relative;
	display: block;
	text-align:left;
	padding-left:30px;
	height: 100%;
	border-bottom: 1px solid #dfdbec;
	color: #666;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	padding-top:30px;
	padding-bottom:30px;
}	
#mobilnav ul li a span {
	  padding-left:20px;
}
#mobilnav ul li a span1 {
	  padding-left:50px;
	  color:#999;
}
.mobil_sprache{
	background-color:#E2E2E2 !important;
}
	
	
.dropdownmobil{
	display:none;
}


/*----------------------------------------------------------------*/




@media only screen and (max-width: 1380px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 980px) {	
}
@media only screen and (max-width: 768px) {	
	#mobil_header{
	display:block;
	}
	#mobil-header{
	display:block;
	}
	#mobil_open{
	display:block;
	}
	#mobil-logo{
	display:block;
	}
}
@media only screen and (max-width: 640px) {	
}