/**
CSS Grid
 */
.wpcs_grid {
  display: grid;
  grid-gap: 25px;
}

.wpcs_grid_4 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.wpcs_grid_3 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.wpcs_grid_2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.wpcs_disable_sub_grid .wpcs_grid {
  display: block;
}

.wpcs_margin_elements > * {
  margin-bottom: 7px;
}

/**

 */
.wpcs_pd_row .wpcs_pd_col {
  float: left;
}
.wpcs_pd_row .wpcs_pd_col.first {
  margin-left: 0;
}
.wpcs_pd_row .wpcs_pd_col.last {
  margin-right: 0;
}

.wpcs_pd_row::after {
  clear: both;
}

.wpcs_pd_col {
  margin: 0 1%;
}

.wpcs_pd_row_1 > .wpcs_pd_col {
  width: 100%;
}

.wpcs_pd_row_2 > .wpcs_pd_col {
  width: 49%;
}

.wpcs_pd_row_3 > .wpcs_pd_col {
  width: 32%;
}

.wpcs_pd_row_4 > .wpcs_pd_col {
  width: 23.5%;
}

.wpcs_pd_row_5 > .wpcs_pd_col.first {
  width: 40.6666666667%;
}
.wpcs_pd_row_5 > .wpcs_pd_col.last {
  width: 57.3333333333%;
}

.wpcs_pd_row_6 > .wpcs_pd_col.first {
  width: 57.3333333333%;
}
.wpcs_pd_row_6 > .wpcs_pd_col.last {
  width: 40.6666666667%;
}

.wpcs_pd_row_7 > .wpcs_pd_col.first {
  width: 24%;
}
.wpcs_pd_row_7 > .wpcs_pd_col.last {
  width: 74%;
}

.wpcs_pd_row_8 > .wpcs_pd_col.first {
  width: 74%;
}
.wpcs_pd_row_8 > .wpcs_pd_col.last {
  width: 24%;
}

.wpcs_pd_row_9 > .wpcs_pd_col.first {
  width: 49%;
}
.wpcs_pd_row_9 > .wpcs_pd_col {
  width: 23.5%;
}
.wpcs_pd_row_9 > .wpcs_pd_col.last {
  width: 23.5%;
}

.wpcs_pd_row_10 > .wpcs_pd_col.first {
  width: 23.5%;
}
.wpcs_pd_row_10 > .wpcs_pd_col {
  width: 23.5%;
}
.wpcs_pd_row_10 > .wpcs_pd_col.last {
  width: 49%;
}

.wpcs_pd_row_11 > .wpcs_pd_col.first {
  width: 23.5%;
}
.wpcs_pd_row_11 > .wpcs_pd_col {
  width: 49%;
}
.wpcs_pd_row_11 > .wpcs_pd_col.last {
  width: 23.5%;
}

@media (max-width: 1400px) {
  .wpcs_grid.wpcs_grid_4 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 998px) {
  .wpcs_grid.wpcs_grid_3, .wpcs_grid.wpcs_grid_4 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .wpcs_pd_col {
    float: none;
    margin-top: 25px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .wpcs_pd_col.first {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .wpcs_grid.wpcs_grid_3, .wpcs_grid.wpcs_grid_4, .wpcs_grid.wpcs_grid_2 {
    display: block;
  }
}
/* ----------------------------------
ORDER BAR
*/
#dxim_ff_order_bar.horizontal a.dxim_set_order {
  margin-right: 20px;
}

#dxim_ff_order_bar.vertical a.dxim_set_order {
  display: block;
}

/* ----------------------------------
ACTIVE FILTERS
*/
.wpcs_filterform_active_filters .active_filter {
  display: inline-block;
  margin-right: 20px;
  padding: 3px 10px;
  font-size: smaller;
  background: var(--wpcs-form-active-color);
  color: var(--wpcs-form-active-inner-color);
  border: var(--wpcs-form-border-color);
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  border-radius: 4px;
}
.wpcs_filterform_active_filters .active_filter .reset {
  cursor: pointer;
}

/* ----------------------------------
VEHICLE LIST
*/
article.vehicle-on-archive h2 {
  font-size: 140%;
  margin: 0;
}
article.vehicle-on-archive h3 {
  font-size: 115%;
  margin: 0;
}
article.vehicle-on-archive .dxim_archive_specifics {
  margin-top: 10px;
}
article.vehicle-on-archive .vehicle-emission {
  font-size: 85%;
}
article.vehicle-on-archive .dxim_vehicle_specifics_list_archive .field {
  font-size: 92%;
}

