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

.wpcs_grid.stretch {
  align-items: stretch;
}

.wpcs_grid_gap_big {
  grid-gap: 40px;
}

.wpcs_grid_gap_smaller {
  grid-gap: 10px;
}

.wpcs_grid_gap_small {
  grid-gap: 5px;
}

.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_grid_1_2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

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

.wpcs_grid_7_3 {
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
}

.wpcs_grid_4_6 {
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
}

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

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

.wpcs_grid_3_7 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
}

.wpcs_grid_6_4 {
  grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
}

.wpcs_grid_span_2 {
  grid-column: span 2;
}

.wpcs_disable_sub_grid .wpcs_grid {
  display: block;
}

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

.wpcs_flex {
  display: flex;
}

.wpcs_flex.wpcs_v_center, .wpcs_grid.wpcs_v_center {
  align-items: center;
}
.wpcs_flex.wpcs_v_end, .wpcs_grid.wpcs_v_end {
  align-items: end;
}
.wpcs_flex.wpcs_h_right, .wpcs_grid.wpcs_h_right {
  justify-content: end;
}

/**

 */
.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 {
    display: block;
  }
}
/**
Layout Selector
 */
#wpcs_archive_layout_selector {
  display: inline-block;
}
#wpcs_archive_layout_selector .button {
  display: inline-block;
  cursor: pointer;
}
#wpcs_archive_layout_selector .grid_button {
  margin-left: 20px;
}
#wpcs_archive_layout_selector .button.active .line {
  background: var(--wpcs-theme-primary-color);
}
#wpcs_archive_layout_selector .list {
  display: flex;
  width: 26px;
  height: 26px;
  justify-content: space-between;
  flex-direction: column;
}
#wpcs_archive_layout_selector .list .line {
  background: var(--wpcs-theme-secondary-color);
  height: 6px;
}
#wpcs_archive_layout_selector .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 4px;
}
#wpcs_archive_layout_selector .grid .line {
  background: var(--wpcs-theme-secondary-color);
  width: 6px;
  height: 6px;
}

/* ----------------------------------
ORDER BAR
*/
.dxim_ff_order_bar a.dxim_set_order.current::before {
  display: inline-block;
  content: "";
  position: relative;
  top: 2px;
  margin-right: 8px;
  padding: 4px;
  border: solid var(--wpcs-theme-primary-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.dxim_ff_order_bar[data-order=desc] a.dxim_set_order.current::before {
  top: -2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dxim_ff_order_bar.horizontal a.dxim_set_order {
  margin-right: 20px;
}

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

/**
Archive Description
 */
#wpcs_archive_description .brand_logo {
  width: 100px;
}

/* ----------------------------------
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
*/
#wpcs_pagination_button {
  margin: 20px 0;
}

#wpcs_infinite_loader {
  display: block;
  height: 0;
}

article.vehicle-on-archive {
  position: relative;
}
article.vehicle-on-archive h2 {
  font-size: 140%;
  margin: 0;
}
article.vehicle-on-archive h3 {
  font-size: 115%;
  margin: 0;
}
article.vehicle-on-archive .vehicle-emission {
  font-size: 85%;
}
article.vehicle-on-archive .price_wrapper .price_big {
  font-size: 140%;
}
article.vehicle-on-archive .dxim_button_group {
  margin: 0 5px 5px 0;
}
article.vehicle-on-archive .dxim_button_group a.dxim_button_styled {
  padding-left: 5px;
  padding-right: 5px;
}
article.vehicle-on-archive .dxim_button_group a.dxim_button_styled:first-child {
  padding-left: 10px;
}
article.vehicle-on-archive .dxim_button_group a.dxim_button_styled:last-child {
  padding-right: 10px;
}
article.vehicle-on-archive .wpcs_ajax_loader {
  position: absolute;
  top: 15px;
  right: 15px;
}

.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 .dxim_vehicle_specifics_list_archive {
  display: grid;
}
.wpcs_vehicle_list .wpcs_grid .dxim_vehicle_specifics_list_archive .field {
  width: 100%;
}

/**
ROWS
 */
.wpcs_vehicle_list .wpcs_rows .vehicle-on-archive,
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--wpcs-theme-border-color);
}
.wpcs_vehicle_list .wpcs_rows .vehicle-on-archive:first-child,
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.wpcs_vehicle_list .wpcs_rows .dxim_vehicle_specifics_list_archive,
.wpcs_vehicle_list .wpcs_list .dxim_vehicle_specifics_list_archive {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.wpcs_vehicle_list .wpcs_rows .dxim_vehicle_specifics_list_archive .field,
.wpcs_vehicle_list .wpcs_list .dxim_vehicle_specifics_list_archive .field {
  width: 100%;
}

/**
LIST
 */
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid var(--wpcs-theme-border-color);
}
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive .vehicle-emission {
  font-size: 70%;
}
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive .price_wrapper .price_big {
  font-size: initial;
}
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive .price_wrapper .price_netto,
.wpcs_vehicle_list .wpcs_list .vehicle-on-archive .price_wrapper .vat {
  font-size: smaller;
}

@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 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .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 - Titel
 */
.dxim_vehicle_title h2 {
  word-wrap: break-word;
}

/** -------------------------------------
Fahrzeug - Bild
 */
#wpcs_vehicle_single_image_wrapper {
  position: relative;
}
#wpcs_vehicle_single_image_wrapper > a.lightbox_opener {
  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 {
  display: block;
  width: 100%;
  height: auto;
}

#wpcs_thumbnails_wrapper, #wpcs_vehicle_images_wrapper {
  position: relative;
}

#vehicle_single_images_prev_btn, #vehicle_single_images_next_btn {
  margin: 0;
}

#wpcs_thumbnails_wrapper .dxim_image_thumbnail img {
  object-fit: cover;
}

