section.m3_bild[data-variant="v2"] + section.darkblue {
	background: linear-gradient(to bottom, transparent, transparent 200px, #12335b 200px, #12335b);
}

section.m3_bild[data-variant="v2"] + section.white {
	background: linear-gradient(to bottom, transparent, transparent 200px, #fff 200px, #fff);
}

section.m3_bild[data-variant="v2"] + section.lightblue {
	background: linear-gradient(to bottom, transparent, transparent 200px, #004f9f 200px, #004f9f);
}

section.m3_bild[data-variant="v2"] + section.grey {
	background: linear-gradient(to bottom, transparent, transparent 200px, #eeeff1 200px, #eeeff1);
}

section.m3_bild[data-variant="v2"] .mM_container {
	margin-bottom: -200px;
}

section:has(+ section.m3_bild.auskragung_oben) {
	padding-bottom: calc(100px + 100px);  /* self padding bottom + margin top from m3 bild */
	z-index: 1;
}

section.m3_bild.auskragung_oben img {
	margin-top: -100px;
	z-index: 2;
	position: relative;
}

section.m3_bild .m3_bild_main{
	height: 572px;
}

section.m3_bild .mM_links {
	flex-wrap: wrap;
	gap: 20px;
}

section.m3_bild[data-variant="v3"] .m3_bild_main {
	height: 650px;
}

section.m3_bild[data-variant="v3"] .mM_button.secondary {
	border-color: rgba(255, 255, 255, .3);
}

section.m3_bild[data-variant="v3"] .mM_button.secondary svg {
	fill: rgba(255, 255, 255, .3);
}

section.m3_bild[data-variant="v3"] .mM_button.secondary:hover svg {
	fill: #12335b;
}

section.m3_bild .m3_bild_main_item {
	position: relative;
}

section.m3_bild p.m3_titel {
	font-size: 1.375rem;
	font-weight: 600;
	margin-bottom: 40px;
}

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

section.m3_bild[data-variant="v3"] .m3_bild_main_item_text_content .mM_container {
	position: relative;
	z-index: 1;
}

section.m3_bild[data-variant="v3"] .m3_bild_main_item_img_content {
	position: absolute;
	inset: 0;
}

section.m3_bild[data-variant="v3"] .m3_bild_main_item_img_content:after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(18,51,91,.9), rgba(18,51,91,.9) 20%, rgba(18,51,91,.4) 60%, rgba(18,51,91,.3) 100%);
}

section.m3_bild[data-variant="v3"] .m3_bild_main_item_img_content img {
	object-position: right top;
}

section.m3_bild .m3_bild_main_item * { 
	color: #fff;
}

section.m3_bild .m3_bild_main_item_text_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(18,51,91,.9), rgba(18,51,91,.9) 20%, rgba(18,51,91,.4) 60%, rgba(18,51,91,.3) 100%);
	padding: 100px 0;
}

section.m3_bild[data-variant="v3"] .m3_bild_main_item_text_content {
	position: relative;
	padding: 130px 0 150px;
	background: none;
}

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

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

section.m3_bild .m3_titel_untertitel_text_link_wrapper {
	display: flex;
	align-items: flex-end;
}

section.m3_bild .m3_titel_untertitel_text_link_container {
	max-width: 50%;
}

section.m3_bild .m3_untertitel {
	font-weight: 600;
	color: #6baee6;
	font-size: 1.375rem;
	margin-bottom: 24px;
}

section.m3_bild[data-variant="v2"] .m3_bild_main_item_img_content {
	position: relative;
}

section.m3_bild[data-variant="v2"] .m3_bild_main_item_img_content:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #12335b, #12335b 15%, rgba(18,51,91,.6) 40%, rgba(18,51,91,.3) 100%);
}

section.m3_bild[data-variant="v2"].white .m3_bild_main_item_img_content:after {
	background: linear-gradient(to top, #fff, #fff 15%, rgba(255,255,255,.6) 40%, rgba(255,255,255,.3) 100%);
}

section.m3_bild[data-variant="v2"].lightblue .m3_bild_main_item_img_content:after {
	background: linear-gradient(to top, #004f9f, #004f9f 15%, rgba(0,79,159,.6) 40%, rgba(0,79,159,.3) 100%);
}

section.m3_bild[data-variant="v2"].grey .m3_bild_main_item_img_content:after {
	background: linear-gradient(to top, #eeeff1, #eeeff1 15%, rgba(238,239,241,.6) 40%, rgba(238,239,241,.3) 100%);
}

section.m3_bild .mM_links {
	flex-wrap: wrap;
	gap: 10px 20px;
}

section.m3_bild.keep_padding .m3_bild_main {
	height: auto;
}

@media screen and (max-width: 1199px) {
	section.m3_bild .m3_titel_untertitel_text_link_container {
		max-width: 100%;
	}
	
	section.m3_bild[data-variant="v3"] .m3_bild_main_item_text_content {
		padding: 100px 0;
	}
	
	section.m3_bild .m3_bild_main {
		height: 450px;
	}
}

@media screen and (max-width: 991px) {
	section.m3_bild .mM_container {
		/* margin: 0;
		max-width: 100%; */
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	section.m3_bild .m3_bild_main {
		height: 325px;
	}
	
	section:has(+ section.m3_bild.auskragung_oben) {
		padding-bottom: calc(100px + 58px);
	}
}

@media screen and (max-width: 575px) {
	section.m3_bild .mM_container .mM_container {
		padding: 0 20px;
	}
	
	section.m3_bild.keep_padding > .mM_container {
		padding: 0 20px;
	}
}