:root {
	--infobox: 5vw;
}
.container.infosection {
	width: calc(100vw - var(--main-padding) * 2 - var(--infobox) * 2);
	padding-left:calc(var(--main-padding) + var(--infobox));
	padding-right:calc(var(--main-padding) + var(--infobox));
	padding-top:50px;
	padding-bottom: 50px;
	background: rgba(var(--color-3), 1);
}


.info-section {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 40px;
	margin-top: 50px;
	align-items: flex-start;
}

.image-container {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 25px;
  overflow: hidden; 
  margin-top: 40px; 
	aspect-ratio: 16 / 10;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Schneidet das Bild passend zu */
}

.image-container-full img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 25px;
}

.video-container {
  width: 100%;
  height: 100%;
	border-radius: 25px;
}
.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Schneidet das Bild passend zu */
	border-radius: 25px;
}

.infosection.custom_images .image-container img,
.infosection.custom_images .image-container{
	border-radius: 0px !important;
}

.infosection.custom_images .image-container-full img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
	max-height: 900px;
}
.infosection.custom_images .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}


.info-section ul li {
	line-height: 1.6em;
}

@media (min-width: 1100px) and (max-width: 1380px) {
.info-section {
    grid-template-columns: 60% 40%;
}
}


@media (max-width: 768px) {
  .info-section {
    grid-template-columns: 100%;
    gap: 30px; /* Optional: Weniger Abstand zwischen den Elementen */
    align-items: start; /* Optional: besser für vertikale Ausrichtung */
	   overflow: hidden;
  }

  .image-container {
    margin-top: 0; /* Optional: Mobil weniger Abstand */
  }

  .container.infosection {
    width: calc(100vw - var(--main-padding) * 2);
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
	.provenexpert-badges {
		gap:5px !important;
	}
}




body.page-id-309 h2 {
	color:#000;
	font-size: 30px !important;
	line-height: 1.5em !important;
}
body.page-id-309 h3 {
	color:#000;
	font-size: 30px !important;
	line-height: 1.5em !important;
}
body.page-id-309 h4 {
	color:#000;
	font-size: 38px !important;
	line-height: 1.5em !important;
}