@import url(//www.reichold.net/wp-content/themes/auto-reichold/css/core.css);

/*

Theme Name: Auto Reichold
Theme URI: http://kmbmedia.de
Description: Ein individuelles WordPress Theme
Version: 1.0
Author: KMB Media Werbeagentur
Author URI: http://kmbmedia.de

*/

/* CORE */

/*
html { 
background: url(//www.reichold.net/wp-content/themes/auto-reichold/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:link { color: #717171; text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}

a:visited	{ color: #000; text-decoration: none; }
a:hover		{ color: #cfc67a; text-decoration: none; }
a:active	{ color: #cfc67a; }

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

a#vc_load-inline-editor { font-size: 12px; color: white; font-weight: normal; padding: 2px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 160px; 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: 12px; }

img { border: 0; }

.hide { display:none !important; }

.alignleft	{ padding-right: 10px; float: left; }
.alignright { padding-left: 10px; float: right; }

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

.clear { clear: both; }

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

strong { font-weight: 600; letter-spacing: 0.5px; }

.vc_tta-container h4 { border: none !important; }

.small-txt p {font-size: 0.8em; line-height: 150%; }

#content ul { margin-top: 10px; list-style: none; }
#content ul li { margin-bottom: 5px; }
#ausstattung ul li::before { content: "5"; font-family:'icons_font'; margin-right:7px; color:#333; }

.liste ul { margin-top: 10px; list-style: disc !important; }
.liste ul li { margin-bottom: 5px !important; margin-left: 15px; }

#footer ul { margin-top: 10px; list-style: none;}
#footer ul li { margin-bottom: 5px}
#footer ul li::before {content: "5";font-family:'icons_font';margin-right:7px;color:#333;}

/*cases*/
h3 strong, h4 strong { font-weight: 700;}
p + h2 {margin-top: 40px;}
h3 + h3 {margin-top: 10px;}
h3 + p, h4 + p {margin-top: 20px;}
h3 + h2, p + h2 {margin-top: 40px;}
p + h4 {margin-top: 40px;}


.dev { background: url('//www.reichold.net/wp-content/themes/auto-reichold/img/bg_dev.png'); }

.small { font-size: 13px; }

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

.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: 10px 0px 10px 0px; }
img.kmb_logo { width: 175px; }


/* LAYOUT */

