@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: fixed;
        top: 3.5rem; /* Exactly below the header */
        left: 0;
        right: 0;
        bottom: 0;
        min-width: auto;
        background: var(--header-color);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        border-radius: 0;
        box-shadow: none;
        animation: nav-overlay-in 0.3s ease-out forwards;
    }

    .anchors.open {
        display: flex;
    }

    .anchors a,
    .anchors a:visited {
        margin: 0.5rem 0;
        padding: 1rem;
        text-align: center;
        border-radius: 0.5rem;
        font-size: 2rem; /* Massive typography */
        font-weight: 700;
        transition: color 0.2s ease, transform 0.2s ease;
    }

    .anchors a:hover,
    .anchors a:active {
        background-color: transparent;
        color: var(--primary-color, #F7AE83);
        transform: scale(1.05);
    }

    @keyframes nav-overlay-in {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    .cost-options {
        grid-template-columns: 1fr;
    }
    .cost-option {
        margin-bottom:2rem;
    }
}
@media only screen and (max-width: 900px) {
    .contact-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 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));
    }

    .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;
    }
}
