@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Emission Start */

.emission p {
    font-size: 10px;
    margin: 0;
    line-height: 16px;
}

.item-features .material-icons {
	font-size: 22px;
	vertical-align:bottom;
}

.ft-14 {
	font-size: 14px;
}

.ft-13 {
	font-size: 13px;
}

.ft-11 {
	font-size: 11px;
}

.result-item-features {
    margin-bottom: 15px;
}

.co2efficiency-class[data-efficiency-class="A"] {
    background: #009137;
}

.co2efficiency-class[data-efficiency-class="A"]:before {
    border-right-color: #009137;
}

.co2efficiency-class[data-efficiency-class="B"] {
    background: #58AB27;
}

.co2efficiency-class[data-efficiency-class="B"]:before {
    border-right-color: #58AB27;
}

.co2efficiency-class[data-efficiency-class="C"]:before {
    border-right-color: #BDD64A;
}

.co2efficiency-class[data-efficiency-class="C"] {
    background: #BDD64A;
}

.co2efficiency-class[data-efficiency-class="D"]:before {
    border-right-color: #FCF344;
}

.co2efficiency-class[data-efficiency-class="D"] {
    background: #FCF344;
}


.co2efficiency-class[data-efficiency-class="E"] {
    background: #FBBA03;
}

.co2efficiency-class[data-efficiency-class="E"]:before {
    border-right-color: #FBBA03;
}

.co2efficiency-class[data-efficiency-class="F"] {
    background: #F07034;
}

.co2efficiency-class[data-efficiency-class="F"]:before {
    border-right-color: #F07034;
}

.co2efficiency-class[data-efficiency-class="G"] {
    background: #E81F2E;
}

.co2efficiency-class[data-efficiency-class="G"]:before {
    border-right-color: #E81F2E;
}

.co2efficiency-class {
    width: 12px;
    height: 14px;
    background: #000;
    margin-left: 8px;
    margin-right: 4px;
    color: #ffffff;
    font-size: 9px;
    line-height: 14px;
}

.co2efficiency-class:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 8px solid #000;
    border-bottom: 7px solid transparent;
    margin: 0px 0 0 -7px;
}

.co2efficiency-class span {
    display: block;
    text-align: center;
    padding: 0 3px;
}

.co2efficiency-class[data-efficiency-class="D"] > span {
	color: #000;
}

.inline-flex {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
}

.result-item-features .material-icons {
 font-size: 22px;
 vertical-align: bottom;
}

/* Emission End */

.vehicle-cost {
font-size: 1.2em;
}

.content {
    padding: 50px 0 0;
}

h3.widgettitle {
    font-size: 18px;
    margin-bottom: 15px;
}

.by-type-options {
    padding: 10px 0;
}

.results-list-view .result-item-in {
    min-height: 272px;
}

.sitemap {
    padding-top: 20px;
}

.sitemap ul {
    margin: 0;
    padding: 0;
}

.sitemap ul li {
    list-style: none;
    padding-bottom: 5px;
}

.quicksearch .search-form-inner {
    border: none;
}

