
section.m22_ascending_numbers * {
	color: #e5e0dd;
}

section.m22_ascending_numbers .m22_aufsteigende_zahlen_main {
	background-color: #262520;
	padding: 70px 0;
}

section.m22_ascending_numbers .m22_zahlen_container {
	--row_gap: 0px;
	gap: 40px 0;
}

section.m22_ascending_numbers .m22_zahl_container {
	--padding_3_in_row: 140px;
	--padding_all_in_row: 30px;
	
	--border: 2px solid rgba(229, 224, 221, 0.2);
	
	padding: 0 70px;
}

section.m22_ascending_numbers .m22_zahl_container:first-child {
	padding-left: 0;
}

section.m22_ascending_numbers .m22_zahl_container:last-child {
	padding-right: 0;
	padding-bottom: 0;
	border-right: none;
	border-bottom: none;
}

section.m22_ascending_numbers .m22_zahl_wrapper {
	position: relative;
	padding: 10px 0 25px;
	height: 100%;
}

section.m22_ascending_numbers .m22_zahl_circle {
	position: absolute;
	left: 0;
	top: 0;
	
	aspect-ratio: 1 / 1;
	height: 100%;
	width: auto;
	
	border-radius: 50%;
	border: 1px solid rgba(229, 224, 221, 0.2);
	pointer-events: none;
}

section.m22_ascending_numbers .m22_zahl_container_text {
	font-size: 0.8333rem;
}

section.m22_ascending_numbers .m22_zahl_container_zahl span {
	display: block;
	margin-bottom: 16px;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
	section.m22_ascending_numbers[data-quanity-in-a-row="2"] .m22_zahl_container,
	section.m22_ascending_numbers[data-quanity-in-a-row="3"] .m22_zahl_container {
		width: calc(50% - (var(--row_gap) / 2));
	}
	
	section.m22_ascending_numbers[data-quanity-in-a-row="2"] .m22_zahl_container:nth-child(2n + 1),
	section.m22_ascending_numbers[data-quanity-in-a-row="3"] .m22_zahl_container:nth-child(2n + 1) {
		padding-right: var(--padding_all_in_row);
		border-right: var(--border);
	}
	
	section.m22_ascending_numbers[data-quanity-in-a-row="2"] .m22_zahl_container:nth-child(2n + 2),
	section.m22_ascending_numbers[data-quanity-in-a-row="3"] .m22_zahl_container:nth-child(2n + 2) {
		padding-left: var(--padding_all_in_row);
	}
}

@media screen and (min-width: 992px) {
	section.m22_ascending_numbers .m22_aufsteigende_zahlen_main {
		padding: 70px 40px;
	}
	
	section.m22_ascending_numbers.overhanging_top .m22_aufsteigende_zahlen_main {
		margin-top: -210px;
		margin-bottom: -100px;
		position: relative;
		z-index: 1;
	}
	
	section.m22_ascending_numbers .m22_zahl_container {
		border-right: var(--border);
	}
	
	section.m22_ascending_numbers[data-quanity-in-a-row="3"] .m22_zahl_container:nth-child(3n + 1) {
		padding-left: 0;
		padding-right: var(--padding_3_in_row);
	}
	
	section.m22_ascending_numbers[data-quanity-in-a-row="3"] .m22_zahl_container:nth-child(3n + 3) {
		padding-right: 0;
		padding-left: var(--padding_3_in_row);
	}
}

@media screen and (max-width: 1839px) {
	section.m22_ascending_numbers .m22_zahl_container {
		--padding_3_in_row: 100px;
	}
}

@media screen and (max-width: 1599px) {
	section.m22_ascending_numbers .m22_zahl_container {
		--padding_3_in_row: 50px;
		padding: 0 40px;
	}
}

@media screen and (max-width: 1399px) {
	section.m22_ascending_numbers .m22_zahl_container {
		--padding_3_in_row: 13px;
		padding: 0 13px;
	}
}

@media screen and (max-width: 991px) {
	section.m22_ascending_numbers .m23_mM_container_main {
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	
	section.m22_ascending_numbers .m22_zahl_container {
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	section.m22_ascending_numbers .m22_zahl_container {
		--padding_all_in_row: 20px;
	}
	
	section.m22_ascending_numbers .m22_zahl_container_zahl span {
		display: block;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 575px) {
	section.m22_ascending_numbers .m22_aufsteigende_zahlen_main {
		padding-top: var(--padding_mobile);
		padding-bottom: var(--padding_mobile);
	}
	
	section.m22_ascending_numbers .m22_zahl_container {
		--padding_all_in_row: 30px;
		
		padding-bottom: var(--padding_all_in_row);
		border-bottom: var(--border);
		border-width: 1px;
	}
}