.content-1 {margin: 125px 0 125px 0; border: solid 0px #f90;}
.content-1 h1{margin: 0}

.content-2 {margin: 50px 0 125px 0; border: solid 0px #f90;}

.kopf-bild {
	width: 100%;
	height: 100vh;
	object-fit: cover;}


.ueb-header {
	margin: 0;
	font-size: 0.85rem;
	text-align: center;
	}



.bg-1 {background-color: var(--light-ci-color);}

.content-vb {padding: 50px 0;}

.grid-50-50 {grid-template-columns: 1fr 1fr;}
.grid-40-60 {grid-template-columns: 40% 60%;}
.grid-30-70 {grid-template-columns: 30% 70%;}
.grid-20-80 {grid-template-columns: 20% 80%;}

.grid-60-40 {grid-template-columns: 60% 40%;}
.grid-70-30 {grid-template-columns: 70% 30%;}
.grid-80-80 {grid-template-columns: 80% 20%;}

.grid-3er {grid-template-columns: 1fr 1fr 1fr;}
.grid-4er {grid-template-columns: 1fr 1fr 1fr 1fr;;}

.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}
.gap-25 {gap: 25px;}



@media screen and (max-width:1024px){
.grid-4er {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:960px){
.grid-50-50 {grid-template-columns: 1fr;}
.grid-40-60 {grid-template-columns: 1fr;}
.grid-30-70 {grid-template-columns: 1fr;}
.grid-20-80 {grid-template-columns: 1fr;}

.grid-60-40 {grid-template-columns: 1fr;}
.grid-70-30 {grid-template-columns: 1fr;}
.grid-80-80 {grid-template-columns: 1fr;}

.grid-3er {grid-template-columns: 1fr;}
.grid-4er {grid-template-columns: 1fr;}

}


.grid-container {
	display: grid;
	}

 .grid-container > div {
 	}


.grid-container-2er {
	margin: 0;
	display: grid;
	gap: 0;
	border: solid 0px #f90;
	}

 .grid-container-2er > div {
 	border: solid 0px #f90;
 	}



.aligncenter {align-self:center;}
@media screen and (max-width:960px){.aligncenter {align-self:start;}}

.vita-feld {padding: min(5em, 10%)}
.vita-feld h2 {margin:0}

@media screen and (max-width:960px){
	.vita-feld-img{
		width: 80%;
		}
}


.button-cta {
	display: block;
	width: fit-content;
	background: var(--main-ci-color);
	padding: min(20px, 5%);
	margin: 0;
	color: #fff;
	font-size:  clamp(1.1rem, 0.9697rem + 0.1294vw, 1.125rem);
	}

.button-cta-inline {
	display: inline-block;
	width: fit-content;
	background: var(--main-ci-color);
	padding: min(20px, 5%);
	margin: 0;
	color: #fff;
	font-size:  clamp(1.1rem, 0.9697rem + 0.1294vw, 1.125rem);
	}





.grid-4er {
	margin: 25px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;
	}

.grid-4er h3{
	text-align: center;
	margin: 10px 0 0 0;
	}	


.grid-4er > div {
	display: grid;
	justify-content: space-evenly;
	}
    
    
@media screen and (max-width:1024px){

.grid-4er {
	margin: 25px 0 0 0;
	grid-template-columns: 1fr 1fr;
	}

}
    
    
@media screen and (max-width:480px){

.grid-4er {
	margin: 25px 0 0 0;
	grid-template-columns: 1fr;
	}

}
    
    
.cta-button {
	padding: 10px 25px;
	border: solid 1px var(--main-ci-color);
	border-radius: 15px;
	transition: all 0.1s ease-out;
	}
	
	
.cta-button:hover {
	border: solid 2px var(--main-ci-color);
	}
	
	
.zoom {
	transition: all .2s ease-in-out
	}
.zoom:hover {
	transform: scale(1.015);
	}
	
.zoom-kl {
	transition: all 0.05s ease-in-out
	}
.zoom-jk:hover {
	transform: scale(1.015);
	}



.index-bild-abstand {padding: 80px 0 0 0}



.kontakt-link-mail {font-size: 2rem;}