:root {
  --bs-blue: rgba(36, 99, 175, 1);
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0a2c91;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 36, 99, 175;
  --bs-secondary-rgb: 0, 0, 0;
  --bs-success-rgb: 218 ,255, 71;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 0, 0, 0;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: 'Inter', sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 3px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(36, 99, 175, 10%);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-nav-link-hover-color: 148, 164, 171;
  --bs-navbar-toggler-border-radius: 0.375rem;
}
.container{
  max-width:1440px;
}
.buy:hover,#pages .btn:hover {
    color: #fff;
}
.btn-success {
  --bs-btn-bg: rgba(var(--bs-success-rgb));
  --bs-btn-border-color: rgba(var(--bs-success-rgb));
  --bs-btn-hover-bg: rgba(var(--bs-success-rgb));
  --bs-btn-hover-border-color: rgba(var(--bs-success-rgb));
  --bs-btn-active-bg: rgba(var(--bs-success-rgb));
  --bs-btn-active-border-color: rgba(var(--bs-success-rgb));
  --bs-btn-disabled-bg: rgba(var(--bs-success-rgb));
  --bs-btn-disabled-border-color: rgba(var(--bs-success-rgb));
}
.btn-outline-success {
  --bs-btn-color: rgba(var(--bs-success-rgb));
  --bs-btn-border-color: rgba(var(--bs-success-rgb));
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(var(--bs-success-rgb));
  --bs-btn-hover-border-color: rgba(var(--bs-success-rgb));
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(var(--bs-success-rgb));
  --bs-btn-active-border-color: rgba(var(--bs-success-rgb));
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgba(var(--bs-success-rgb));
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(var(--bs-success-rgb));
  --bs-gradient: none;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a2c91;
  --bs-btn-border-color: #0a2c91;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0a2c91;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0a2c91;
  --bs-btn-disabled-border-color: #0a2c91;
}
.btn-outline-primary {
  color: #0a2c91;
  border: #0a2c91 1px solid !important;
  --bs-btn-hover-bg: #0a2c91;
}

.btn-light {
  --bs-btn-bg: rgba(var(--bs-light-rgb));
  --bs-btn-border-color: rgba(var(--bs-light-rgb));
  --bs-btn-hover-bg: rgba(var(--bs-light-rgb));
  --bs-btn-hover-border-color: rgba(var(--bs-light-rgb));
  --bs-btn-active-bg: rgba(var());
  --bs-btn-active-border-color: rgba(var(--bs-light-rgb));
  --bs-btn-disabled-bg: rgba(var(--bs-light-rgb));
  --bs-btn-disabled-border-color: rgba(var(--bs-light-rgb));

  padding: 11px 15px 11px 15px;
  border-radius: var(--bs-border-radius);
  border: 1px solid #ced4da;
  font-weight: 600;
  color: rgb(255, 255, 255);
}

.btn-secondary {
  background: #50656e;
}

.btn-outline-secondary {
  color: #50656e;
  border: #50656e 1px solid !important;
}

.btn-success {
  line-height: 1.48;
  padding: 8px 15px 8px 15px;
  border-radius: var(--bs-border-radius);
  background-color: rgb(var(--bs-success-rgb));
  border: 0px !important;
  color: rgb(0, 0, 0);
  font-weight: 600;
}

.btn {
  padding: 5px 8px 5px 8px;
  border-radius: var(--bs-border-radius);
  border: 1px solid #ced4da;
  font-weight: 600;
}

.accordion-button {
  border-radius: var(--bs-navbar-toggler-border-radius) !important;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color) !important;
}


/* Text */


h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  font-size: calc(1.375rem + 1vw)!important;
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.2;
  font-stretch: condensed;
}

h1 {
  margin-bottom: 0.3em;
}

h4 {
  font-size: 24px;
  font-weight: 500;
}
.h4{
  color: #50656e;
    font-weight: 600;
}

a {
  font-family: 'Poppins', sans-serif;
  color: #656565;
  text-decoration: none;
}

a:hover {
  color: unset;
}

#kfz_menu a:hover {
  color: #73AA04;
}




