section.m3_image .m3_bild_main {
	height: 700px;
}

section.m3_image .m3_bild_main_item {
	position: relative;
}

section.m3_image .m3_bild_main_item,
section.m3_image .m3_bild_main_item_text_content > .mM_container,
section.m3_image .m3_titel_untertitel_text_link_wrapper,
section.m3_image .m3_bild_main_item_img_content {
	height: 100%;
}

section.m3_image.mM_img_parallax .m3_bild_main_item_img_content img {
	height: 110%;
}

section.m3_image .m3_bild_main_item_text_content {
	position: absolute;
	inset: 0;
	z-index: 10;
}

section.m3_image img[data-bild_position="oben"] {
	object-position: top;
}

section.m3_image img[data-bild_position="unten"] {
	object-position: bottom;
}

section.m3_image .m3_titel_untertitel_text_link_wrapper {
	display: flex;
	align-items: center;
}

section.m3_image .m3_untertitel_container {
	margin-bottom: 5px;
}

section.m3_image .m3_links_container {
	margin-top: 37px;
}

section.m3_image .m3_logos_container svg .cls-1 {
	fill: #037374;
}

section.m3_image .m3_logos_container svg .cls-2 {
	fill: #216274;
}

/* section.m3_image .m3_slider_galerie_container {
	position: relative;
	height: 100%;
}

section.m3_image .m3_slider_galerie_item {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

section.m3_image .m3_slider_galerie_item img {
	transform: scale3d(1.5, 1.5, 1);
	transition: transform 2.5s;
	transform-style: preserve-3d;
	will-change: transform;
}

section.m3_image .m3_slider_galerie_item picture {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 2s ease-in-out;
}

section.m3_image .m3_slider_galerie_item picture.scaled {
	clip-path: inset(0 0 0 0);
}

section.m3_image .m3_slider_placeholder_image_container {
	height: 100%;
} */

section.m3_image .m3_slider_placeholder_image_container {
	height: 100%;
	width: 100%;
	z-index: 1;
	position: absolute;
	inset: 0%;
}

section.m3_image .m3_slider_placeholder_image_inner {
	z-index: 2;
	justify-content: flex-start;
	align-items: center;
	width: 100vw;
	height: 100%;
	display: flex;
	position: absolute;
	inset: 0%;
	overflow: hidden;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
}

section.m3_image .m3_slider_placeholder_image_inner picture {
	width: 100%;
}

section.m3_image .m3_slider_galerie_container {
	position: relative;
	height: 100%;
}

section.m3_image .m3_slider_galerie_item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 3; /* Standardebene */
	width: 100%;
	height: 100%;
	/* clip-path: inset(0 100% 0 0); */ /* Startet mit verdecktem Bild */
	/* transition: clip-path 2s ease-in-out, width 2s ease-in-out; */
}

/* section.m3_image .m3_slider_galerie_item img {
	height: 120%;
} */

section.m3_image .m3_slider_galerie_item_inner {
	
	justify-content: flex-start;
	align-items: center;
	width: 100vw;
	height: 100%;
	display: flex;
	position: absolute;
	inset: 0%;
	overflow: hidden;
	/* transform: translate3d(0px, 0px, 0px) scale3d(1.5, 1.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-origin: center;
	transform-style: preserve-3d;
	transition: transform 0s ease-in-out; */
}

section.m3_image .m3_slider_galerie_item_inner picture {
	width: 100%;
}

/* section.m3_image .m3_slider_galerie_item.scaled,
section.m3_image .m3_slider_galerie_item.previous {
	width: 100%;
}

section.m3_image .m3_slider_galerie_item.scaled .m3_slider_galerie_item_inner {
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-origin: center;
	transform-style: preserve-3d;
	transition: transform 2s ease-in-out;
}

section.m3_image .m3_slider_galerie_item.previous .m3_slider_galerie_item_inner {
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-origin: center;
	transform-style: preserve-3d;
	
} */

@media all and (max-width: 991px) {
	/* section.m3_image .m3_bild_main {
		height: auto !important;
	} */

	/* section.m3_image .m3_bild_main_item_text_content {
		position: relative;
		top: auto;
		left: auto;
	} */

	section.m3_image .m3_bild_main_item_img_content,
	section.m3_image .m3_slider_galerie_container,
	section.m3_image .m3_bild_main {
		height: 465px;
	}
}

@media all and (max-width: 767px) {
	section.m3_image .m3_bild_main_item_img_content,
	section.m3_image .m3_slider_galerie_container,
	section.m3_image .m3_bild_main {
		height: 415px;
	}
}

