body .detailCar .btn.btn-secondary {
  background-color: var(--bs-dark);
  color: whitesmoke !important;
}
.btn.btn-outline-light {
  color: #343a40;
  background-color: #dedede;
}

/* cs overview */
/* cs list page wider */
@media (min-width:1400px) {
  #page-8 .main-content>.container {
    width: 100%;
    max-width: 100% !important;
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
}

.layout-120 {
  max-width: 1400px !important;
  margin-left: auto;
  margin-right: auto;
}

.main-content .nav-tabs.tabcontainer {
  margin-bottom: 0 !important;
}

.main-content .tab-content {
  background-color: white;
  padding: 1rem;
}

.filter-tags-wrapper label {
  padding-right: 0.5rem;
}

a.filter-tags-tag.page-link {
  padding: 0.33333rem 0.66666rem;
  background-color: #dedede;
  margin-right: 0.75rem;
  border-radius: 3rem;
  margin-bottom: 0.5rem;
}

.searchAndFilter .carSearchResults .filterValues>div {
  align-items: center;
}

a.btn.btn-primary.ms-auto.btnClear.btn-filterValues.btn-undo-filter.mb-2 {
  margin-bottom: 0 !important;
}

@media (max-width:767.98px) {
  a.btn.btn-primary.ms-auto.btnClear.btn-filterValues.btn-undo-filter.mb-2 {
    margin-bottom: 0.75rem !important;
  }

}

.filter-tags-tag>i {
  margin-left: 0.25rem;
}

.carsearch-counter-element span.badge {
  padding: 1rem;
  position: relative;
  top: -0.5rem;
  background-color: #ccc !important;
  color: black;
  border-radius: 3rem;
  font-size: 1.5rem;
  min-width: 3.5rem;
}

.pagination li.page-item {
  margin-right: 0.5rem;
}

@media (min-width:767px) {

  .tx_carsearch-list .col-12.carWrapper {
    flex: 1 0 50%;
    width: 50%;
    padding: 1.5rem;
  }
}

.tx_carsearch-list .col-12.carWrapper>div {
  box-shadow: none;
  background-color: var(--lightgray);
}

.jubiList #carResults .car,
.searchAndFilter #carResults .car {
  background-color: var(--lightgray);
  box-shadow: none;
  height: 100%;
}

.jubiList #carResults .car h2,
.searchAndFilter #carResults .car h2 {
  font-size: 1.33333rem;
  min-height: 3.135rem;
}

@media (min-width:768px) {
  .col-md-6.carWrapper {
    max-width: 50%;
  }
}


.price-sort .input-group {
  align-items: center;
}

.price-sort .input-group label {
  padding-right: 0.75rem;
}

.list .borBot {
  border-bottom: 0;
  border-top: 3px solid var(--bs-primary);
}


.row.mainPrice>.col-6 {
  width: 100%;
  flex: 1 0 100%;
}

.row.mainPrice>.col-6.label .priceLabel {
  font-weight: 300;
  text-align: end;
}

.row.mainPrice>.col-6.value {
  font-weight: 500;
  text-align: end !important;
  justify-content: flex-end;
}

.btnNote.merken .fa-star:before,
.btnNote.merken .fa-heart:before {
  content: "\f00c";
  color: #bbb;
  transition: all 150ms ease;
}

.btnNote.gemerkt .fa-star,
.btnNote.gemerkt .fa-heart {
  transform: scale(1.25);
  transition: all 150ms ease;
}

.btnNote.merken:hover .fa-star:before,
.btnNote.gemerkt .fa-star:before,
.btnNote.merken:hover .fa-heart:before,
.btnNote.gemerkt .fa-heart:before {
  content: "\f00c";
  color: var(--bs-primary);
  transition: all 150ms ease;
}

.detailForm .checkbox label::before {
  display: none;
}

.detailForm input[disabled] {
  pointer-events: none;
}

.detailForm .checkbox label[ident*='Kasten'] .img {
  height: auto;
  width: 60px;
  margin-right: 1rem;
  margin-left: 1rem;
  display: none;
}

/* d-none vorerst */
.detailForm .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: -1px;
  margin-left: -30px;
  padding-left: 5px;
  padding-top: 0;
  font-size: 11px;
  color: #555555;
  display: none;
}

