/* @import url(https://fonts.googleapis.com/css?family=Lato); */

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/*

Theme Name: Kreck Classic Cars
Theme URI: http://kmbmedia.de
Description: Ein individuelles WordPress Theme
Version: 1.0
Author: KMB Media Werbeagentur
Author URI: http://kmbmedia.de

*/

/* CORE */
body {
font-family: 'Lato', sans-serif;
color: #4e4e4d; 
font-size: 1em;
line-height: 140%;
}

/*
html { 
background: url(img/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/

a:link		{ color: #000; text-decoration: none; }
a:visited	{ color: #000; text-decoration: none; }
a:hover		{ color: #4e4e4d; text-decoration: underline; }
a:active	{ color: #4e4e4d; }

a.post-edit-link { font-size: 0.8em; color: white; font-weight: normal; padding: 0px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 30px; right: 30px; opacity: .4; transition: opacity .3s ease; }
a.post-edit-link:hover { opacity: 1; }

a#vc_load-inline-editor { font-size: 0.8em; color: white; font-weight: normal; padding: 2px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 60px; right: 30px; opacity: .2; transition: opacity .3s ease, left .3s ease; } 
a#vc_load-inline-editor:hover { opacity: 1; }

p { margin: 10px 0 10px 0; }

.small { font-size: 0.8em; }

img { border: 0; }

.alignleft	{ padding-right: 10px; float: left; }
.alignright { padding-left: 10px; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.left	{ text-align: left; }
.right	{ text-align: right; }

.clear { clear: both; }

strong { font-weight: bold; }

h1 { font-size: 1.2em; color: #4e4e4d; font-weight: normal; line-height: 110%; text-transform: uppercase; margin-bottom: -20px !important; }
h2 { font-size: 1.2em; color: #4e4e4d; font-weight: normal; line-height: 110%; text-transform: uppercase; margin: 20px 0 20px 0; }
h3 { font-size: 1.0em; color: #4e4e4d; font-weight: normal; line-height: 110%; }

.page-id-9 h2 { margin-top: 20px; }
.page-id-9 h3 { font-size: 1.2em; margin-top: 20px; }
.page-id-9 ul li { margin-left: 40px; }

.dev { background: url('img/bg_dev.png'); }

.small { font-size: 0.9em; }

.show-for-small { display: none; }
.hide-for-small { display: none; display: inline; }

.elastic { position: relative; padding-bottom: 25%; padding-top: 15px; height: 0; overflow: hidden; }
.elastic iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.kmb_logo { padding: 0px 0px 10px; }
img.kmb_logo { width: 175px; }

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

::-moz-selection { color: #fff; background: #4e4e4d; }
::selection { color: #fff; background: #4e4e4d; }


/* LAYOUT */

#wrapper_header { background: url(img/header.jpg) center top; }
#header { height: 400px; }

#navigation_wrapper { background: #4e4e4d; margin-bottom: 40px; height: 40px; }
#sidebar { }

#content { /* min-height: calc(100vh - 535px); */ }

#footer { color: #fff; }


/* INTERIOR */

.logo { width: 200px; float: right; }

.vc_custom_1501015942292 { background-color: #4e4e4d !important; }

.wpb_single_image a img:hover { opacity: 0.8; }

.vc_general.vc_btn3:hover, .vc_general.vc_btn3:focus, .vc_general.vc_btn3 { border: none !important; }

.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat { color: #fff !important; background-color: #4e4e4d !important; }

.vc_btn3.vc_btn3-color-white:hover, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover { color: #4e4e4d !important; background-color: #fff !important; }

.vc_custom_1504709422608{background-image: url(https://www.kreck-classic-cars.de/wp-content/uploads/2017/08/footer.jpg?id=161) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}

#footer a:link		{ color: #fff; text-decoration: none; }
#footer a:visited	{ color: #fff; text-decoration: none; }
#footer a:hover		{ color: #fff; text-decoration: underline; }
#footer a:active	{ color: #fff; }


.menu-footer-container { }
ul#menu-footer { }
ul#menu-footer li { list-style: none; }
ul#menu-footer li a { color: #fff; }
ul#menu-footer li a:hover { color: #4898d7; }
ul#menu-footer li.current_page_item > a { color: #4898d7; }


/* MOBILE */
.mobile-de-uebrsicht-fzg-wrapper { width:330px; min-height: 570px; margin-right: 20px; float:left; }

.mobile-de-uebrsicht-fzg-wrapper:nth-child(3n+1){ clear:left }

.mobile-de-uebersicht-header {width:100%;display:block; padding-bottom: 10px; }
#mobile-de-wp-uebersicht-name { padding-bottom: 20px; }
h2#mobile-de-wp-uebersicht-name { height: 300px; line-height: 130%; font-size: 1.2em !important; }
h2#mobile-de-wp-uebersicht-name:hover { color: #000; }

#mobile-de-wp-uebersicht-img {float:left;margin: 0 2% 1em 0; width: 100%; }

.mobile-de-wp-uebersicht-informationen-wrapper { position:relative;width:auto;display: inline-block;min-width: 100%; }

.mobile-de-wp-uebersicht-informationen-preis { padding-top: 25px; }
.mobile-de-wp-uebersicht-informationen-preis p { position:absolute; top:-15px; font-weight: 700; font-size: 1.3em;}
.mobile-de-wp-uebersicht-informationen-preis p#mobile-de-vat-information { font-size: 0.8em; padding-top: 25px; font-weight: normal; }

.mobile-de-uebersicht-fzg-detailinformationen { font-size: 0.8em; margin-top: 50px; }
.mobile-de-uebersicht-fzg-detailinformationen p {margin: 0 0 0 0; font-size: 1em; }

.mobile-de-uebersicht-fzg-detailinformationen p label {font-weight:bold; font-size: 1em;}

.mobile-de-uebersicht-dat {font-size:0.7em;}
#mobile-de-wp-uerbsicht-fzgklasse { display: none !important; }

.kfzsingle span { display: block; }
.kfzsingle .autoheadline { padding-bottom: 40px; }

.kfzsingle .image { padding-bottom: 20px; }

.kfzsingle .price { font-weight: bold; font-size: 1.3em; margin-top: -20px; }

.kfzsingle .price_new p { font-weight: bold !important; font-size: 28px !important; margin-top: -20px !important; color: red; }
.kfzsingle .price_old { font-size: 20px; text-decoration: line-through; }

.mobile-de-wp-uebersicht-informationen-preis { padding-top: 20px; }
.mobile-de-wp-uebersicht-informationen-preis .price_new p { position:absolute; top:-20px; font-weight: bold; color: red; font-size: 17px; }

.mobile-de-wp-uebersicht-informationen-preis .price_old p { text-decoration: line-through; left: 110px; font-weight: normal; }

.kfzsingle .tax { margin-bottom: 20px; font-size: 0.8em; }

/* .kfzsingle .flexslider { width: 100%; } */

.kfzsingle .mobile-de-uebersicht-fzg-detailinformationen { font-size: 1em; }
.kfzsingle .mobile-de-uebersicht-fzg-detailinformationen p label {font-weight:bold; font-size: 1em;}
.kfzsingle .mobile-de-uebersicht-fzg-detailinformationen p {margin: 0 0 5px 0; font-size: 1em;}

.description li { margin-left: 20px; list-style: none; }

.ausstattung li { margin-left: 0; list-style: none; font-size: 1em !important; }
.ausstattung li::before { content: "\e5ca"; font-family:'icomoon'; margin-right:7px; color: #4e4e4d; }

.facetwp-slider-wrap { padding-top: 10px; }
.facetwp-pager { clear: both; padding-top: 40px; }

select.facetwp-dropdown {
width: calc(80% + 43px);
height: 40px;
background: transparent url(img/arrow_down.png) no-repeat right -2px center !important;
border: 2px solid #4e4e4d;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
apperance: none;
padding: 5px 70px 5px 20px !important;
margin-right: -50px !important;
text-indent : 0.01px;
text-overflow : '';
font-size: 0.9em;
}

select.facetwp-dropdown::-ms-expand { display: none; }

.noUi-connect { background: #4e4e4d !important; }

.contents{width:750px;margin:10px auto;}
.wideCheckBox{float:left;margin:10px 0 0 20px;width:210px;}

.sectionBox{margin:5px;padding:5px;border:1px solid #DDD;overflow:hidden;background:#F0F0F0;border-radius:4px;box-shadow:#DDD 3px 3px 3px;text-align:left;}
.sectionRow{overflow:hidden;margin:0;}
.sectionRow label{display:block;}
.sectionRow div{float:left;width:210px;margin:0 0 0 20px;}
.sectionRow select, .settingsSelect{}
#variant{width:187px;}
.submitBox{text-align:center;}

.custom-combobox {position: relative;display: inline-block;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;/* support: IE7 */*height: 1.7em;*top: 0.1em;}
.custom-combobox-input,.ui-menu {margin: 0;padding: 0.3em;font-size:12px!important;background:#FFF!important;width:170px;}

.searchContents{margin:10px auto;}
.searchHeader .info{margin-left:290px;width:250px;margin-top:0px;}
.mobilede-item{overflow:hidden;margin:10px 20px;/*border:1px solid #DDD;padding:10px;background:#F0F0F0;border-radius:5px;*/}
.title{font-weight:bold;font-size:14px;}
.info > div{float:left;overflow:hidden;}
.info span {display:block;}
.info{padding:20px;overflow:hidden;}

.mobilede-price { font-size: 22px; }
.mobilede-price-mwst { font-size:10px; color:#989898 }
.mobilede-weitere-daten { -moz-column-count: 1;-moz-column-gap: 5px;-webkit-column-count: 1;-webkit-column-gap: 5px;column-count: 1;column-gap: 5px; }
.mobilede-dat { display: block; position: relative;}
/* FZG Übersicht */
.archiveImage{float:left;margin:10px;}
.fzgliste > div{overflow:hidden;}
.fzgliste span {display: inline-block;font-size:12px; color:#000;}

.preiscontainer {width:29%;float:right;}

.uebersichtpreis {font-size:20px;float:right;}
.mwst {font-size:10px; color:#989898;float:right;}
.info {padding:0px;overflow:hidden;}
.archive-listing > ul{list-style:none;}
.verbrauch {font-size:10px;color:#989898}
/* FZG Übersicht ENDE*/

/* Layout der Ausstattungsmerkmale als Liste */
.ausstattung {width:100%;list-style-type: square;}
.ausstattung li {width:33%;float:left;font-size:12px;}
/*Ausstattungsmerkmale als Liste ENDE */


/* Umweltplakette als Grafik (Größenangabe in PX) */
.umweltplakette img {width:50px;height:auto;}
/*Umweltplakette ENDE */

/*Detailbeschreibung */
.summary {font-size:12px;}
/*Detailbeschreibung ENDE */

/* Single Ansicht */
.mobilede-preis { font-size: 2em; }
.mobilede-preis-vat { font-size: .75em; color: #888; font-style: italic; }
.mobilede-taxlist p { margin:0; float: left; }
.mobilede-taxlist a { }
.mobilede-section-1 { width: 100%; }
.flexslider { margin: 0; width: 45%; float: left; padding: 0 0 30px 0!important; }
.mobilede-taxonomie-list { width: 40%; float: left; padding-left: 5%; }
.mobilede-data { float: left; width: 100%; margin: 0; padding: 0; }
.item { min-height: 250px; }
.mobilede-thumbnail img { width: 150px; height: auto; }

.flexslider { margin: 0 0 0 0 !important; border: 0px solid #ffffff; }


/* ENERGIEFFIZIENZKLASSE ALS BILD */
.mobile-de-effizienzklasse {width:100%;}
.mobile-de-effizienzklasse ul {width:100%;list-style-type:none;}
.mobile-de-effizienzklasse ul li {width:33%;float:left;margin-left:0px;}

/* ICONS */
@font-face {
font-family: 'icomoon';
src:  url('fonts/icomoon.eot?6uqrp7');
src:  url('fonts/icomoon.eot?6uqrp7#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?6uqrp7') format('truetype'),
url('fonts/icomoon.woff?6uqrp7') format('woff'),
url('fonts/icomoon.svg?6uqrp7#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
}

.icon-telefon:before {
content: "\e0cd";
}
.icon-check:before {
content: "\e5ca";
}
.icon-list:before {
content: "\e409";
}
.icon-fax:before {
content: "\e24d";
}
.icon-mail:before {
content: "\e0e1";
}
.icon-mobil:before {
content: "\e325";
}



/*
* WP-Paginate - WordPress Pagination Function
* Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
* Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
*/
.pages { padding-top: 30px; margin-bottom: 50px; }
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none; margin-left: 0 !important; }
.wp-paginate a {background:#ccc; border:0px solid #ccc; color:#fff; margin-right:4px; padding:10px 10px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#006727; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#006727; border:0px solid #ccc; margin-right:4px; padding:10px 10px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


/* KONTAKT */
.wpcf7-text { width: 80%; height: 35px; background: transparent; }
.wpcf7-textarea { width: 80%; height: 150px; background: transparent; }

.wpcf7-submit {
width: auto;
height: auto;
background: none repeat scroll 0% 0% #BA9C00;
color: #FFF;
border: 2px solid #BA9C00;
font-size: 1em;
padding: 15px 40px;
margin: 0px 0px 0px;
align-content: center;
transition: all 0.2s ease-out;
cursor: pointer;
float: right;
margin-right: calc(20% - 44px);
}

.wpcf7-submit:hover { opacity: 0.8; }

select.wpcf7-form-control {
width: calc(80% + 43px);
height: 49px;
border: 2px solid gray;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
apperance: none;
padding: 5px 70px 5px 20px !important;
margin-right: -50px !important;
text-indent : 0.01px;
text-overflow : '';
}

select.wpcf7-form-control::-ms-expand { display: none; }

span.wpcf7-not-valid-tip {
font-weight: 700;
margin: -24px 22px;
padding: 0px;
position: absolute;
top: 20px;
right: -6px;
}

div.wpcf7-response-output {
margin: 48px 0px 0px 0px !important;
padding: 5px 20px !important;
width: 80%;
}

.wpcf7-textarea, .wpcf7-text, select.wpcf7-form-control { 
border: 2px solid #e6e6e6; 
color: #999999;
border-radius: 0px;
font-family: 'Lato', sans-serif;
font-size: 1em; 
font-weight: 400;
padding: 5px 20px; 
margin: 0px 0px 20px;
background: none repeat scroll 0% 0% transparent;
transition: all 0.2s ease-out 0s;
outline: none;
} 

.wpcf7-textarea:hover, .wpcf7-text:hover, select.wpcf7-form-control:hover, .wpcf7-textarea:focus, .wpcf7-text:focus, select.wpcf7-form-control:focus { border: 2px solid #BA9C00; color: #000; } 

span.wpcf7-list-item { display: block; }


/* MEDIA */
@media only screen and (min-width: 960px) and (max-width: 1199px) { }

@media only screen and (min-width: 720px) and (max-width: 959px) { }

@media only screen and (max-width: 719px) {

.hide-for-small { display: none; }
.wpcf7-text, .wpcf7-textarea { width: 90%; }
.show-for-small { display: block; }
.container12 { padding-left: 10px; padding-right: 10px; }

#header { height: 300px; }
#footer { margin-bottom: 0; }

#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item { z-index: 10000; }

}