/** Chiptuning-Konfigurator CSS by die codedesigner | www.die-codedesigner.de */

.model .car-box, .motors .car-box {
    min-height: 200px;
}

.car-box .btn {
    margin: 10px;
}

@media (min-width: 1024px) {
    .manu {
        width: 25%;
    }

    .model {
        width: 33.3333%;
    }

    .motors {
        width: 33.3333%;
    }
}

@media (max-width: 1023px) and (min-width: 769px) {
    .manu {
        width: 33.3333%;
    }

    .model {
        width: 50%;
    }

    .motors {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .manu {
        width: 50%;
    }

    .model {
        width: 100%;
    }

    .motors {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .manu {
        width: 100%;
    }
}

.art_nav {
    padding-left: 5px;
    margin: 0 !important;
    overflow: hidden;
}

.art_nav .nav-item {
    padding: 0;
    background: #0E0E0E;
    margin: 5px;
    float: left;
    list-style: none;
}

.art_nav .nav-item span {
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
}

.art_nav .nav-item:hover {
    cursor: pointer;
    background-color: #c3512f;
}

.chip_nav {
    padding-left: 5px;
    margin: 0 !important;
    overflow: hidden;
}

.chip_nav .nav-item {
    padding: 0;
    background: #0E0E0E;
    margin: 5px;
    float: left;
    list-style: none;
}

.chip_nav .nav-item span {
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
}

.chip_nav .nav-item:hover {
    cursor: pointer;
    background-color: #c3512f;
}

.ck-active {
    background-color: #c3512f;
    color: #fff !important;
    border-color: transparent;
}

.data {
    margin-top: 25px;
}

.hide {
    display: none;
}


.manu {
    padding: 10px;
}

.motors {
    padding: 10px;
}


.model_img {
    width: 160px;
    height: auto;
    display: block;
    margin: auto;
    padding: 20px;
}

.model {
    padding: 10px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}


/* SELECT */
@media (min-width: 600px) {
    .sb-box.fourboxes {
        float: left;
        width: 25%;
    }

    .sb-box.threeboxes {
        float: left;
        width: 33.33333%;
    }
}

.box-title {
    text-align: center;
    height: 90px;
}

.car-box {
    transition: all .2s ease-in-out;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    text-align: center;
    min-height: 125px;
}

.car-box:hover {
    cursor: pointer;
    transform: scale(0.95);
}

/* Ausgabe Chiptuning Daten */
.tuning-data {
    margin-top: 25px;
}

.carpower {
    width: 100%;
    margin-top: 40px;
}

.carps {
    background-color: #c3512f;
    font-size: 43px;
    font-weight: 700;
    text-align: center;
    width: 20%;
    line-height: 80px;
    color: #fff;
    float: left;
    position: relative;
}

.carps:after {
    border-bottom: 0 solid transparent;
    border-right: 33px solid transparent;
    border-top: 80px solid #c3512f;
    content: "";
    position: absolute;
    right: -32px;
    top: 0;
    z-index: 998;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 32px;
    height: 80px;
    overflow: hidden;
}

.tuningblock .clabel, .tuningblock .cvalue {
    color: #fff;
}

.carpowerline {
    float: left;
    width: 70%;
    margin-left: 37px;
    background-color: #0E0E0E;
    height: 80px;
    position: relative;
    padding: 15px;
}

.carpowerline:before {
    border-bottom: 0 solid transparent;
    border-right: 33px solid #0E0E0E;
    border-top: 80px solid transparent;
    content: "";
    left: -32px;
    position: absolute;
    top: 0;
    z-index: 998;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 32px;
    height: 80px;
    overflow: hidden;
}

.carorigninal, .cartuning, .tuningblock {
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
}

.normalpreis .cartuning {
    padding-top: 15px;
}


.clabel {
    float: left;
    padding-bottom: 5px;
    font-weight: 400;
    font-size: 20px;
}

.cvalue {
    float: right;
    margin-right: 60px;
    padding-bottom: 5px;
    font-weight: 400;
}

.ck-info {
    margin-top: 40px;
}

.info-text {
    color: #fff !important;
}

small {
    font-size: 14px;
}

#ck-cta {
    text-align: left;
    margin-top: 40px;
    float: left;
    margin-right: 20px;
}

.ck-calltoaction {
    border: 0 !important;
    background: #c3512f;
    color: #fff !important;
    padding: 10px 16px;
    text-decoration: none !important;
}

.ck-calltoaction:hover {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .carps {
        width: 14% !important;
        font-size: 18px !important;
        padding-left: 5px;
    }

    .carorigninal, .cartuning, .clabel, .cvalue {
        font-size: 18px !important;
        margin-left: 0px;
        line-height: 20px;
    }

    .carpowerline {
        padding-left: 5px;
        height: 100px;
        padding: 25px;
    }

    .carpowerline:before {
        height: 100px;
        border-top: 100px solid transparent;
    }

    .carps {
        height: 100px;
        line-height: 100px;
    }

    .carps:after {
        border-top: 100px solid #c3512f;
    }

    .normalpreis .clabel, .normalpreis .cvalue {
        text-align: left;
    }

    .cvalue {
        margin-right: 0px;
        float: left;
    }
}

@media screen and (max-width: 549px) {
    .normalpreis .clabel, .normalpreis .cvalue {
        padding-top: 0px;
    }
}

@media screen and (max-width: 480px) {
    .carorigninal, .cartuning, .clabel, .cvalue {
        font-size: 14px !important;
    }

    .carpowerline {
        padding-top: 25px;
    }

    #with, #without, #only, #both {
        display: none !important;
    }
}

