﻿@media screen and (max-width: 640px) {
    .Zubehoer-headline {
        width: 100vw;
        height: 8vw;
        font-size: 4vw;
    }

    .FZG-Head {
        position: relative;
    }

    .Zubehoer {
        width: 100vw;
        height: 100%;
    }

    .alert-box {
        display: none;
    }

    .bolded-line {
        width: 70vw;
        height: 4vw;
        line-height: 3.5vw;
        font-size: 3.5vw;
    }

    .car-details {
        position: relative;
        width: 100%;
        margin-left: 1vw;
        height: 6vw;
        font-size: 3vw;
    }

    .cardetails {
        position: relative;
        height: 4.5vw;
        width: 100%;
        text-align: center;
        margin: 1vw;
        font-size: 4vw;
    }

    .contact-block {
        height: 21vw;
    }

        .contact-block .phoneicon {
            top: 3.6vw;
            left: 20vw;
            height: 7.2vw;
            width: 7.2vw;
            background-size: 36vw 36vw;
        }

    .contact-box {
        width: 75vw;
    }

    .contact1 {
        height: 12vw;
        font-size: 3.5vw;
    }

    .contact2 {
        height: 16vw;
        font-size: 3.5vw;
    }

    .details-crumb {
        display: none;
    }

    .features {
        margin-top: 3vw;
        left: 4vw;
        width: 90vw;
        height: 100%;
    }

    .fin-box {
        height: 60vw;
    }

    .fin-left, .fin-right {
        width: 70vw;
        margin-left: 2.5vw
    }

    .fin-left-row {
        width: 70vw;
    }

    .fin-left-data, .fin-left-text, .fin-right-text, .fin-right-data {
        font-size: 2.9vw;
        line-height: 3vw;
        height: 4vw;
        width: 30vw;
    }

    .fin-right p {
        font-size: 1.8vw;
        line-height: 2vw;
        height: 15vw;
    }

    .fzg-navbar-left {
        width: 100%;
        height: 95vw;
        margin-left: 0;
        margin-top: 5vw;
        order: 1;
    }
    .headline {
        width: 100vw;
        height: 8vw;
        font-size: 4vw;
    }
    .icon-arrow {
        height: 3.5vw;
        width: 3.5vw;
    }
    .kontaktspan {
        top: 13.2vw;
        font-size: 4.2vw;
    }
    .languagebox {
        top: 0;
        position: relative;
        width: 100%;
        height: 24vw;
    }
    .languages {
        margin-left: 3.6vw;
        width: 30vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 2vw;
    }
    .list-group-item {
        font-size: 2.1vw;
    }
    .middle-group {
        margin-top: 5vw;
        width: 100%;
        order: 3;
    }
    .modell-hersteller {
        width: 100%;
        height: 26.4vw;
    }
    .modher-img {
        height: 100%;
    }

    .modher, .modher2, .modher3 {
        height: 100%;
        padding-left: 1.71vw;
    }

        .modher h1 {
            top: 9.6vw;
            width: 100%;
            height: 5.7vw;
            font-size: 4.8vw;
            text-align: center;
        }

            .modher h1 a, .modher2 h1 a, .modher3 h1 a {
                color: #000000;
                text-decoration: none;
            }

        .modher .subby {
            top: 6.5vw;
            width: 40vw;
            height: 3.15vw;
            font-size: 2.7vw;
        }

        .modher2 .subby {
            top: 6.5vw;
            width: 100%;
            height: 3.15vw;
            font-size: 2.7vw;
            text-align: center;
        }

        .modher2 h1 {
            top: 9.6vw;
            width: 40vw;
            height: 5.7vw;
            font-size: 4.8vw;
        }

        .modher3 h1 {
            top: 9.6vw;
            width: 40vw;
            height: 5.7vw;
            font-size: 4.8vw;
        }
    .normal-line {
        width: 70vw;
        height: 4vw;
        line-height: 3.5vw;
        font-size: 3.5vw;
    }
    .price-bar-right {
        margin-top: 5vw;
        width: 100%;
        height: 100%;
        order: 2;
        padding-left: 2.1vw;
    }
    .quicklinks a {
        font-size: 2.7vw;
        margin-left: 3.6vw;
        margin-top: 1.8vw;
        width: 90%;
        height: 7.2vw;
        padding-left: 5%;
        padding-top: 2.1vw;
    }
    .righttop {
        height: 24.6vw;
    }

    .rightleft {
        height: 100%;
    }

    .rightdesc {
        margin-top: 3.6vw;
        height: 4.8vw;
        font-size: 4.8vw;
        top: 0;
    }

    .rightmwst {
        margin-top: 2.4vw;
        height: 2.4vw;
        font-size: 2.4vw;
        top: 0;
    }

    .rightprice {
        margin-top: 1.1vw;
        height: 5.5vw;
        font-size: 5.5vw;
        top: 0;
    }

    .rightright {
        top: 6vw;
        height: 100%;
    }
    .savingsbox, .showbox {
        margin-left: 1.5vw;
        margin-right: 1.5vw;
        width: calc(100% - 7.2vw);
        height: 8.4vw;
        margin-bottom: 1.8vw;
        align-items: center;
        justify-content: flex-end;
        display: flex;
    }

        .savingsbox p {
            top: 3vw;
            left: 1.65vw;
            width: 40vw;
            height: 3.15vw;
            font-size: 2.7vw;
            margin-right: auto;
        }

        .savingsbox span {
            bottom: 0;
            right: 2.4vw;
            height: 3.15vw;
            font-size: 3.6vw;
            text-align: right;
        }
    .showbox-interest, .showbox-countdown {
        width: 50%;
        margin-left: 2.5vw;
        margin-right: 2.5vw;
        height: 100%;
    }

    .showbox-interest-p {
        top: 2.4vw;
        height: 2.55vw;
        font-size: 2.1vw;
    }
    .top-feature {
        border-radius: 4px;
        border: 1px solid #d4d4d4;
        margin: 0;
        font-size: 5vw;
    }
    .umwelt-text, .umwelt-data {
        height: 5vw;
        font-size: 3vw;
    }
    .utility {
        width: 75vw;
        height: 100%;
        padding-bottom: 2vw;
        margin-bottom: 2vw;
    }
}
