/* Grundgerüst der Seite. Bewusst schlicht — dient als Ausgangspunkt und als
   Gestaltung der Platzhalter- und Fehlerseite. Keine Google Fonts: die
   Systemschrift wird sofort und ohne Anfrage an Dritte geladen (DSGVO). */

:root {
	--papier: #ffffff;
	--tinte: #16181d;
	--gedaempft: #5f6672;
	--akzent: #1f4ed8;
}

@media (prefers-color-scheme: dark) {
	:root {
		--papier: #14161a;
		--tinte: #eceef2;
		--gedaempft: #9aa2ae;
		--akzent: #7ea2ff;
	}
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 2rem;
	background: var(--papier);
	color: var(--tinte);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

/* Mittig auf dem Schirm, auf schmalen Geräten mit genug Luft am Rand. */
.mitte {
	min-height: calc(100vh - 4rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.5rem;
}

h1 {
	margin: 0;
	font-size: clamp(2rem, 6vw, 3rem);
	font-weight: 600;
	letter-spacing: -0.02em;
}

.hinweis {
	margin: 0;
	color: var(--gedaempft);
}

a {
	color: var(--akzent);
}

img {
	max-width: 100%;
	height: auto;
}