#wpcs_vehicle_images_wrapper.vertical {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#wpcs_vehicle_images_wrapper.vertical #wpcs_vehicle_single_image_wrapper {
  width: 75%;
}
#wpcs_vehicle_images_wrapper.vertical #wpcs_thumbnails_wrapper {
  width: 25%;
}
#wpcs_vehicle_images_wrapper.vertical .slick-vertical .slick-slide {
  border: none;
}

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

#wpcs_vehicle_images_wrapper.arrows_image #vehicle_single_images_prev_btn, #wpcs_vehicle_images_wrapper.arrows_image #vehicle_single_images_next_btn {
  position: absolute;
  top: 50%;
  z-index: 10;
}
#wpcs_vehicle_images_wrapper.arrows_image #vehicle_single_images_prev_btn {
  left: 0;
}
#wpcs_vehicle_images_wrapper.arrows_image #vehicle_single_images_next_btn {
  right: 0;
}

#wpcs_vehicle_images_wrapper.vertical.arrows_thumbnails #vehicle_single_images_next_btn, #wpcs_vehicle_images_wrapper.vertical.arrows_thumbnails #vehicle_single_images_prev_btn {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  z-index: 10;
}
#wpcs_vehicle_images_wrapper.vertical.arrows_thumbnails #vehicle_single_images_next_btn {
  top: 0;
}
#wpcs_vehicle_images_wrapper.vertical.arrows_thumbnails #vehicle_single_images_next_btn > span {
  transform: rotate(-90deg);
}
#wpcs_vehicle_images_wrapper.vertical.arrows_thumbnails #vehicle_single_images_prev_btn {
  bottom: 0;
}
#wpcs_vehicle_images_wrapper.vertical.arrows_thumbnails #vehicle_single_images_prev_btn > span {
  transform: rotate(-90deg);
}

#wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #wpcs_thumbnails_wrapper {
  display: flex;
}
#wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #vehicle_single_images_next_btn, #wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #vehicle_single_images_prev_btn {
  width: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #vehicle_single_thumbnails {
  width: calc(100% - 80px);
}

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

.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_values {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr 1fr 1fr;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_values .item {
  padding: 10px 0;
  border-bottom: 1px solid var(--wpcs-theme-border-color);
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_values .item span {
  display: block;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_values .item .value {
  font-size: larger;
  font-weight: bold;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_values .item .label {
  font-size: smaller;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_legal {
  margin-top: 10px;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_legal dt, .wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_legal dd {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_legal dt {
  width: 70%;
  font-size: smaller;
}
.wpcs_vehicle_financing_wrapper .wpcs_vehicle_financing_legal dd {
  width: 30%;
  text-align: right;
  font-weight: bold;
  font-size: smaller;
}

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

@media (max-width: 480px) {
  #wpcs_vehicle_single_image_wrapper {
    display: none;
  }
  #wpcs_vehicle_images_wrapper.vertical #wpcs_thumbnails_wrapper {
    width: 100%;
  }
  #wpcs_thumbnails_wrapper .dxim_image_thumbnail img {
    object-fit: contain;
  }
  #wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #vehicle_single_images_next_btn, #wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #vehicle_single_images_prev_btn {
    display: none;
  }
  #wpcs_vehicle_images_wrapper.horizontal.arrows_thumbnails #vehicle_single_thumbnails {
    width: 100%;
  }
}
#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: auto;
}

#wpcs_compare_table {
  width: auto;
  table-layout: fixed;
}
#wpcs_compare_table td:first-child {
  padding-right: 40px;
}
#wpcs_compare_table td {
  padding: 8px;
  vertical-align: center;
  min-width: 150px;
  max-width: 300px;
}
#wpcs_compare_table h1, #wpcs_compare_table h2, #wpcs_compare_table h3, #wpcs_compare_table h4 {
  margin: 0;
  padding: 0;
  font-size: 120%;
}
#wpcs_compare_table td.header {
  background: none;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding: 20px 5px;
  font-size: 120%;
  font-weight: bold;
}
#wpcs_compare_table tr.emission {
  font-size: 90%;
}
#wpcs_compare_table tr.images img {
  max-width: 100%;
}
#wpcs_compare_table a.section_link::before {
  content: "\f347";
  font-family: "Dashicons";
  margin-right: 15px;
}
#wpcs_compare_table a.section_link.closed::before {
  content: "\f345";
}

.wpcs_compare_toggle_btn .wpcs_icon.in_comparison, .wpcs_park_toggle_btn .wpcs_icon.is_parked {
  display: none;
}

.wpcs_compare_toggle_btn.wpcs_in_comparison .wpcs_icon.in_comparison, .wpcs_park_toggle_btn.wpcs_is_parked .wpcs_icon.is_parked {
  display: inline-block;
}

a.dxim_button_styled.wpcs_compare_page_btn:link {
  text-decoration: underline;
}

/**
WPCS Park
 */
#wpcs_vehicle_parked .vehicle {
  position: relative;
  border-top: 1px solid var(--wpcs-theme-border-color);
  padding-top: 10px;
  margin-top: 10px;
}
#wpcs_vehicle_parked .vehicle .wpcs_ajax_loader {
  position: absolute;
  right: 10px;
  top: 10px;
}
#wpcs_vehicle_parked .vehicle .data {
  display: flex;
  gap: 15px;
}
#wpcs_vehicle_parked .vehicle .data .buttons {
  flex: 1;
}
#wpcs_vehicle_parked .vehicle .data .buttons a {
  display: block;
  margin-bottom: 8px;
}
#wpcs_vehicle_parked .vehicle .data .image {
  max-width: 150px;
}
#wpcs_vehicle_parked .vehicle .data dl {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
}
#wpcs_vehicle_parked .vehicle .data dl dt {
  font-weight: bold;
}
#wpcs_vehicle_parked .vehicle .data > div {
  flex: 2;
  padding-left: 15px;
  border-left: 1px solid var(--wpcs-theme-border-color);
}
#wpcs_vehicle_parked .vehicle .data > div:first-child {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
#wpcs_vehicle_parked .vehicle h3.title {
  font-size: 130%;
}
#wpcs_vehicle_parked .vehicle .price_big {
  font-size: 100%;
}
#wpcs_vehicle_parked .vehicle:first-child {
  border: none;
}

