/* cmsms stylesheet: IKS 2021 Background Allgemeines modified: Sonntag, 5. Mai 2024 21:19:51 */

/* background images for 'das-sind-wir' page */

@media (orientation: portrait) {		
		/* Individual background images */
		.bgimg-2::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-sprechblasen-portrait.jpg");}
		.bgimg-3::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-cheesewagon-portrait.jpg");}
		.bgimg-4::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-berufsorientierung-portrait.jpg");}
		.bgimg-5::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-kantschreibt-125-portrait.png");}
		.bgimg-6::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-allgemeines-ende-portrait.jpg");}
}

@media (orientation: landscape) {	
		.bgimg-2::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-sprechblasen-landscape.jpg");}
		.bgimg-3::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-cheesewagon-landscape.jpg");}
		.bgimg-4::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-berufsorientierung-landscape.jpg");}	
		.bgimg-5::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-kantschreibt-125-landscape.png");}
		.bgimg-6::before {background-image: url("https://www.iks-ruesselsheim.de/2021-layout/img/bg/bg-allgemeines-ende-landscape.jpg");}	
}

	/* Individual styles */	
	.bgimg-2 {		
		height: 75%;
		clip-path: polygon(0% 0%,100% 7%,100% 100%,0% 93%);
	}
	.bgimg-3 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 7%,100% 100%,0% 93%);
	}
	.bgimg-4 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 7%,100% 100%,0% 93%);
	}
	.bgimg-5 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 7%,100% 100%,0% 93%);
	}
	.bgimg-6 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 7%,100% 100%,0% 93%);
	}	

/* 900 up for tablet landscape and desktop */
@media only screen and (min-width: 900px) {	
	.bgimg-2 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 15%,100% 100%,0% 85%);
	}
	.bgimg-3 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 15%,100% 100%,0% 85%);
	}
	.bgimg-4 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 15%,100% 100%,0% 85%);
	}	
	.bgimg-5 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 15%,100% 100%,0% 85%);
	}
	.bgimg-6 {
		height: 75%;
		clip-path: polygon(0% 0%,100% 15%,100% 100%,0% 85%);
	}	
}