/* IPAD PORTRAIT + LANDSCAPE */
	@media only screen 
	and (max-width : 1130px) {
		
		.row, .frame-custom-130 {
			width: 90%;
		}

		.row .row { width: 100% }
		
	} 

@media only screen 
and (max-width : 1070px)  {
		/*.mainnavwrap {
			display: none;
		}*/
		
		#header .col-30 {
			width: 20%;
		}
		#header .col-70 {
			width: 80%;
		}
		
		#header .vt-logo-header {
			max-width: 200px;
			height: auto;
		}
		
		#mainmenu {
			margin-top: 40px;
		}
		
		#teaser .col-30 {
			margin: 0 auto !important;
			float: none;
		}
		
		.stageproductinner .pullcenter {
			max-width: 85%;
			margin: 0 auto;
		}
		
		#stage.stageproductswrapper {
			height: auto !important;
			padding-bottom: 150px;
		}
		
		.stageproductinner h1 {
			padding: 0 300px 0 0;
		}
		
		
		.stageproductswrapper h2 {
			max-width: 85%;
			line-height: 1.2em;
			padding: 20px 0;
		}
			.stageproductswrapper .csc-header-n2 {
				padding: 0 !important;
			}
		
		.produktnavigation-sidebar li {
			font-size: 1.2em;
		}
}

@media only screen 
and (max-width : 960px)  {
	.mainnavwrap {
		position: fixed;
		top: 0;
		left: -100%;
		display: block !important;
		position: fixed;
		top: 0;
		left: -100%;
		background: rgba(255, 255, 255, .95);
		width: 100%;
		height: 100%;
		z-index: 8888;
	}
	
	.tabssection .tabs li, .tabssection .tabs li a {
		display: block;
	}
	
	
	.news-list-container h2 {
		font-size: 1.5em !important;	
		margin: 0 0 20px 0;
	}
	
	.news-list-container IMG {
		float: none;
		margin: 10px 0;
	}
	
	#mainmenu {
		text-align: left;
		padding: 0 30px;
		padding-top: 80px;
	}
	#mainmenu li, #mainmenu li a {
		float: none;
		display: block;
		text-align: left;
	}
	
	#maincontent h1 {
		font-size: 1.4em;
	}
	
	#header {
		height: 120px !important;
	}
	
	
	#menuhandler {
		display: block;
	}
	
	.langnavwrap {
		position: absolute;
		top: 10px;
		right: 30px !important;
	}
}


/* IPAD PORTRAIT + LANDSCAPE */
	@media only screen 
	and (max-width : 768px) 
	/*and (min-device-width : 768px) 
	and (max-device-width : 1024px)*/  { 
		
		.langnavwrap {
			position: absolute;
			top: 0;
			right: 0;
		}
		
		#newsteaser .newsitem {
			width: 90% !important;
			margin: 0 auto;
			float: none;
			margin-bottom: 60px;
		}

		#closespeedinfo { font-size: .5em }

		.sidebarproductimage, .thesidebar .frame-custom-135 { margin-top: 0 }
		
		.productrow .productitem, .productRow50 {
			width: 80%;
			margin: 0 auto;
			float: none;
			padding: 0;
			margin-right: auto !important;
			margin-bottom: 30px;
		}
		
		.col-100 .csc-firstHeader, .productRow50 h2 {
			text-align: center;
			margin: 0 0 30px 0 !important;
		}
		
		
		
		.stageproduct {
			display: none;
		}

		.slide-christmas .stageproduct {
			display: block;
		}
		
		.swiperinner p {
			width: 100%;
		}
		.swiperinner {
			padding: 0 50px;
		}
		#stage {
			height: 650px;
		}
			#stage .swiper-container {
				height: 100%;
			}
			.swiperinner p:first-child {
				padding: 200px 0 0 0;
			}
			
			.galerie {
				/* */
			}
		
		.hidemobile {
			display: none;
		}
		
		.mobile-50 {
			float: left;
			width: 50% !important;
			padding: 0 0 50px 0;
		}
		
		.row {
			width: 85%;
		}

		.stageproductinner .row { width: 90% }
		
		
		.align-center {
			padding: 0 40px;
		}
		
		.col-30, .serviceitem {
			width: 90% !important;
			margin: 0 auto;
		}
		
		
		.pf-content-item .col-30{
			padding: 50px 0 0 0;
		}
		
		#teaser .col-30 {
			margin: 0 auto !important;
			margin-bottom: 60px !important;
			text-align: center;
		}
		
		.serviceitem {
			margin: 0 0 30px 0;
		}
		.serviceicon {
			text-align: center;
		}
		
		/* KONTAKTFOOTER */
			
			#kontaktfooter .col-20 {
				display: none;
				width: 30%;
			}
			#kontaktfooter .col-20:first-child {
				display: block;
			}
			#kontaktfooter .col-25 {
				width: 30%;
			}
			
			#kontaktfooter .row {
				width: 70%;
			}
			
		
		/* TEAM ITEMS*/
			.teamitem {
				width: 60%;
			}
			
			.teamfoto {
				width: 100%;
				float: none;
			}
			.teamtext {
				width: 100%;
				float: none;
				padding-bottom: 40px;
			}			
			
			.teamtext blockquote {
				font-size: 1.2em;
				line-height: 1.7em;
			}
			
		/* CTA QUESTION */
			#ctaquestion a {
				margin: 30px 0 0 0;
			}
			
		/* FOOTER */
			#vtfooter .col-40 {
				display: none;
			}
			
			#vtfooter .col-15 {
				width: 100%;
			}
			#vtfooter .col-30 {
				width: 100%;
			}
		
		
		#maincontent, #sidebarright, .columnleft, .thesidebar {
			width: 100% !important;
			float: none;
		}
		
		#maincontent {
			padding: 0 0 40px 0;
		}	
		
		.stageproductswrapper .csc-header-n2 {
			width: 100%;
			height: auto;
			padding: 0 20px;
		}
		
		.sidebarproductimage {
			margin-top: 30px;
		}
		
		.stageproductinner h1 {
			padding: 0 30px 0 0;
		}
		
		#productSlider {
			margin-top: 20px;
		}
		

		#stage, .swiperinner { height: 500px; }
		
	}

@media only screen 
and (max-width : 600px) {

	.slide-christmas .stageproduct {
		width: 400px;
		margin-right: -200px;
		}

}


@media only screen 
and (max-width : 568px) 
/*and (min-device-width : 768px) 
and (max-device-width : 1024px)*/  { 
	/* TEAM ITEMS*/
		.teamitem {
			width: 80%;
		}
	
	
	/* FOOTER */	
		#kontaktfooter .mobile-50 {
			float: none;
			width: 100% !important;
			padding: 0 0 20px 0;
			text-align: center;
		}
		
		#vtfooter .row {
			width: 70%;
		}
		
		#vtfooter .col-15, #vtfooter .col-30 {
			float: none;
			width: 100%;
			padding: 0 0 30px 0;
		}
		
		#vtfooter .pb-150 {
			padding-bottom: 40px !important;
		}
		
		.hideh5 h5 {
			display: none;
		}
		
	#pfteaser-title h2, .newsheader h2 {
		line-height: 1.3em;
	}
	
	#ctaquestion a {
		padding: 15px 25px;
	}
	
	#pfteaser-content .col-30 {
		width: 100% !important;
		float: none;
		text-align: center;
	}
	
	.pf-content-item img {
		float: none !important;
		max-width: 70%;
		margin: 0 auto;
	}
	
	#pfteaser-header a {
		font-size: 1.2em;
	}
	
	#newsteaser .newsitem:last-child {
		margin: 0 auto;
	}
	
	
	.produkt-kachel-wrap {
		width: 50%;
		margin: 0;
	}
}
	

@media only screen and (max-width : 500px) {
	
	
	#stage {
		height: 550px !important;
	}
	#stage.stagepages {
		height: 150px !important;
	}
		#header {
			height: 100px;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
		}
		#header .vt-logo-header {
			width: 150px;
		}
		
		.langnavwrap {
			position: absolute;
			top: 0;
			right: 20px;
		}
		
		#pagescontent p, #pagescontent ul, #pagescontent ol {
			font-size: .8em;
		}
		
	.swiperinner p {
		font-size: 1em;
	}
	
	#teaser .col-30 {
		width: 90%;
		margin: 0 auto !important;
		float: none;
		margin-bottom: 60px !important;
	}
	
	#teaser .col-30 p {
		font-size: 1em;
	}
	
	#portfolioteaser .col-70 {
		width: 100%;
		float: none;
	}
	#portfolioteaser .col-70 p {
		font-size: 1em;
	}
	
	#vtfooter .col-30 {
		width: 100% !important;
		float: none;
	}
	
	#ctaquestion h4 {
		line-height: 1.3em;
		font-size: .8em;
	}
	
	a#closespeedinfo {
		font-size: .5em !important;
		display: inline-block;
		width: 70%;
	}
	
	#scrolledtofast img {
		width: 150px !important;
		margin: 0;
	}
	
	.setcookie {
		padding: 40px 0 0 0;
	}
}
	
		
/* IPAD PORTRAIT + LANDSCAPE RETINA */	
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)
	and (-webkit-min-device-pixel-ratio: 2) { 
		.row {
			width: 90%;
		}
	}
	

@media only screen and (max-width : 350px) {

	.produkt-kachel-wrap {
		width: 100%;
		margin: 0;
	}
	
	}