/**
 * Grundstile Vergleichsportal (entsprechen dem globalen <style> der Design-Dateien).
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	background: #f8fafc;
}

body {
	color: #1e293b;
	font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}

:where(a) {
	color: #2563eb;
	text-decoration: none;
}

:where(a:hover) {
	color: #1d4ed8;
}

.wp-site-blocks {
	min-height: 100vh;
	background: #f8fafc;
}

/* Kopfzeile klebt oben (wie im Design: position:sticky; top:0; z-index:50). */
.vp-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
}

.admin-bar .vp-site-header {
	top: var(--wp-admin--admin-bar--height, 0px);
}

.vp-main {
	display: block;
}

/* Fokus sichtbar für Tastaturnutzer. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}