/**
 * PBV Limburg – Faktenliste
 *
 * Farbschema über .pbv-fakten--dark / --light / --auto.
 * Enfold-Regeln mit #top-Präfix werden unten erneut überschrieben.
 */

/* ---------------------------------------------------------------- Farben - */

.pbv-fakten {
	--pbv-blue: #00a2ea;
	--pbv-pad-x: 0px;
}

.pbv-fakten--dark,
.pbv-fakten--auto {
	--pbv-bg: transparent;
	--pbv-rail: #1e2a35;
	--pbv-text: #edf2f6;
	--pbv-muted: #8c99a5;
}

.pbv-fakten--light {
	--pbv-bg: transparent;
	--pbv-rail: #d8dfe5;
	--pbv-text: #101820;
	--pbv-muted: #56636e;
}

@media (prefers-color-scheme: light) {
	.pbv-fakten--auto {
		--pbv-rail: #d8dfe5;
		--pbv-text: #101820;
		--pbv-muted: #56636e;
	}
}

/* ---------------------------------------------------------------- Aufbau - */

.pbv-fakten {
	background: var(--pbv-bg);
	color: var(--pbv-text);
	font-family: inherit;
	margin: 0 0 2em;
}

.pbv-fakten .pbv-fakten__titel {
	margin: 0 0 14px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--pbv-muted);
	line-height: 1.3;
}

.pbv-fakten .pbv-fakten__liste {
	margin: 0;
	padding: 0;
}

.pbv-fakten .pbv-fakten__eintrag {
	padding: 14px 0;
	border-top: 1px solid var(--pbv-rail);
}

.pbv-fakten .pbv-fakten__eintrag:first-child {
	border-top: 0;
	padding-top: 0;
}

.pbv-fakten .pbv-fakten__eintrag:last-child {
	padding-bottom: 0;
}

.pbv-fakten .pbv-fakten__label {
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.3;
	color: var(--pbv-muted);
}

.pbv-fakten .pbv-fakten__wert {
	margin: 0;
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--pbv-text);
}

.pbv-fakten .pbv-fakten__wert a {
	color: var(--pbv-blue);
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

.pbv-fakten a:focus-visible {
	outline: 2px solid var(--pbv-blue);
	outline-offset: 3px;
}

/* ---- Variante: als abgesetzter Kasten statt nackter Liste (optional) ----
   Empfehlung: theme="dark" immer mit .pbv-fakten--kasten kombinieren, sonst
   steht heller Text auf dem hellen Seitenhintergrund.                      */

.pbv-fakten--kasten {
	padding: 22px 24px;
	border: 1px solid var(--pbv-rail);
	border-radius: 3px;
}

.pbv-fakten--kasten.pbv-fakten--dark,
.pbv-fakten--kasten.pbv-fakten--auto {
	--pbv-bg: #111820;
}

.pbv-fakten--kasten.pbv-fakten--light {
	--pbv-bg: #f6f8fa;
}

@media (prefers-color-scheme: light) {
	.pbv-fakten--kasten.pbv-fakten--auto {
		--pbv-bg: #f6f8fa;
	}
}

/* ------------------------------------------- Enfold-Spezifitaet schlagen - */

#top .pbv-fakten .pbv-fakten__liste {
	margin: 0;
	padding: 0;
}

#top .pbv-fakten .pbv-fakten__eintrag {
	margin: 0;
	padding: 14px 0;
	border-top: 1px solid var(--pbv-rail);
	background: none;
}

#top .pbv-fakten .pbv-fakten__eintrag:first-child {
	border-top: 0;
	padding-top: 0;
}

#top .pbv-fakten .pbv-fakten__eintrag:last-child {
	padding-bottom: 0;
}

#top .pbv-fakten dt.pbv-fakten__label {
	margin: 0 0 3px;
	padding: 0;
	font-weight: 600;
	color: var(--pbv-muted);
}

#top .pbv-fakten dd.pbv-fakten__wert {
	margin: 0;
	padding: 0;
	color: var(--pbv-text);
}

/* ----------------------------------------------------------------- Druck - */

@media print {
	.pbv-fakten,
	#top .pbv-fakten dt.pbv-fakten__label,
	#top .pbv-fakten dd.pbv-fakten__wert {
		color: #000 !important;
		background: none !important;
	}

	.pbv-fakten--kasten {
		border-color: #999;
	}
}