/** --------------------------------------------------------------------------------------------------------------------
GRID
 */
/**
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;
}

/* ----------------------------------
VEHICLE LIST
*/
article.vehicle-on-archive h2 {
  font-size: 140%;
  line-height: 1.4;
}
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 .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-width: 1px;
  border-top-style: solid;
}
.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) {
  .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;
}

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

.slick-dots li button:before {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: black;
  content: " ";
}

.slick-dots li.slick-active button:before {
  color: white;
}

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

#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;
  }
}
/**
WPCSSelect
 */
div.wpcsselect {
  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 #ccc;
  border-color: #ccc transparent #ccc 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 #ccc;
  cursor: pointer;
}
div.wpcsselect .wpcs_select_arrow::after {
  position: absolute;
  top: 12px;
  left: 12px;
  content: " ";
  border: solid #ccc;
  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 #ccc;
  cursor: pointer;
}

/**
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 {
  position: absolute;
  z-index: 1000;
  background: white;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  overflow: hidden;
  overflow-y: auto;
  max-height: 300px;
  display: none;
}
#wpcs_select_list li {
  border-top: 1px solid #ccc;
  padding: 5px;
  list-style: none !important;
  margin: 0 !important;
}
#wpcs_select_list li.selected {
  background: #ddd;
}
#wpcs_select_list li:hover {
  background: #ccc;
}
#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);
  }
}
/* ----------------------------------
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;
}

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

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;
}

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

/**
Filter Form
 */
.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: 5px;
}

.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;
}

/** --------------------------------
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-width: 1px;
  border-bottom-style: solid;
}
.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-width: 1px;
  border-top-style: solid;
}

.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 {
  margin-bottom: 10px;
}
.dxim_vehicle_specifics_list td {
  padding: 6px !important;
}
.dxim_vehicle_specifics_list span.netto:after {
  content: " ";
  display: block;
}

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

.dxim_filter select, .dxim_filter input {
  display: block;
  width: 100%;
}

/** ------------------------------------
Contact FORMS
*/
#wpcs_contact_form .row {
  margin-bottom: 25px;
  display: block;
}
#wpcs_contact_form .wpcs-error-msg {
  display: none;
}
#wpcs_contact_form .required {
  font-weight: bold;
}
#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 */