.dxim_grid_image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.dxim_grid_image img {
  height: auto;
  width: 100%;
  position: absolute;
  top: 0;
}

.dxim_grid_image.ratio_16_9 {
  padding-top: 66.666%;
}

.dxim_grid_image.ratio_4_3 {
  padding-top: 75%;
}

/**
GRID
 */
.wpcs_vehicle_list .dxim_carousel_slide .vehicle-on-archive {
  height: 100%;
}

.wpcs_vehicle_list .wpcs_grid .vehicle-on-archive {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wpcs_vehicle_list .wpcs_grid .vehicle-on-archive > div {
  margin-top: 7px;
}
.wpcs_vehicle_list .wpcs_grid .vehicle-on-archive > div:first-child {
  margin-top: 0;
}

/**
ROWS
 */
.wpcs_vehicle_list .wpcs_rows .vehicle-on-archive {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--wpcs-theme-border-color);
}
.wpcs_vehicle_list .wpcs_rows .vehicle-on-archive:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.wpcs_vehicle_list .wpcs_rows .dxim_vehicle_specifics_list_archive .field {
  width: 50%;
  float: left;
}

@media screen and (max-width: 998px) {
  /** ---------------------------------
  Archive Structure
   */
  .wpcs_archive_main {
    display: flex;
    flex-wrap: wrap;
  }
  .wpcs_archive_main .wpcs_vehicles_column {
    order: 2;
  }

  .wpcs_vehicle_list .wpcs_rows .dxim_vehicle_specifics_list_archive .field {
    width: 100%;
    float: none;
  }
}
@media (min-width: 481px) {
  #wpcs_layout_2.archive_vehicle .dxim_layout_2_options_bar a.wpcs_compare_page_btn {
    float: none;
    margin: 20px 0;
  }

  #wpcs_layout_2.archive_vehicle .dxim_layout_2_options_bar #dxim_ff_order_bar {
    float: none;
  }

  .dxim_vehicle_economy .emission_left {
    float: none;
  }
  .dxim_vehicle_economy .emission_right {
    float: none;
  }
  .dxim_vehicle_economy .eec_image {
    height: auto;
    width: auto;
    max-width: 100%;
  }
}
/** --------------------------------------------------------------------------------------------------------------------
LAYOUT & STRUCTURE
 */
.wpcs_credits {
  font-size: 75%;
}

/** -------------------------------------
Fahrzeug - Bild
 */
#wpcs_vehicle_single_image_wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: auto;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
#wpcs_vehicle_single_image_wrapper > a {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
#wpcs_vehicle_single_image_wrapper .wpcs_icon.open {
  font-size: 50px;
  color: white;
}
#wpcs_vehicle_single_image_wrapper #wpcs_vehicle_single_image {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#wpcs_vehicle_single_image_wrapper.ratio_16_9 {
  padding-top: 66.666%;
}

#wpcs_vehicle_single_image_wrapper.ratio_4_3 {
  padding-top: 75%;
}

#wpcs_vehicle_single_image_wrapper:hover > a {
  display: flex;
}

.vehicle_single_emission_text {
  font-size: 85%;
  margin-top: 30px;
}

/**
VIDEO
 */
#wpcs_single_video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
  padding-top: 0;
}
#wpcs_single_video iframe, #wpcs_single_video object, #wpcs_single_video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------
Thumbnails
*/
.dxim_vehicle_images_thumbnails .dxim_image_full {
  height: auto;
  width: 100%;
}
.dxim_vehicle_images_thumbnails .dxim_image_thumbnail_link {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 2px 2px 2px 0;
}
.dxim_vehicle_images_thumbnails .dxim_image_thumbnail_link .thumbnail {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}
.dxim_vehicle_images_thumbnails .dxim_image_thumbnail_link.ratio_4_3 {
  padding-top: 75%;
}
.dxim_vehicle_images_thumbnails .dxim_image_thumbnail_link.ratio_16_9 {
  padding-top: 66.666%;
}
.dxim_vehicle_images_thumbnails .dxim_image_thumbnail:nth-of-type(4n+0) .dxim_image_thumbnail_link {
  margin-right: 0;
}