.detailForm .checkbox input[type="checkbox"]:checked+label::after {
  font-weight: 900;
  content: "✓";
  font-size: 1.8rem;
  display: none;
}

/* END */

.sideSearchFilter label {
  max-width: 100%;
  flex: 1 0 100%;
  width: 100%;
}

.sideSearchFilter .filter-item {
  margin-bottom: 1rem;
}

/* list car */
@media (min-width:768px) {
  .list .carImg {
    padding-left: 0;
    position: relative;
    width: 65%;
  }

  .merkliste .list .carImg {
    width: 41.66666667%;
  }

  :not(.merkliste) .priceRowV2 {
    width: 35%;
  }
}

.jubiList #carResults .car .mainPrice.petrol,
.searchAndFilter #carResults .car .mainPrice.petrol {
  background-color: var(--bs-primary);
  padding: 0.5rem 0.75rem;
}

.jubiList #carResults .car .petroPriceBox,
.searchAndFilter #carResults .car .petroPriceBox {
  border: solid 0 #0d4b57;
  margin-top: 0 !important;
}




@media screen {
  .car .mainPrice.petrol {
    background-color: var(--bs-primary);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .car .mainPrice.petrol {
    background-color: var(--bs-primary);
    padding-bottom: 5px;
    border-color: var(--bs-primary);
    margin-top: 0 !important;
  }

  .jubiList #carResults .car .mainPrice .value,
  .searchAndFilter #carResults .car .mainPrice .value {
    font-weight: 500;
    font-size: 1.5rem;
    color: #ffffff;
    line-height: 1.5;
  }
}

.car .mainPrice .value {
  text-align: right;
  font-weight: 500;
  line-height: normal;
}

.row.mainPrice.petrol {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
}

.priceInfoBotRow .col-6.col-md-5,
.priceInfoBotRow .col-6.col-md-4,
.priceInfoBotRow .col-6.col-md-7.text-right,
.priceInfoBotRow .col-6.col-md-8.text-right {
  width: 50%;
}

.priceInfoBotRow .fa-chevron-right:before {
  content: "\f061";
}

#carResults .carInfos p,
.searchAndFilter #carResults .car .carInfos p {
  color: var(--bs-dark);
  padding-bottom: 0.25rem;
}

.lead.big p {
  font-size: 2rem;
}

.border-left {
  border-left: 3px solid var(--bs-primary);
}

.filter-item.ocondition,
.filter-item.otype,
.kraftstoff-getriebe,
.form-group.oausstattung {
  background-color: var(--lightgray);
  padding: 1rem;
  border-left: 3px solid var(--bs-primary);
}

.filter-item.ocondition>div,
.form-group.oantrieb,
.filter-item.okraftstoff,
.filter-item.otransmission,
.form-group.oausstattung {
  margin-bottom: 0 !important;
}

.filter-item.otransmission {
  max-width: 100%;
}

.kraftstoff-getriebe {
  padding-top: 0;
}

div#kaufenTab {
  background-color: var(--lightgray);
}


[class*="attr_list_"] {
  line-height: 1.75;
}

/* ? observe it */
[class*="attr_list_"][class*="-value"] {
  padding-left: 3rem;
}

.detailCar svg.icon {
  margin-bottom: 0;
}


.detailCar .priceLabel {
  color: white;
}

.detailCar .price {
  color: white;
}

.border-radius-special {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.border-top {
  border-top: 3px solid var(--primary) !important;
}


.price-block .col-12 {
  width: 50%;
}


img.img-fluid.mx-auto.carimg-item.carsearch-img-main {
  margin-bottom: 0.5rem;
}

.verhicleGalWrapper .inline-gallery-container .gallery-thumb {
  padding-right: 0.5rem;
}

/* .cs-grundriss img.img-fluid.lazy {
  aspect-ratio: 4.75 / 3;
  object-fit: contain;
  object-position: top;
} */
.cs-grundriss img.img-fluid.lazy {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: top;
}

.inline-gallery-container>.row:nth-child(2)>.col-12 {
  /* background-color: red; */
}

/* merkliste */

.merkliste .carInfos {
  padding: 0 1rem 1rem;
  background-color: var(--lightgray);
}

.merkliste h2 {
  padding-top: 1rem;
}

.merkliste .btnNoteDelete {
  padding-top: 1rem;
}

#carsearch-note-list .row.car {
  margin-bottom: 2rem;
}