@media screen and (max-width: 1024px) {
  #wpcs_vehicle_parked .vehicle .data {
    flex-wrap: wrap;
  }
  #wpcs_vehicle_parked .vehicle .data > div {
    flex-basis: 50%;
    flex: none;
  }
}
@media screen and (max-width: 768px) {
  #wpcs_vehicle_parked .vehicle .data {
    flex-direction: column;
  }
  #wpcs_vehicle_parked .vehicle .data > div {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
}
/* ----------------------------------
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 .dxim_vehicle_specifics_list_archive {
  display: grid;
}
.dxim_vehicle_carousel_wrapper.slider .vehicle-on-archive .dxim_vehicle_specifics_list_archive .field {
  width: 100%;
}
.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;
}

.dxim_vehicle_carousel_wrapper .slick-list.draggable {
  margin: 0px -8px;
}
.dxim_vehicle_carousel_wrapper .slick-list.draggable .slick-track {
  float: left;
}

/* Dots */
.slick-dots {
  display: block;
  position: absolute;
  bottom: 0;
  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: 12px;
  height: 12px;
  border-radius: 6px;
  background: var(--wpcs-theme-secondary-color);
  content: " ";
}

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

/** -------------------------------------------------------------
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;
  bottom: 0;
  z-index: 200;
  display: inline;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_vehicle_carousel {
  padding-bottom: 55px;
}
.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;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_vehicle_carousel .inner .dxim_vehicle_specifics_list_archive {
  display: grid;
}
.dxim_vehicle_carousel_wrapper.carousel .dxim_vehicle_carousel .inner .dxim_vehicle_specifics_list_archive .field {
  width: 100%;
}

.dxim_vehicle_carousel_wrapper.carousel[data-slides="1"] .dxim_vehicle_carousel .inner {
  padding: 0;
}

@media screen and (max-width: 768px) {
  /**
  slider
   */
  .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;
  }
  /**
  carousel
   */
  .dxim_vehicle_carousel_wrapper.carousel .dxim_control_buttons {
    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 rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 30px 0px rgb(0, 0, 0);
  box-shadow: 0px 0px 30px 0px rgb(0, 0, 0);
  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;
}

/**

 */
.wpcs_ajax_loader {
  display: none;
  position: relative;
  width: 28px;
  height: 28px;
  background-size: 28px 22px;
  background-position: center center;
  background-repeat: no-repeat;
  animation: rotation 750ms infinite linear;
  -webkit-animation: rotation 750ms infinite linear;
  -moz-animation: rotation 750ms infinite linear;
  -o-animation: rotation 750ms infinite linear;
  -ms-animation: rotation 750ms infinite linear;
}
.wpcs_ajax_loader .loading {
  border: 3px solid var(--wpcs-theme-border-color);
  border-top-color: var(--wpcs-theme-primary-color);
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

.wpcs_ajax_loader.active {
  display: inline-block;
}

/**
Color Chooser
 */
.wpcs_color_select .color {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  width: 32px;
  border: 1px solid var(--wpcs-form-border-color);
  border-radius: var(--wpcs-form-border-radius);
  margin: 0 5px 5px 0;
  line-height: 32px;
  text-align: center;
}
.wpcs_color_select .color .dashicons,
.wpcs_color_select .color .dashicons-before:before {
  line-height: 32px;
}
.wpcs_color_select .color span {
  opacity: 0;
}
.wpcs_color_select .color.active {
  border-color: var(--wpcs-theme-primary-color);
}
.wpcs_color_select .color.active span {
  opacity: 1;
}
.wpcs_color_select .color.BLACK, .wpcs_color_select .color.GREY, .wpcs_color_select .color.BLUE {
  color: white;
}

/**
WPCSRange Slider
 */
.noUi-handle {
  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);
}

.dxim_filter_slider .input_fields,
.dxim_filter_range .input_fields {
  display: flex;
  align-items: center;
  gap: 5px;
}
.dxim_filter_slider .input_fields input,
.dxim_filter_range .input_fields input {
  max-width: 80px;
  padding: 3px;
  margin: 0;
  display: inline-block !important;
}
.dxim_filter_slider.both .input_fields,
.dxim_filter_range.both .input_fields {
  padding-bottom: 8px;
}
.dxim_filter_slider .label_wrapper,
.dxim_filter_range .label_wrapper {
  display: inline-block;
  margin-bottom: 8px;
}
.dxim_filter_slider .label_wrapper .filter_slider_label.first::before,
.dxim_filter_range .label_wrapper .filter_slider_label.first::before {
  content: " ";
  display: block;
}

.dxim_filter_range .label_wrapper .last::before {
  content: " - ";
}

.dxim_filter_range.inactive .noUi-connects,
.dxim_filter_range.inactive .noUi-connect {
  background-color: #ccc;
}

/**
Input fields
 */
.dxim_filter input[type=text],
.dxim_filter input[type=number],
input.wpcs_input_text,
input[type=datetime-local] {
  border-radius: var(--wpcs-form-border-radius);
  background: var(--wpcs-form-bg-color);
  color: var(--wpcs-form-inner-color);
  border: 1px solid var(--wpcs-form-border-color);
  height: 35px;
  line-height: 35px;
  display: block;
  width: 100%;
}

/**
Input fields
 */
.wpcs_textarea {
  border-radius: var(--wpcs-form-border-radius);
  background: var(--wpcs-form-bg-color);
  border: 1px solid var(--wpcs-form-border-color);
  width: 100%;
}