/* ---------------------------------HEADER------------------------------ */
header {
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 6%); */
  height: 150px;
}

header .col {
  margin: auto;
}

.header-image {
  filter: saturate(130%) contrast(100%);
}

.order-1 {
  order: unset !important;
}

.kfz_top,
.headalt {
  display: none;
}

header .btn-group {
  width: 100%;
  justify-content: center;
}
#filter-menu .auf{
  top: .5rem;
}
.sticky {
  position: fixed !important;
  z-index: 999;
  top: 0;
  background: #fff;
  right: .5rem;
  left: .5rem;
}


.sticky_btn {
  position: fixed;
  top: 56px;
  right: 0px;
  font-size: 12px;
  background: #fff;
  z-index: 9991;
}

.lease,
.buy {
  border-radius: 10px !important;
  max-width: 158px;
  padding: 8px 4px;
  z-index: 2;
  margin-right: -20px !important;
  background: rgba(var(--bs-light-rgb));
  color: #ffffff;
  font-size: 20px;
}

.lease {
  z-index: 0;
  margin-left: -20px !important;
  margin-right: 0 !important;
}

.a_btn,
.a_btn:active {
  background: rgba(var(--bs-success-rgb)) !important;
  color: #000 !important;
}

#user_menu .dropdown-toggle::after {
  content: unset;
}

.user::after {
  content: '';
  width: 10px;
  height: 10px;
  margin-top: 10px;
  margin-left: -10px;
  border-radius: 20px;
  background: red;
  position: absolute;
}

.login::after {
  background: #8bc34a !important;
}

.user {
  font-size: 35px;
}


@media (max-width:768px) {
  .order-1 {
    order: 1 !important;
    width: 100%;
  }

  header {
    height: unset;
  }
  .header-image {
    margin-top: 10px;
  }
  


}

/* ---------------------------------HEADER END------------------------------ */

/* ---------------------------------MENÜ------------------------------ */
.dropdown a{
  padding: 0px 12px !important;
  font-size: 14px!important;
}

.dropdown-menu,
#mega-menu {
  font-weight: 400;
  color: #50656e;
  line-height: 1.8;
}

.dropdown-item {
  font-weight: 300;
  color: #50656e;
  padding: 0 10px;
}

.dropdown {
  padding: 0 10px;
}

.nav-link:hover {
  background: rgb(var(--bs-nav-link-hover-color), .2);
}


@media (min-width:575px) {
  .dropend:hover>.dropdown-menu {
    display: block !important;
    right: 100%;
    margin-top: -30px;
  }

  .megamenu .dropend:hover>.dropdown-menu {
    display: block !important;
    right: 100%;

    margin-top: -70% !important;
  }

  #close {
    display: none !important;
  }

  .dropdown-menu .d1::before,
  .dropdown-menu .d0::before {
    content: unset !important;
  }
}

@media (max-width:575px) {

  .dropdown-menu {
    top: 0 !important;
    position: fixed !important;
    height: 100% !important;
    width: 100vw !important;
    left: 0 !important;
    margin: 0 !important;
    right: unset !important;
    transform: translate3d(0, 0, 0) !important;
    overflow: auto;
  }
}

.megamenu {
  list-style: none;
  margin: -35px 0px 10px;
  padding-top: 30px !important;
}


.megamenu .d1 a::before,
.post-3505517::before,
.navbar::before {
  content: unset !important;
}

.dropdown-menu .d1::before,
.dropdown-menu .d0::before {
  content: "\f12a";
  font-family: bootstrap-icons !important;
  font-size: 40px;
}

#close {
  font-size: 40px;
  display: inline-block;
  width: 100%;
  height: 70px;
}

.megamenu #header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 52px;
  border: 0;
  background: linear-gradient(60deg, rgba(80, 101, 110, 1) 45.5%, rgba(148, 164, 171, 1) 46%, rgba(148, 164, 171, 1) 100%);
  color: #fff;
  border-radius: var(--bs-border-radius);
  margin-top: 5px;
}

.dropstart .dropdown-toggle::before {
  position: absolute;
  margin-left: -12px;
  margin-top: 8px;
}

