/* Tablet und Smartphone */
@media (max-width: 991.98px) {
    .site-header {
        top: 12px;
        padding: 0 12px;
    }

    .glass-navbar {
        padding: 10px 14px;
        border-radius: 28px;
    }

    .glass-navbar .navbar-collapse {
        padding: 20px 8px 8px;
    }

    .glass-navbar .nav-link {
        padding: 12px 8px;
    }

    .nav-contact-btn {
        width: 100%;
        margin-top: 12px;
    }

    .hero-section {
        min-height: auto;
        padding: 155px 0 90px;
    }
}

@media (max-width: 575.98px) {
    .hero-section {
        padding: 135px 0 70px;
    }

    .hero-actions > a {
        width: 100%;
    }

    .hero-visual {
        padding: 24px;
    }

    .hero-eyebrow {
        font-size: 10px;
        letter-spacing: 1.2px;
    }
}