/**
Fake Checkbox
 */
div.wpcs_multiple_checkbox {
  display: grid;
  grid-gap: 5px;
}
div.wpcs_multiple_checkbox label {
  margin-left: 5px;
}

/**
WPCSSelect
 */
div.wpcsselect {
  border-radius: var(--wpcs-form-border-radius);
  background: var(--wpcs-form-bg-color);
  color: var(--wpcs-form-inner-color);
  position: relative;
  width: 100%;
}
div.wpcsselect .data {
  display: none;
}
div.wpcsselect .wpcs_select_loading {
  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_delete {
  display: none;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 35px;
  text-align: center;
  cursor: pointer;
}
div.wpcsselect .wpcs_select_delete .dashicons::before {
  line-height: 35px;
  color: var(--wpcs-form-handle-icon-color);
}
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 40px 0 12px;
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  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: var(--wpcs-form-bg-color);
  color: var(--wpcs-form-inner-color);
  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,
#wpcs_select_list li:focus {
  background: var(--wpcs-form-active-color);
  color: var(--wpcs-form-active-inner-color);
}
#wpcs_select_list li.selected::before,
#wpcs_select_list li:hover::before {
  border-color: var(--wpcs-form-active-inner-color);
}
#wpcs_select_list li:first-child {
  border-top: none;
}

#wpcs_select_list.multiple li.wpcs_select_option::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  content: " ";
  margin-right: 5px;
  border: 2px solid var(--wpcs-form-border-color);
}
#wpcs_select_list.multiple li.active.wpcs_select_option::before {
  border-color: var(--wpcs-form-active-color);
  transform: rotateZ(45deg) translate(2px, -4px);
  width: 6px;
  border-top: 0 solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  margin-right: 9px;
}
#wpcs_select_list.multiple li[data-optgroup=true] {
  font-weight: bold;
}
#wpcs_select_list.multiple li[data-optgroup=true]::before {
  display: none;
}
#wpcs_select_list.multiple li[data-group]:not([data-group=null]) {
  padding-left: 15px;
}
#wpcs_select_list.multiple li:hover::before {
  border-color: var(--wpcs-form-active-inner-color);
}

#wpcs_select_list.open {
  display: block;
}

@keyframes wpcs_select_loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.theme_filter .wpcs_filter_button:link,
.theme_filter .wpcs_filter_button:visited {
  display: inline-block;
  background: var(--wpcs-form-bg-color);
  padding: 12px;
  cursor: pointer;
  color: var(--wpcs-form-inner-color);
  border: 1px solid var(--wpcs-form-border-color);
  border-radius: var(--wpcs-form-border-radius);
}
.theme_filter .wpcs_filter_button.active {
  background: var(--wpcs-form-active-color);
  color: var(--wpcs-form-active-inner-color);
}

.theme_filter.button input[type=checkbox] {
  display: none !important;
}

/**
checkboxes
 */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=radio].wpcs_checkbox:checked::before {
    display: none;
    content: "";
  }
  input[type=checkbox].wpcs_checkbox,
  input[type=radio].wpcs_checkbox,
  div.wpcs_selectable {
    --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)) !important;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type=checkbox].wpcs_checkbox:after,
  input[type=radio].wpcs_checkbox:after,
  div.wpcs_selectable: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=checkbox].wpcs_checkbox.selected,
  input[type=radio].wpcs_checkbox:checked,
  input[type=radio].wpcs_checkbox.selected,
  div.wpcs_selectable:checked,
  div.wpcs_selectable.selected {
    --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,
  div.wpcs_selectable:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox].wpcs_checkbox:disabled:checked,
  input[type=radio].wpcs_checkbox:disabled:checked,
  div.wpcs_selectable:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox].wpcs_checkbox:disabled + label,
  input[type=radio].wpcs_checkbox:disabled + label,
  div.wpcs_selectable: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),
  div.wpcs_selectable:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox].wpcs_checkbox:focus,
  input[type=radio].wpcs_checkbox:focus,
  div.wpcs_selectable:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type=checkbox].wpcs_checkbox:not(.switch),
  input[type=radio].wpcs_checkbox:not(.switch),
  div.wpcs_selectable:not(.switch) {
    width: 28px;
  }
  input[type=checkbox].wpcs_checkbox:not(.switch):after, input[type=checkbox].wpcs_checkbox:not(.switch).selected,
  input[type=radio].wpcs_checkbox:not(.switch):after,
  input[type=radio].wpcs_checkbox:not(.switch).selected,
  div.wpcs_selectable:not(.switch):after,
  div.wpcs_selectable:not(.switch).selected {
    opacity: var(--o, 0);
  }
  input[type=checkbox].wpcs_checkbox:not(.switch):checked, input[type=checkbox].wpcs_checkbox:not(.switch).selected,
  input[type=radio].wpcs_checkbox:not(.switch):checked,
  input[type=radio].wpcs_checkbox:not(.switch).selected,
  div.wpcs_selectable:not(.switch):checked,
  div.wpcs_selectable:not(.switch).selected {
    --o: 1;
  }
  input[type=checkbox].wpcs_checkbox + label,
  input[type=radio].wpcs_checkbox + label,
  div.wpcs_selectable + label {
    line-height: 28px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
    width: calc(100% - 40px);
  }
  input[type=checkbox].wpcs_checkbox:not(.switch):after,
  div.wpcs_selectable: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, input[type=checkbox].wpcs_checkbox:not(.switch).selected,
  div.wpcs_selectable:not(.switch):checked,
  div.wpcs_selectable:not(.switch).selected {
    --r: 40deg;
  }
  input[type=checkbox].wpcs_checkbox.switch,
  div.wpcs_selectable.switch {
    width: 55px;
    border-radius: 11px;
  }
  input[type=checkbox].wpcs_checkbox.switch:after,
  div.wpcs_selectable.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,
  div.wpcs_selectable.switch:checked {
    --ab: var(--active-inner);
    --x: 30px;
  }
  input[type=checkbox].wpcs_checkbox.switch:disabled:not(:checked):after,
  div.wpcs_selectable.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: 0px;
    left: 0px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type=radio].wpcs_checkbox:checked {
    --s: .5;
  }
}
/**
mixins
 */
