@media only screen and (min-width: 0px) and (max-width: 600px)
{
    .bg-motto {
        margin-top: 80px;
    }

    .bg-clearfix {
        margin-top: 50%;
    }

    .bg-video video {
        min-height: calc(100% - 0.25rem);
        max-height: calc(100% - 0.25rem);
        height: calc(100% - 0.25rem);
    }

    .fs-title {
        font-size: 1.6rem!important;
    }

    .h1, h1 {
        font-size: calc(1.375rem + 0.5vw);
    }

    .h2, h2 {
        font-size: calc(1.325rem + 0.25vw);
    }

    .fs-sm-4 {
        font-size: 1rem!important;
    }
    .fs-sm-5 {
        font-size: 0.9rem!important;
    }
    .fs-sm-6 {
        font-size: 0.8rem!important;
    }
    .fs-sm-7 {
        font-size: 0.7rem!important;
    }
    .fs-sm-8 {
        font-size: 0.6rem!important;
    }


    .box-12 {
        padding: unset;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box-6 {
        padding: unset;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .step {
        margin-top: 2rem;
        text-align: left;
    }

    .step-container .step::after {
        bottom: 2.5rem;
    }

    .top-sm-15 {
        top: 15% !important;
    }

    .step-left:after {
        font-size: 8rem;
    }

    .h-sm-unset {
        height: unset!important;
    }
    .carousel-item-detail-standard {
        height: 50vh;
    }

    .two-column-list-sm-unlink {
        column-count: 1;
    }

    .detail-gg-primary-photo {
        height: 220px;
    }

    .margin-header {
        margin-bottom: calc(var(--header-margin-top) - 6rem);
    }

    .uber-uns-img {
        height: 220px;
    }

    .step-circle-after:after {
        top: 50%;
        left: calc(100% + 30%);
        width: 50%;
    }

    .step-circle-after-2:after {
        display: none;
    }

    .renoviren-img-sm, .renoviren-img-lg {
        width: 100%;
    }

    .renoviren-img-sm-div {
        height: 100%;
    }

    .overflow-x-auto::-webkit-scrollbar {
        height: 2px;
    }

    .vermietung-main-bg {
        height: 80vh;
    }

    .vermitung-gg {
        display: none;
    }


    .renoviren-video iframe {
        height: 275px;
    }

    .banner-homepage-empty {
        height: 320px;
    }

    .img-banner {
        width: 200px;
        position: relative;
        right: -35px;
    }

    .img-revert-horizontal.img-banner {
        left: -45px;
        right: unset;
    }

    .img-banner-wrap-end {
        right: 2px !important;
        overflow: hidden;
    }

    .vermitung-block {
        height: 90vh;
    }

    .karriera-main-bg {
        height: 60vh;
    }
    .karriera-block {
        height: 25vh;
    }

    .karriera-jobs-ansehen {
        height: 300px;
    }

    .btn-whatsapp.fs-3 {
        font-size: 1.8rem!important;
    }

    .img-ankauf {
        max-height: unset;
        height: 170px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px)
{
    .fs-sm-5 {
        font-size: 1.1rem!important;
    }
    .fs-sm-6 {
        font-size: 0.8rem!important;
    }

    .container.ps-md-0{
        padding-left: 0.5rem!important;

    }
    .container.pe-md-0{
        padding-right: 0.5rem!important;
    }

    .bg-clearfix {
        position: relative;
        margin-top: 10%;
    }

    .box {
        font-size: 1rem!important;
    }
}


@media only screen and (max-width: 767px) {
    /*
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    .container, .container-fluid, .row, [class*="col-"] {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

     */
}