/* 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: 62px;}
	
	/* 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;}
		
	/* Logo */	
	div#logo img {width: 50%;}

	
	section div.left {
		float: left;
		width: -moz-calc(100% - 0px); width:-webkit-calc(100% - 0px); width:calc(100% - 0px);
		min-height: auto;
	}
		
		section div.left div.content {
			width: -moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:calc(100% - 60px);
			height: auto;
			padding: 30px 30px 30px 30px;
			vertical-align: middle;
		}	
		
		section div.left div.content.image,
		section div.right div.content.image {width: 100vw; padding: 0px 0px 0px 0px;}		

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

/* Geräte  (iPad Hochformat) bis 767px */
@media (max-width:767px) {
		
}		


/* Geräte bis 480px */
@media (max-width: 480px) {
		
    .content h1, .content h1 a {font-size:22px; line-height:26px; letter-spacing:0.0em;}
    .content h2, .content h2 a {font-size:19px; line-height:23px; letter-spacing:0.0em;}
	.content h3, .content h3 a {font-size:18px; line-height:22px; 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:16px; line-height:20px;}	
	
}