/** -------------------------------------
PAGE DESIGNER
 */
.wpcs_pd_row .wpcs_pd_col .wpcs_pd_module {
  margin-top: 30px;
}
.wpcs_pd_row .wpcs_pd_col .wpcs_pd_module:first-child {
  margin-top: 0;
}

#wpcs_layout_1.archive_vehicle #wpcs_layout_1_top_bar #dxim_ff_order_bar {
  float: left;
}
#wpcs_layout_1.archive_vehicle #wpcs_layout_1_top_bar .wpcs_compare_button_wrapper {
  float: right;
}
#wpcs_layout_1.archive_vehicle #wpcs_layout_1_content #dxim_vehicles_wrapper {
  width: calc(97% - 1px);
  padding-right: 3%;
  border-right-width: 1px;
  border-right-style: solid;
}
#wpcs_layout_1.archive_vehicle #wpcs_layout_1_aside .dxim-column {
  width: 100% !important;
  float: none;
}

#wpcs_layout_2.archive_vehicle .dxim_layout_2_options_bar #dxim_ff_order_bar {
  float: left;
}
#wpcs_layout_2.archive_vehicle .dxim_layout_2_options_bar a.wpcs_compare_page_btn {
  float: right;
}

/** --------------------------------
WPCS Compare
 */
#wpcs_vehicle_compare {
  width: 100%;
  max-width: 100%;
  overflow-x: scroll;
}

#wpcs_compare_table {
  width: auto;
  table-layout: fixed;
}
#wpcs_compare_table h1, #wpcs_compare_table h2, #wpcs_compare_table h3, #wpcs_compare_table h4 {
  margin: 0;
  padding: 0;
}
#wpcs_compare_table ul li {
  list-style: none;
}
#wpcs_compare_table td {
  padding: 5px;
  vertical-align: center;
  min-width: 150px;
}
#wpcs_compare_table td.empty {
  background: none !important;
}
#wpcs_compare_table td.header_column {
  background: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px 5px;
}
#wpcs_compare_table td.header_column h3 {
  display: inline-block;
  margin-left: 10px;
}
#wpcs_compare_table td.header_column .wpcs_icon {
  font-size: 200%;
}
#wpcs_compare_table td.header_column .wpcs_icon.wpcs_icon_up {
  display: none;
}
#wpcs_compare_table td.header_column .line {
  clear: both;
  padding-top: 20px;
}
#wpcs_compare_table td.header_column.opened {
  padding-bottom: 2%;
}
#wpcs_compare_table td.header_column.opened .wpcs_icon.wpcs_icon_up {
  display: inline-block;
}
#wpcs_compare_table td.header_column.opened .wpcs_icon.wpcs_icon_down {
  display: none;
}
#wpcs_compare_table tr.header_row {
  background: none;
}
#wpcs_compare_table tr.images td {
  padding: 0;
}
#wpcs_compare_table tr.title td {
  text-align: center;
  border-width: 0;
}
#wpcs_compare_table tr[rel=fields], #wpcs_compare_table tr[rel=features], #wpcs_compare_table tr[rel=emission] {
  display: none;
}

.wpcs_compare_toggle_btn .wpcs_icon.in_comparison {
  display: none;
}

.wpcs_compare_toggle_btn.wpcs_in_comparison .wpcs_icon.in_comparison {
  display: inline-block;
}

/* ----------------------------------
Slider
*/
.dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive {
  position: relative;
}
.dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive .wpcs_slide_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  color: #ccc;
  background: rgba(0, 0, 0, 0.8);
}
.dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive .wpcs_slide_overlay h2 {
  color: #ccc;
}
.dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive .wpcs_slide_overlay .dxim_archive_specifics, .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive .wpcs_slide_overlay .price_wrapper, .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive .wpcs_slide_overlay .vehicle-emission {
  display: none;
}
.dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive:hover .wpcs_slide_overlay .dxim_archive_specifics, .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive:hover .wpcs_slide_overlay .price_wrapper, .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive:hover .wpcs_slide_overlay .vehicle-emission {
  display: block;
}
.dxim_vehicle_carousel_wrapper.slider .dxim_control_buttons {
  float: left;
  margin-top: 10px;
}
.dxim_vehicle_carousel_wrapper.slider .dxim_control_buttons .dxim_control_next_btn {
  margin-left: 10px;
}
.dxim_vehicle_carousel_wrapper.slider .slick-dots {
  float: right;
  text-align: right;
  width: initial;
  margin-top: 10px;
}