.megamenu .d2 {
  font-size: 14px;
  line-height: 1;
}

#menu-sub-menu-1 .nav-link {
  padding: 6px;
}

/* ---------------------------------MENÜ END------------------------------ */

/* ---------------------------------Unter MENÜ------------------------------ */

#kfz_menu a {
  margin-left: 18px;
  margin-right: 40px;
  padding: 0px 0px 0px 42px;
  border-bottom: 0px solid #fff;
}

#kfz_menu a:hover,
#kfz_menu .active {
filter: brightness(-0%) contrast(100%);
}

.icon-ecar:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/icons/Untitled-1_Autos-01.svg) no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-top: -10px;
  margin-left: -36px;
  position: absolute;
}

.icon-bcar:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/icons/Untitled-1_Bedrijfwagens.svg) no-repeat;
  background-size: contain;
  width: 40px;
  height: 34px;
  margin-top: -7px;
  margin-left: -43px;
  position: absolute;
}
.icon-charger:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/images/charger.svg) no-repeat;
  background-size: contain;
  width: 26px;
  height: 20px;
  margin-top: 1px;
  margin-left: -22px;
  position: absolute;
}

.icon-motors:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/icons/Untitled-1_Motoren.svg) no-repeat;
  background-size: contain;
  width: 40px;
  height: 34px;
  margin-top: -7px;
  margin-left: -35px;
  position: absolute;
}
.icon-camp:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/icons/Untitled-1_Campers.svg) no-repeat;
  background-size: contain;
  width: 40px;
  height: 34px;
  margin-top: -9px;
  margin-left: -38px;
  position: absolute;
}
.icon-brom:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/icons/Untitled-1_Brommobielen.svg) no-repeat;
  background-size: contain;
  width: 40px;
  height: 34px;
  margin-top: -7px;
  margin-left: -36px;
  position: absolute;
}

@media (max-width:575px) {
  #kfz_menu a {
    filter: contrast(100%);
    font-size: 14px;
    margin-left: 20px;
    margin-right: 0;
    padding: 0px 0px 0px 40px;
    border-bottom: 2px solid #fff;
  }
}

/* ---------------------------------Unter MENÜ END------------------------------ */
/* ---------------------------------Unter Menu Higjlights------------------------------ */

#favorit {
  background: url(/wp-content/themes/evtrader/konzept/images/heart_a.svg) no-repeat 8px;
  color: #000;
  background-color: #fff;
  padding: 8px 14px 8px 36px;
  border-radius: var(--bs-border-radius);
  border: 1px solid #ced4da;
  line-height: 1.6;
  cursor: pointer;
}

/* ---------------------------------Unter Menu Higjlights END------------------------------ */

/* ---------------------------------Full Filter------------------------------ */
.auf {
  box-shadow: 0px 4px 20px 2px rgb(0 0 0 / 30%);
  border-radius: var(--bs-border-radius);
}

.auf form {
  white-space: normal !important;
  padding: 40px;
}

.auf #kfzfilter_mehr {
  display: inline !important;
}

.auf #btn_filter{
  margin-top: 1.5rem !important;
}
#btn_filter{
  position: relative;
}

@media (max-width:575px) {
  .auf form {
    padding: 20px;
  }

  #btn_filter{
    position: fixed;
      bottom: 8px;
      left: 8%;
      right: 8%;
      padding: 10px;
      background: #1069e5;
      z-index: 9999;
  }

  .kfz .exterieur {
    justify-content: center !important;
  }

  #kfz_menu .icons {
    justify-content: space-between !important;
  }

  #kfz_menu {
    overflow-x: scroll;
    margin-top: 20px;
    height: 80px;
  }
}

/* ---------------------------------Full Filter END------------------------------ */

/* ---------------------------------Filter------------------------------ */
.kfz_right {
  margin-bottom: 80px;
}

#pages p {
  position: relative;
  bottom: -5px;
  font-size: 16px;
  font-weight: 900;
  color: #94a4ab;
  margin: 10px;
}

#btn_filter span {
  margin-top: -2px;
  margin-left: -4px;
}


