/* Vollflächige, scrollfreie Bühne */
html, body {
	height: 100%;
}
body {
	margin: 0;
	min-height: 100dvh;         /* stabil auf Mobile (Adressen-/Toolbar) */
	display: grid;
	place-items: center;         /* horizontales + vertikales Zentrieren */
	background: #fbfafb;         /* ggf. an CI anpassen */
}

/* Der Container bleibt genau mittig */
.center {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
}

/* Responsives Logo: nie größer als die Viewport-Kanten */
.logo {
	max-width: min(42vmin, 520px); /* skaliert schön auf klein/groß */
	width: 100%;
	height: auto;
	user-select: none;
	-webkit-user-drag: none;
	image-rendering: auto;
}

/* Optional: kleines Fade-in für einen wertigen Look */
@media (prefers-reduced-motion: no-preference) {
	.logo {
		opacity: 0;
		transform: translateY(4px);
		animation: fadeIn 400ms ease-out forwards;
	}
	@keyframes fadeIn {
		to { opacity: 1; transform: none; }
	}
}