/** --------------------------------------------------------------------------------------------------------------------
THEME allgemein
 */
.mandatory_link {
  font-size: small;
}

.wpcsselect_autowidth {
  display: inline-block;
  min-width: 150px;
}

.wpcs_teaser_section {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

sup.wpcs_footnote_links {
  font-size: 15px;
  vertical-align: super;
  position: initial;
}

#wpcs_template_main {
  border-right: 1px solid var(--wpcs-theme-border-color);
  padding-right: 25px;
  margin-right: 25px;
  float: left;
  width: calc(70% - 1px);
}

#wpcs_template_main.full_width {
  border: none;
  width: 100%;
  padding: 0;
  float: none;
}

#wpcs_template_sidebar {
  float: left;
  width: calc(30% - 25px);
}
#wpcs_template_sidebar h2,
#wpcs_template_sidebar h3 {
  font-size: larger;
  margin: 0;
}

#wpcs_template_content {
  margin: 0 auto;
  width: 100%;
  max-width: var(--wpcs-theme-container-width);
  padding: 0 15px;
}

/** --------------------------------------------------------------------------------------------------------------------
Emission
 */
.emission_info {
  font-size: smaller;
  line-height: 1.1;
}

/** --------------------------------------------------------------------------------------------------------------------
Filters
 */
.wpcs_theme_filters .theme_filter {
  display: inline-block;
  margin: 0 20px 20px 0;
}
.wpcs_theme_filters .theme_filter .label {
  margin-left: 5px;
}

/** --------------------------------------------------------------------------------------------------------------------
TAGS
 */
.wpcs_tag {
  padding: 3px 8px;
  display: inline-block;
  font-size: smaller;
  margin: 0 10px 10px 0;
  background: var(--wpcs-theme-secondary-color);
  color: var(--wpcs-theme-secondary-color-font);
}

.wpcs_tag.big {
  padding: 8px 20px;
}

.wpcs_tag.small {
  padding: 2px 6px;
  font-size: 80%;
}

/** --------------------------------------------------------------------------------------------------------------------
TEAM
 */
.wpcs_person .data > span {
  display: block;
  margin-bottom: 5px;
}
.wpcs_person .data > span .dashicons {
  margin-right: 5px;
}
.wpcs_person .data span.position {
  font-weight: bold;
}

#wpcs_person_search_results {
  margin: 20px 0 0 0;
  display: none;
}

/** --------------------------------------------------------------------------------------------------------------------
TABS
 */
.wpcs_tabs_header .wpcs_tab_control {
  display: inline-block;
  margin-right: 1px;
  padding: 8px 15px;
  background: var(--wpcs-button-color-bg);
  color: var(--wpcs-button-color);
  text-decoration: none;
}
.wpcs_tabs_header .wpcs_tab_control:hover,
.wpcs_tabs_header .wpcs_tab_control.active {
  background: var(--wpcs-button-color-bg-hover);
  color: var(--wpcs-button-color-hover);
}

.wpcs_tab_content {
  display: none;
}

.wpcs_tab_content.active {
  display: initial;
}

/** --------------------------------------------------------------------------------------------------------------------
ACCORDION
 */
.wpcs_accordion_control {
  cursor: pointer;
  border-top: 1px solid var(--wpcs-theme-border-color);
  margin-top: 15px;
}
.wpcs_accordion_control h3 {
  display: flex;
  align-items: center;
}
.wpcs_accordion_control h3::before {
  font-family: Dashicons;
  content: "\f345";
  margin-right: 15px;
}

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

.wpcs_accordion_control.active h3::before {
  content: "\f347";
}

.wpcs_accordion_content {
  display: none;
}

.wpcs_accordion_content.active {
  display: initial;
}

/** --------------------------------------------------------------------------------------------------------------------
LOCATION
 */
.wpcs_location_address p > span {
  display: block;
}
.wpcs_location_address p > span.zip,
.wpcs_location_address p > span.city {
  display: inline;
}
.wpcs_location_address p > span.city::before {
  content: " ";
}

.wpcs_locations_wrapper .location .teaser_image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 50%;
  margin-bottom: 15px;
}

.single.location .location_logo {
  max-width: 100px;
  height: auto;
}
.single.location .gallery_slide strong {
  margin-top: 10px;
  display: block;
}

.wpcs_location_opening_hours dl {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 2px;
}
.wpcs_location_opening_hours dl .current_day {
  font-weight: bold;
}
.wpcs_location_opening_hours .status {
  margin-bottom: 20px;
}
.wpcs_location_opening_hours .status .open {
  color: #0a875a;
}
.wpcs_location_opening_hours .status .closed {
  color: #900;
}

/**
Footnotes
 */
#wpcs_generated_footnotes {
  padding: 20px;
}

/** --------------------------------------------------------------------------------------------------------------------
Bilder
 */
.wpcs_fitted_image {
  position: relative;
  z-index: 0;
  width: 100%;
  padding-bottom: 66.66%;
  overflow: hidden;
}
.wpcs_fitted_image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/** --------------------------------------------------------------------------------------------------------------------
Grid Items
 */
.wpcs_grid_item {
  position: relative;
  padding: 10px;
  border: 1px solid var(--wpcs-theme-border-color);
  color: var(--wpcs-theme-secondary-color-font);
}
.wpcs_grid_item h3 {
  font-size: larger;
}
.wpcs_grid_item .tags {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}

