#mobile-header {
	display: none;
}

#mobileMenu {
	display: none;
}

@media only screen and (max-width: 770px){
	#mobile-header {
		display: inherit;
	}
	
	#mobileMenu {
		display: inherit;
		position: fixed;
		background-color: #9aa9b0;
		height: 100%;
		z-index: 10;
		width: 270px;
		color: #fff;
		top: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		opacity: 1;
		font-family: 'Open Sans', Arial, sans-serif;
	}
	
	#mobileMenu ul {
		list-style: none;
		margin-top: 0;
		padding: 0;
	}
	
	#mobileMenu ul li { 
		border-bottom: 1px solid #fff; 
	}
		
	#mobileMenu ul li a {
		color: inherit;
		font-size: 16px;
		display: block;
		padding: 8px 0 8px 7px;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		font-weight: 700;
		text-transform: uppercase;
		border-left: 4px solid #222;
	}
			
	#mobileMenu>ul>li>a:hover,
	#mobileMenu>ul>li>a.aktiv {
		background-color: #f2f4f5;
		border-left-color: #e1023a;
		color: #e1023a;
	}
		
	/* Submenu */
		
	#mobileMenu ul li ul {
		margin-top: 0;
		display: none;
	}
	
	#mobileMenu ul li ul li { 
		border-bottom: none; 
	}
	
	#mobileMenu ul li ul li a { 
		padding-left: 30px; 
	}
		
	
	/* hamburger */
	
	.left { left: -270px; }
	
	.right { right: -270px; }
	
	.show { 
		left: 0;
		overflow-y: auto;
	}
	
	.left.show {
		-webkit-box-shadow: 5px 0px 5px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    5px 0px 5px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         5px 0px 5px 0px rgba(50, 50, 50, 0.3);
	}
	
	.right.show {
		-webkit-box-shadow: -5px 0px 5px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    -5px 0px 5px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         -5px 0px 5px 0px rgba(50, 50, 50, 0.3);
	}
	
	#showmenu {
		position: absolute;
		display: block;
		top: 15px;
		left: 15px;
		width: 40px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		background: rgba(255,255,255,0.9) url(/_images/menu-button.png) no-repeat;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
		z-index: 10;
	}
	
	#showmenu.open {
		left: 285px;
		position: fixed;
	}
	
	/* Suche */
	
	.mobileSuche {
		width: 220px !important;
		padding: 0 0 0 10px !important;
		position: relative !important;
		height: 90px;
	}
	
	.mobileSuche .suche {
		position: relative !important;
		width: auto !important;
		top: auto !important;
		left: auto !important;
	}
	
	.mobileSuche .suche .formSearch {
		padding: 6px 30px 5px 8px !important;
		font-size: 16px !important;
		width: 160px !important;
		background: #ecedef !important;
		border: none !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	.mobileSuche button.sendSearch {
		background: url(/_images/search_sidr.png) no-repeat !important;
		margin: 0 0 0 5px;
	}
	
}