.merkliste .footerWrapper {
  background-color: var(--bs-primary);
  padding: 1rem;
  color: white;
}

.merkliste .footerWrapper p.price {
  font-weight: 500;
}

.tx_carsearch-list .oldpriceTab,
.tx_carsearch-list .savedpriceTab {
  padding: 0.25rem 0.5rem;
}

.tx_carsearch-list .oldpriceTab .uvp,
.tx_carsearch-list .savedpriceTab {
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
  text-align: end;
  line-height: 1.25;
}

.tx_carsearch-list .savedpriceTab .value {
  font-weight: 500;
}

.oldpriceTab>*,
.savedpriceTab>* {
  font-size: 1rem;
}

.oldpriceTab .value,
.savedpriceTab .value {
  white-space: nowrap;
}

@media (min-width:1600px) {
  .tx_carsearch-list .oldpriceTab .uvp {
    flex-direction: row;
  }
}

@media (min-width:1880px) {
  .tx_carsearch-list .savedpriceTab {
    flex-direction: row;
  }
}

.oldpriceTab,
.savedpriceTab {
  padding: 0.333333rem 0.5rem;
  background-color: #aaa;
  color: white;
  font-weight: 500;
}

.savedpriceTab {
  /*
  background-color: rgb(24, 133, 127);
*/
  background-color: rgb(195 0 0);
}

.oldpriceTab .uvp,
.savedpriceTab {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}

@media (max-width:1200px) {

  .oldpriceTab .uvp,
  .savedpriceTab {
    flex-wrap: wrap;
  }
}

/* detail gallery special */
/* observe it! - portrait image - aspect ratio, obejct-fit has strange side effects on float left*/
.verhicleGalWrapper .inline-gallery-container .gallery-thumb {
  max-height: 74%;
  overflow: hidden;
  text-align: center;
}

/* END */
.icon-womo,
.icon-antrieb {
  position: relative;
}

.icon-womo::after,
.icon-antrieb::after {
  content: '';
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  height: 3rem;
  width: 3rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  fill: #ccc;
  opacity: 0.2;
}

.icon-womo::after {
  background-image: url(../Images/icon-womo.svg);
}

.icon-antrieb::after {
  background-image: url(../Images/icon-antrieb.svg);
}

.verhicleGalWrapper .inline-gallery-container .gallery-thumb .thumb-count-overlay {
  background-color: rgb(58 114 179 / 0.5);
}


.cs-slider h5 {
  font-size: 1.25rem;
  min-height: 3.4rem;
}

.cs-slider .bx-wrapper {
  box-shadow: none;
  padding: 0.75rem;
}

.cs-slider-price {
  background-color: var(--primary);
  color: white;
}


/* option automatik zu breit */
#dropdown_transmission ul.dropdown-menu.show {
  width: 110%;
}



/* ipad */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

  .jubiList #carResults .car h2,
  .searchAndFilter #carResults .car h2 {
    font-size: 1.1rem;
    min-height: 3.135rem;
  }

  /* your css rules for ipad portrait */
  .jubiList #carResults .car .mainPrice.petrol,
  .searchAndFilter #carResults .car .mainPrice.petrol {
    padding: 0.5rem 0.5rem;
  }

  .jubiList #carResults .car .mainPrice .priceLabel,
  .searchAndFilter #carResults .car .mainPrice .priceLabel {
    font-size: 1rem;
  }

  .jubiList #carResults .car .petroPriceBox .row>div,
  .searchAndFilter #carResults .car .petroPriceBox .row>div {
    font-size: 1rem;
  }

  .petrol .priceLabel {
    font-size: 0.875rem !important;
  }

  p[title="Leistung"] {
    font-size: 0.85rem !important;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .ipad-portrait {
    color: red;
  }


}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .ipad-landscape {
    color: blue;
  }

  /* your css rules for ipad landscape */
}





@media print {

  .bg-primary.pdf,
  .bg-primary.pdf * {
    background-color: white;
    color: #555555 !important;
  }

}