@media only screen and (max-width: 1000px) {
    .claim .content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .claim-right {
        display:none;
    }

    .advantages-grid, .customers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .products {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1100px) {
    .header .content {
        position: relative;
        justify-content: flex-start;
    }

    .mobile-menu-toggle {
        display: block;
        margin-left: auto;
    }

    .anchors {
        display: none;
        position: absolute;
        top: calc(100% + 0.5rem);
        right: 1rem;
        left: auto;
        min-width: 14rem;
        background: var(--header-color);
        flex-direction: column;
        align-items: stretch;
        padding: 0.5rem;
        border-radius: 0.75rem;
        box-shadow: 0 12px 32px rgba(25, 22, 51, 0.25);
        animation: nav-dropdown-in 0.18s ease-out;
    }

    .anchors.open {
        display: flex;
    }

    .anchors a,
    .anchors a:visited {
        margin: 0;
        padding: 0.75rem 1rem;
        text-align: left;
        border-radius: 0.5rem;
        font-size: 1rem;
    }

    @keyframes nav-dropdown-in {
        from { opacity: 0; transform: translateY(-4px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    .cost-options {
        grid-template-columns: 1fr;
    }
    .cost-option {
        margin-bottom:2rem;
    }
}
@media only screen and (max-width: 500px) {
    .video-tabs {
        flex-direction: column;
    }
    .video-tab {
        box-sizing: border-box;
        width:100%;
    }

    .advantages-grid, .customers-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .team-photos {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .products {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .contact-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .cost-price-value {
        font-size: 2rem;
    }

    .agb h1 {
        font-size: 1.2rem;
    }

    .agb h2 {
        font-size: 1.1rem;
    }

    .agb h3 {
        font-size: 1rem;
    }

    .footer .content {
        flex-direction: column;
    }

    .contact-button {
        text-align:center;
    }
    .contact-button a {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contact-button img {
        display:none;
    }
}