@media all and (max-width: 575px) {
	section.m3_image .m3_bild_main_item_img_content,
	section.m3_image .m3_slider_galerie_container,
	section.m3_image .m3_bild_main {
		height: 365px;
	}
}

@media all and (max-width: 475px) {
	section.m3_image .m3_bild_main_item_img_content,
	section.m3_image .m3_slider_galerie_container,
	section.m3_image .m3_bild_main {
		height: 315px;
	}
}

@media all and (max-width: 375px) {
	section.m3_image .m3_bild_main_item_img_content,
	section.m3_image .m3_slider_galerie_container,
	section.m3_image .m3_bild_main {
		height: 265px;
	}
}

/*** Start Variante 1 ***/

section.m3_image[data-variante="v1"] .m3_bild_main {
	height: 590px;
}

section.m3_image[data-variante="v1"] .m3_titel_untertitel_text_link_wrapper {
	justify-content: end;
}

section.m3_image[data-variante="v1"] .m3_titel_untertitel_text_link_container {
	width: 50%;
	background: #fff;
	border-radius: 3px;
	padding: 77px 63px 86px;
}

@media all and (max-width: 991px) {
	section.m3_image[data-variante="v1"] .m3_titel_untertitel_text_link_wrapper {
		justify-content: start;
		margin-top: -86px;
	}

	section.m3_image[data-variante="v1"] .m3_titel_untertitel_text_link_container {
		width: 100%;
	}
}

@media all and (max-width: 575px) {
	section.m3_image[data-variante="v1"] .m3_titel_untertitel_text_link_wrapper {
		margin-top: -40px;
	}

	section.m3_image[data-variante="v1"] .m3_titel_untertitel_text_link_container {
		padding: 34px 20px 40px;
	}

	section.m3_image[data-variante="v1"] .m3_titel {
		margin-bottom: 19px;
	}

	section.m3_image[data-variante="v1"] .m3_links_container {
		margin-top: 34px;
	}
}

@media all and (max-width: 425px) {
	section.m3_image[data-variante="v1"] .m3_links_container {
		flex-direction: column;
		gap: 10px 0;
	}

	section.m3_image[data-variante="v1"] .m3_link_container,
	section.m3_image[data-variante="v1"] .button {
		width: 100%;
	}

	section.m3_image[data-variante="v1"] .button {
		text-align: center;
	}
}

@media all and (max-width: 300px) {
	section.m3_image[data-variante="v1"] .button {
		font-size: .85rem;
	}
}

section.m3_image[data-variante="v1"][data-show_img_left="true"] .m3_titel_untertitel_text_link_wrapper {
	justify-content: start;
}

/*** Ende Variante 1 ***/

/*** Start Variante 2 ***/

section.m3_image[data-variante="v2"] .m3_bild_main {
	background: #f8f9fa;
}

section.m3_image[data-variante="v2"] .m3_bild_main:before {
	content: '';
	position: absolute;
	inset: 0;
	top: -1px;
	background: linear-gradient(to bottom, #f8f9fa 0%, #f8f9fa 25%, transparent 100%);
	z-index: 1;
}

section.m3_image[data-variante="v2"] .m3_bild_main .m3_bild_main {
	height: 735px;
}

section.m3_image[data-variante="v2"] .m3_bild_main .m3_titel_untertitel_text_link_wrapper {
	align-items: start;
	padding-top: 77px;
}

@media all and (max-width: 991px) {
	section.m3_image[data-variante="v2"] .m3_bild_main:before {
		content: none;
	}

	section.m3_image[data-variante="v2"] .m3_bild_main .m3_bild_main_item {
		display: flex;
		flex-direction: column-reverse;
	}

	section.m3_image[data-variante="v2"] .m3_bild_main .m3_bild_main_item_img_content {
		position: relative;
		margin-top: -86px;
	}

	section.m3_image[data-variante="v2"] .m3_bild_main .m3_bild_main_item_img_content:before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, #f8f9fa 0%, #f8f9fa 25%, transparent 100%);
		z-index: 1;
	}
}

