/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 09 2022 | 07:11:50 */
html {
	scroll-behavor: smooth;
	overflow-x: hidden;
}
:root {
	--ciwhite: #ffffff;
	--ciblack: #000000;
	--ciblue: #253785;
}

/* Header */
.elementor-sticky--active {
    animation-timing-function: ease-in-out;
    background-color: var(--ciblue)!important;
    transition-property: background-color;
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
}

/* Bildergalerie 1 */
.imageContainerOne {
    display: grid;
    grid-template-columns: repeat(13, 50px);
    grid-template-rows: repeat(12, 30px);
	grid-row-gap: 20px;
}
.imageContainerOne .imageOne img,
.imageContainerOne .imageTwo img,
.imageContainerOne .imageThree img {
	height: 100%;
	object-fit: cover;
}
.imageContainerOne .imageOne {
	grid-column: 1/11;
	grid-row: 1/8;
}
.imageContainerOne .imageTwo {
	grid-column: 1/6;
	grid-row: 8/13;
}
.imageContainerOne .imageThree {
	grid-column: 6/14;
	grid-row: 5/13;
	border-top: 20px solid #fff;
	border-left: 20px solid #fff;
}

/* Bildergalerie 2 */
.imageGalery2 {position: relative;height: 310px;}
.imageFour {position: absolute;top:0;right:auto;bottom:0;left:0;}
.imageFive {position: absolute;top:0;right:0;bottom:0;left:auto;}
.imageFour img, .imageFive img {height: 310px!important;object-fit: cover;}
.imageFour img {clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);width: 330px!important;}
.imageFive img {clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);width: 450px!important;}

/* Leistung */
.leistung .elementor-element {
	border-right: 1px solid var(--ciwhite);
}
.leistung .elementor-element:last-child {
	border:none;
}

@media screen and (max-width: 460px) {
	.leistung .elementor-element {
		border: none!important;
	}
	
	.imageContainerOne {
		grid-template-columns: repeat(13, 1fr);
    	grid-template-rows: repeat(12, 10px);
    	padding-right: 20px;
	}
	
	.imageGalery2 {
    	position: relative;
    	height: 310px;
    	max-width: 100%;
    	width: 100%;
    	overflow: hidden;
    	padding-right: 20px;
		display: flex;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	align-content: center;
    	justify-content: center;
	}
	
	.imageFour,
	.imageFive {
		position: relative;
	}
	
	.imageFour img,
	.imageFive img {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		width: 330px!important;
	}
}