/* Letzte Feinjustierungen über die Bootstrap-Breakpoints hinaus */
@media (max-width: 480px) {
    .container {
        padding-inline: var(--space-3);
    }

    .hero {
        padding-block: var(--space-5);
    }

    .auth-card {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
}