#kfzfilter_mehr,
#filter_close {
  display: none;
}

#kfz_filter form{
  text-align: center;
}
.auf form{
  text-align: left!important;
}

#kfz_filter form {
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
  margin-top: 6px;

}
#brandstof{
  min-width: 96px;
}
#kfz_filter .form-select-sm {
  max-width: 124px;
  width: auto;
}

#kfz_filter .btn-group {
  margin: 5px 5px;
}

#kfz_filter .one select {
  border-radius: var(--bs-border-radius);
}

#kfz_filter .two select:first-child,
#kfz_filter .two .btn-success:first-of-type {
  border-radius: var(--bs-border-radius) 0px 0px var(--bs-border-radius);
}

#kfz_filter .two select:last-child,
#kfz_filter .two .btn-success:last-child {
  border-radius: 0px var(--bs-border-radius) var(--bs-border-radius) 0px;
}

#kfz_filter select {
  padding: 6px 28px 6px 10px;
  font-size: 13px;
}

.kfz .arrow {
  display: none;
  position: absolute;
  z-index: 9;
  margin-top: 20px;
  color: #50646d;
  cursor: pointer;
}

.kfz .arrow-left {
  left: 2px;
}

.kfz .arrow-right {
  right: 2px;
}

.sticky .arrow-left {

  margin-top: 36px;
}

.sticky .arrow-right {

  margin-top: 36px;
}

@media (max-width:1428px) {
  .kfz .arrow {
    display: block;
  }

  #kfz_filter {
    overflow-x: scroll;
  }

  .auf {
    overflow: scroll !important;
    z-index: 9999;
  }
  #kfz_filter .form-select-sm {
    max-width: 90px;
    width: auto;
  }
}

#filter-menu .auf .form-select-sm {
  max-width: none!important;
}

#kfz_filter {
  scrollbar-color: #e9e9e9 #fff;
  scrollbar-width: thin !important;
}

/* width */
::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
  display: none;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e9e9e9;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888;
}

/* COLOR */
.kfz .colors,
.autofilter .colors {
  text-align: center;
  margin-left: 4px;
}

.autofilter .color_wrap {
  width: 40px;
  height: 35px;
  float: left;
}


.kfz .color_wrap .color_text {
  font-size: 14px;
  text-transform: capitalize;
  vertical-align: top;
}

.autofilter .color_wrap .color_text {
  font-size: 14px;
  text-transform: capitalize;
  margin-left: 34px;
}

.kfz .color_wrap .color_text {
  margin-top: 0px;
  margin-left: 2px;
  padding-bottom: 10px;
  display: block;
}

.kfz .color_wrap .color input[type=checkbox],
.autofilter .color_wrap .color input[type=checkbox] {
  transform: scale(1.1);
}

.kfz .color_wrap .color input[type=checkbox],
.autofilter .color_wrap .color input[type=checkbox] {
  cursor: pointer;
  visibility: hidden;
  -moz-appearance: initial;
  width: 30px;
  height: 30px;
}

.kfz .color_wrap .color input[type=checkbox]:after,
.autofilter .color_wrap .color input[type=checkbox]:after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  visibility: visible;
  color: #ffffff;
  box-shadow: 0 0 1px rgb(0 0 0, .1);
  border-radius: var(--bs-border-radius);

}

.kfz .color_wrap .color input[type=checkbox]:checked:after,
.autofilter .color_wrap .color input[type=checkbox]:checked:after {
  content: "\2714";
  padding-left: 8px;
  padding-top: 4px;
  font-weight: normal;
}

.wit:after {
  background-color: #efefef;
  color: #000 !important;
}

.zwart:after {
  background-color: #000;
}