/* Dots */
.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background: none;
}

.slick-dots li button:before {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: var(--wpcs-button-color-bg);
  content: " ";
}

.slick-dots li.slick-active button:before {
  background: var(--wpcs-button-color-bg-hover);
}

/** -------------------------------------------------------------
CAROUSEL
*/
.dxim_vehicle_carousel_wrapper.carousel {
  position: relative;
}
.dxim_vehicle_carousel_wrapper.carousel .slick-track {
  display: flex !important;
}
.dxim_vehicle_carousel_wrapper.carousel .slick-slide {
  height: inherit !important;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 0;
  z-index: 200;
  width: 100%;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_prev_btn:link, .dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_prev_btn:visited,
.dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_next_btn:link, .dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_next_btn:visited {
  display: block;
  position: absolute;
  top: 0;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_prev_btn:link, .dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_prev_btn:visited {
  left: -60px;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_next_btn:link, .dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons a.dxim_control_next_btn:visited {
  right: -60px;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_vehicle_carousel .inner {
  padding: 0 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_vehicle_carousel .inner .title {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive:hover .wpcs_slide_overlay .dxim_archive_specifics, .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive:hover .wpcs_slide_overlay .price_wrapper, .dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive:hover .wpcs_slide_overlay .vehicle-emission {
    display: none;
  }
}
#wpcs_lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}
#wpcs_lightbox .image_wrapper {
  position: relative;
  max-width: 80%;
  width: 80%;
  max-height: 80%;
  height: 80%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#wpcs_lightbox .image_wrapper #wpcs_lightbox_image {
  -webkit-box-shadow: 0px 0px 30px 0px black;
  -moz-box-shadow: 0px 0px 30px 0px black;
  box-shadow: 0px 0px 30px 0px black;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#wpcs_lightbox .image_wrapper .arrow_left {
  margin-right: 20px;
}
#wpcs_lightbox .image_wrapper .arrow_right {
  margin-left: 20px;
}
#wpcs_lightbox .wpcs_icon {
  font-size: 40px;
  cursor: pointer;
  color: #fff;
  width: 40px;
  height: 40px;
}
#wpcs_lightbox .wpcs_icon:hover {
  color: white;
}
#wpcs_lightbox .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
}

@media (max-width: 480px) {
  #wpcs_lightbox .image_wrapper {
    max-width: 90%;
  }
  #wpcs_lightbox .image_wrapper .arrow_left {
    left: 10px;
    margin: 0;
  }
  #wpcs_lightbox .image_wrapper .arrow_right {
    right: 10px;
    margin: 0;
  }
  #wpcs_lightbox .image_wrapper .close {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
:root {
  --wpcs-form-border-radius:4px;
}

/**
WPCSRange Slider
 */
.noUi-handle {
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  border-color: var(--wpcs-form-border-color);
}

.noUi-target {
  padding: 0 15px;
  margin-bottom: 1px;
  border-color: var(--wpcs-form-border-color);
}

.noUi-connects {
  margin: 0 -15px;
  width: calc(100% + 30px);
  background: var(--wpcs-form-bg-color);
}

.noUi-connect {
  background-color: var(--wpcs-form-active-color);
}

.noUi-handle:after, .noUi-handle:before {
  background: var(--wpcs-form-handle-icon-color);
}

/**
Input fields
 */
.dxim_filter input[type=text], input.wpcs_input_text {
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  border-radius: var(--wpcs-form-border-radius);
  background: var(--wpcs-form-bg-color);
  border: 1px solid var(--wpcs-form-border-color);
  height: 35px;
  line-height: 35px;
  display: block;
  width: 100%;
}

/**
Input fields
 */
.wpcs_textarea {
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  border-radius: var(--wpcs-form-border-radius);
  background: var(--wpcs-form-bg-color);
  border: 1px solid var(--wpcs-form-border-color);
  width: 100%;
}

/**
WPCSSelect
 */
