/*
====================================
TABLET
====================================
*/

@media(max-width:992px) {

    .header__menu {

        display: none;
    }

    .button--primary {

        display: none;
    }

    .header__toggle {

        display: block;
    }

}

/*
====================================
MOBILE HERO
====================================
*/

@media(max-width:992px) {

    .hero__wrapper {

        grid-template-columns: 1fr;

    }

    .hero__title {

        font-size: 3rem;
    }

}

/*
====================================
SERVICES
====================================
*/

@media(max-width:992px) {

    .services__grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .services__grid {

        grid-template-columns: 1fr;

    }

}


/*
====================================
WHY OTP
====================================
*/

@media(max-width:768px) {

    .advantages__grid {

        grid-template-columns: 1fr;

    }

}


/*
====================================
PROCESS
====================================
*/

@media(max-width:992px) {

    .process__timeline {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .process__timeline {

        grid-template-columns: 1fr;

    }

}


/*
====================================
INDUSTRIES
====================================
*/

@media(max-width:992px) {

    .industries__grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .industries__grid {

        grid-template-columns: 1fr;

    }

}


/*
====================================
TEAM
====================================
*/

@media(max-width:768px) {

    .team__grid {

        grid-template-columns: 1fr;

    }

}



/*
====================================
CONTACT
====================================
*/

@media(max-width:992px) {

    .contact__wrapper {

        grid-template-columns: 1fr;

    }

}


/*
====================================
FOOTER
====================================
*/

@media(max-width:992px) {

    .footer__grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .footer__grid {

        grid-template-columns: 1fr;

    }

}


@media(max-width:768px) {

    .hero__stats {

        grid-template-columns: repeat(2, 1fr);

    }

}


@media(max-width:768px){

    .hero__stats{

        grid-template-columns:repeat(2,1fr);

    }

}


/*
====================================
KLEINE HANDYS – Überschriften verkleinern,
damit lange Wörter ins Bild passen
====================================
*/

@media(max-width:600px) {

    .hero__title {

        font-size: 2.2rem;

    }

    .section-title {

        font-size: 1.9rem;

    }

    .cta__title {

        font-size: 1.7rem;

    }

    .feature__title {

        font-size: 1.6rem;

    }

    .stat-box__number {

        font-size: 2rem;

    }

}


/*
====================================
SEHR SCHMALE HANDYS – Kennzahlen einspaltig,
damit lange Labels (z. B. "Gesellschafteranteile") passen
====================================
*/

@media(max-width:520px) {

    .stats-band {

        grid-template-columns: 1fr;

    }

    .hero__stats {

        grid-template-columns: 1fr;

    }

}