/* FIXIT */
@media (min-width: 1200px) {
    .container {
        width: 900px;
    }
}

html, body {
    min-width: 360px;
    min-height: 100%;
    overflow-x: hidden;
    font-family: 'Raleway', sans-serif;
}
body {
    background-color: #fff;
    background-image: url('images/bg_main.jpg');
    background-repeat: repeat-x;
    background-position: top left;
}

img,
iframe {
  max-width: 100%;
}

.wrapper {
    position: relative;
    background-color: #fff;
    padding: 0px;
}

.wrapper_before {
    position: absolute;
    top:0px;
    bottom: 0px;
    margin-left:-35px;
    width:35px;
    height: 100%;
    background-image: url('images/shd_left.png');
    background-repeat: repeat-y;
    background-position: top right;
}
.wrapper_after {
    position: absolute;
    top:0px;
    bottom: 0px;
    right:0px;
    margin-right:-35px;
    width:35px;
    height: 100%;
    background-image: url('images/shd_right.png');
    background-repeat: repeat-y;
    background-position: top right;
}
/* preheader */
.wrapper_top {
    padding:11px 0px;
}
.wrapper_top .logo-col{
    text-align: center;
}

.wrapper_top .meta-col .metabar{
    list-style: none;
    float:right;
    margin:0px 20px 0px 0px;
    padding:0px;
}
.wrapper_top .meta-col .metabar li{
    float:left;
}
.wrapper_top .meta-col .metabar li a {
    display: block;
}
.wrapper_top .meta-col .metabar.legals a{
    padding:5px 10px;
    font-size:80%;
    color:#939393;
    text-decoration: none;
}
.wrapper_top .meta-col .metabar.legals a span{
}
.wrapper_top .meta-col .metabar.legals a span:before{
    content: '';
    display:inline-block;
    width:6px;
    height:6px;
    margin-top:-2px;
    margin-right:5px;
    background-color: #c00319;
    vertical-align: middle;
}
.wrapper_top .meta-col .metabar.language li {
    padding-top:2px;
    margin-left:7px;
}
.wrapper_top .meta-col .metabar.language a{
    display: block;
    padding:1px 4px 6px;
    color:#fff;
    font-weight: 700;
    font-size:90%;
    text-decoration: none;
    background-image: url('images/lang.png');
    background-repeat: no-repeat;
}
.wrapper_top .meta-col .metabar.language li.active a{
    background-image: url('images/lang_active.png');
}
/* header */
.wrapper_head {
    height: 304px;
    width: 100%;
    background-image: url('images/header_wide.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    border-top:4px solid #c00319;
}

.mobile-layout .wrapper_head {
    height: 180px;
    background-image: url('images/header_wide.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;

    border-top:4px solid #c00319;
}

/* menu */
.wrapper_menu {
    min-height:58px;
    background-color: #c00319;
    display: flex;
}
.wrapper_menu .menubar{
    list-style: none;
    margin:0 auto;
    padding:0px;
    border-left:2px solid rgba(255,255,255,0.1);
    border-right:2px solid rgba(0,0,0,0.1);
}
.wrapper_menu .menubar li{
    float:left;
    border-left:2px solid rgba(0,0,0,0.1);
    border-right:2px solid rgba(255,255,255,0.1);
}
.wrapper_menu .menubar li a{
    display: block;
    color: #fff;
    font-weight: 700;
    font-size:120%;
    line-height: 120%;
    padding:18px 20px;
    letter-spacing: 1pt;
}
.wrapper_menu .menubar li.active a{
    border-top:4px solid #fff;
    padding:14px 20px 18px;
}

.wrapper_menu .menubar li a > span {
    display:inline-block;
    vertical-align: middle;
    line-height: 120%;
}

.wrapper_menu .menubar li a > span:before {
    content: '';
    display:inline-block;
    width:7px;
    height:7px;
    margin-top:-2px;
    margin-right:7px;
    background-color: #fff;
    vertical-align: middle;
}

/* body */
.wrapper_body {
    padding:20px 60px;
    color:#000;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0pt;
}

.wrapper_body_cars {
    padding:0px 0px;
    color:#000;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0pt;
}

/* ELEMENTS */
h1, h2, h3 {
    font-weight: 700;
    color:#c00319;
}

h1 {
    font-size:24px;
}
h2 {
    font-size:18px;
}
h3 {
    font-size:14px;
}

/* VEHICLES */
.fahrzeuge-page .wrapper_body {
    padding:0px 0px 20px;
    font-size:80%;
}
.fahrzeuge-page h1,
.fahrzeuge-page h2,
.fahrzeuge-page h3,
.fahrzeuge-page h4 {
    margin:0px;
    padding: 10px 0px 0px 0px;
}

.fahrzeuge-page ul {
    list-style: none;
    margin:0px;
    padding:0px;
}

.fahrzeuge-page ul.pagelist {
    margin-top: 5px;
}

.fahrzeuge-page ul.pagelist li {
    display:inline-block;
}

.fahrzeuge-page ul.pagelist li a{
    color:#444;
    text-decoration: none;
    background-color: #fff;
    padding:7px 8px 5px 8px;
}

.fahrzeuge-page ul.pagelist li.active a{
    color:#fff;
    background-color: #bf031b;
}

.fahrzeuge-page .mobile-listpanel {
    background-color: #f8f8f8;
    padding: 20px 25px;
    border-bottom: 1px solid #e0e0e0;
}

.fahrzeuge-page .mobile-listpanel .left,
.fahrzeuge-page .mobile-listpanel .right {
    display:inline-block;
    vertical-align: top;
    width:49%;
}

.fahrzeuge-page .mobile-listpanel .right {
    text-align: right;
}

.fahrzeuge-page .mobile-listpanel select {
    font-size:110%;
}

.fahrzeuge-page ul.mobile-resultlist li {
    padding:10px 25px;
}

.fahrzeuge-page ul.mobile-resultlist li.even {
    background-color: #eee;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
}
.fahrzeuge-page ul.mobile-resultlist li.odd {
    background-color: #ddd;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
}

.fahrzeuge-page ul.mobile-resultlist li .image,
.fahrzeuge-page ul.mobile-resultlist li .info,
.fahrzeuge-page ul.mobile-resultlist li .price-body {
    display:inline-block;
    vertical-align: top;
}

.fahrzeuge-page ul.mobile-resultlist li .image {
    width:23%;
    margin-right:2%;
}

.fahrzeuge-page ul.mobile-resultlist li .image img{
    width:100%;
    height:auto;
}

.fahrzeuge-page ul.mobile-resultlist li .image .defimg{
    width:100%;
    height:120px;
    background-color: #fff;
    background-image: url('images/logo.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.fahrzeuge-page ul.mobile-resultlist li .info {
    width:44%;
    margin-right:2%;
}

.fahrzeuge-page ul.mobile-resultlist li .info-head {
    margin-bottom: 10px;
}

.fahrzeuge-page ul.mobile-resultlist li .info-body {
    color:#666;
}

.fahrzeuge-page ul.mobile-resultlist li .info .title {
    color:#444;
    text-decoration: none;
    font-size:140%;
    font-weight: bold;
}

.fahrzeuge-page ul.mobile-resultlist li .info .meta {
    color:#444;
    font-weight: bold;
}

.fahrzeuge-page ul.mobile-resultlist li .price-body {
    color:#666;
}

.fahrzeuge-page ul.mobile-resultlist li .price-body .price{
    font-size:150%;
    font-weight: bold;
}

.fahrzeuge-page ul.mobile-resultlist li .price-body .price .novat {
    font-size:75%;
    font-weight: normal;
}


/*detail */
.mobile-detailview {
    padding:25px;
}
.fahrzeuge-page .mobile-detailview .left,
.fahrzeuge-page .mobile-detailview .right{
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.fahrzeuge-page .mobile-detailview .left {
    margin-right: 3%;
}

.fahrzeuge-page .mobile-detailview .left img {
    width: 100%;
    height: auto;
}

.fahrzeuge-page .mobile-detailview .left .defimg{
    width:90%;
    height:200px;
    background-color: #fff;
    background-image: url('images/logo.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.fahrzeuge-page .mobile-detailview .detail-head {
    font-weight: bold;
    font-size:220%;
    color: #444;
    line-height: 90%;
}

.fahrzeuge-page .mobile-detailview .detail-head .manufacturer{
    font-size:80%;
}

.fahrzeuge-page .mobile-detailview .price-body .price{
    margin: 10px 0px;
    font-size:150%;
    font-weight: bold;
    color: #444;
}

.fahrzeuge-page .mobile-detailview .price-body .price .novat {
    font-size:75%;
    font-weight: normal;
}

.fahrzeuge-page .mobile-detailview .offerlink {
    display: inline-block;
    margin: 20px 0px;
    padding:20px;
    color:#fff;
    font-size:120%;
    font-weight: bold;
    text-decoration: none;
    background-color: #bf031b;
}
.fahrzeuge-page .mobile-detailview .label,
.fahrzeuge-page .mobile-detailview .value {
    display: inline-block;
    vertical-align: top;
    width:49%;
    text-align: left;
}
.fahrzeuge-page .mobile-detailview .label {
    padding:0px;
    font-size:100%;
    color:inherit;
    font-weight: normal;
}

@media (max-width: 678px) {
    .wrapper_top .meta-col .metabar {
        margin-right:0px;
    }
    .fahrzeuge-page ul.mobile-resultlist li .info {
        width: 74%;
        margin-right: 0%;
    }
    .fahrzeuge-page ul.mobile-resultlist li .price-body {
        width: 74%;
        margin-left: 25%;
        margin-top:20px;
    }
}

/* career */
.career-item,
.career-noitems {
    padding:10px 0px;
    border-top:1px solid #ccc;
}
.career-item h2 {
    margin:10px 0px 0px;
}
.career-item .link a {
    display: inline-block;
    margin:5px 0px 0px;
    padding:10px 20px;
    background-color: #C00319;
    color: #FFF;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .career-item {
        text-align: center;
    }
}