div.wpcsselect {
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  border-radius: var(--wpcs-form-border-radius);
  background: var(--wpcs-form-bg-color);
  color: var(--wpcs-form-inner-color);
  position: relative;
}
div.wpcsselect .data {
  display: none;
}
div.wpcsselect .wpcs_select_loading {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 5px;
  width: 20px;
  height: 20px;
  display: none;
}
div.wpcsselect .wpcs_select_loading::after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid var(--wpcs-form-border-color);
  border-color: var(--wpcs-form-border-color) transparent var(--wpcs-form-border-color) transparent;
  animation: wpcs_select_loading 1.2s linear infinite;
}
div.wpcsselect .wpcs_select_arrow {
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid var(--wpcs-form-border-color);
  cursor: pointer;
}
div.wpcsselect .wpcs_select_arrow::after {
  position: absolute;
  top: 12px;
  left: 12px;
  content: " ";
  border: solid var(--wpcs-form-handle-icon-color);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
div.wpcsselect .wpcs_select_handle {
  padding: 0 5px;
  height: 35px;
  line-height: 35px;
  border: 1px solid var(--wpcs-form-border-color);
  cursor: pointer;
  border-radius: var(--wpcs-form-border-radius);
}

/**
WPCS Select open
 */
div.wpcsselect.open {
  z-index: 100;
}
div.wpcsselect.open .wpcs_select_handle {
  border-bottom: none;
}
div.wpcsselect.open ul {
  display: block;
}
div.wpcsselect.open .wpcs_select_arrow::after {
  top: 15px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/**
WPCS Select option list
 */
#wpcs_select_list {
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  position: absolute;
  z-index: 10000;
  background: white;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--wpcs-form-border-color);
  cursor: pointer;
  overflow: hidden;
  overflow-y: auto;
  max-height: 300px;
  display: none;
}
#wpcs_select_list li {
  border-top: 1px solid var(--wpcs-form-border-color);
  padding: 5px;
  list-style: none !important;
  margin: 0 !important;
}
#wpcs_select_list li.selected, #wpcs_select_list li:hover {
  background: var(--wpcs-form-active-color);
  color: var(--wpcs-form-active-inner-color);
}
#wpcs_select_list li:first-child {
  border-top: none;
}

#wpcs_select_list.open {
  display: block;
}

@keyframes wpcs_select_loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
checkboxes
 */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox].wpcs_checkbox,
input[type=radio].wpcs_checkbox {
    --active: var(--wpcs-form-active-color);
    --active-inner: var(--wpcs-form-active-inner-color);
    --focus: 2px rgba(39, 94, 254, .3);
    --border: var(--wpcs-form-border-color);
    --border-hover: var(--wpcs-form-border-color);
    --background: var(--wpcs-form-bg-color);
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 28px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    border-radius: var(--wpcs-form-border-radius);
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type=checkbox].wpcs_checkbox:after,
input[type=radio].wpcs_checkbox:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type=checkbox].wpcs_checkbox:checked,
input[type=radio].wpcs_checkbox:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  input[type=checkbox].wpcs_checkbox:disabled,
input[type=radio].wpcs_checkbox:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox].wpcs_checkbox:disabled:checked,
input[type=radio].wpcs_checkbox:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox].wpcs_checkbox:disabled + label,
input[type=radio].wpcs_checkbox:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox].wpcs_checkbox:hover:not(:checked):not(:disabled),
input[type=radio].wpcs_checkbox:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox].wpcs_checkbox:focus,
input[type=radio].wpcs_checkbox:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type=checkbox].wpcs_checkbox:not(.switch),
input[type=radio].wpcs_checkbox:not(.switch) {
    width: 28px;
  }
  input[type=checkbox].wpcs_checkbox:not(.switch):after,
input[type=radio].wpcs_checkbox:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type=checkbox].wpcs_checkbox:not(.switch):checked,
input[type=radio].wpcs_checkbox:not(.switch):checked {
    --o: 1;
  }
  input[type=checkbox].wpcs_checkbox + label,
