/* Aus Parent uebernommen (Child-Override ersetzt Parent-CSS komplett) */

section.m2_text_and_image .flex_row_reverse {
	flex-direction: row-reverse;
}

/* Custom Overrides */

section.m2_text_and_image .mM_row {
	gap: 0 220px;
}

section.m2_text_and_image .mM_col_50 {
	width: calc(50% - (220px / 2));
}

section.m2_text_and_image .m2_content_container {
	padding-top: 59px;
}

section.m2_text_and_image .m2_galerie_item {
	display: flex;
}

section.m2_text_and_image .m2_image {
	height: 621px;
}

/* Variante: Bild ragt unten in naechste Section */

section.m2_text_and_image.m2_image_overflow_bottom {
	overflow: visible;
	z-index: 2;
}

section.m2_text_and_image.m2_image_overflow_bottom .m2_galerie_wrapper {
	margin-bottom: -100px;
	position: relative;
	z-index: 2;
}

/* Variante 2: Heller Hintergrund, Bild bleibt in der Section */

section.m2_text_and_image.variante2 {
	background-color: #f6f6f6;
	padding-bottom: 68px;
}

section.m2_text_and_image.variante2 .m2_links_container {
	margin-top: 108px;
}

section.m2_text_and_image.variante2 .m2_image {
	height: 662px;
}

/* Responsive */

@media screen and (max-width: 1599px) {
	section.m2_text_and_image .m2_image {
		height: 471px;
	}

	section.m2_text_and_image.variante2 .m2_image {
		height: 471px;
	}

	section.m2_text_and_image .mM_row {
		gap: 0 110px;
	}

	section.m2_text_and_image .mM_col_50 {
		width: calc(50% - (110px / 2));
	}

	section.m2_text_and_image .m2_content_container {
		padding-top: 0;
		padding-bottom: 68px;
	}

	section.m2_text_and_image.variante2 .m2_links_container {
		margin-top: 22px;
	}
}

@media screen and (max-width: 991px) {
	section.m2_text_and_image {
		padding-bottom: 75px;
	}

	section.m2_text_and_image.variante2 {
		padding-bottom: 75px;
	}

	section.m2_text_and_image .m2_galerie_wrapper {
		margin-bottom: 40px;
	}

	section.m2_text_and_image .m2_galerie_wrapper,
	section.m2_text_and_image .m2_content_wrapper {
		width: 100%;
	}

	section.m2_text_and_image .m2_content_container {
		padding-bottom: 0;
	}

	section.m2_text_and_image.m2_image_overflow_bottom .m2_galerie_wrapper {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 575px) {
	section.m2_text_and_image {
		padding-bottom: 35px;
	}

	section.m2_text_and_image.variante2 {
		padding-bottom: 35px;
	}

	section.m2_text_and_image .m2_image {
		height: 271px;
	}

	section.m2_text_and_image.variante2 .m2_image {
		height: 271px;
	}
}