/* Selectboxen */
.ck_select {
    float: left;
    width: 23%;
    margin-right: 2%;
}

.ck_select:first-child {
    margin-left: 1%;
}

.ck_select:last-child {
    margin-right: 0;
}

.ck_select select {
    width: 100%;
    padding-left: 10px !important;
    border-color: #0E0E0E !important;
    color: #0E0E0E !important;
}

#go_back {
    line-height: 1.5em;
    padding: 7px 15px;
    background: #c3512f;
    color: #fff;
    border: 0px;
    margin-left: 10px;
}

#send {
    line-height: 1.5em;
    padding: 7px 15px;
    background: #c3512f;
    color: #fff;
    border: 0px;
    margin-left: 10px;
}

#send:hover {
    cursor: pointer;
    background: #000 !important;
}

#go_back:hover {
    cursor: pointer;
    background: #000 !important;
}

@media screen and (max-width: 767px) {
    .ck_select {
        width: 48%;
    }
    .ck_select:first-child {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .ck_select {
        width: 100%;
        margin-right: 0px;
        float: none;
    }
    #ck-sbox.hide {
        display: block !important;
    }
    .chip-row.ghide, .flex-container.ghide {
        display: none !important;
    }
}

.chip-row {
    margin-bottom:  20px;
    text-align: center;
}
.chip-row p{
    text-align: center;
}
.performance {
    padding-top: 30px !important;
}

.performance label {
    text-align: left !important;
}

#with, #only, #both {
    display: none;
}

.contact_title {
    text-align: left !important;
}

.confi {
    margin-top: 40px;
}

.selectbox {
    width: 40%;
    margin: 0 auto;
    display: block;
}

.vehicle-choice {
    width: 60%;
    float: left;
    text-align: left;
}

.selectbox .ck_select {
    float: none;
    padding: 10px;
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.vehicle-choice h3 {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

#contactform {
    display: none;
}

.tuning-data input, .tuning-data textarea {
    width: 100%;
}

.tuning-data textarea {
    margin-bottom: 20px;
}

.tuning-data {
    margin-bottom: 50px;
}

.tuning-data #send {
    display: block;
    margin: 0 auto;
    max-width: 300px;
}