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;
}
}