.wpcs_list_item {
  position: relative;
  border-bottom: 1px solid var(--wpcs-theme-border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/** --------------------------------------------------------------------------------------------------------------------
MODEL
 */
#wpcs_model_persons > div {
  margin-top: 20px;
}

#wpcs_model_selection_wrapper.wpcs_list .model {
  margin-bottom: 10px;
}
#wpcs_model_selection_wrapper.wpcs_list .model .info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

/** --------------------------------------------------------------------------------------------------------------------
OFFER
 */
#wpcs_offer_list .wpcs_offer .info > * {
  margin-bottom: 5px;
  margin-top: 0;
}
#wpcs_offer_list .wpcs_offer .price {
  font-weight: bold;
}

#wpcs_offer_on_archive.rows {
  margin-top: 30px;
}

#wpcs_offer_on_archive .wpcs_offer {
  align-items: center;
  border: 2px solid var(--wpcs-theme-secondary-color);
  color: var(--wpcs-theme-secondary-color-font);
}

#wpcs_offer_on_archive.grid .wpcs_offer .data {
  padding: 25px;
}

.wpcs_offer_price_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wpcs_offer_price_list li {
  margin: 5px 0 0 0;
  padding: 0;
}
.wpcs_offer_price_list li:first-of-type {
  margin-top: 0;
}
.wpcs_offer_price_list span.value {
  font-weight: bold;
}
.wpcs_offer_price_list span.label::after {
  content: ": ";
}

.wpcs_model_mandatory_information a.wpcs_mandatory_anchor {
  font-size: small;
  display: block;
}

/** --------------------------------------------------------------------------------------------------------------------
OFFERGROUP
 */
#wpcs_offer_group_filter_buttons a.wpcs_offer_group_filter_button.active {
  color: var(--wpcs-button-color-hover);
  background: var(--wpcs-button-color-bg-hover);
}

/** --------------------------------------------------------------------------------------------------------------------
JOBS
 */
.wpcs_jobs_wrapper .job_top_row {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wpcs_jobs_wrapper .job_top_row .company_logo {
  max-width: 100px;
}
.wpcs_jobs_wrapper .infos {
  display: flex;
}
.wpcs_jobs_wrapper .infos > div {
  margin-right: 20px;
  flex-wrap: wrap;
}

/** --------------------------------------------------------------------------------------------------------------------
BRAND
 */
.wpcs_brand_logos {
  display: flex;
  gap: 20px;
}
.wpcs_brand_logos .brand_logo {
  max-width: 100px;
}
.wpcs_brand_logos img {
  height: 45px;
  object-fit: contain;
}

.wpcs_brand_logos.right {
  justify-content: end;
}

.wpcs_brand_logo {
  max-width: 100%;
}

.wpcs_brand_single_title_wrapper {
  display: flex;
  align-items: center;
}
.wpcs_brand_single_title_wrapper .wpcs_brand_logo {
  max-width: 100px;
  margin-right: 30px;
}

/** --------------------------------------------------------------------------------------------------------------------
SERVICE
 */
.wpcs_service.wpcs_grid_item {
  display: flex;
  gap: 10px;
}
.wpcs_service.wpcs_grid_item .excerpt {
  margin-bottom: 5px;
}
.wpcs_service.wpcs_grid_item .wpcs_fitted_image {
  padding-bottom: 0;
  width: 30%;
}
.wpcs_service.wpcs_grid_item .wpcs_fitted_image img {
  object-position: center center;
}
.wpcs_service.wpcs_grid_item .wpcs_fitted_image.icon img {
  object-fit: contain;
}
.wpcs_service.wpcs_grid_item .info {
  width: 70%;
}

/** --------------------------------------------------------------------------------------------------------------------
responsive
 */
@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_filter_form_column.wpcs_col_3,
  .wpcs_filter_form_grid.wpcs_columns_4 .wpcs_filter_form_column.wpcs_col_3 {
    clear: left;
  }
  .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;
  }
  .dxim_feature_group.columns-3,
  .dxim_feature_group.columns-4 {
    column-count: 2;
  }
  #wpcs_template_main {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    float: none;
    width: initial;
    border-bottom: 1px solid var(--wpcs-form-border-color);
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  #wpcs_template_sidebar {
    float: none;
    width: initial;
  }
}
@media (max-width: 768px) {
  .wpcs_jobs_wrapper .infos {
    flex-direction: column;
    gap: 5px;
  }
}
/* ----------------------------------
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: 25px;
}

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

div.wpcs_element_spacer_big {
  margin-bottom: 50px;
}

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

.wpcs_hidden {
  display: none !important;
}

.wpcs_not_visible {
  visibility: hidden;
  height: 0;
}

.wpcs_error {
  color: red;
}

/** --------------------------------
Icons
 */
.wpcs_icon {
  line-height: 1.3;
}

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

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
/** --------------------------------
WPCS Scroller
 */
.wpcs_scroller {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: auto;
  --left-mask-size: 0px;
  --right-mask-size: 0px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, black var(--left-mask-size, 0), black calc(100% - var(--right-mask-size, 0)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black var(--left-mask-size, 0), black calc(100% - var(--right-mask-size, 0)), transparent 100%);
}

.wpcs_scroller.can_scroll_right {
  --right-mask-size: 3rem !important;
}

.wpcs_scroller.can_scroll_left {
  --left-mask-size: 3rem !important;
}

/** --------------------------------
Breadcrumbs
 */
