/* Responsive-CSS - Lenk Webservice UG */

/* Kein Media-Query für Große Geräte, z.B. Desktop-PCs, weil dies der Standard "screen_css.css" ist */
/* ------------------------------------------------------------------------------------------------ */


/* Mittlere Geräte (iPad Querformat) bis 1023px */
@media (max-width:1023px) {
	
	#panel {margin-top: 60px;}

	section:first-of-type > div.left {order: 2;}
	section:first-of-type > div.right {order: 1;}
	
	/* Navigation */
	nav#mainnavi {display:none;}
	div#left-mobil-menu {display:block;}	

	/* Telefon Button */
	.phone_button {top: 7px; right: 85px; width: 53px;}
	.phone_button:hover .first {margin-top: 0px;}
	.phone_button .icon {left: -4px;}
	
	/* Logo */	
	div#logo img {width: 50%;}

	
	section div.left {
		float: left;
		width: 100%;
		min-height: auto;
	}
	
	section div.left div.content {
		width: 100%;
		height: auto;
		padding: 30px 30px 30px 30px;
		vertical-align: middle;
	}	
	
	section div.left div.content.image,
	section div.right div.content.image {width: 100%; padding: 0px 0px 0px 0px;}		

	
	section div.right {
		float: left;
		width: 100%;
		min-height: auto;
		padding: 0px 0px 0px 0px;
	}
	
	section div.right div.content {
		width: 100%;
		height: auto;
		padding: 30px 30px 30px 30px;
		vertical-align: middle;
		border-bottom: 1px solid #DDDDDD;
	}
	
	section .complete div.content {
		width: 100%;
		min-height: auto;
		padding: 30px 30px 30px 30px;
		vertical-align: middle;
	}
	
}		


/* Geräte  (iPad Hochformat) bis 767px */
@media (max-width:767px) {
	
	section,
	section .complete,
	section .complete div.content {min-height: unset;}
	section .complete div.content {height: unset;display: block;}
	
	div#panel img.parallax-mobile {
		display: block;
		width: 100%;
		height: auto;
	}	

	div#panel div.parallax-window {display: none;}	
	
}		


/* Geräte bis 480px */
@media (max-width: 480px) {
	
	.content h1, .content h1 a {font-size:19px; line-height:23px; letter-spacing:0.0em;}
	.content h2, .content h2 a {font-size:16px; line-height:20px; letter-spacing:0.0em;}
	.content h3, .content h3 a {font-size:15px; line-height:19px; letter-spacing:0.0em;}
	figure, section, header, nav, footer, p, h1, h2, h3, h4, ul, li, a, td, th, label, input, textarea, div {font-size:12px; line-height:20px;}	
	
}