.zilver:after {
  background: linear-gradient(135deg, #616161, #d0d0d0 50%, #616161) #4a4a4a;
}

.goud:after {
  background: linear-gradient(135deg, #ffbf00, #fff173 50%, #ffc107) #ffeb3b;
}

.grijs:after {
  background-color: #ababab;
}

.geel:after {
  background-color: #f5d300;
  color: #000 !important;
}

.groen:after {
  background-color: #7eba30;
}

.blauw:after {
  background-color: #376edb;
}

.rood:after {
  background-color: #ff4040;
}

.overig:after {
  background-color: #efefef;
  color: #000 !important;
}

.beige:after {
  background-color: #ffbf7d;
}

.oranje:after {
  background-color: #ff8100;
}

.bruin:after {
  background-color: #a25403;
}

.roze:after {
  background-color: #ffc6e3;
}

.creme:after {
  background-color: #efebdc;
}

.paars:after {
  background-color: #66009a;
}

/* COLOR ENDE */

.kfz_top_count i {
  color: #ffffff;
  background: linear-gradient(30deg, rgba(80, 101, 110, 1) 45.5%, rgba(148, 164, 171, 1) 46%, rgba(148, 164, 171, 1) 100%);
  border: 2px solid;
  padding: 0px 20px;
  border-radius: 14px;
}

.ui-select span {
  display: none;
}

/* ---------------------------------Filter END------------------------------ */


/* ---------------------------------Slider---------------------------------- */
.arrow {
  position: relative;
}

.top_arrow {
  position: absolute;
  top: 166px;
  font-size: 36px;
  background: #fff;
  z-index: 999;
}

.top_cars .left {
  left: 0;
}

.top_cars .right {
  right: 0;
}

/* ---------------------------------Slider END------------------------------ */


/* ---------------------------------LISTING------------------------------ */

.brand {
  line-height: 26px;
  font-size: 20px;
}

.product-details .price {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  margin: 0;
}

.card .description {
  font-family: var(--bs-body-font-family) !important;
  font-stretch: condensed;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
}

.card-footer {
  line-height: 32px !important;
}

.product-details .small,
.product-details small {
  font-size: 50%;
  font-weight: 400;
}

.kfz a {
  text-decoration: none;
  color: unset;
}

/* END TEXT */


/* Listing Cart */
.card {
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: rgb(218 255 71);
}

.card-footer {
    border: 0;
    background: linear-gradient(60deg, rgb(0 0 0) 45.5%, rgb(79 79 79) 46%, rgb(0 0 0) 100%);
}

.card-footer img {
  margin: 0 8px;
}

.car-image {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #e9eff7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.car-image img {
  height: auto;
  width: 100%;
  border-radius: var(--bs-card-border-radius) var(--bs-card-border-radius) 0 0;
}

.car-image #control {
  position: absolute;
  margin-bottom: -70%;
  justify-content: space-evenly !important;
  width: 100%;
  padding: 10px
}

.car-image #control div {
  background: #50656e;
  width: inherit;
  margin: 5px;
  height: 5px;
  border-radius: 5px;
}

.car-image #control .active,
.car-image #control div:hover {
  background: #c0ebfd;
}

/* @media (max-width:575px){
  .car-image img{
    width: 100%;
  }
} */
.card .brand {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0px;
  color: rgb(80 101 110) !important;
}

.leasen {
  position: absolute;
  right: 0px;
  top: 63px;
  background: #8bc34a;
  width: 60px;
  height: 60px;
  margin: 5px;
  line-height: 47px;
  padding: 6px;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / 5%);
  z-index: 9;
  font-size: 12px;
}

small p {
  font-weight: 300;
  margin: 5px !important;
  font-size: 80% !important;
}

.row-cols-1 .accordion-item {
  border: 0;
}