.wpcs_breadcrumbs ol {
  list-style: none;
  margin: 0;
  padding: 20px 0;
  display: flex;
  gap: 15px;
  font-size: larger;
  white-space: nowrap;
}
.wpcs_breadcrumbs ol li {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.wpcs_breadcrumbs ol li::before {
  content: "\f345";
  font-family: "Dashicons";
  font-weight: normal;
}
.wpcs_breadcrumbs ol li:last-child {
  font-weight: bold;
}
.wpcs_breadcrumbs ol li:first-child::before {
  content: none;
}

/** --------------------------------
BUTTONS
 */
a.dxim_button_styled:link,
a.dxim_button_styled:visited,
input.dxim_button_styled {
  text-decoration: none;
  display: inline-block;
  color: var(--wpcs-button-color);
  background: var(--wpcs-button-color-bg);
  padding: 7px 20px;
  border: 1px solid var(--wpcs-button-color-bg);
}

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

a.dxim_button_secondary:link,
a.dxim_button_secondary:visited {
  color: var(--wpcs-theme-secondary-color-font);
  background: var(--wpcs-theme-secondary-color);
  padding: 7px 20px;
  border: 1px solid var(--wpcs-theme-secondary-color);
}

a.dxim_button_secondary:hover,
a.dxim_button_secondary:active {
  color: var(--wpcs-theme-primary-color-font);
  background: none;
  border: 1px solid var(--wpcs-theme-secondary-color);
}

a.dxim_button_light:link,
a.dxim_button_light:visited {
  text-decoration: underline;
}

a.dxim_button_light::before {
  font-family: "dashicons";
  content: "\f345";
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  margin-right: 5px;
}

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

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

.dxim_button {
  margin-right: 20px;
}

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

.dxim_button.ajax_btn.loading .wpcs_icon_spin {
  display: inline-block;
}

.dxim_button_group {
  display: inline;
  margin-right: 20px;
}
.dxim_button_group a.dxim_button_styled {
  padding-left: 10px;
  padding-right: 10px;
}
.dxim_button_group a.dxim_button_styled:first-child {
  padding-left: 20px;
}
.dxim_button_group a.dxim_button_styled:last-child {
  padding-right: 20px;
}

.wpcs_button_wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.wpcs_button_wrapper .dxim_button {
  margin: 0;
}

/** --------------------------------
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_emission_costs .co2_costs_wrapper span {
  display: block;
}

.wpcs_energy_efficiency_class_message {
  font-size: smaller;
}

.wpcs_co2_class_label {
  display: grid;
  max-width: 400px;
  grid-gap: 5px;
}
.wpcs_co2_class_label .cell {
  height: fit-content;
}
.wpcs_co2_class_label .cell.field_label {
  height: initial;
  line-height: 15px;
  font-size: 15px;
}
.wpcs_co2_class_label .value {
  position: relative;
  text-align: right;
  padding-right: 10px;
  width: 50px;
  height: 24px;
  line-height: 24px;
  background: black;
  color: white;
  font-size: 15px;
}
.wpcs_co2_class_label .value::before {
  content: " ";
  position: absolute;
  left: -9px;
  top: 3px;
  width: 18px;
  height: 18px;
  font-size: 15px;
  transform: rotate(45deg);
  background: black;
}
.wpcs_co2_class_label .eec_label {
  display: block;
  height: 24px;
  line-height: 24px;
  position: relative;
  padding-left: 10px;
  color: white;
}
.wpcs_co2_class_label .eec_label::after {
  content: " ";
  position: absolute;
  right: -8px;
  top: 3px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  background: red;
}
.wpcs_co2_class_label .eec_label.label_A {
  background: #009038;
  width: 40%;
}
.wpcs_co2_class_label .eec_label.label_A::after {
  background: #009038;
}
.wpcs_co2_class_label .eec_label.label_B {
  background: #58ab27;
  width: 45%;
}
.wpcs_co2_class_label .eec_label.label_B::after {
  background: #58ab27;
}
.wpcs_co2_class_label .eec_label.label_C {
  background: #c8d200;
  width: 50%;
}
.wpcs_co2_class_label .eec_label.label_C::after {
  background: #c8d200;
}
.wpcs_co2_class_label .eec_label.label_D {
  background: #ffec01;
  width: 55%;
}
.wpcs_co2_class_label .eec_label.label_D::after {
  background: #ffec01;
}
.wpcs_co2_class_label .eec_label.label_E {
  background: #faba00;
  width: 60%;
}
.wpcs_co2_class_label .eec_label.label_E::after {
  background: #faba00;
}
.wpcs_co2_class_label .eec_label.label_F {
  background: #eb690b;
  width: 65%;
}
.wpcs_co2_class_label .eec_label.label_F::after {
  background: #eb690b;
}
.wpcs_co2_class_label .eec_label.label_G {
  background: #e3001b;
  width: 70%;
}
.wpcs_co2_class_label .eec_label.label_G::after {
  background: #e3001b;
}

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

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

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

.dxim_feature_group {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
}
.dxim_feature_group li.dxim_vehicle_feature {
  margin: 5px 0;
  padding: 0;
  line-height: 20px;
}

.dxim_feature_group.columns-4 {
  column-count: 4;
}

.dxim_feature_group.columns-3 {
  column-count: 3;
}

.dxim_feature_group.columns-2 {
  column-count: 2;
}

.dxim_feature_group.columns-1 {
  column-count: 1;
}

/** --------------------------------
HIGHLIGHTS
 */
.wpcs_vehicle_highlights .wpcs_highlight {
  display: inline-block;
  padding: 10px;
  background: var(--wpcs-theme-secondary-color);
  color: var(--wpcs-theme-secondary-color-font);
  margin: 0 15px 15px 0;
}

.vehicle-on-archive .wpcs_vehicle_highlights .wpcs_highlight {
  padding: 3px;
  font-size: small;
}

/**
Filter Form
 */
.dxim_filter label {
  display: block;
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 16px;
}
.dxim_filter .label_inside {
  font-size: small;
}

.wpcs_filter_form_grid {
  margin-bottom: 20px;
}
.wpcs_filter_form_grid .dxim_filter {
  margin-bottom: 15px;
}
.wpcs_filter_form_grid .dxim_filter.label_inside {
  margin-bottom: 30px;
}
.wpcs_filter_form_grid .dxim_filter.label_outside[data-filter-type=checkbox] {
  padding-top: 23px;
}

/** --------------------------------
PRICE
 */
.price_wrapper .price_big {
  font-size: 200%;
  font-weight: bold;
  display: block;
}
.price_wrapper .monthly_installment {
  display: block;
}
.price_wrapper .price_small + .vat::before {
  content: ", ";
}

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

.price_rating.increased_price,
.price_rating.high_price {
  display: none;
}

/** --------------------------------
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 span.netto:after {
  content: " ";
  display: block;
}
.dxim_vehicle_specifics_list .field {
  padding: 3px;
  border-bottom: 1px solid var(--wpcs-theme-border-color);
}
.dxim_vehicle_specifics_list .field .label {
  width: 40%;
  float: left;
  font-weight: bold;
}
.dxim_vehicle_specifics_list .field .fact {
  float: left;
  margin-left: 20px;
}

.dxim_vehicle_specifics_list_single {
  display: grid;
}

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

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

/** ------------------------------------
Contact FORMS
*/
.vehicle_is_external {
  font-weight: bold;
}

.wpcs_contact_form .row {
  margin-bottom: 25px;
}
.wpcs_contact_form .row.submit {
  align-items: end;
}
.wpcs_contact_form label {
  display: block;
  margin-bottom: 5px;
}
.wpcs_contact_form .wpcs-error-msg {
  display: none;
}
.wpcs_contact_form .required {
  font-weight: bold;
  color: var(--wpcs-theme-primary-color);
}
.wpcs_contact_form .wpcs-form-privacy-wrapper label {
  margin: 0 0 0 15px;
  line-height: 1.1;
}
.wpcs_contact_form .wpcs_form_context_wrapper .html_wrapper {
  display: flex;
}
.wpcs_contact_form .wpcs_form_context_wrapper .html_wrapper > div img {
  max-width: 100px;
  margin-right: 20px;
}
.wpcs_contact_form .field.kind_of_request .wpcs_multiple_checkbox {
  grid-template-columns: 1fr 1fr;
}
.wpcs_contact_form input[type=text],
.wpcs_contact_form input[type=email],
.wpcs_contact_form textarea {
  display: block;
  width: 100%;
  color: var(--wpcs-form-inner-color);
}
.wpcs_contact_form textarea {
  min-height: 100px;
}

.select2 {
  width: 100% !important;
}

/**
Vehicle Search Request
*/
.wpcs_save_search_request_wrapper .wpcs_vsr_privacy_text {
  display: none;
}
.wpcs_save_search_request_wrapper .wpcs_save_search_request_btn,
.wpcs_save_search_request_wrapper .wpcs_sr_email_input {
  margin-right: 20px;
}
.wpcs_save_search_request_wrapper input[type=email] {
  width: auto;
}
.wpcs_save_search_request_wrapper .status.error {
  color: #900;
}
.wpcs_save_search_request_wrapper .status.success {
  color: #090;
}
.wpcs_save_search_request_wrapper .wpcs_sr_privacy_wrapper {
  margin-top: 20px;
}

#wpcs_vsq_list .wpcs_search_request {
  position: relative;
  border-bottom: 1px solid var(--wpcs-theme-border-color);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#wpcs_vsq_list .filter {
  display: inline-block;
  background: var(--wpcs-form-active-color);
  color: var(--wpcs-form-active-inner-color);
  padding: 4px 10px;
  margin: 0 10px 10px 0;
}
#wpcs_vsq_list .delete_btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
#wpcs_vsq_list .delete_btn .dashicons,
#wpcs_vsq_list .delete_btn .dashicons-before:before {
  width: 30px;
  height: 30px;
  font-size: 30px;
}

