/*
Description:  Listenansicht für Fahrzeug-Objekte
Version:      6.1.2
Author:       Elmar Elberskirch
Author URI:   https://www.bvfk.de
*/

/******************************
	Inhalte:
		1. Suchfilter
		2. Alignments
		3. Schalter, Checkboxen & Inputs
		4. Helper / Utilities
		5. Typography
		6. Theme Colors
		7. W3-Klassen
		8. Fahrzeug-Container
		9. Media Queries

*******************************/
:root {
	--space-xs: 0.25rem;
	--space-md: 0.5rem;
	--space-lg: 1rem;
	--p15: 15px;
 	--aa-green: #5f9727;
	--box-shadow-xs: 0px 4px 6px 0px rgba(0,	224,	6, 0.5);
	--red: #912b30;
	--dealer-color: #00cc99;
	--main-white: #0c0c0c;
}
/****************************
  || Suchfilter
****************************/
/*.filter--border {border-right: 1px solid #ddd;}*/
.car-objekt--horizontal-list{font-size:10px;}
.filter--label, label, .no-border {font-weight: 400;font-size:16px;}
.filter__headline {display: flex; justify-content: space-between; align-items: center; transition: 0.2s ease-in;margin-bottom:24px;}
.filter__section {margin: var(--space-md) 0;}
.filter-select {margin: var(--space-xs) 0;}
.filter__fieldset {padding: 0 calc(var(--p15) * 2);}
.farbe-opt {display: flex; flex-wrap: wrap;}
.farbe-opt li {padding: var(--space-xs) var(--space-lg);}
.cb-liste {display: flex; flex-flow: wrap row; margin-left: 0; }
.cb-liste li {display: flex; align-items: center; line-height: calc(var(--space-lg) * 2.5);}
.cb-liste i {font-size: 13px; font-weight: 400; margin-right: calc(var(--space-lg) * 2);}
.cb-liste input[type="checkbox"] {height: 18px; width: 18px; margin-right: var(--space-md); margin-top: 0;}
#mobile-search, #searchTrigger {display: none;}
.mobile-fixed-bottom {position: fixed; bottom: 0; left: 0; width: 100%; z-index:5;}
.sort, .filter-col {font-size:13px;font-family: Montserrat;font-weight: 600;}
.filter-select select{font-size:14px;width:100%;padding: 5px;}
.text-black {color:#0c0c0c;}
/***************************
  || Alignments & Spacing
***************************/
.section{margin-top:16px!important; margin-bottom:16px!important;} 
.section-small{margin-top:8px; margin-bottom:8px;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.padding-small{padding:0 4px;}
.padding-12{padding:12px 8px;}
.padding-4 {padding: 4px 0; }
.padding-8{padding:8px 4px;}
.stretch{margin-left:-15px; margin-right:-15px;}
.full{width: 100%;}
.text-container{padding: 0.4rem 16px;}
.p-small {padding: calc(var(--p15) / 2);}
.mb-2 {margin-bottom: var(--space-md);}
.mt-2 {margin-top: var(--space-md);}
.pr-3 {padding-right: calc(var(--space-xs) * 3);}
.main-white{background-color: var(--main-white);color:#f7f7f7;border-radius: 4px;}
/****************************
 || Schalter, Checkboxen & Inputs
****************************/
.switch {  position: relative;  display: inline-block;  width: 30px;  height: 17px;  padding-left: 0 !important;  padding-right: 0 !important;  margin-top: 0!important;}
.switch input {  opacity: 0;  width: 0;  height: 0;}
.mc-slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #adadad;  -webkit-transition: .4s;  transition: .4s;}
.mc-slider:before { position: absolute;content: "";height: 13px; width: 13px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .mc-slider { background-color: #14ce65 !important;}
.panel-damage input:checked + .mc-slider {background-color: #0f228b;}
input:focus + .mc-slider {box-shadow: 0 0 1px var(--dealer-color);}
input:checked + .mc-slider:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);}
/* Rounded sliders */
.mc-slider.round {border-radius: 17px;}
.mc-slider.round:before { border-radius: 50%;}
input[type="text"], input[type="email"], input[type="phno"],input[type="date"], textarea {margin-bottom:4px!important;}
input[type="date"]{padding:8px 6px;}
label{margin-bottom:.2rem!important;margin-top:.5rem!important;}
/****************************
  || Helper / Utilities
****************************/
.pointer:hover{cursor:pointer;}
.edgy {border-radius:unset!important;}
.factive{background-color:#ff5400!important;color:#0c0c0c!important;}
.factive i {transform: rotate(180deg);transition: 0.02s ease-out;}
.valid-error,.red{color:red!important;}
.tip{position:relative;top:8px;left:4px;font-size:12px;}
.tip i{ color: #0c0c0c;}
.tiptext{display:none; position:absolute; bottom:-12px; left:24px; width:250px;background-color: #0c0c0c;color:#0c0c0c;padding:8px;font-size:11px!important;font-weight:normal;}
.no-border{border:none!important;}
.cursor-default{cursor:default;}
/****************************
  || Typography
****************************/
.semibold{font-weight:600;}
.bold{font-weight:700;}
.extrabold{font-weight: 800;}
.mc-tiny{font-size:10px!important;}
.mc-small{font-size:12px!important;font-weight:normal;color:#0c0c0c!important;}
.mc-normal{font-size:15px!important;font-weight:normal;}
.mc-large{font-size:18px!important;font-weight:normal;}
.mc-xlarge{font-size:24px!important;font-weight:normal;}
.mc-xxlarge{font-size:32px!important;font-weight:normal;}
.mc-xxxlarge{font-size:48px!important;font-weight:normal;}
.mc-jumbo{font-size:64px!important;font-weight:normal;}
.text-deco-off,.text-deco-off:hover {text-decoration: none!important;}
/*****************************
  || Theme Colors
*****************************/
.mc-text-blue {color: var(--dealer-color) !important;}
.dealer-color-bg{background-color:#00cc99;}
.dealer-color-txt{color:var(--dealer-color);}
.border-sm{border-radius:4px;}
.text-white{color:#0c0c0c;}
.mc-lightgrey{background-color:#e6e6e6!important; color:#0c0c0c!important;}
.mc-text-red {color: var(--red) !important;}
.mc-red {background-color:var(--red) !important;color:#0c0c0c!important;}
.mc-text-green {color: var(--aa-green) !important;}
.aa-green {background-color: var(--aa-green) !important; color: #0c0c0c !important;}

/*****************************
  || W3-Klassen
*****************************/
.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {color: #f5f5f5!important; background-color: #f5f5f5!important;}
.w3-hide, .hide {display:none;}
.w3-show, .show {display:block;}
.w3-check, .w3-radio {width: 24px; height: 24px;position: relative;top: 6px;}
.w3-check:hover, .w3-radio:hover {cursor:pointer;}
.w3-margin {margin: 16px!important;}.w3-margin-bottom {margin-bottom: 16px!important;}.w3-margin-top {margin-top: 16px!important;}
/*****************************
  || Fahrzeug-Container
*****************************/
.flex-cars-container  {display: flex; flex-wrap: wrap;}
.flex-cars-container .fzg-list-wrapper {flex: 300px; margin:5px;}
.ol-offer {position: absolute; left: -10px; bottom: 5px; z-index: 1;}
#object-container {margin-top: 2rem; display: flex; flex-wrap: wrap;}
.object--price-row h5{padding: 12px 0px!important;}
/*.object {flex: calc(1/3); margin: 8px; max-width: 480px; position: relative; display: flex; flex-direction: column; padding: 0px; overflow: hidden;}*/
/*@supports (display: grid) {
	.flex-cars-container {display: grid; grid-template-columns: auto auto auto;}
}
@supports (grid-gap: 24px) {
	.flex-cars-container {grid-gap: 24px;}
	.object {margin:0}
}*/

.object--theme-grey {background: #f7f7f7;color:#0c0c0c; border-radius:6px;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);transition: all 0.2s ease; overflow:hidden;}
.object--theme-grey:hover {background: #f7f7f7;color:#0c0c0c; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5)}
.object__header {display: flex; flex-direction: row; justify-content: space-between; padding: 2px 20px; margin-left: -20px; margin-right: 4px;}
.object__header--skew {transform: skewX(315deg);}
.object__header--unskew {transform: skewX(45deg);}
.object__img-container {position: relative; width: 100%;background-repeat: no-repeat; background-size: cover;padding-top: 62%!important;background-color:#ddd;}
.object__data-content {margin-top: 8px;padding:0px 8px 8px; color: #0c0c0c;font-size:14px;}
.object__data-content .w3-col {color: #0c0c0c;font-size:14px;}
.object__data-content h5 {color: var(--dealer-color); font-weight: 600; font-size: 1.7rem; margin-bottom: 0; padding-bottom:0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.object__subline {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal; font-size: 1.3rem;}
.object--price-row {margin: 8px -15px 0 !important; align-items: center; padding: 0;}
.info-wrapper{}
.object__subline{
		min-height:35px;
}
/*rechtliche Hinweise*/
.envi{color: #f7f7f7;}
/**********************************
  || Media Queries
*********************************/
/*@media screen and (max-width: 1024px){ 
	#searchTrigger {display: block !important;}
}
@media screen and (max-width: 558px){
	.fzg-list-wrapper {
		width: 96%;
	}
	.filter-col, .filter-select select {
		width:100%;
	}
	.filter-select {
		margin-bottom:5px;
	}
	.fzg-list-desc-price {
		position: absolute;
		bottom: 66px;
		right: 10px;
	}
	.fzg-list-decs-bottom {
		margin-top:5px;
	}
}*/