.heart {
  position: absolute;
  right: 0;
  cursor: pointer;
  margin: 16px;
  padding: 10px;
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.heart-select,
.heart:hover {
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.heart:before {
  content: '';
  background: url(/wp-content/themes/evtrader/konzept/images/heart.svg) no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
}

.heart:hover:before {
  content: '';
  transform: scale(1.2);
  transition: all 0.2s ease-in-out;
  width: 24px;
  height: 24px;
  position: absolute;
}

.heart-select:before {
  content: '';
  transform: scale(1);
  background: url(/wp-content/themes/evtrader/konzept/images/heart_a.svg) no-repeat;
}

.popover {
  background: unset;
  border: 0;
}

.popover .popover-arrow {
  display: none;
}

.popover-body {
  height: 24px;
  text-align: center;
  color: #8bc34a;
  font-size: 45px;
}


/* ---------------------------------LOADER LISTING------------------------------ */

.loader .brand {
  background: #e2e2e2 !important;
  height: 26px;
}

.loader .price {
  height: 46px;
  margin-top: 4px;
  background: #e2e2e2 !important;
}

.loader .description {
  margin-top: 4px;
  height: 20px;
  background: #e2e2e2 !important;
}

.loader .card-footer,
.loader .car-image {
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100% !important;

  animation-name: shine;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.loader #control>* {
  background: #fff !important;
}

.loader .heart::before {
  content: "" !important;
}

.loader .card::before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;

}

@keyframes shine {
  to {
    background-position: -200%;
  }
}

/* ---------------------------------LISTING END------------------------------ */


/* ---------------------------------Content---------------------------------- */
.kfz {
  margin-bottom: 60px;
}

.unter-title {
  color: #50656e;
}

.block h3 {
  color: #50656e;
  font-size: 1.4rem;
  font-weight: 500;
}

/* ---------------------------------More---------------------------------- */
#pages {

  scrollbar-color: #e9e9e9 #fff;
  scrollbar-width: thin !important;

  overflow-x: scroll;
  width: 100%;
}

.morediv {
  width: max-content;
  max-width: 600px;
  margin: auto;
}

/* ---------------------------------Footer------------------------------------*/

footer {
  background-color: rgb(0, 0, 0);
  color: #ffffff !important;
  margin-top: 80px;
}
.copyright{
  background-color: rgb(218 255 71);
  color: #000000 !important;
}
.copyright a{
  background-color: rgb(218 255 71);
  color: #000000 !important;
}
footer a {
  color: #c0c0c0 !important;
}

footer li {
  list-style: none;
}

footer ul {
  padding-left: 0;
}

.footer_block {
  margin: 80px 0;
  line-height: 40px;
}

footer h4,
footer h5,
footer h6 {
  line-height: 2.2;
}

/* ---------------------------------Singles NEWS------------------------------------*/
.postnews .newsimage {
  max-height: 680px;
  overflow: hidden;
}

.postnews .newsimage img {
  width: 100%;
  height: auto;
  margin-top: -10%;
}

.sidebar #block-11 {
  margin-bottom: 24px;
}

.postnews main .alignleft img,
.postnews main .alignright img {
  width: 100%;
}


.postnews main .alignleft+*,
.postnews main .alignright+* {
  text-align: justify;
}

.post-template-default .wp-caption,.post-template-default .wp-caption img{
  max-width: 100%!important;
  height: auto;
}

.widget_recent_entries ul li{
    padding: 10px 0;
}
.widget_recent_entries img{
  border-radius: 5px;
}


/* ---------------------------------PLUGINS------------------------------------*/

/* ---------------------------------Car details Page------------------------------------*/
.kfz-filter-page .youtube iframe {
  position: absolute;
  height: 800px;
  position: absolute;
  overflow: hidden;
}

#topslider a,#news a,.kfz_single{
  font-family: var(--bs-body-font-family)!important;
}

#calc_btn{
  position: absolute;
}


@media (max-width:1300px) {
  .kfz-filter-page .youtube iframe {
    height: 680px;
  }
}

@media (max-width:1024px) {
  .kfz-filter-page .youtube iframe {
    height: 485px;
  }
}

@media (max-width:800px) {
  .kfz-filter-page .youtube iframe {
    height: 600px;
  }
}

@media (max-width:575px) {
  .kfz-filter-page .youtube iframe {
    height: 400px;
  }
  #calc_btn{
    position: relative;
  }
  
}

@media (max-width:400px) {
  .kfz-filter-page .youtube iframe {
    height: 280px;
  }
}

/* ---------------------------------END details Page------------------------------------*/

