/* M79 - Zahlen (Figma Group 52, Online_Marketing_BTW_00)
 * Headline oben, N-spaltiges Grid mit großer Zahl + Label + Text.
 * Trenn-Gradients zwischen Spalten, Bottom-Border unter dem Grid.
 */

section.m79_zahlen {
	position: relative;
}

section.m79_zahlen[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
	padding-top: 117px;
	padding-bottom: 102px;
}
section.m79_zahlen[data-innerer-abstand="innerer_abstand_nur_oben"]  { padding-top: 117px; }
section.m79_zahlen[data-innerer-abstand="innerer_abstand_nur_unten"] { padding-bottom: 102px; }

/* === Headline === */
section.m79_zahlen .m79_titel {
	margin: 0 0 64px;
	font-family: 'Nexa-Heavy', sans-serif;
	font-size: 2.1875rem;
	line-height: 1;
	font-weight: 400;
	color: #1f1db0;
	letter-spacing: 1.1px;
	text-align: center;
	text-shadow: 0 0 24px rgba(226, 249, 255, 0.15);
}

section.m79_zahlen .container {
	position: relative;
	z-index: 2;
}

/* === Grid === */
section.m79_zahlen .m79_grid {
	display: grid;
	grid-template-columns: repeat(var(--m79-cols, 3), 1fr);
	gap: 0;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 0;
}

/* === Items === */
section.m79_zahlen .m79_item {
	position: relative;
	padding: 0 32px 56px;
	text-align: center;
}

/* Vertikale Fade-Linien zwischen Spalten */
section.m79_zahlen .m79_item + .m79_item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: linear-gradient(180deg,
		rgba(232, 232, 232, 0) 0%,
		#e8e8e8 25%,
		#e8e8e8 75%,
		rgba(232, 232, 232, 0) 100%);
	pointer-events: none;
}

/* === Zahl === */
section.m79_zahlen .m79_zahl {
	margin: 0 0 38px;
	font-family: 'Nexa-Heavy', sans-serif;
	font-size: 4.0625rem;
	line-height: 35px;
	font-weight: 400;
	color: #1f1db0;
	letter-spacing: 1.1px;
}
section.m79_zahlen .m79_praefix {
	display: inline;
	margin-right: 0.25em;
}
section.m79_zahlen .m79_suffix {
	display: inline;
}

/* === Label === */
section.m79_zahlen .m79_label {
	margin: 0 0 8px;
	font-family: 'Nexa-Heavy', sans-serif;
	font-size: 1.125rem;
	line-height: 24px;
	font-weight: 400;
	color: #101079;
	letter-spacing: 0.32px;
}

/* === Beschreibungstext === */
section.m79_zahlen .m79_text {
	margin: 0;
	font-family: 'Nexa-Regular', sans-serif;
	font-size: 1.125rem;
	line-height: 24px;
	color: rgba(16, 16, 121, 0.5);
	letter-spacing: 0.32px;
}

/* === Responsive === */
@media (max-width: 1199px) {
	section.m79_zahlen .m79_titel { font-size: 1.875rem; }
	section.m79_zahlen .m79_zahl  { font-size: 3rem; line-height: 1.05; }
	section.m79_zahlen .m79_item  { padding: 0 20px 48px; }
}

@media (max-width: 991px) {
	section.m79_zahlen[data-innerer-abstand="innerer_abstand_oben_und_unten"] {
		padding-top: 80px;
		padding-bottom: 70px;
	}
	section.m79_zahlen .m79_titel { margin-bottom: 48px; }
	section.m79_zahlen .m79_grid {
		grid-template-columns: 1fr;
	}
	section.m79_zahlen .m79_item + .m79_item::before {
		left: 16px;
		right: 16px;
		top: 0;
		bottom: auto;
		width: auto;
		height: 1px;
		background: linear-gradient(90deg,
			rgba(232, 232, 232, 0) 0%,
			#e8e8e8 25%,
			#e8e8e8 75%,
			rgba(232, 232, 232, 0) 100%);
	}
	section.m79_zahlen .m79_item {
		padding: 40px 16px 32px;
	}
	section.m79_zahlen .m79_item:first-child {
		padding-top: 0;
	}
}