html {-webkit-text-size-adjust: none;}
.video embed,
.video object,
.video iframe {width: 100%;height: auto;}
img{max-width:100%;height: auto;width: auto\9; /* ie8 */}
.grid{margin: 0;}

/* ALL EXEPT LARGEDISPLAYS*/
@media only screen and (max-width: 1219px) {
	header {z-index: 200;}
	.grid.navigation .col-2 {max-width: 0px;}
	.grid.navigation .col-8 {min-width: 100vw; margin-top: 0px; text-align:right;}	

	body.home #section0 #t0{background-position: 50%;}
	
	.footer .fleft,
	.footer .fright {float:none;}
	.footer p {text-align:center;}
	
	body.sub div#content {margin: 20px auto 40px auto;}
}

/* UNTILL lg end */
@media only screen and (max-width: 959px) {
	#content #section1 .vcenter,
	#content #section2 .vcenter,
	#content #section3 .vcenter,
	#content #section4 .vcenter,
	#content #section5 .vcenter,
	#content #section7 .vcenter,
	#content #section6 .vcenter {min-height: unset; padding-top: 20px;}
	
	body.home #section2 .col-6.box-2,
	body.home #section3 .col-6.box-2,
	body.home #section4 .col-6.box-2,
	body.home #section7 .col-6.box-2,
	body.home #section5 .col-6.box-2 {height: 50vh; margin: 20px auto; background-position: 0px -15vw;}
		
	body.home h1 {text-align:center;line-height:100%;}
	body.home h2 {text-align:center;line-height:200%;}
	
	body.home .wrapper,
	body.home #section1 .wrapper  {padding: 5% 5% 5% 10%; display:inline-block; margin:auto;}

	.prowebform {padding: 50px 5% 25px 5%;}
}

/* sm */
@media only screen and (max-width: 479px) {
	body.home #section1 .box {width: 80%; padding: 5%;}	
}

/* md */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body.home #section1 .box {width: 70%; padding: 5%;}
}
/* UNTILL md end */
@media only screen and (max-width: 767px) {	
	.sidebar__inner{left: -75px; padding: 0px 15px 0px 5px; border-radius: 0px 0px 5px 5px;}
	.sidebar__inner p{text-align:center; font-size: 12px;} 
	.sidebarExpand {margin-top: -75px; margin-left: -50px; padding-left: 40px; width: 290px;}
	
	body.sub #datenschutz h4{margin-top: 0px; padding: 0px 5%;}
	body.sub #datenschutz p{ text-align:justify; padding: 12px 5%; font-size:15px; line-height: 18px; margin: 0px;} 
	body.sub #datenschutz ul { padding: 12px 0%;}
}

/* lg */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body.sub #datenschutz  h4{margin-top: 0px; padding: 0px 10%;}
	body.sub #datenschutz  p{ text-align:justify; padding: 12px 10%; font-size:15px; line-height: 18px; margin: 0px;} 
	body.sub #datenschutz ul { padding: 12px 10%;}
}

@media only screen and (min-width: 960px) and (max-width: 1219px) {
	body.home #section1 .box {width: 70%; padding: 5%;}
	body.home h1 {line-height:100%;}
	body.home h2 {line-height:200%;}
	body.home p {font-size: 16px; line-height: 22px;}	
	
	body.home .sidebarExpand p {font-size: 14px; line-height: 34px; text-align:center; margin: 0; color: #efefef;}

	body.home .wrapper,
	body.home #section1 .wrapper {padding: 0 5% 0 10%;}
	
	#content #section1 .vcenter {min-height: 85vh; padding-top: 5vh; padding-bottom:15vh;}
	#content #section2 .vcenter {min-height: unset; padding-top: 0px;}
	body.home #section2 h1{letter-spacing: 0px;}
}

@media only screen and (aspect-ratio >= 3/2) {
	body.home #section1 #t0 {margin-top: 15vh; height: 100vh;}
}

/* LARGEDISPLAYS */
@media only screen and (min-width: 1220px) and (max-width: 1399px) {
	header .grid.navigation {width: 1200px;}
	body.home h1 {line-height:100%;}
	body.home h2 {line-height:200%;}
	body.home #section2 .wrapper {padding: 5% 5% 0 5%;}
}