/* Kennzahlen: weiße Kreise mit goldenem Rand auf Hellgrau. */

.nb-stats .nb-inner {
	display: flex;
	flex-direction: column;
}

/* mit „Alle …“-Link endet die Sektion direkt unter dem Link */
.nb-stats:has(.nb-more) .nb-inner {
	padding-bottom: 0;
}

.nb-stats__list {
	display: flex;
	justify-content: space-around;
	margin: 0 0 46px;
	padding: 0;
	list-style: none;
}

.nb-stats__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 250px;
	padding: 20px;
	border: 2px solid var(--wp--preset--color--gold);
	border-radius: 100%;
	background: var(--wp--preset--color--white);
	box-sizing: border-box;
}

.nb-stats__icon {
	margin-bottom: 15px;
	color: var(--wp--preset--color--text);
}

.nb-stats__icon svg {
	display: block;
	width: 70px;
	height: 70px;
}

.nb-stats__value {
	display: inline-block;
	font-size: var(--wp--preset--font-size--h-2);
	font-variant-numeric: tabular-nums; /* gleich breite Ziffern, damit beim Hochzählen nichts wackelt */
	text-align: center; /* die Mindestbreite fürs Hochzählen darf die Zahl nicht nach links schieben */
	font-weight: 600;
	line-height: 1.2;
	color: var(--wp--preset--color--gold);
}

.nb-stats__label {
	width: 150px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

.nb-stats .nb-more {
	margin-bottom: 36px;
}

.nb-stats__date {
	margin: 0;
}

/* Raster für mehr als drei Zahlen (Zahlen & Fakten) */
.nb-stats--grid .nb-stats__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(200px, 1fr));
	gap: 110px 100px;
	margin-bottom: 90px;
}

.nb-stats--grid .nb-stats__label {
	font-weight: 400;
}

@media (max-width: 1120px) {
	.nb-stats__item {
		width: 220px;
		height: 220px;
	}

	.nb-stats__icon svg {
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 991px) {
	.nb-stats__list,
	.nb-stats--grid .nb-stats__list {
		display: grid;
		grid-template-columns: repeat(3, minmax(200px, 1fr));
		justify-items: center;
		gap: 16px 50px;
	}
}

@media (max-width: 767px) {
	.nb-stats__list,
	.nb-stats--grid .nb-stats__list {
		grid-template-columns: minmax(200px, 1fr);
		gap: 14px 20px;
	}
}

/* Raster: Zeilenabstand wie in Oxygen (dort 18 Zeilen pro Kreis, je Zeilenlücke 16 bzw. 14 px) */
@media (max-width: 991px) {
	.nb-stats--grid .nb-stats__list {
		row-gap: 68px;
	}
}

@media (max-width: 767px) {
	.nb-stats--grid .nb-stats__list {
		row-gap: 32px;
	}
}