input[type=radio].wpcs_checkbox + label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }

  input[type=checkbox].wpcs_checkbox:not(.switch):after {
    width: 9px;
    height: 14px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 9px;
    top: 3px;
    transform: rotate(var(--r, 20deg));
  }
  input[type=checkbox].wpcs_checkbox:not(.switch):checked {
    --r: 40deg;
  }
  input[type=checkbox].wpcs_checkbox.switch {
    width: 55px;
    border-radius: 11px;
  }
  input[type=checkbox].wpcs_checkbox.switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #fff;
    transform: translateX(var(--x, 0));
  }
  input[type=checkbox].wpcs_checkbox.switch:checked {
    --ab: var(--active-inner);
    --x: 30px;
  }
  input[type=checkbox].wpcs_checkbox.switch:disabled:not(:checked):after {
    opacity: 0.6;
  }

  input[type=radio].wpcs_checkbox {
    border-radius: 50%;
  }
  input[type=radio].wpcs_checkbox:after {
    width: 25px;
    height: 25px;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type=radio].wpcs_checkbox:checked {
    --s: .5;
  }
}
/* ----------------------------------
GENERAL
*/
br.dxim_clear {
  clear: none;
}

.dxim_clearfix:before, .wpcs_pd_row:before, .wpcs_pd_row:after, .dxim_clearfix:after {
  content: " ";
  display: table;
}

.dxim_clearfix:after, .dxim_clearfix:after {
  clear: both;
}

.dxim_clearfix, .dxim_clearfix {
  *zoom: 1;
}

.dxim_hidden {
  display: none;
}

.wpcs_align_right {
  text-align: right;
}

div.wpcs_spacer {
  margin-top: 25px;
}

div.wpcs_element_spacer {
  margin-bottom: 20px;
}

div.wpcs_element_spacer_small {
  margin-bottom: 10px;
}

.dxim_even {
  color: var(-wpcs-theme-even-color);
  background: var(--wpcs-theme-even-bg);
}

.dxim_odd {
  color: var(-wpcs-theme-odd-color);
  background: var(--wpcs-theme-odd-bg);
}

/** --------------------------------
Icons
 */
.wpcs_icon {
  line-height: inherit !important;
}

