:root {
	--infobox: 0vw;
}
.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: 90px;
 background-color: rgba(var(--color-1), 0.1);
}
.container.infosection p {
	padding:5px 0;
}

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

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

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


.image-container-full  {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


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

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

.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: cover;
    border-radius: 0px;
}
.infosection.custom_images .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}


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

.infosection  img.kuenstlerimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0px;
	padding-left:0%;
	max-height: 1800px;
}

.img-holder {
	width: 170px;
	height: 170px;
	background: transparent;
	position: absolute;
	top: -70px;
	right: -70px;
	content:'';
	transform: rotate(10deg);
}
.img-holder img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@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);
  }

	.img-holder {
		display: none;
	}
	.left-container form.wpcf7-form {
    width: calc(100% - 43px) !important;
}
	
.infosection img.kuenstlerimg {
    width: 100% !important;
    padding-left: 0% !important;
}	
	.info-section, .infosection {
		background: #fff !important;
		margin-top: 0px;
		padding-top:0px !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;
}


@media (min-width: 780px) {
.left-container {
	background: #fff !important;
	position: relative;
	right: -50px;
	width: calc(100% + 0px - 45px);
	left: 0;
	border-radius: 0px;
	padding:45px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	z-index: 3 !important;
}
}
.image-container-full {
	padding-top:50px !important;
	padding-bottom: 50px !important;
	border-radius: 0px !important;
	z-index: 2;
}

@media (min-width: 800px) and (max-width: 1500px) {
  .image-container-full {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}

.collage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0; /* kein Abstand zwischen Bildern */
  width: 100%; /* feste Größe für Quadrat */
  height: auto;
	aspect-ratio:1 / 1;
}

.collage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	aspect-ratio:1 / 1;
}

body.page-id-1031 .left-container p {
  text-align: justify;
  hyphens: auto;
}