.BildContainer {
	height: 100%;
	position: relative;
}

.BildWechsel {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 850px;
	position: absolute;
	top: 0;
	width: 100%;
}

.HintergrundBild {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.BildWechsel .HintergrundBild img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

img {
	height: auto;
	max-width: 100% !important;
}

@media only screen and (max-width:992px) {
	.BildWechsel {
		height: 500px;
	}
}

/* <------------ ersten drei Cards ------------> */

/* .CardBreite {
	min-width: 527px;
} */

@media only screen and (max-width:768px) {
	.BildWechsel {
		height: 400px;
	}
}

@media only screen and (max-width:576px) {
	.BildWechsel {
		height: 400px;
	}
}


.MyCard1{
	margin-top: 300px;
} 

@media only screen and (min-width: 768px){
	.MyCard1 {
		margin-top: 400px !important;
	}
}

@media only screen and (min-width: 992px){
	.MyCard1 {
		margin-top: 710px !important;
	}
}

@media only screen and (min-width: 1200px){
	.MyCard2, .MyCard3 {
		margin-top: 710px !important;
	}
}

@media only screen and (min-width: 576px) and (max-width: 768px){
	.CardBreite {
		width: 690px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
	.CardBreite {
		width: 570px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.CardBreite {
		width: 930px !important;
	}
}



/* <------------ Hintergrund unterhalb großem Bild erste Seite ------------> */

.bg-hauptseiteEins {
	background-image: linear-gradient(180deg, #FFFFFF, #DBDBDB);
	height: 100%;																		/*	wird benötigt damit die Fußleiste unten bleibt */
	width: 100%;
}

.bg-hauptseiteZwei {
	background-image: linear-gradient(120deg, #F7F7F7, #dbdbdb);
	height: 100%;																		/*	wird benötigt damit die Fußleiste unten bleibt */
	width: 100%;
}

#APLight, #APPlus, #APBasis, #AP24, #APSchulung, #APIndividuell, #APWartung, #APServices {
  scroll-margin-top: 30vh;
}

@media only screen and (min-width: 992px){
	.CardBreite2 {
		max-width: 350px;
	}
}

@media only screen and (min-width: 1200px){
	.CardBreite2 {
		max-width: 350px;
	}
}

@media only screen and (min-width: 1200px) {
	.KarteO{
		margin-bottom: 3rem !important;
	}
} 

/* @media (max-width: 992px) {
	.KarteO{
		margin-bottom: 0 !important;
	}
} */

/* <------------ Ausrichtung Bild ------------> */

.BildAbstand {
	display: flex;
	justify-content:center;
	align-items: center;
}

/* <------------ Text Ausrichtung ------------> */

.TextAusrichtung {
	text-align: center;
}

@media only screen and (max-width: 992px){
	.TextAusrichtung {
		text-align: left;
	}
}

/*<------------ Autopoll24 Detail Seite ------------> */
   
.leistung-detail-container {
 min-height: 95%;
 padding-bottom: 1rem; /* Fester Abstand zum Footer */
}

.leistung-detail-content {
    margin-bottom: 1rem;  /* Zusätzlicher Abstand zwischen Inhalt und Footer */
}


.CardBreite2 .card-img-top {
    height: 185px;
    object-fit: cover;
}

/* Responsive Regeln für Karten und Bilder */
.CardBreite2 {
    min-width: 280px;
}

.CardBreite2 .card-img-top {
    height: 185px;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .CardBreite2 {
        min-width: 250px;
    }
    
    .CardBreite2 .card-img-top {
        height: 160px;
    }
}

@media only screen and (min-width: 992px){
    .CardBreite2 {
        max-width: 350px;
    }
}

@media only screen and (min-width: 1200px){
    .CardBreite2 {
        max-width: 350px;
    }
}

/* .leistung-detail-container.bg-hauptseiteZwei {
	height: auto;
	min-height: calc(100vh - 270px);
} */