

section.m22_aufsteigende_zahlen .m22_zahlen_text{
	margin-bottom: 115px;
}

section.m22_aufsteigende_zahlen .m22_zahlen_items{
	display: flex;
	justify-content: space-between;
	gap: 26px 23px;
}

section.m22_aufsteigende_zahlen .m22_zahl_container_inner {
	display: flex;
	position: relative;
	padding-left: 11px;
	font-weight: 500;
}

section.m22_aufsteigende_zahlen .m22_zahl_container_inner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: var(--yellow);
}

section.m22_aufsteigende_zahlen .m22_zahl_container_zahl {
	font-size: 2.8125rem;
	line-height: 1;
}

section.m22_aufsteigende_zahlen .m22_zahl_container_text {
	padding-left: 11px;
	margin-top: 7px;
}

section.m22_aufsteigende_zahlen .m22_zahl_container_text p {
	font-size: 1.0625rem;
}

.link_mobile .m22_links_container {
	display: none;
}





/* VARIANTE OHNE BILD */
section.m22_aufsteigende_zahlen[data-variante="ohne_bild"] {
	background-color: #fff;
}

section.m22_aufsteigende_zahlen[data-variante="ohne_bild"] .m22_zahlen_text_container {
	margin-top: 75px;
}
/* *** */



/* VARIANTE MIT BILD */
section.m22_aufsteigende_zahlen[data-variante="mit_bild"] {
	background-color: #0a3954;
}

section.m22_aufsteigende_zahlen[data-variante="mit_bild"] *:not(.button):not(.link):not(.subheadline) {
	color: var(--white);
}

section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_aufsteigende_zahlen_main {
	position: relative;
}

/* section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_image_container {
	height: 855px;
	position: relative;
} */

section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_aufsteigende_zahlen_text_container {
	position: relative;
	z-index: 1;
	padding-bottom: 443px;
}

section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_image_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_image_overlay {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to bottom, 
		#0a3954 30%, 
		transparent 100%
	);
	pointer-events: none;
}

/* section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_aufsteigende_zahlen_text_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
} */

section.m22_aufsteigende_zahlen[data-variante="mit_bild"]  .m22_zahlen_text_container {
	margin-top: 106px;
}

body[data-title="Startseite"] section.m22_aufsteigende_zahlen[data-variante="mit_bild"] {
	padding-top: 240px;
}

/* *** */

@media screen and (max-width: 1599px) {
	section.m22_aufsteigende_zahlen .m22_title_link_container {
		width: calc(50% - 100px - 11.5px);	
	}
	
	section.m22_aufsteigende_zahlen .m22_zahlen_text_container {
		width: calc(50% + 100px - 11.5px);
	}
}

@media screen and (max-width: 1199px) {
	section.m22_aufsteigende_zahlen .m22_title_link_container,
	section.m22_aufsteigende_zahlen .m22_zahlen_text_container {
		width: 100%;
	}
	
	section.m22_aufsteigende_zahlen .m22_zahlen_text_container {
		display: flex;
		flex-direction: column;
	}
	
	section.m22_aufsteigende_zahlen .m22_zahlen_text {
		margin-bottom: 0;
		order: 1;
	}
	
	section.m22_aufsteigende_zahlen .m22_zahlen_items {
		order: 3;
		/* margin-top: 106px; */
	}
	
	.link_mobile .m22_links_container {
		display: block;
		order: 2;
		margin-bottom: 62px;
	}
	
	.link_desktop .m22_links_container {
		display: none;
	}
	
	section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_zahlen_text_container,
	section.m22_aufsteigende_zahlen[data-variante="ohne_bild"] .m22_zahlen_text_container {
		margin-top: 0;
	}
	
	/* section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_image_container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	} */
	
	section.m22_aufsteigende_zahlen[data-variante="mit_bild"] .m22_aufsteigende_zahlen_text_container {
		position: relative;
		z-index: 1;
		padding-bottom: 238px;
	}
}

@media screen and (max-width: 991px) {
	section.m22_aufsteigende_zahlen .m22_zahlen_items{
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 767px) {
	section.m22_aufsteigende_zahlen .m22_zahlen_items{
		flex-direction: column;
	}
	
	.link_mobile .m22_links_container {
		margin-bottom: 43px;
	}
}

@media screen and (max-width: 575px) {
	body[data-title="Startseite"] section.m22_aufsteigende_zahlen[data-variante="mit_bild"] {
		padding-top: 84px;
	}
	
	section.m22_aufsteigende_zahlen .m22_zahlen_items {
		margin-top: 43px;
	}
}