.quicksearch h3 {
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.quicksearch h3::before {
    border-top: 1px solid #555555;
    content: "";
    font-size: 0;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
}

.quicksearch h3 span {
    display: inline-block;
    padding: 0 24px;
    background-color: #fff;
}

b, strong {
    font-weight: bold !important;
}

a.first::after {
    content: '...'
}

a.last::before {
    content: '...'
}
.slider {
/*	width: 1900px;  */
	margin-right: auto;
    margin-left: auto;
}
.navbar {
	background-color:#15181f;
}

.search-function > span {
    margin-right: 10px;
    color: #fff;
}
/* .main-navigation > ul > li > a {
    display: block;
    color: #fff;
    line-height: 52px;
} */
/*.main-navigation > ul > li > a:hover {
    display: block;
    color: #fff;
    line-height: 52px;
} */
.site-footer {
    background-color: #15181f;
    color: #c6c6c6;
	background-image: url(/files/werkstatt-footer.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
.listing-container {
    padding-top: 15px;
    border: 0px solid #15181f; 
}
.footer_widget .widgettitle {
    font-weight: 400;
    margin-bottom: 15px;
    border-bottom: 2px solid rgba(255,255,255,.09);
    padding-bottom: 15px;
    color: #f3f3f3;
}

.footer_widget.widget a {
    color: #c6c6c6;
}
.footer_widget.widget a:hover {
    color: #dc3545;
}


.clr { display:block; clear:both }
ul.menu { width:770px; height:40px; border:0px solid #DDD; margin: 0 auto 40px auto; list-style-type: none; }
ul.menu li { float:left; cursor:pointer; min-width:100px; padding:10px; background:url('../img/menu-bg.jpg') 0 0 repeat; margin: 0 30px 0 0; text-align: center; font-family: "ReichsteinSemibold", Trebuchet MS; color:#FFF; }
ul.menu li span { background: -webkit-linear-gradient(#FFFFFF, #aaa7a7); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
ul.menu li:hover { background:url('../img/menu-bg-active.jpg') 0 0 repeat; color:#FFFFFF; }
.content {/* width:880px; margin:40px; float:left */}
.content .left-col { width:400px; float:left;}
.content .right-col { width:400px; float:right;}
.content .box { width:400px; height:200px; border:1px solid #DDD; -webkit-box-shadow: 0 0 8px #BBB;; -moz-box-shadow: 0 0 8px #BBB; box-shadow: 0 0 8px #BBB; cursor:pointer; -webkit-transition: box-shadow 1s; transition: box-shadow 1s; }
.content .box:hover { box-shadow: 0 0 12px #505050; -moz-box-shadow: 0 0 12px #505050; -webkit-box-shadow: 0 0 12px #505050;}
.content .box.break { margin: 0 0 40px 0 }
.content .box.first { background:url('../img/box1.jpg') 0 0 no-repeat; }
.content .box.second { background:url('../img/box2.jpg') 0 0 no-repeat; }
.content .box.third { background:url('../img/box3.jpg') 0 0 no-repeat; }
.content .box.fourth { background:url('../img/box4.jpg') 0 0 no-repeat; }
.content .headline { width: 95%; border-bottom:1px solid #DDD; height: 40px; margin: 0 0 40px 0;}
.content .headline span { width: 15%; background-color:#282a64; height:33px; font-size:22px; color:#FFF; position: absolute; left: 0; padding: 4px 65px;}
.content .textbox { width:350px; line-height:24px }
.content .textbox.center { width: 800px; line-height: 24px; margin: 0 0 0 25px; }
.content .textbox.left { float:left; margin: 0 100px 0 25px; }
.content .textbox.right { float:left; }
.content .textbox .edit { width:200px; }
.content .textbox .edit.small { width:50px; }
.content .textbox .edit.small-2 { width: 110px; }
.content .textbox .edit.large { width:330px; }
.descriptive-box { padding:8px; border:0px solid #DDD; }
.descriptive-box .title { padding:6px; border-bottom:1px solid #DDD; margin-bottom:15px; font-weight: bold;}
.full-title { padding:6px; border-bottom:1px solid #DDD; margin-bottom: 15px;margin-top:8px;font-weight: bold; }
.progress-tracker { width:100%; border:1px solid #DDD; padding:4px; float:left; background: #F4F4F4; margin-bottom: 10px;}
.progress-tracker .step {
    padding: 8px 16px;
    border: 1px solid #DDD;
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.progress-tracker .step.active { background: #88c754; color:#FFFFFF }
.progress-tracker .step.nr1 { float:left; }
.progress-tracker .step.nr3 { float:right; }
.progress-tracker .number { border-radius: 15px; padding: 3px; text-align: center; font-weight: bold; background: #F4F4F4; width: 25px; height: 25px; float: left; margin: 0 15px 0 0; color:#333}
.progress-tracker .title { font-weight:bold; float: left; line-height: 30px; }
.step1 { }
.step1 #inzahlungnahme-step1 label.error { font-size: 12px; font-weight: bold; color: #F00; display: block;}
.step1 #inzahlungnahme-step1 input.error { border:1px solid #FF0000 }
.step2 { display:none }
.step2 #inzahlungnahme-step2 label.error { font-size: 12px; font-weight: bold; color: #F00; display: block;}
.step2 #inzahlungnahme-step2 input.error { border:1px solid #FF0000 }
.step3 { display:none }
.step3 #inzahlungnahme-step3 label.error { font-size: 12px; font-weight: bold; color: #F00; display: block;}
.step3 #inzahlungnahme-step3 input.error { border:1px solid #FF0000 }
.step3 .car-structure { width: 350px; float: left; border:1px solid #DDD }
table tr td.info { line-height: 14px; }
table tr td span.label { width: 90px; font-size: 16px; float: left; }
.hide { display:none }
.show { display:block }
.damages { float: left; width: 400px; padding-left: 30px; }
.damages .info {  }
.button-set { clear:both; padding: 25px 25px; }
.button-set .button { float: left; padding: 12px 35px; background: #282A64; color: #FFF; width: auto; cursor:pointer; }
.button-set .button.back { float:left }
.button-set .button.back:hover { background:#f3ac38 }
.button-set .button.forth { float:right }
.button-set .button.forth:hover { background:#f3ac38 }
.button-set .send-form { display:none; float:right }
.button-set .send-form:hover { background:#f3ac38 }
/*.btn { border: 1px solid #DDD; padding: 3px 20px; text-transform: uppercase; background-color: #F4F4F4; width: auto; font-size: 12px; font-weight: bold; float: left; cursor:pointer; }*/
.footer { width:100%; height:400px; background:url('../img/footer-bg.jpg') 0 0 repeat-x; z-index: 10; position: relative;}
.footer .center { width:960px; margin:0 auto; }
.footer .center .block { width:350px; height:335px; float:left; padding: 40px 0 0 0; }
.footer .center .block.margin-right40 { margin:0 40px 0 0 }
.footer .center .block .headline { width:300px; font-size:16px; font-size: 20px; color: #FFF; border-bottom: 4px solid #202250; height: 35px; }
.footer .center .block .headline.contact { width:600px; }
.footer .center .block .headline span { margin:0 0 0 15px }
.footer .center .block .block-content { width:300px; margin: 40px 0 0 15px; color:#FFF; font-size:16px}
.footer .center .block .block-content.contact { width:600px; }
.footer .center .copyright { font-size:10px; color:#FFF; float:left; margin: 9px 0 0 0; }
.footer .center .block .block-content ul.office-hours { list-style-type:none; margin: 0; padding: 0; }
.footer .center .block .block-content ul.office-hours li { margin:5px 0 }
.footer .center .block .block-content ul.office-hours li span { margin: 0 50px 0 0; float: right; }
.footer .center .block .block-content .location { float:left }
.footer .center .block .block-content .location-address { float:right }
.footer a { color:#FFF; text-decoration:none }
.message { padding: 15px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; display:none; }
.message.success { color: #3C763D; background-color: #DFF0D8; border-color: #D6E9C6; }
.message.fail { color: #A94442; background-color: #F2DEDE; border-color: #EBCCD1;}
.fileupload { }
.preloader { display:none; }
.bg { display:none; opacity:0.9; background-color:#000000; position:fixed; width:100%; height:100%; margin:0; padding:0; z-index: 15; }
.videoplayer { display:none; width:900px; height:506px; position:fixed; top:50%; left:50%; margin:-350px 0 0 -450px; z-index:20; }
.videoplayer .close { float: right; padding: 10px; background-color: #FFF; cursor: pointer; }
/*.ausstattung td[width="150"] { cursor:pointer; }*/

.select2-container--bootstrap {
    margin-bottom: 10px;
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .search-form-inner {
        min-height: 305px;
    }
	.main-navigation > ul > li > a {
    display: block;
    color: #fff;
    line-height: 52px;
}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .search-form-inner {
        min-height: 305px;
    }
	.main-navigation > ul > li > a {
    display: block;
    color: #fff;
    line-height: 52px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .search-form-inner {
        min-height: 305px;
    }
	.main-navigation > ul > li > a {
    display: block;
    color: #fff;
    line-height: 52px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .search-form-inner {
        min-height: 305px;
    }
	.site-logo img {
    max-width: 300px;
    max-height: 35px;
}
.navbar {
    height: 2px;
    }
	.main-navigation > ul > li > a {
    display: block;
    color: #000;
    line-height: 32px;
}
.main-navigation > ul > li > a:hover {
    display: block;
    color: #000;
    line-height: 32px;
}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.site-logo img {
    max-width: 300px;
    max-height: 35px;
	}
	.navbar {
    height: 2px;
    }
	.main-navigation > ul > li > a {
    display: block;
    color: #000;
    line-height: 32px;
}	
.main-navigation > ul > li > a:hover {
    display: block;
    color: #000;
    line-height: 32px;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.site-logo img {
    max-width: 300px;
    max-height: 35px;
}
.navbar {
    height: 2px;
    }
.main-navigation > ul > li > a {
    display: block;
    color: #000;
    line-height: 32px;
}	
.main-navigation > ul > li > a:hover {
    display: block;
    color: #000;
    line-height: 32px;
}
}