/* ---------------------------------NEW Car details Page------------------------------------*/
#car-page .card-footer {
  border: 0;
  border-radius: var(--bs-border-radius);
  background: linear-gradient(60deg, rgba(80, 101, 110, 1) 35%, rgba(148, 164, 171, 1) 35%, rgb(148 164 171) 70%, rgb(80 101 110) 66%);
}
#car-page .calculator{
  position: relative;
}
.kfz-filter-page h4{
line-height: 2.2;
color: #50656e;
}

#car-page tr td:first-child {
  width: 58%;
  color: #50656e;
  font-weight: 400;
}
#car-page tr td {
  font-weight: 600;
  font-size: 14px;
}

#car-page .tags{
  font-size: 12px;
    margin: 5px;
    color: #bfbfbf;
    font-weight: 300!important;
}
#car-page .top_arrow{
  top: unset!important;
}
#car-page .extras{
  column-width: 25em;
  font-size: 14px;
}

#pages .btn{
  border-radius: 0;
  padding: 0px 12px;
  height: 34px;
}

.table>:not(caption)>*>* {
  padding: 0.5rem 1rem;
}

@media (min-width:998px) {
  .sticky_header .loan-calculator{
    position: fixed!important;
    top:15px;
    z-index: 99;
    margin-right: 16px;
    width: auto;
  }
  }

/* ---------------------------------END details Page------------------------------------*/

/* ---------------------------------topcars------------------------------------*/
#topslider {
  overflow: hidden;
  overflow-x: scroll;
}

.slider-title {
  background-color: rgba(80, 101, 110, 1) !important;
}

.slider-title {
  position: absolute;
  margin: 4px;
  padding: 5px 10px;
  z-index: 1;
  border: 0;
  color: #fff;
  border-radius: var(--bs-card-border-radius);
}

.topactive a {
  pointer-events: none;
}

/* ---------------------------------end topcars------------------------------------*/

/* ---------------------------------IVS Slider------------------------------------*/
#ivsslider .vertical {
  flex-direction: column!important;
  overflow-y: scroll;
  height: -webkit-fill-available;
  position: absolute;
  top: 0;
  right: -5px;
}
#ivsslider .horizontal {
  overflow-x: scroll;
  width: 90%;
    margin: auto;
}

#ivsslider {
  position: relative;
  overflow: hidden;
}

#ivsslider .active {
  outline: 2px solid #8bc34a;
}

#ivsslider .arrow-left {
  left: 0;
}

#ivsslider .arrow-right {
  right: 0;
}

#ivsslider .top_arrow {
  top: 45%;
}

#ivsslider img {
  border-radius: var(--bs-border-radius);
}


.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}

#main-carousel img,#thumbnail-carousel .splide__track{
  border-radius: 8px;
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
  border: 2px solid #5dc300!important;
}

/* ---------------------------------end ivsslider------------------------------------*/

/* ---------------------------------Pages------------------------------------*/

#blocks .wp-caption img,
#blocks .col-md-6 img {
  width: 100%;
  height: auto;
}


/* ---------------------------------end pages------------------------------------*/


/* ---------------------------------SHORTCODE------------------------------------*/


/* ---------------------------------NEWS------------------------------------*/

#news img {
  width: 100%;
  height: auto;
}

#news .card {
  overflow: hidden;
  max-height: 230px;
  margin-bottom: 20px;
}

#news a {
  color: unset;
}

#news .col-md-4 {
  margin-bottom: 20px;
}

#news h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* ---------------------------------end news------------------------------------*/


/* WordPress
--------------------------------------------- */

a.aligncenter img {
  display: block;
  margin: 0 auto;
}

a.alignnone {
  display: inline-block;
}

.alignleft {
  float: left;
  text-align: left;
}

.alignright {
  float: right;
  text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%;
}

img.centered,
.aligncenter {
  display: block;
  margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
  margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
  padding: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
  margin: 0 0 20px 20px;
}

.gallery-caption,
.wp-caption-text {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}

.entry-content p.wp-caption-text {
  margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
  margin: 0 0 30px;
}
table tr{
	line-height: 2;
}
/* ICONS */

#sort {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-sort-down' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 2.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 11.293V2.5zm3.5 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z'/%3E%3C/svg%3E");
  width: 50px !important;
  background-size: 20px;
}