@media (max-width: 1024px) {

    :root {
        --height-slideshow: 350px;
        --height-footer: auto;
        --gap-footer: 30px;
    }

    .vehicle-page {

        gap: 20px;
        --height-vehicle-main-image: 300px;
        --width-vehicle-details-properties: 100%;
    }

    .fuhrpark_kunden {
        left: -30px;
        width: 100vw;
    }

    .fuhrpark_kunden .inner {
        padding-left: 30px;
        padding-right: 30px;
    }


    .vehicle-list-small-container {
        left: 0;
        width: 100%;
    }

    .fuhrpark_kunden .logos {
        justify-content: space-evenly;
    }


    #slideshow {

    }

    #content {
        padding-left: 30px;
        padding-right: 30px;
    }


    .vehicle-list-small {
        justify-content: center;
    }

    .vehicle-list-small .item {
        max-width: calc(100vw - 50px);
    }


    .vehicle-list-big {
        justify-content: center;
    }

    .vehicle-list-big .item {
        max-width: calc(100vw - 50px);
    }


    #footer .inner {
        flex-direction: column;
        align-items: center;
    }

    #footer .logo {
        border-bottom: 1px solid #fff;
        border-right: 0;
        padding: 0 0 var(--gap-footer) 0;
        width: 100%;
        max-width: 300px;
        display: flex;
        justify-content: center;
    }

    #footer .nav {
        text-align: center;
        padding: 0;
    }


    .vehicle-page {
        margin: 15px 0;
    }


    .vehicle-page .details {
        flex-direction: column;
    }

    .vehicle-page .details .text {
        padding-left: 0;
        border-left: 0;
    }


    .vehicle-page .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }


}


@media (max-width: 800px) {


    .vehicle-page .main-image {
        width: calc(100vw + 50px);
        position: relative;
        left: -50px;
    }

}


@media (max-width: 680px) {


    .fuhrpark_kunden .logos {
        flex-direction: column;
        gap: 50px;
    }


    .vehicle-page .gallery {
        grid-template-columns: repeat(1, 1fr);
    }

}


@media (max-width: 520px) {

    :root {
        --height-header: 60px;
        --height-slideshow: 200px;
    }


    #mobile_header {display: flex;}
    #header {display: none;}


    #mobile_header {
        justify-content: space-between;
        padding: 0 20px;
        border-bottom: 1px solid #fff;

        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;

    }


    #mobile_header .logo {
        width: 110px;
    }

    #mobile_header .menu-opener {
        display: block;
    }

    #nav {
        display: none;
    }

    #slideshow {
        margin-top: 0;
    }


    #content {
        padding-top: 10px;
        /*padding-bottom: 10px;*/
    }

    #page > div:nth-child(3) {
        margin-top: 60px;
    }

    .frame-type-form_formframework {
        margin-bottom: 30px;
    }

}