/* 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: #faf7f2;         /* 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; }
    }
}