#mobile-header {
	display: none;
}

#mobileMenu {
	display: none;
}

@media only screen and (max-width: 760px){
	#mobile-header {
		display: inherit;
	}
	
	#mobileMenu {
		display: inherit;
		position: fixed;
		background-color: #1A76B4;
		height: 100%;
		z-index: 1000;
		width: 270px;
		color: #333;
		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: 2px solid #fff; 
	}
		
	#mobileMenu ul li a {
		color: #fff;
		font-size: 18px;
		display: block;
		padding: 8px 15px 8px 15px;
		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: #333;
	}
		
	/* Subnav */
		
	#mobileMenu ul li ul {
		margin-top: 0;
		display: none;
	}
	
	#mobileMenu ul li ul li { 
		border-bottom: none; 
		border-top: #fff 1px solid;
	}
	
	#mobileMenu ul li ul li a { 
		padding-left: 30px;
		font-size: 14px;
	}
	
	#mobileMenu ul li ul li a.aktiv { 
		color: #333;
	}
		
	
	/* Hamburger */
	
	.left { left: -270px; }
	
	.right { right: -270px; }
	
	.show { 
		right: 0;
		overflow-y: auto;
		-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: 0;
		right: 0;
		width: 50px;
		height: 60px;
		text-indent: -9999px;
		overflow: hidden;
		background: #fff url(/_images/menu-button.png) no-repeat 15px 15px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
		z-index: 10;
	}
	
	#showmenu.open {
		right: 270px;
		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;
	}
		
}