/**
TextSearch
 */
.wpcs_textsearch {
  position: relative;
}
.wpcs_textsearch .wpcs_ajax_loader {
  position: absolute;
  right: 20px;
  top: 50%;
}
.wpcs_textsearch .wpcs_textsearch_reset_btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 50%;
}

/**
Paypal Buttons
 */
#wpcs_paypal_buttons_wrapper #wpcs_paypal_buttons_success,
#wpcs_paypal_buttons_wrapper #wpcs_paypal_buttons_msg {
  margin-bottom: 20px;
}

.wpcs_search_results_default_wrapper {
  position: absolute;
  display: none;
  z-index: 5;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  overflow-y: scroll;
  background: rgb(255, 255, 255);
  border: 1px solid var(--wpcs-theme-border-color);
}
.wpcs_search_results_default_wrapper .search_info {
  margin-top: 3px;
  padding-top: 3px;
  border-top: 1px solid var(--wpcs-theme-border-color);
}

@media (max-width: 1400px) {
  .dxim_feature_group.columns-4 {
    column-count: 3;
  }
}
@media (max-width: 998px) {
  .dxim_feature_group.columns-3,
  .dxim_feature_group.columns-4 {
    column-count: 2;
  }
}
@media (max-width: 768px) {
  .wpcs_not_visible_mobile {
    visibility: hidden;
    height: 0;
  }
  .wpcs_vehicle_list.wpcs_rows .dxim_vehicle_specifics_list_archive .field {
    width: 100%;
    float: none;
  }
  .dxim_feature_group.columns-4 {
    column-count: 1;
  }
  .dxim_feature_group.columns-3 {
    column-count: 1;
  }
  .dxim_feature_group.columns-2 {
    column-count: 1;
  }
  .dxim_feature_group.columns-1 {
    column-count: 1;
  }
  .wpcs_contact_form .field.kind_of_request .wpcs_multiple_checkbox {
    grid-template-columns: 1fr;
  }
}
/* 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 */