
/* ===== FILTER ===== */
.c5wrapper .filters {}

.c5wrapper .filters .filter-group { margin-bottom:15px; }
.c5wrapper .filters .filter-group .card-header { border-bottom:0; }
.c5wrapper .filters .filter-group .card-header a { display:flex; flex-direction:row; color:var(--bs-black); text-decoration:none; }
.c5wrapper .filters .filter-group .card-header a h6 { padding:0; margin-bottom:0; margin-left:10px; }
.c5wrapper .filters .filter-group .card-header a i { transition:all 0.35s ease; }
.c5wrapper .filters .filter-group .card-header a.collapsed i { transform:rotate(-90deg); }

.c5wrapper .filters .filter-group .card-header .nav-pills {  --bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-link-active-color: var(--bs-black); --bs-nav-pills-link-active-bg: var(--bs-primary); }
.c5wrapper .filters .filter-group .card-header .nav { --bs-nav-link-color: var(--bs-primary); --bs-nav-link-hover-color: var(--bs-primary-hover); }
.c5wrapper .filters .filter-group .card-header .nav-link { border: 0 !important; border-radius: 0; padding: 5px 25px; font-weight: 500; }

.c5wrapper .filters .slider-range { display:flex; justify-content:space-between; align-items:center; }
.c5wrapper .filters .slider-range .slider-bar { width:70%; margin:0 10px; }
.c5wrapper .filters .slider-range .slider-min-amount,
.c5wrapper .filters .slider-range .slider-max-amount { width:15%; font-weight:bold; }
.c5wrapper .filters .slider-range .slider-max-amount { text-align:right; }

.c5wrapper .filters .slider-range .ui-state-active {
/* .c5wrapper .filters .slider-range .ui-widget-content .ui-state-active,
.c5wrapper .filters .slider-range .ui-widget-header .ui-state-active,
.c5wrapper .filters .slider-range a.ui-button:active,
.c5wrapper .filters .slider-range .ui-button:active,
.c5wrapper .filters .slider-range .ui-button.ui-state-active:hover { */
border:1px solid var(--bs-primary-hover); background:var(--bs-primary); font-weight:normal; color:#fff
}

/* ===== CARS ===== */
.car .price {font-weight: bold; font-size: 16px; color:var(--bs-black); padding: 0px 0px 20px 0; }
.c5wrapper .car .price.price-sell .price-normal { font-size: 15px; color:var(--bs-gray-600); text-decoration: line-through; }
.c5wrapper .car .price.price-sell .price-sell { font-style: italic; font-weight: bold; }
.c5wrapper .car .price .price-request { font-size: 15px; color:var(--bs-gray-600); }
.c5wrapper .car .price .price-vat { color: var(--bs-gray-600); font-size: 12px; font-weight: bold; }

.c5wrapper .car-image { position: relative; overflow: hidden;}
.c5wrapper .car-image .car-label { position: absolute; }
.c5wrapper .car-image .car-label.car-label-new { top: 25px; right: -50px; font-size: 14px; font-weight: 600; transform: rotate(45deg); border: 1px solid var(--bs-primary); background-color: var(--bs-primary); color: var(--bs-white); padding: 0 60px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.c5wrapper .car-image .car-label.car-label-just-in { bottom: 10px; left: 10px; font-size: 14px; text-transform: uppercase; border: 1px solid var(--bs-success); background-color: var(--bs-success); color: var(--bs-white); padding: 5px; border-radius: 5px; font-weight: bold; }
.c5wrapper .car-image .car-label.car-label-sold { bottom: 10px; left: 10px; font-size: 14px; text-transform: uppercase; border: 1px solid var(--bs-danger); background-color: var(--bs-danger); color: var(--bs-white); padding: 5px; border-radius: 5px; font-weight: bold; }


/* ===== CAR CARD ===== */
.car-card {background-color:var(--bs-white); border:0px; transition:0.2s all; box-sizing:border-box; flex-grow:1; flex-basis:0; margin-bottom:50px; }
.car-card:hover { transform:scale(1.02); }
.car-card .col-12:last-child { text-align:left; }
@media (max-width:991px) {
    .car-card .col-12:last-child { text-align:left; }
}
.card-image { margin: 10px 0;}

.car-card .cartitel {height:75px; overflow: hidden;}
.car-card p {font-weight: normal; font-size: 18px; margin-top:15px; padding-bottom:20px ;color:var(--bs-black) !important; text-decoration:none; }
.car h4 {font-weight: normal;font-size:16px; margin-top:-5px; color:var(--bs-black); }
.car-card li { color:var(--bs-black); font-size:14px; }
.car-card .btn { margin-bottom:50px; }
.car-card ul li img { width: 45px; }
@media (max-width:1025px) {
    .car-card ul li img { width: 30px; }
}