.header_wrap { background: #fff; width: 100%; height: 225px; }
/* .badvibel .header_wrap { background: #fff; width: 100%; height: 325px; } */

#header { height: 200px; }

#navigation { width: 100%; background: #eee; height: 50px; margin-bottom: 20px; }

#sidebar { }

#content { min-height: calc(100vh - 515px); margin-top: 50px; }

#footer { margin-top: 50px;}

#navigation-footer { background: #e5e5e5; height: 40px; }

#slider { margin-top: -18px; }


/* INTERIOR */
.pos-rel { position: relative; }
#subheader { position:absolute; right:0px; }

.slogan { margin-top: -10px; float: left; background: rgba(255,255,255,0.9); padding: 20px 35px 20px 30px; height: 50px; }

.slogan .l1 { font-size: 33px; font-weight: 900; }
.slogan .l2 { font-size: 18.7px; font-weight: 500; color: gray; }

.header_logos { float: left; padding-left: 0; margin-top: -10px; height: 90px; background: rgba(255,255,255,0.9); margin-left: 20px; width: 240px; }
.header_logos2 { float: left; padding-left: 20px; padding-right: 20px; margin-top: -10px; height: 90px; background: rgba(255,255,255,0.9); margin-left: 20px; width: 240px; }

.vc_btn3-container.big_button.vc_btn3-center a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-block.vc_btn3-icon-left.vc_btn3-color-grey { font-size: 22px !important; }

.vc_btn3-container.big_button.vc_btn3-center a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-block.vc_btn3-icon-left.vc_btn3-color-grey i.vc_btn3-icon.far.fa-calendar-alt { font-size: 28px !important; line-height: 25px; }

.job-post .jobs-row.position_logo .jobs-row-input img { margin-left: -30px !important; }


/* MENU */

/*#header li { float: left; list-style: none; font-size: 13px; padding-right: 10px; padding-top: 15px; }
#header li.current_page_item { font-weight: 500; }*/

.topdetails { font-size: 13px; float: left; display: inline; padding-top: 15px; padding-right: 10px; color:#ffffff;}
.topdetails-news { font-size: 13px; float: right; display: inline; padding-top: 15px; padding-right: 10px; }

.menu-header-container{ text-align: right}
.menu-header-container ul li { display: inline-block; list-style: none; font-size: 13px; padding-right: 10px; padding-top: 15px; }
.menu-header-container ul li.current_page_item { font-weight: 500; }

/* #navigation * {transition:none;}
#navigation {text-align: center; box-shadow: inset 0px -5px 10px -10px rgba(0, 0, 0, 0.5);  white-space: nowrap;}

#navigation li { display: inline-block; list-style: none; }

#navigation ul { line-height: 50px; margin: 0; padding: 0; }
#navigation li { padding: 0 30px;}

#navigation li a {color: gray;}

#navigation li:hover {box-shadow: inset 0px 0px rgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.5);}
#navigation li:hover a {color: #000;}
#navigation li.current_page_item {box-shadow: inset 0px 3px #000, 0px -5px 10px -10px rgba(0, 0, 0, 0.5);}
#navigation li.current_page_item { background: #fff; }
#navigation li.current_page_item a {color: #ffffff; transition:none; }
#navigation li.current_page_item a::after {
display: block;
position: absolute;
content: attr(title);
font-weight: 500;
top: 0px;
color: #000;
}

#navigation-footer li { float: left; list-style: none; font-size: 13px; }

#navigation-footer ul { line-height: 40px; margin: 0; padding: 0; }
#navigation-footer li { padding: 0 20px; border-right: 1px solid #fff; }

#navigation-footer li:hover { background: #fff; padding: 0 20px; border-right: 1px solid #fff; } 
#navigation-footer li.current_page_item { background: #fff; font-weight: 500; }

#navigation-footer .row { margin-bottom: 0px; }
*/

.vc_tta-panel-body { background: #fff !important; }
.sales_details p { margin-top: -10px; font-size: 15px !important; }

/* .breadcrumbs { margin-bottom: -20px; font-size: 14px; font-weight: 400; } */

ul.vc_tta-tabs-list li { width: 250px; text-align: center; }
.vc-ihe-panel .back1 .pad p { font-size: 1em !important; }

/* 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 {}
#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: 20px; }
.mobile-de-wp-uebersicht-informationen-preis p { position:absolute; top:-20px; font-weight: bold; font-size: 17px;}
.mobile-de-wp-uebersicht-informationen-preis p#mobile-de-vat-information { font-size: 0.7em; padding-top: 20px; font-weight: normal; }

.mobile-de-uebersicht-fzg-detailinformationen { font-size: 13px; margin-top: 40px; }
.mobile-de-uebersicht-fzg-detailinformationen p {margin: 0 0 0 0; font-size: 13px;}

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

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

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

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

.kfzsingle .price { font-weight: bold; font-size: 28px; 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: 13px; }

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

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

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

.description li::before {content: "5";font-family:'icons_font';margin-right:7px;color:#333;}


/*
* 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 {}


/* FAHRZEUGE */

.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(//www.reichold.net/wp-content/themes/auto-reichold/img/arrow_down.png) no-repeat right -2px center !important;
border: 1px solid #000;
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: 16px;
}

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

/* RESPONSIVE MENU */

/*#click-menu { 
	right: 10px !important;
	border-bottom: 0px solid #64A01E;
	border-radius: 3px;
	padding: 10px !important;
	background: #333 !important;
}

#responsive-menu { 
	border-bottom: 0px  !important;
	box-shadow: 0 0 5px rgba(0,0,0,.3), 0 0 0 999px rgba(0, 0, 0, 0.4) !important;
	background: #333 !important;
}

#responsive-menu * {border: none !important}

#responsive-menu li a {
    padding: 16px 0px 16px 7% !important;
    width: 95% !important;
    display: block !important;
    height: 20px !important;
    line-height: 20px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 700;
    border-top: 0px solid #3C3C3C !important !important;
   }
   
#responsive-menu li li a {
	background: #333 !important;
	padding: 12px 0px 12px 10% !important;
}
#responsive-menu li li.current_page_item a {
	color: #86b141 !important;
	background: #555 !important;
}

#responsive-menu ul ul {
	background: #333 !important;
	padding: 6px 0px 6px 0px !important;

}
   
#responsive-menu .appendLink {
    right: 0px !important;
    position: absolute !important;
    border: 0px solid #3C3C3C !important;
    padding: 16px 16px !important;
    color: #FFFFFF !important;
    background: none !important;
    height: 20px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    border-right: 0px !important;
}

#click-menu-label { 
	margin-top: 5px;
	font-family: 'Raleway';
	font-size: 18px;
	font-weight: 700;
}*/

.bg_footer {background-color: #dcdcdc;}

/* VC -moz-GRID START ANIMATION OVVERRIDE */
.zoomIn {
	-webkit-animation-duration: .7s !important; -webkit-animation-delay: 0s !important; -webkit-animation-timing-function: ease !important; -webkit-animation-name: zoomIn_new !important;
	   -moz-animation-duration: .7s !important;    -moz-animation-delay: 0s !important;    -moz-animation-timing-function: ease !important;    -moz-animation-name: zoomIn_new !important;
	    -ms-animation-duration: .7s !important;     -ms-animation-delay: 0s !important;     -ms-animation-timing-function: ease !important;     -ms-animation-name: zoomIn_new !important;
	        animation-duration: .7s !important;         animation-delay: 0s !important;         animation-timing-function: ease !important;         animation-name: zoomIn_new !important;
}
@-webkit-keyframes 	zoomIn_new { }
@-moz-keyframes 	zoomIn_new { }
@-ms-keyframes 		zoomIn_new { }
@keyframes 			zoomIn_new { }

/* VC -moz-GRID HOVER ANIMATION OVERRIDE */
.vc_gitem-zone:nth-child(2) {transition:.3s all ease; opacity: 0}
.vc_gitem-zone:nth-child(2) .vc_icon_element-inner {transition:.3s all ease; transform: scale(.5);}
.vc_is-hover .vc_gitem-zone:nth-child(2) {opacity: 1}
.vc_is-hover .vc_gitem-zone:nth-child(2) .vc_icon_element-inner {transform: scale(1);}


/* FLEXSLIDER */
#slider ul.slides li {height: 400px !important; background-position: center center !important; background-size: contain !important; transform: scale(.7); transition: all .6s ease;}
#slider ul.slides li.flex-active-slide {transform: scale(1);}
#carousel ul.slides li { height: 130px !important; background-position: center center !important; background-size: contain !important; opacity: .7; transform: scale(.8); transition: all .5s ease;}
#carousel ul.slides li:hover {opacity:1; transform: scale(.85);}
#carousel ul.slides li.flex-active-slide {opacity:1; transform: scale(1);}
#slider {margin: 0 !important;}
.flexslider {padding: 0px !important;}


/*REVLSDIER*/
a.button_white {
	border: 0px;
	border-bottom: 2px solid #CFC67A;
	padding: 5px 0px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	transition: .3s all ease !important;
	text-transform: uppercase;
}
a.button_white:hover {
	border-radius: 5px;
	padding: 5px 15px !important;
	margin-left: -30px !important;
	background: #CFC67A;
	color: #FFF;
}

/*print_icon*/
a.print_icon {
	position: absolute;
	top:60px;
	right: 10px; 
	font-size: 20px;
	font-family: 'FontAwesome';
}
a.print_icon:hover{cursor: pointer}

.theme-default .nivo-caption {
    display: none !important;
}

/* MEDIA */
@media only screen and (min-width: 959px) and (max-width: 1160px) { 
	#navigation li { padding: 0 20px;}
	#navigation li a {font-size: 15px}
	.mobile-de-uebrsicht-fzg-wrapper:nth-child(3n+1){ clear: none}
	.mobile-de-uebrsicht-fzg-wrapper:nth-child(2n+1){ clear: left}
	#slider ul.slides li {height: 350px !important;}
	#carousel ul.slides li { height: 110px !important;}
}

@media only screen and (min-width: 767px) and (max-width: 959px) { 
	#navigation li { padding: 0 12px;}
	#navigation li a {font-size: 13px}
	.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: none}
	.mobile-de-uebrsicht-fzg-wrapper:nth-child(2n+1){ clear: left}
	#slider ul.slides li {height: 270px !important;}
	#carousel ul.slides li { height: 110px !important;}
}

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

	.hide-for-small { display: none; }
	.show-for-small { display: block; }
	
	.wpcf7-text, .wpcf7-textarea { width: 90%; }
	.container12 { padding-left: 10px; padding-right: 10px; }
	
	#navigation-footer { height: 80px; }
	
	.scroll-back-to-top-wrapper { bottom: 130px !important; }
	
	#navigation-footer .row .column8 {margin-bottom: 0px;}
	
	.slogan { margin-top: 20px; }
	
	.mobile-de-uebrsicht-fzg-wrapper { min-height: 0px !important;}
	
	.wpb_column {padding-bottom: 20px;}
	
	.page-id-740 #content img {margin-bottom: 10px; margin-right: 10px;}
	
	#slider ul.slides li {height: 310px !important;}
	#carousel ul.slides li { height: 110px !important;}


}

@media only screen and (max-width: 480px) {
	#slider ul.slides li {height: 220px !important;}
	#carousel ul.slides li { height: 110px !important;}
}

/*_________________dev scale*/

.trans-scale { transition: all .3s ease; }
.trans-scale:hover { transform: scale(1.05);  }
.trans-scale:hover img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }