@charset "utf-8";
/* CSS Document */


/* MAX: 1200px / 75em
------------------------------- */
@media all and (max-width: 75em) {

	
/* BACKGROUNDS & COLORS */
	
	.bg-grau-rotate:after {
		bottom: -40%;
		padding: 300px 1500px;
		left: -200%;
	}
	
	
/* TEASER */
	
	.page-teaser-area {
		height: 600px;
	}
	
	.page-teaser-area #p_lt_content_pageplaceholder_p_lt_zoneMain_EditableImage_ucEditableImage_imgImage {
		min-height: 600px;
		transform: translate(-35%,0)
	}
	
	.teaser-text {
		top: -400px;
		margin-left: 30px;
	}
	
	
	
/* CONTENT */
	
	.page-content {
		padding: 30px;
	}
	
	.page-content.flex {
		flex-wrap: wrap;
	}
	
	.page-content .flex {
		flex-wrap: wrap;
	}
	
	.page-content .col-25 {
		width: 50%;
	}
	
	.ml-10 {
		margin-left: 0;
	}
	
	.usp-img {
		max-height: 300px;
	}
	
		.usp-img img {
			width: 100%;
			max-width: 600px;
			transform: none;
		}
	
	.usp-txt {
		width: 1%;
	}
	
	.usp-detail {
		display: none;
	}
	
	.usp-img:hover .usp-detail {
		display: block;
	}
	
	
	
	.img-fullwidth {
		height: 400px;
	}

	.img-fullwidth img {
		min-height: 400px;
	}

}



/* MAX: 1024px / 64em
------------------------------- */
@media all and (max-width: 64em) {

	/* NAVI */
	
	.page-navigation ul li {
			width: 150px;
		}


}


/* MAX: 768px / 48.1em
------------------------------- */
@media all and (max-width: 48.1em) {

/* BACKGROUNDS & COLORS */
	
	.bg-grau-rotate:after {
		display: none;
	}
	

	
/* NAVI */
	
	.desktop-navi {
		display: none;
	}
	
	.mobile-navi {
		display: block;
	}
	

/* CONTENT */
	
	.page-content .flex-top {
		flex-wrap: wrap;
	}

	.page-content .col-33 {
		width: 100%;
	}
	
	.img-fullwidth img {
		transform: translate(-25%,0)
	}

}


/* MAX: 600px / 37.5em
------------------------------- */
@media all and (max-width: 37.5em) {

/* HEADER */
	
	.search-box {
		display: none;
	}
	
	header a,
	.logo-demetec {
		width: 100%;
	}
	
	.page-header {
		height: auto;
		padding: 30px 15px;
	}
	
	
/* TEASER */
	
	.page-teaser-area {
		height: 400px;
	}
	
	.page-teaser-area #p_lt_content_pageplaceholder_p_lt_zoneMain_EditableImage_ucEditableImage_imgImage {
		min-height: 400px;
	}

	.teaser-text {
		top: -300px;
	}
	
	.teaser-text h1 {
		font-size: 2.5rem;
		line-height: 30px;
	}

	.teaser-text h2 {
		font-size: 1.5rem;
		line-height: 20px;
	}
	

/* CONTENT */
	
	
	.page-content .col-25,
	.page-content .col-50 {
		width: 100%;
	}
	
	.pr-30 {
		padding-right: 0;
	}
	
	.pl-30 {
		padding-left: 0;
	}
	
	.col-box {
		padding: 0;
	}
	
	.page-content .col-50:nth-child(2) {
		margin-top: 30px;
	}
	
	
	.img-fullwidth {
		height: 300px;
	}

	.img-fullwidth img {
		min-width: 100%;
		transform: translate(-25%,0)
	}
	
	
	
/* FOOTER */
	
	.first-footer div div{
		width: 100%;
		float: none;
	}

}


/* MAX: 480px / 30em
------------------------------- */
@media all and (max-width: 30em) {

/* FOOTER */
	
	
	.page-footer .flex-top {
		flex-direction: column;
	}
	
		
		.page-footer .flex-top .col-50 {
			width: 100%;
			float: none;
		}
	
		.page-footer .flex-top .col-50:last-of-type {
			margin-top: 60px;
		}

}



/* MAX: 320px / 20em
------------------------------- */
@media all and (max-width: 20em) {
	


}