.wpcs_icon_spin {
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
/** --------------------------------
BUTTONS
 */
a.dxim_button:link, a.dxim_button:visited {
  display: inline-block;
  color: var(--wpcs-button-color);
  background: var(--wpcs-button-color-bg);
}

a.dxim_button:hover, a.dxim_button:active {
  color: var(--wpcs-button-color-hover);
  background: var(--wpcs-button-color-bg-hover);
}

div.dxim_vehicle_button {
  display: inline-block;
  margin-left: 10px;
}

div.dxim_vehicle_button:first-child {
  margin-left: 0;
}

.dxim_button {
  margin-right: 20px;
  margin-bottom: 5px;
}

.dxim_button:last-of-type {
  margin-right: 0;
}

.dxim_button.ajax_btn .wpcs_icon_spin {
  display: none;
}

.dxim_button_styled {
  padding: 7px 20px;
}

/** --------------------------------
IMAGES
 */
img.img-responsive {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

/** --------------------------------
EMISSION
 */
.dxim_vehicle_economy .emission_left {
  float: left;
}
.dxim_vehicle_economy .emission_right {
  float: right;
}
.dxim_vehicle_economy .eec_image {
  height: 150px;
  width: auto;
  display: block;
}

.wpcs_energy_efficiency_class_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wpcs_energy_efficiency_class_list li {
  margin: 0 0 5px 0;
  display: block;
  height: 25px;
  line-height: 25px;
  background: #ccc;
  background: linear-gradient(90deg, #ccc 0%, #efefef 100%);
  overflow: hidden;
  position: relative;
}
.wpcs_energy_efficiency_class_list li .eec_label {
  width: 100px;
  position: relative;
  padding-left: 10px;
  color: white;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_AA {
  background: #009038;
  width: 20%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_AA::after {
  background: #009038;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_A {
  background: #009038;
  width: 25%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_A::after {
  background: #009038;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_B {
  background: #58ab27;
  width: 30%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_B::after {
  background: #58ab27;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_C {
  background: #c8d200;
  width: 35%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_C::after {
  background: #c8d200;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_D {
  background: #ffec01;
  width: 40%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_D::after {
  background: #ffec01;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_E {
  background: #faba00;
  width: 45%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_E::after {
  background: #faba00;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_F {
  background: #eb690b;
  width: 50%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_F::after {
  background: #eb690b;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_G {
  background: #e3001b;
  width: 60%;
}
.wpcs_energy_efficiency_class_list li .eec_label.label_G::after {
  background: #e3001b;
}
.wpcs_energy_efficiency_class_list li .eec_label::after {
  content: " ";
  position: absolute;
  right: -8px;
  top: 3px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  background: red;
}
.wpcs_energy_efficiency_class_list li .selected {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  padding-right: 10px;
  width: 25%;
  background: black;
  color: white;
}
.wpcs_energy_efficiency_class_list li .selected::before {
  content: " ";
  position: absolute;
  left: -9px;
  top: 3px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  background: black;
}

/** --------------------------------
PRICE
*/
/** --------------------------------
FEATURES
 */
.dxim_vehicle_feature_list {
  margin: 0;
  padding: 0;
}
.dxim_vehicle_feature_list li {
  list-style: none;
  font-size: 110%;
}

/**
Filter Form
 */
.dxim_filter label {
  display: block;
  margin-bottom: 7px;
}
.dxim_filter .filter_slider_label {
  font-size: small;
  font-weight: bold;
}
.dxim_filter .label_inside {
  font-size: small;
}

.dxim_filter.range .filter_slider_label.first::after {
  content: " - ";
}

.wpcs_filter_form_grid {
  margin-bottom: 20px;
}
.wpcs_filter_form_grid .wpcs_filter_form_column {
  float: left;
}
.wpcs_filter_form_grid .dxim_filter {
  margin-bottom: 15px;
}

.wpcs_filter_form_grid.wpcs_columns_4 .wpcs_filter_form_column {
  width: 25%;
}
.wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_1 .dxim_filter {
  padding-right: 10px;
}
.wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_2 .dxim_filter {
  padding: 0 10px;
}
.wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_3 .dxim_filter {
  padding: 0 10px;
}
.wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_4 .dxim_filter {
  padding-left: 10px;
}

.wpcs_filter_form_grid.wpcs_columns_3 .wpcs_filter_form_column {
  width: 33.333%;
}
.wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_1 .dxim_filter {
  padding-right: 10px;
}
.wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_2 .dxim_filter {
  padding: 0 10px;
}
.wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_3 .dxim_filter {
  padding-left: 10px;
}

.wpcs_filter_form_grid.wpcs_columns_2 .wpcs_filter_form_column {
  width: 50%;
}
.wpcs_filter_form_grid.wpcs_columns_2 .wpcs_col_1 .dxim_filter {
  padding-right: 10px;
}
.wpcs_filter_form_grid.wpcs_columns_2 .wpcs_col_2 .dxim_filter {
  padding-left: 10px;
}

.wpcs_filter_form_grid.wpcs_columns_1 .wpcs_filter_form_column {
  width: 100%;
  float: none;
}

.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_1 .wpcs_filter_form_column,
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_2 .wpcs_filter_form_column,
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_filter_form_column,
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_filter_form_column {
  float: none;
  width: 100%;
}
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_1 .dxim_filter,
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_2 .dxim_filter,
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_3 .dxim_filter,
.wpcs_filterform_sidebar .wpcs_filter_form_grid.wpcs_columns_4 .dxim_filter {
  padding: 0 0 5px 0 !important;
}

/** --------------------------------
PRICE
 */
.price_wrapper .price_big {
  font-size: 200%;
  font-weight: bold;
  display: block;
}

.price_rating {
  display: inline-block;
}
.price_rating .dot {
  float: left;
  width: 20px;
  height: 8px;
  background: #ccc;
  border-radius: 2px;
  margin-left: 4px;
}
.price_rating .dot:first-child {
  margin-left: 0;
}
.price_rating .label {
  clear: left;
  font-weight: bold;
  font-size: smaller;
}

.price_rating.very_good_price .dot {
  background: #52a11a;
}

.price_rating.good_price .dot.one, .price_rating.good_price .dot.two, .price_rating.good_price .dot.three, .price_rating.good_price .dot.four {
  background: #52a11a;
}

.price_rating.reasonable_price .dot.one, .price_rating.reasonable_price .dot.two, .price_rating.reasonable_price .dot.three {
  background: #52a11a;
}

.price_rating.increased_price .dot.one, .price_rating.increased_price .dot.two {
  background: #dea506;
}

.price_rating.high_price .dot.one {
  background: #a00;
}

/** --------------------------------
TABLES
 */
.wpcs_table {
  border-collapse: collapse;
  table-layout: auto;
  margin: 0;
  border-style: none;
  font-size: 90%;
}
.wpcs_table tr, .wpcs_table td {
  padding: 0;
  margin: 0;
  border-style: none;
  border-width: 0;
}
.wpcs_table td {
  border-width: 0 0 1px 0;
  border-style: solid;
}

/** ---------------------------------
PAGINATION
 */
#dxim_pagination {
  font-size: 120%;
}
#dxim_pagination > span, #dxim_pagination > a {
  margin-left: 10px;
}
#dxim_pagination > span:first-child, #dxim_pagination > a:first-child {
  margin-left: 10px;
}

/* ----------------------------------
Vehicle Specifics
*/
.dxim_vehicle_specifics_list .field {
  padding: 3px;
  border-bottom: 1px solid var(--wpcs-theme-border-color);
}
.dxim_vehicle_specifics_list .field .label {
  width: 45%;
  float: left;
  font-weight: bold;
}
.dxim_vehicle_specifics_list .field .fact {
  float: left;
  margin-left: 20px;
}

.dxim_control_buttons .dxim_button {
  margin: 0;
}

/* ----------------------------------
SECTION
*/
.dxim_section {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--wpcs-theme-border-color);
}

.dxim_section:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.dxim_section_header {
  margin-bottom: 20px;
}
.dxim_section_header .wpcs_icon {
  margin-right: 10px;
  font-size: 30px;
  width: 30px;
  height: 30px;
}

.dxim_spacer {
  padding-top: 25px;
}

.dxim_spacer:first-child {
  padding-top: 0;
}

/**
techn. Daten List
 */
.dxim_vehicle_specifics_list span.netto:after {
  content: " ";
  display: block;
}

/** ------------------------------------
FORMS
*/
.filters_grid {
  margin-bottom: 20px;
  grid-gap: 15px;
}

/** ------------------------------------
Contact FORMS
*/
#wpcs_contact_form .row {
  margin-bottom: 15px;
}
#wpcs_contact_form .wpcs-error-msg {
  display: none;
}
#wpcs_contact_form .required {
  font-weight: bold;
  color: var(--wpcs-theme-primary-color);
}
#wpcs_contact_form .row.privacy input, #wpcs_contact_form .row.privacy label {
  float: left;
}
#wpcs_contact_form .row.privacy label {
  width: calc(100% - 35px);
  margin-left: 7px;
}
#wpcs_contact_form input[type=text], #wpcs_contact_form input[type=email], #wpcs_contact_form textarea {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

.select2 {
  width: 100% !important;
}

@media (max-width: 1400px) {
  .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_filter_form_column {
    width: 33.333%;
  }
  .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_3 .dxim_filter {
    padding: 0 0 0 10px;
  }
  .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_4 .dxim_filter {
    padding: 0 10px 0 0;
  }
}
@media (max-width: 998px) {
  .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_filter_form_column, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_filter_form_column {
    width: 50%;
  }
  .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_2 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_2 .dxim_filter {
    padding: 0 0 0 10px;
  }
  .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_3 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_3 .dxim_filter {
    padding: 0 10px 0 0;
  }
  .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_4 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_4 .dxim_filter {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 768px) {
  .wpcs_filter_form_grid.wpcs_columns_2 .wpcs_filter_form_column, .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_filter_form_column, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_filter_form_column {
    width: 100%;
    float: none;
  }
  .wpcs_filter_form_grid.wpcs_columns_2 .wpcs_col_1 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_2 .wpcs_col_2 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_2 .wpcs_col_3 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_2 .wpcs_col_4 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_1 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_2 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_3 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_3 .wpcs_col_4 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_1 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_2 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_3 .dxim_filter, .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_col_4 .dxim_filter {
    padding: 0;
  }

  .wpcs_vehicle_list.wpcs_rows .dxim_vehicle_specifics_list_archive .field {
    width: 100%;
    float: none;
  }
}
/* phones */
@media (max-width: 480px) {
  .dxim_vehicle_shortcode_slider .caption {
    display: none;
  }

  .dxim_vehicle_feature_list {
    margin-left: 20px;
  }
  .dxim_vehicle_feature_list li {
    display: block;
    margin-right: 0;
  }

  #dxim_ff_order_bar a.dxim_set_order {
    margin-right: 20px;
    display: block;
  }
}

/*# sourceMappingURL=layout.css.map */