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

@media (max-width: 992px) {
    .container {
        max-width: 720px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 540px;
    }

    /* Hamburger anzeigen */
    .nav-toggle {
        display: block;
        background: none;
        border: none;
        font-size: 1.5rem;
        color: var(--primary);
        cursor: pointer;
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 1000;
    }

    /* Navigation im Mobile */
    .mod-menu.nav {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 1rem;
        background: var(--background);
    }

    .mod-menu.nav.active {
        display: flex;
    }

    /* Mobile Menü-Items */
    .mod-menu.nav li {
        width: 100%;
        margin: 0;
    }

    /* Mobile Dropdowns */
    .mod-menu__sub {
        position: static;
        display: none;
        transform: none;
        box-shadow: none;
        width: 100%;
        padding-left: 1rem;
    }

    .nav-item.active > .mod-menu__sub,
    .mod-menu.nav li.active > .mod-menu__sub {
        display: block;
    }

    /* Logo Anpassung Mobile */
    .logo-container {
        max-width: 80%;
        padding: 10px;
    }
    
    .logo-container img {
        width: 80%;
        max-width: 300px;
        object-fit: contain;
        aspect-ratio: auto;
    }
}

@media (max-width: 576px) {
    .container {
        width: 100%;
        padding: 0 10px;
    }
    
    .logo-container {
        max-width: 90%;
        padding: 5px;
    }
    
    .logo-container img {
        width: 90%;
        max-width: 250px;
        object-fit: contain;
        aspect-ratio: auto;
    }
}

@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        text-align: center;
    }
    
    .footer-links {
        flex-direction: column;
        gap: 1rem;
    }
    
    .footer-divider {
        display: none;
    }
}