@media all and (max-width: 575px) {
	section.m3_image[data-variante="v2"] .m3_bild_main .m3_titel_untertitel_text_link_wrapper {
		padding-top: 36px;
	}
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main:before {
	background: linear-gradient(to bottom, #f8f9fa 0%, #f8f9fa 40%, transparent 100%);
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_container,
section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
	width: 50%;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_container {
	padding-right: 55px;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
	padding-left: 10px;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_container {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
	margin-top: 43px;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_item {
	width: calc(50% - 15px);
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_content_container {
	display: flex;
	margin-bottom: 6px;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_container {
	width: 70px;
	min-width: 70px;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_container svg {
	width: auto;
	max-width: 55px;
	height: 52px;
}

section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_title {
	line-height: 1.2;
}

@media all and (min-width: 2400px) {
	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_content_container {
		align-items: center;
	}
}

@media all and (max-width: 1399px) {
	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_title {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		word-break: break-word;
	}
}

@media all and (max-width: 991px) {
	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_wrapper {
		flex-wrap: wrap;
	}

	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_titel_untertitel_text_link_container,
	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
		width: 100%;
	}

	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_wrapper {
		margin-top: 40px;
	}
}

@media all and (max-width: 767px) {
	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logos_container {
		gap: 20px 30px;
		margin-top: 0;
	}

	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_item {
		width: 100%;
	}

	section.m3_image[data-variante="v2"][data-with-logos="true"] .m3_bild_main .m3_logo_content_container {
		align-items: center;
	}
}

/*** Ende Variante 2 ***/

/*** Start Video ***/


section.m3_image {
	.m3_video_height_setter {
		width: 100%;
		height: 700px;
	}

	.m3_video_container {
		position: relative;
		cursor: pointer;
	}
	
	.m3_overlay {
		position: absolute;
		/* left: 0;
		top: 0;
		width: 100%;
		height: 100%; */
		inset: 0;
		cursor: pointer;
	}
	
	.m3_overlay_content {
		width: 100%;
		height: 100%;
	}
	
	.m3_play_button_container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		opacity: .5;
		-webkit-transition: opacity .4s;
		-moz-transition: opacity .4s;
		-ms-transition: opacity .4s;
		-o-transition: opacity .4s;
		transition: opacity .4s;
	}
	
	.m3_overlay:hover .m3_play_button_container {
		opacity: 1;
	}
	
	.m3_play_button_container svg{
		fill:#000;
		width: 60px;
		min-width: 60px;
		height: 60px;
		min-height: 60px;
	}
}

@media screen and (max-width: 991px) {
	section.m3_image {
		.m3_video_height_setter {
			height: 465px;
		}
	}
}

@media screen and (max-width: 767px) {
	section.m3_image {
		.m3_video_height_setter {
			height: 415px;
		}
	}
}

@media screen and (max-width: 575px) {
	section.m3_image {
		.m3_video_height_setter {
			padding: 0;
		}
		
		.m3_video_height_setter {
			height: 365px;
		}
	}
}

@media screen and (max-width: 475px) {
	section.m3_image {
		.m3_video_height_setter {
			height: 315px;
		}
	}
}

@media screen and (max-width: 375px) {
	section.m3_image {
		.m3_video_height_setter {
			height: 265px;
		}
	}
}

/*** Ende Video ***/
/* =========================================================
   hone Teamfoto (Wrapper-Klasse "hone_teamfoto")
   Figma: Gruppenfoto-Band auf 04_Karriere — 1760x676 in der
   breiten Flucht (wie m43-Grid), Bild cover. Nur additiv;
   die Standard-Hoehen <=991 bleiben unberuehrt.
   ========================================================= */

@media (min-width: 992px) {
	section.m3_image.hone_teamfoto .m3_bild_main,
	section.m3_image.hone_teamfoto .m3_bild_main_item_img_content {
		height: 676px;
	}
}

/* Breite Flucht: ragt je 149px ueber den Container hinaus, nie naeher als 80px an den Rand */
@media (min-width: 1560px) {
	section.m3_image.hone_teamfoto .m3_bild_main {
		margin-left: clamp(-149px, calc(-50vw + 811px), 0px);
		margin-right: clamp(-149px, calc(-50vw + 811px), 0px);
	}
}

@media (min-width: 2200px) {
	section.m3_image.hone_teamfoto .m3_bild_main {
		margin-left: clamp(-149px, calc(-50vw + 920px), 0px);  /* Container 1680 */
		margin-right: clamp(-149px, calc(-50vw + 920px), 0px);
	}
}

@media (min-width: 2400px) {
	section.m3_image.hone_teamfoto .m3_bild_main {
		margin-left: clamp(-149px, calc(-50vw + 980px), 0px);  /* Container 1800 */
		margin-right: clamp(-149px, calc(-50vw + 980px), 0px);
	}
}

/* =========================================================
   hone PV Foto-Band (Wrapper "hone_pv_band")
   Figma 06_Photovoltaik: Foto 1760 in der breiten Flucht,
   Hoehe ueber aspect-ratio (Standard 1760/615, Modifier
   "hone_band_flach" = 1760/527). Modifier "hone_ueberlapp_oben"/
   "hone_ueberlapp_unten": Band ragt 101px in die Nachbar-Sektion
   (z-index noetig, sonst malt deren Hintergrund drueber).
   ========================================================= */
@media (min-width: 992px) {
	section.m3_image.hone_pv_band .m3_bild_main,
	section.m3_image.hone_pv_band .m3_bild_main_item_img_content {
		height: auto;
		aspect-ratio: 1760 / 615;
	}
	section.m3_image.hone_pv_band.hone_band_flach .m3_bild_main,
	section.m3_image.hone_pv_band.hone_band_flach .m3_bild_main_item_img_content {
		aspect-ratio: 1760 / 527;
	}
}

@media (min-width: 1560px) {
	section.m3_image.hone_pv_band .m3_bild_main {
		margin-left: clamp(-149px, calc(-50vw + 811px), 0px);
		margin-right: clamp(-149px, calc(-50vw + 811px), 0px);
	}
}
@media (min-width: 2200px) {
	section.m3_image.hone_pv_band .m3_bild_main {
		margin-left: clamp(-149px, calc(-50vw + 920px), 0px);
		margin-right: clamp(-149px, calc(-50vw + 920px), 0px);
	}
}
@media (min-width: 2400px) {
	section.m3_image.hone_pv_band .m3_bild_main {
		margin-left: clamp(-149px, calc(-50vw + 980px), 0px);
		margin-right: clamp(-149px, calc(-50vw + 980px), 0px);
	}
}

/* Ueberlapp in die Nachbar-Sektion NUR bei voller Figma-Breite (>=1560), wo die
   Karten/Baender ihre Zielgroesse haben. Darunter (gestapeltes Tablet/Handy-
   Layout) KEIN Ueberlapp: das Band ragte sonst -101px in die Folgesektion und
   das Foto klebte an deren Kante. Ohne Ueberlapp liefert das Section-Padding der
   Nachbarsektion (data-innerer-abstand, ≤1199 = 60px) den sauberen Abstand unter
   dem Bild — kein doppelter Abstand, kein eingebettetes Foto. */
@media (min-width: 1560px) {
	section.m3_image.hone_ueberlapp_oben {
		position: relative;
		z-index: 1;
		margin-top: -101px;
	}
	section.m3_image.hone_ueberlapp_unten {
		position: relative;
		z-index: 1;
		margin-bottom: -101px;
	}
}

/* Der zusaetzliche Band-Abstand fuer das gestapelte Layout (<1560) wird NICHT mehr
   hier fest verdrahtet, sondern ueber die generischen Toggle-Klassen
   .hone_abstand_oben / .hone_abstand_unten gesteuert (Definition in project.css,
   als PADDING). Diese Klassen werden pro Modul in den Wrapper-Einstellungen
   (Feld "Zusaetzliche Klassen") gesetzt — bei den PV-/Bautraeger-Baendern bereits
   hinterlegt. So bestimmt das Backend, ob der Abstand da ist. */

/* =========================================================
   hone Bautraeger Band-Hintergrund (Wrapper "hone_bt_band",
   06_Bautraeger): die #2b2b2b-Flaeche des m8 davor laeuft im
   Figma HINTER dem Band weiter und endet erst 101px ueber dem
   Band-Ende (dort beginnt die naechste Sektion durch den
   Ueberlapp). Gradient statt Vollflaeche, damit die seitlichen
   Streifen exakt wie im Figma umschalten. Nur additiv.
   ========================================================= */
section.m3_image.hone_bt_band {
	background-color: #2b2b2b;
}

@media (min-width: 992px) {
	section.m3_image.hone_bt_band {
		background-color: transparent;
		background-image: linear-gradient(to bottom, #2b2b2b calc(100% - 101px), rgba(0, 0, 0, 0) calc(100% - 101px));
	}
}

/* =========================================================
   hone Teamfoto (Wrapper "hone_teamfoto"): ganzes Gruppenfoto
   zeigen statt seitlich beschneiden. Das breite Bild wird durch
   die fixe Banner-Hoehe + object-fit:cover links/rechts gecroppt.
   Hier bestimmt das Bild die Hoehe ueber sein natuerliches
   Seitenverhaeltnis (volle Breite, kein Crop). Nur additiv.
   ========================================================= */
section.m3_image.hone_teamfoto .m3_bild_main,
section.m3_image.hone_teamfoto .m3_bild_main_item,
section.m3_image.hone_teamfoto .m3_bild_main_item_img_content {
	height: auto;
}

section.m3_image.hone_teamfoto .m3_bild_main_item_img_content img {
	position: static;
	width: 100%;
	height: auto;
	object-fit: fill;
}