@media only screen and (max-width: 768px) {

    .home-banner {
        padding: 182px 16px 150px 16px;
    }

    .custom-row {
        display: block;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .left-box {
        width: 100%;
        padding: 24px;
    }

    .right-box {
        width: 100%;
        padding: 24px;
        margin-top: 24px;
    }

    .inner-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .inner-card {
        background: #F1F9F9;
        border-radius: 6px;
        padding: 20px 0;
        cursor: pointer;
        width: 140px;
        height: auto;
    }

    /* intro
    =============  */
    .intro-custom__row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 16px 16px 16px 32px;
        justify-content: center;
        gap: 24px;
        margin-top: -10rem;
    }

    .w-431 {
        width: 100%;
    }

    /* services pages
      ============================  */
    .service-wrap {
        padding: 14rem 16px 7rem 16px;
    }

    .service-card {
        height: auto;
    }

    .m-unsere {
        text-align: center;
    }

    .intro__service-wrap {
        width: 100%;
        padding: 28px;
    }

    .intro-btn {
        display: block;
        padding: 32px;
    }

    .jetzt__btn {
        margin-top: 1rem;
    }

    /* slider  */
    .allBtn {
        padding: 0rem;
    }

    .allBtn button:last-child {
        margin-left: 28rem;
    }

    .allBtn button {
        width: 50px;
        height: 50px;
    }


    /* Footer */
    .footer-bg {
        padding: 32px 14px 48px 14px;
    }

    .footer-logo {
        width: 204px;
    }

    .kontakt-title {
        font-size: 16px;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .legal-items {
        margin-top: 48px;
        justify-content: center;
    }

}


@media only screen and (max-width: 576px) {


    .home-banner {
        padding: 182px 16px 150px 16px;
    }

    .custom-row {
        display: block;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .left-box {
        width: 100%;
        padding: 24px;
        margin-top: 800px;
    }

    .right-box {
        width: 100%;
        padding: 24px;
        margin-top: 24px;
    }

    .inner-content__third-step {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .inner-card {
        background: #F1F9F9;
        border-radius: 6px;
        padding: 16px 0 4px 0;
        cursor: pointer;
        width: 140px;
        height: auto;
    }

    .bluite-point {
        margin-top: 22px;
        margin-left: 0rem;
    }

    /* intro
    =============  */
    .intro-custom__row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 16px 16px 16px 32px;
        justify-content: center;
        gap: 24px;
        margin-top: -10rem;
    }

    .w-431 {
        width: 100%;
    }

    /* services pages
      ============================  */
    .service-wrap {
        padding: 14rem 16px 7rem 16px;
    }

    .m-unsere {
        text-align: center;
    }

    .intro__service-wrap {
        width: 100%;
        padding: 28px;
    }

    .intro-btn {
        display: block;
        padding: 32px;
    }

    .jetzt__btn {
        margin-top: 1rem;
    }

    .slider-wrap {
        padding: 24px 16px 24px 16px;
    }

    .slide-img {
        width: 100%;
        height: 260px;
    }

    .controls {
        padding: 9px 10px;
        width: 44px;
        height: 44px;
        border-radius: 50%;
    }

    /* unsere services  */
    .unsere-custom__row {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .pt-80 {
        padding-top: 40px;
    }

    /* slider  */
    .allBtn {
        padding: 0rem;
    }

    .allBtn button:last-child {
        margin-left: 12.5rem;
    }

    .allBtn button {
        width: 50px;
        height: 50px;
    }


    /* Footer */
    .footer-bg {
        padding: 32px 14px 48px 14px;
    }

    .footer-logo {
        width: 204px;
    }

    .kontakt-title {
        font-size: 16px;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .legal-items {
        margin-top: 48px;
        justify-content: center;
    }





}