/* cleverpage.ai until the real website exists: who runs Cleverpage, an
   imprint and a privacy notice. Meta checks the company behind the
   WhatsApp number against this page (25.09.2026). No cookies, no
   scripts, no fonts from elsewhere. */
@font-face {
	font-family: "Geist";
	src: url("geist.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--grund: #fafaf9;
	--text: #1c1917;
	--leise: #57534e;
	--linie: #e7e5e4;
	--logo-filter: none;
}
@media (prefers-color-scheme: dark) {
	:root {
		--grund: #111110;
		--text: #f5f5f4;
		--leise: #a8a29e;
		--linie: #292524;
		--logo-filter: invert(1);
	}
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--grund);
	color: var(--text);
	font: 17px/1.6 "Geist", system-ui, sans-serif;
}
.seite {
	max-width: 680px;
	margin: 0 auto;
	padding: 48px 24px 64px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.marke img { height: 28px; width: auto; display: block; filter: var(--logo-filter); }
main { flex: 1; }
h1 { font-size: 32px; line-height: 1.2; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 16px; }
h2 { font-size: 19px; font-weight: 600; margin: 32px 0 8px; }
p, address { margin: 0 0 16px; font-style: normal; }
.leise { color: var(--leise); }
a { color: inherit; text-underline-offset: 3px; }
footer {
	border-top: 1px solid var(--linie);
	padding-top: 24px;
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	font-size: 15px;
	color: var(--leise);
}
@media (max-width: 480px) {
	.seite { padding: 32px 16px 48px; gap: 32px; }
	h1 { font-size: 26px; }
}