/* Fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*/
@font-face {
    font-family: 'Good Times';
    src: url('../fonts/GoodTimes-Regular.eot');
    src: url('../fonts/GoodTimes-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoodTimes-Regular.woff2') format('woff2'),
        url('../fonts/GoodTimes-Regular.woff') format('woff'),
        url('../fonts/GoodTimes-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        /*url('../fonts/Roboto-Regular.woff2') format('woff2'),*/
        /*url('../fonts/Roboto-Regular.woff') format('woff'),*/
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'Open24Display';
    src: url('../fonts/Open24DisplaySt.eot');
    src: url('../fonts/Open24DisplaySt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Open24DisplaySt.woff2') format('woff2'),
        url('../fonts/Open24DisplaySt.woff') format('woff'),
        url('../fonts/Open24DisplaySt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

*:focus, *:-webkit-direct-focus {
  outline-color: none;
  outline-style: none;
  outline-width: 0px;
  outline: none;
  border: 1px orange solid;
}
input:focus, button:focus, select:focus {
  outline-color: none;
  outline-style: none;
  outline-width: 0px;
  outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
}
.slick-slide:focus {
  outline: none;
}
.globaltransitionsDisabled * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
* {
  box-sizing: border-box;
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto';
  font-size: var(--unit_x16);
  color: var(--col_white);
  background-color: var(--col_pd90);
}
body {
  background-color: var(--col_pd90);
  height: 100%;
  letter-spacing: 0.2px;
}
a {
  color: inherit !important;
  text-decoration: inherit;
}
.d-none { display: none !important; }
.v-hidden { visibility: hidden !important; }
.ownLnk {
  color: var(--col_red) !important;
  text-decoration: underline;
  cursor: pointer;
}
sup {
  font-size: 0.7em;
}
.txtJustify {
  text-align: justify;
}
.headerElement .headerLinksBox {
  margin-left: var(--unit_x44);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.headerElement .headerLinksBox .elm {
  font-size: var(--unit_x14);
  font-weight: bold;
}
.headerElement .headerLinksBox .elm:not(:last-child) {
  margin-right: var(--unit_x34);
}
@media only screen and (max-width: 1230px) {
  .headerElement .headerLinksBox {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .headerCallUsNowHotline {
    display: none;
  }
}
.headerCallUsNowHotline {
  font-size: var(--unit_x10);
  cursor: pointer;
}
.headerCallUsNowHotline .yellow {
  color: rgb(243, 169, 59);
}
.bgRadiant {
  position: fixed;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  z-index: 0;
  background: var(--col_pd90);
  background: radial-gradient(circle, var(--col_pd70) 0%, var(--col_pd90) 100%);
}
.pad10 {
  padding: var(--unit_x10) !important;
}
.pad14 {
  padding: var(--unit_x14) !important;
}
.pad18 {
  padding: var(--unit_x18) !important;
}
.noBr {
  white-space: nowrap;
}
.floatL { float: left; }
.floatR { float: right; }
.clearL { clear: left;; }
.clearR { clear: right; }
.clearB { clear: both; }
.padBot0 {
  padding-bottom: 0px !important;
}
.noMargin {
  margin: 0px !important;
}
.coursorZoomIn {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.warmGray {
  color: var(--col_warmGray);
}
.posRel { position: relative; }
.w-100 {
  width: 100%;
}
.mt-8 { margin-top: var(--unit_x8); }
.mTop0 { margin-top: 0px; }
.mTop3 { margin-top: var(--unit_x3); }
.mTop5 { margin-top: var(--unit_x5); }
.mTop10 { margin-top: var(--unit_x10); }
.mTop13 { margin-top: var(--unit_x13); }
.mTop14 { margin-top: var(--unit_x14); }
.mTop15 { margin-top: var(--unit_x15); }
.mTop16 { margin-top: var(--unit_x16); }
.mTop17 { margin-top: var(--unit_x17); }
.mTop18 { margin-top: var(--unit_x18); }
.mTop19 { margin-top: var(--unit_x19); }
.mTop20 { margin-top: var(--unit_x20); }
.mTop22 { margin-top: var(--unit_x22); }
.mTop25 { margin-top: var(--unit_x25); }
.mTop27 { margin-top: var(--unit_x27); }
.mTop50 { margin-top: var(--unit_x50); }
.mTop100 { margin-top: var(--unit_x100); }
.mTop150 { margin-top: var(--unit_x150); }
.mBottom3 { margin-bottom: var(--unit_x3); }
.mBottom5 { margin-bottom: var(--unit_x5); }
.mBottom8 { margin-bottom: var(--unit_x8); }
.mBottom10 { margin-bottom: var(--unit_x10); }
.mBottom15 { margin-bottom: var(--unit_x15); }
.mBottom18 { margin-bottom: var(--unit_x18); }
.mBottom22 { margin-bottom: var(--unit_x22); }
.mBottom25 { margin-bottom: var(--unit_x25); }
.mBottom30 { margin-bottom: var(--unit_x30); }
.mRight5 { margin-right: var(--unit_x5); }
.mRight10 { margin-right: var(--unit_x10); }
.mRight4Per { margin-right: 4%; }
.mLeft10 { margin-left: var(--unit_x10); }
.mLeft15 { margin-left: var(--unit_x15); }
.mLeft20 { margin-left: var(--unit_x20); }
.mLeft23 { margin-left: var(--unit_x23); }
.mLeft25 { margin-left: var(--unit_x25); }
.mY10 { margin-top: var(--unit_x10); margin-bottom: var(--unit_x10); }
.scale08 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.transOrigRight { transform-origin: right; }
.transOrigLeft { transform-origin: left; }

.normIcon > svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
}

.logoSvgOuterBox {
  width: 100%;
  height:100%;
  max-height:60%;
  margin:0px auto;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-end;
}
.logoSvgOuterBox .sizingInner {
  height: 100%;
}
.userSelectionOption {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.userSelectionOption > .img {
  margin-right: var(--unit_x5);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: cover;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  border-radius: 25px;
  overflow: hidden;
}
.userSelectionOption > .img img {
  width: 100%;
  height: 100%;
}
.jquery-datepicker__panel {
  z-index: 80003;
}
.infoIcon {
  width: var(--unit_x16);
  margin-left: var(--unit_x5);
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.infoIcon svg {
  width: 100%;
  height: 100%;
}
.lineThroughDiv {
  position: relative;
}
.lineThroughDiv:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  background: var(--col_white);
  content: "";
  width: 100%;
  display: block;
}
.selectionIndicator {
  width: var(--unit_x16);
  height: var(--unit_x16);
  min-width: var(--unit_x16);
  min-height: var(--unit_x16);
  border-radius: var(--unit_x16);
  border-color: var(--col_white);
  border-width: var(--unit_x2);
  margin-right: var(--unit_x5);
  border-style: solid;
  display: flex;
  border-style: solid;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.selectionIndicator > div {
  width: var(--unit_x16);
  height: var(--unit_x16);
  min-width: var(--unit_x16);
  min-height: var(--unit_x16);
  transform: scale(0.4);
  border-radius: var(--unit_x8);
  background-color: var(--col_red);
  border: none;
  display: none;
}
.typeBox.selected .selectionIndicator > div,
.selectionIndicator.selected > div {
  display: block;
}
#reloadEvalBox { display: none; }
#nav_speedometer {
  display: flex !important;
}
#mainDiv {
  /*height: 100%;*/
  width: 100%;
  height: auto;
  /*padding-top: var(--unit_x56);*/
  margin: 0px auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 0px;
  z-index: 2;
  /*overflow-x: hidden;*/
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#contentDiv {
  max-width: var(--contentMaxWidth);
  margin: 0px auto;
  height: 100%;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1500px) {
  #mainDiv {
    /*padding-left: var(--unit_x75);
    padding-right: var(--unit_x75);*/
  }
}
@media only screen and (max-width: 1140px) {
  #mainDiv {
    /*padding-left: var(--unit_x18);
    padding-right: var(--unit_x18);*/
  }
  #nav_speedometer {
    display: none !important;
  }
}

section.page {
  /*height: 100%;*/
  padding-bottom: 25px;
}

.fz10 { font-size: var(--unit_x10); }
.fz11 { font-size: var(--unit_x11); }
.fz12 { font-size: var(--unit_x12); }
.fz13 { font-size: var(--unit_x13); }
.fz14 { font-size: var(--unit_x14); }
.fz15 { font-size: var(--unit_x15); }
.fz16 { font-size: var(--unit_x16); }
.fz20 { font-size: var(--unit_x20); }
.fz28 { font-size: var(--unit_x28); }
.fz30 { font-size: var(--unit_x30); }
.fz42 { font-size: var(--unit_x42); }
.mt5 { margin-bottom: var(--unit_x5); }
.mb5 { margin-bottom: var(--unit_x5); }
.mb27 { margin-bottom: var(--unit_x27); }
.mb32 { margin-bottom: var(--unit_x32); }
.mb40 { margin-bottom: var(--unit_x40); }
.mb130 { margin-bottom: var(--unit_x130); }
.pl10 { color: var(--col_pl10); }
.red { color: var(--col_pr60); }
.gold { color: var(--col_sg50); }
.warmGray { color: var(--col_warmGray); }
.colPr60 { color: var(--col_pr60); }
.colTg50 { color: var(--col_tg50); }
.lineThrough { text-decoration: line-through; }
.underline { text-decoration: underline; }
.fwNormal { font-weight: normal; }
.fwBold { font-weight: bold; }
.opa0 { opacity: 0; }
.opa05 { opacity: 0.5; }
.rotate180deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 50% 45%;
  -moz-transform-origin: 50% 45%;
  -o-transform-origin: 50% 45%;
  transform-origin: 50% 45%;
}
.threeLinesVert {
  width: var(--unit_x2);
}
.threeLinesVert div:nth-child(1) {
  background-color: var(--col_red);
  height: 33%;
}
.threeLinesVert div:nth-child(2) {
  background-color: var(--col_white);
  height: 33%;
}
.threeLinesVert div:nth-child(3) {
  background-color: var(--col_c1);
  height: 33%;
}
.boxesBox {
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: var(--boxGapps); /* Not working in Safari... */
}

.boxBottomGap {
  margin-bottom: var(--unit_x18);
}

@supports (gap: 10px) with (display: flex) {
  .warning {
    border: 1px red solid !important;
  }
}

.boxesBox .cleanBox {
  padding: 0px;
  /*background-color: var(--col_headerBG_50a);*/
  justify-content: space-between;
}
.boxesBox .cleanBox .top {
  padding: var(--unit_x10);
}
.boxesBox .cleanBox .middle {
  padding: var(--unit_x10);
}
.boxesBox .cleanBox.typeBox > * {
  margin-bottom: var(--unit_x2);
}
.boxesBox .top {
  position: relative;
}
.boxesBox .top .discountLabel {
  position: absolute;
  color: #fff;
  font-size: var(--unit_x10);
  font-weight: bold;
  padding: var(--unit_x3);
  right: var(--unit_x10);
  background-color: var(--col_red);
  border-radius: var(--unit_x12);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.boxesBox .top .headline {
  font-size: var(--unit_x14);
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.boxesBox .top .headline .smallSubHeadline {
  font-size: var(--unit_x12);
  font-weight: normal;
}
.boxesBox .top .firstHeadline {
  text-align: left;
}
.boxesBox .top .subHeadline {
  font-size: var(--unit_x12);
  font-weight: normal;
  color: var(--col_warmGray);
  display: flex;
  justify-content: flex-start;
}
.boxesBox .middle {
  ;
}
.boxesBox .cleanBox .bottom {
  padding-top: 0px;
}
.boxesBox .cleanBox .bottom .left,
.boxesBox .cleanBox .bottom .right {
  padding: var(--unit_x7) var(--unit_x10);
}
.boxesBox .bottom {
  font-size: var(--unit_x10);
  border-top: 1px var(--col_warmGray_50a) solid;
  margin-bottom: 0;
  padding-top: var(--unit_x9);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.boxesBox .bottom .left {
  width: 50%;
  padding-right: var(--unit_x9);
  text-align: left;
}
.boxesBox .bottom .left div:nth-child(2),
.boxesBox .bottom .right div:nth-child(2) {
  font-weight: bold;
}
.boxesBox .bottom .right {
  width: 50%;
  border-left: 1px var(--col_warmGray_50a) solid;
  padding-left: var(--unit_x9);
  text-align: left;
}

.dBlockImp {
  display: block !important;
}
.dInlineBlock {
  display: inline-block;
}
.flColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.flSideBySide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
}
.flSideBySide.disabled {
  opacity: 0.5;
}
.justifyContentSpaceBetween {
  justify-content: space-between;
}
.justifyContentFlexStart {
  justify-content: flex-start
}
.alignItemsCenter {
  align-items: center
}
.flexGrow {
  flex-grow: 1;
}
.bgNone {
  background: none !important;
}
.bgGradient {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: fixed;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(180deg, rgba(16,24,32,0.3) 0%, rgba(112,112,112,0.6) 100%);
  background: -webkit-linear-gradient(180deg, rgba(16,24,32,0.3) 0%, rgba(112,112,112,0.6) 100%);
  background: linear-gradient(180deg, rgba(16,24,32,0.3) 0%, rgba(112,112,112,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#707070",GradientType=1);
}
.confFooterLine {
  position: fixed;
  z-index: 51;
  display: flex;
  text-transform: uppercase;
  font-weight: 500;
  padding-left: var(--unit_x18);
  padding-right: var(--unit_x18);
  padding-top: var(--unit_x12);
  padding-bottom: var(--unit_x25);
}
.confFooterLine .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.confFooterLine .content .btnLine {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  letter-spacing: calc(var(--unit_x1)*1.5);
}
.confFooterLine .content .btnLine .disabled {
  opacity: 0.25;
}
.confFooterLine .content .left, .confFooterLine .content .right {
  width: 30%;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.confFooterLine .content .right {
  justify-content: flex-end;
}
.confFooterLine .content .center{
  font-size: var(--unit_x12);
  text-transform: none;
  text-align: center;
  width: 40%;
}
.confFooterLine .content .left label {
  cursor: pointer;
  opacity: 0.3;
}
.confFooterLine .content .right label {
  cursor: pointer;
}
.confFooterLine .content .left svg, .confFooterLine .content .right svg {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 15px 0px var(--col_white_50a);
  width: auto;
  height: 100%;
}
.confFooterLine .content .left .backIcon, .confFooterLine .content .right .forwardIcon {
  width: var(--unit_x40);
  height: var(--unit_x38);
  display: flex;
}
.confFooterLine .barLine:nth-child(2) {
  height: 10px;
}
.confFooterLine .stepIndicatorBox2 {
  margin-top: var(--unit_x10);
}
.confFooterLine .stepIndicatorBox2 .middleLine {
  grid-column: 1/2;
  grid-row: 1/2;
  height: var(--unit_x12);
}
.confFooterLine .stepIndicatorBox2 .percentLine {
  width: 100%;
  height: var(--unit_x12);
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: var(--unit_x8);
  color: #fff;
}
.headlineBox {
  text-align: center;
  color: var(--col_white);
  padding-top: var(--unit_x35);
  margin-bottom: var(--unit_x16);
}
.headlineBox .headline {
  font-weight: bold;
  font-size: var(--unit_x20);
}
.headlineBox .subHeadline {
  font-size: var(--unit_x12);
}

.googleRatingFooterLine { display: none; }

/* Header Element */
.headerElement {
  background-color: var(--col_pd90);
  box-shadow: 0px 0px 10px var(--col_pd90);
  /*background: none;*/
  /*background: -moz-linear-gradient(top, var(--col_pd90) 0%, var(--col_pd90) 40%, var(--col_pd90_0a) 100%);
  background: -webkit-linear-gradient(top, var(--col_pd90) 0%, var(--col_pd90) 40%, var(--col_pd90_0a) 100%);
  background: linear-gradient(to bottom, var(--col_pd90) 0%, var(--col_pd90) 40%, var(--col_pd90_0a) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--col_pd90), endColorstr=var(--col_pd90),GradientType=0 );*/

  /*background: -moz-radial-gradient(circle, var(--col_pd70) 0%, var(--col_pd90_0a) 100%);
  background: -webkit-radial-gradient(circle, var(--col_pd70) 0%, var(--col_pd90_0a) 100%);
  background: radial-gradient(circle, var(--col_pd70) 0%, var(--col_pd90_0a) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--col_pd90), endColorstr=var(--col_pd90),GradientType=0 );*/

  /*background: var(--col_pd90);
  background: radial-gradient(circle, var(--col_pd70) 0%, var(--col_pd90) 100%);*/
}

.tabsBox .tab-links {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: var(--unit_x2);
  background-color: var(--col_pd80);
  border-top-left-radius: var(--unit_x8);
  border-top-right-radius: var(--unit_x8);

  -webkit-box-shadow: inset 0px 0px var(--unit_x3) 0px rgba(255,255,255,0.2);
  box-shadow: inset 0px 0px var(--unit_x3) 0px rgba(255,255,255,0.2);

}
.tabsBox .tab-links .mobileContent {
  display: none !important;
}
.tabsBox .tab-links .tab-link {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  cursor: pointer;
  color: var(--col_pl0_50);
  border-bottom: var(--unit_x2) var(--col_pd50) solid;
}
.tabsBox .tab-links .tab-link .clicklabels {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: var(--unit_x27) 0px var(--unit_x27) 0px;
  cursor: pointer;
}
.tabsBox .tab-links .tab-link .icon {
  width: var(--unit_x40);
  height: var(--unit_x40);
  fill: var(--col_red);
}
.tabsBox .tab-links .tab-link .label {
  font-size: var(--unit_x12);
  font-weight: bold;
}
.tabsBox .tab-links .tab-link .clicklabels .chevron {
  display: none;
  color: var(--col_white);
  fill: var(--col_white);
}
.tabsBox .tab-links .tab-link.active .chevron svg {
  transform: rotate(180deg);
  transform-origin: 50%;
}
.tabsBox .tab-links .tab-link.active {
  border-bottom: var(--unit_x2) var(--col_pr60) solid;
  border-top-left-radius: var(--unit_x8);
  border-top-right-radius: var(--unit_x8);
}
.tabsBox .tab-links .tab-link.active .label {
  color: var(--col_pr60);
}
.tabsBox .tab-content {
  padding: var(--unit_x32) var(--unit_x35) var(--unit_x35) var(--unit_x35);
  /*background-color: var(--col_black_c1);*/
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: var(--unit_x8);
  border-bottom-right-radius: var(--unit_x8);
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tabsBox .desktopContent .accesoriesListBox {
  display: inline-block;
  width: 100%;
  height: auto;
  break-inside: avoid-column;
}
.tabsBox .tab-content ul {
  padding: 0px 0px 0px var(--unit_x15);
}
.tabsBox .tab-content ul.noListStyle {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  padding: 0px;
  margin-bottom: 0px;
  flex-wrap: wrap;
  flex-grow: 1;
}
.tabsBox .tab-content ul li {
  font-size: var(--unit_x14);
  margin-bottom: var(--unit_x22);
}
.tabsBox .tab-content .obj {
  width: 50%;
  margin-bottom: var(--unit_x24);
}
.tabsBox .tab-content .obj .label {
  font-size: var(--unit_x12);
}
.tabsBox .tab-content .obj .content {
  font-size: var(--unit_x14);
}
.tabsBox .tab-content.active {
  display: flex;
}
.tabsBox .tab-content.accesoriesListBox.active {
  display: block;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}

.sectionTitleLine {
  display: flex;
  align-items: center;
}
.sectionTitleLine div:nth-child(1) {
  background-color: var(--col_warmGray);
  height: 1px;
  width: 100%;
  margin-right: var(--unit_x16);
}
.sectionTitleLine div:nth-child(3)  {
  background-color: var(--col_warmGray);
  height: 1px;
  width: 100%;
  margin-left: var(--unit_x16);
}
.sectionTitleLine div:nth-child(2) {
  font-weight: bold;
  color: var(--col_white);
  font-size: var(--unit_x16);
  text-align: center;
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  .tabsBox .tab-links .tab-link.active {
    border-bottom: none;
  }
  .tabsBox .tab-links .tab-link.active .mobileContent {
    display: block !important;
    padding-top: 0px;
    min-width: 100%;
    box-shadow: none !important;
  }
  .tabsBox .tab-links .tab-link .mobileContent .accesoriesListBox {
    break-inside: avoid-column;
  }
  .tabsBox .tab-links .clicklabels {
    display: flex !important;
    width: 100%;
    align-items: center !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    border-bottom: 1px var(--col_warmGray_25a) solid;
    padding-top: var(--unit_x16) !important;
    padding-bottom: var(--unit_x16) !important;
  }
  .tabsBox .tab-links .tab-link:last-child .clicklabels {
    border-bottom: none;
  }
  .tabsBox .tab-links .tab-link .clicklabels .icon {
    margin-right: var(--unit_x15);
  }
  .tabsBox .tab-links .tab-link .clicklabels .label {
    font-size: var(--unit_x14);
  }
  .tabsBox .tab-links .tab-link .clicklabels .chevron {
    display: block;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
  }
  .tabsBox .desktopContent {
    display: none !important;
  }
  .tabsBox .tab-links {
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .tabsBox .tab-links .tab-link {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0px !important;
    color: var(--col_pl0);
    box-shadow: none !important;
    border-width: var(--unit_x1);
  }
  .tabsBox .tab-link {
    background-color: transparent !important;
  }
  .tabsBox .tab-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: transparent !important;
  }
  .tabsBox .tab-links .tab-link {
    text-align: left;
  }
  .tabsBox .tab-content ul {
    justify-content: flex-start;
  }
  .tabsBox .tab-links .tab-link .shadowHider {
    display: none;
  }
}


/* Main Menu */
#mainMenu {
  display: flex;
  align-items: center;
  opacity: 1;
  display: none;
  opacity: 0.01;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  min-height: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: var(--col_pd90);
  z-index: 999;
  color: var(--col_pl40);
  white-space: nowrap;
  overflow-y: scroll;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-overflow-scrolling: touch;
}
#mainMenu.active {
  display: flex;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#mainMenu .inner {
  width: 90%;
  max-width: 900px;
  display: flex;
  justify-content: flex-start;
  overflow-y: visible;
  position: relative;
  max-width: var(--contentMaxWidth);
}
#mainMenu .leftRow {
  width: 50%;
  font-size: var(--unit_x44);
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: calc(var(--unit_x44)*0.025);
}
#mainMenu .leftRow > div {
  margin-bottom: var(--unit_x20);
  cursor: pointer;
}
#mainMenu .leftRow div.visible > a {
  display: flex;
  align-items: center;
  height: var(--unit_x17);
  overflow: visible;
  display: flex;
  align-items: center;
}
#mainMenu .leftRow > div:hover {
  color: var(--col_pr60);
}
#mainMenu .leftRow > div:last-child {
  margin-bottom: 0px;
}
#mainMenu .leftRow > div.active {
  color: var(--col_pr80);
}
#mainMenu .leftRow > div [data-hoveraction] {
  position: relative;
  left: 0px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#mainMenu .leftRow > div.active [data-hoveraction] {
  left: var(--unit_x22);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#mainMenu .rightRow {
  width: 50%;
  right: 0px;
  overflow: hidden;
  position: absolute;
  padding-left: var(--unit_x76);
}
#mainMenu .rightRow > div {
  position: relative;
  margin-bottom: var(--unit_x24);
  cursor: pointer;
  width: 0px;
  overflow: hidden;
  -webkit-transition: all 1.50s ease-out;
  -moz-transition: all 1.50s ease-out;
  -o-transition: all 1.50s ease-out;
  -ms-transition: all 1.50s ease-out;
  transition: all 1.50s ease-out;
}
#mainMenu .rightRow > div.visible {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 1.50s ease-out;
  -moz-transition: all 1.50s ease-out;
  -o-transition: all 1.50s ease-out;
  -ms-transition: all 1.50s ease-out;
  transition: all 1.50s ease-out;
}
#mainMenu .rightRow > div svg, #mainMenu .locationStr svg {
  width: var(--unit_x30);
  height: var(--unit_x30);
  fill: currentColor;
  display: none;
}
#mainMenu .rightRow > div.visible svg, #mainMenu .locationStr svg {
  display: block;
}
#mainMenu .rightRow > div.visible > a {
  display: flex;
  align-items: center;
  height: var(--unit_x17);
  overflow: visible;
  display: flex;
  align-items: center;
}
#mainMenu .rightRow > div.visible > a > img {
  margin-left: var(--unit_x10);
  height: var(--unit_x14);
}
#mainMenu .rightRow > div.visible > a > img.dacia {
  height: var(--unit_x4);
}
#mainMenu .rightRow > div.visible > a > img.hyundai {
  height: var(--unit_x10);
}
#mainMenu .rightRow > div {
  padding-left: var(--unit_x16);
}
#mainMenu .rightRow > div::before {
  content: '';
  display: block;
  width: 0px;
  height: var(--unit_x1);
  background-color: var(--col_pr80);
  left: 0;
  float: left;
  top: 50%;
  opacity: 0.001;
  position: absolute;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#mainMenu .rightRow > div:hover::before {
  opacity: 1;
  width: var(--unit_x11);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#mainMenu .rightRow > div:last-child {
  margin-bottom: 0px;
}
#mainMenu div[data-submenu] {
  font-size: var(--unit_x18);
  color: var(--col_pl40);
  overflow: hidden;
  display: none;
}
#mainMenu div[data-submenu] > div {
  position: relative;
  margin-top: var(--unit_x14);
  margin-bottom: var(--unit_x14);
  cursor: pointer;
  width: 0px;
  overflow: hidden;
  -webkit-transition: all 0.50s ease-out;
  -moz-transition: all 0.50s ease-out;
  -o-transition: all 0.50s ease-out;
  -ms-transition: all 0.50s ease-out;
  transition: all 0.50s ease-out;
}
#mainMenu div[data-submenu] > div.visible {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.50s ease-out;
  -moz-transition: all 0.50s ease-out;
  -o-transition: all 0.50s ease-out;
  -ms-transition: all 0.50s ease-out;
  transition: all 0.50s ease-out;
}
#mainMenu div[data-submenu].active {
  display: block;
  height: 100%;
}
#mainMenu .active .expandIcon {
  display: none;
}
#mainMenu .active .reduceIcon {
  display: inline-block;
}
#mainMenu .searchField::before {
  width: 10px;
  height: 3px;
  color: #E4002B;
  content: "—";
}
#mainMenu [data-clickaction="mainMenuLeft"] {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#mainMenu [data-clickaction="mainMenuLeft"].active {
  margin-left: 25px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 992px) {
  #mainMenu {
    align-items: flex-start !important;
    padding-top: var(--unit_x73);
  }
  #mainMenu .leftRow {
    width: 100%;
    font-size: var(--unit_x38);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: calc(var(--unit_x44)*0.025);
    text-align: left;
  }
  #mainMenu .rightRow {
  }
  #mainMenu .leftRow > div [data-hoveraction]:after {
    content:'';
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");*/
    background-position: center;
    background-repeat: no-repeat;
    width: var(--unit_x20);
    height: 100%;
    position: absolute;
    right: 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  #mainMenu .leftRow > div [data-hoveraction].active:after {
    transform: rotate(180deg);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  #mainMenu .leftRow > div [data-hoveraction].active {
    margin-left: var(--unit_x20);
  }
  #mainMenu div[data-submenu] {
    margin-left: var(--unit_x20);
  }
}



/* Page CarSearch */
#carSearch_box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}


/* Page DetailSearch */
#detailSearch_box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
#detailSearch_box .card {
  padding: var(--unit_x20);
}
#detailSearch_box .input_rangeSelector {
  width: calc(100% - var(--unit_x14));
  margin: 0px auto;
}
#detailSearch_box .showResultsBtn {
  padding-left: var(--unit_x15);
  padding-right: var(--unit_x15);
}
#detailSearch_box .settingsAndTabsBox {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: var(--unit_x50);
  z-index: 10;

  top: var(--unit_x56);
  position: sticky;
}
#detailSearch_box .settingsAndTabsBox .left {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .settingsAndTabsBox .left > div {
  margin-right: var(--unit_x35);
  cursor: pointer;
}
#detailSearch_box .settingsAndTabsBox .left > div:last-child {
  margin-right: 0;
}
#detailSearch_box .settingsAndTabsBox .right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
#detailSearch_box .settingsAndTabsBox .removeAllFilter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
#detailSearch_box .settingsAndTabsBox .removeAllFilter .icon {
  margin-right: var(--unit_x3);
}
#detailSearch_box .settingsAndTabsBox .removeAllFilter .icon svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
}
#detailSearch_box .settingsAndTabsBox .right > div {
  margin-right: var(--unit_x35);
  cursor: pointer;
}
#detailSearch_box .settingsAndTabsBox .right > div:last-child {
  margin-right: 0;
}
#detailSearch_box .settingsAndTabsBox .left > div.active,
#detailSearch_box .settingsAndTabsBox .right > div.active {
  color: var(--col_pl10);
  text-decoration: underline;
}
#detailSearch_box .tabsOuterBox {
  margin-top: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent {
  /*display: none;*/
}
#detailSearch_box .tabsOuterBox .tabContent .headerLabel {
  margin-bottom: var(--unit_x18);
  font-size: var(--unit_x20);
}
#detailSearch_box .tabsOuterBox .tabContent:not(:first-child) .headerLabel { margin-top: var(--unit_x40); }

#detailSearch_box .tabsOuterBox .tabContent.active {
  display: block;
}
#detailSearch_box .tabsOuterBox .tabContent .headline {
  margin-bottom: var(--unit_x18);
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

#detailSearch_box .tabsOuterBox .tabContent .group {
  margin-top: var(--unit_x35);
}
#detailSearch_box .tabsOuterBox .tabContent .group:first-child {
  margin-top: 0px;
}
/* Cars Block */
#detailSearch_box .tabsOuterBox .tabContent .carsBlock  .subheader {
  margin-bottom: var(--unit_x18);
}

#detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .car {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--unit_x8);
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .car:last-child {
  margin-bottom: 0px;
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm {
  width: 22%;
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm .actions,
#detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm .actions .elm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: flex-start;
  justify-content: space-between;
  cursor: pointer;
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .carsBox .elm .actions .icon {
  width: var(--unit_x18);
  height: var(--unit_x18);
  margin-right: var(--unit_x5);
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .carsBox .elm .actions .icon svg {
  fill: var(--col_sg50);
  width: var(--unit_x18);
  height: var(--unit_x18);
  margin-right: var(--unit_x5);
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .addCar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: bold;
  cursor: pointer;
  margin-top: var(--unit_x25);
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .addCar .counter .nr {
  color: var(--col_pd90);
  width: var(--unit_x15);
  height: var(--unit_x15);
  border-radius: var(--unit_x8);
  margin-right: var(--unit_x8);
  font-size: var(--unit_x12);
  display: flex;
  background-color: var(--col_sg50);
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .addCar .car {
  flex-grow: 1;
  font-size: var(--unit_x12);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: normal;
}
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .addCar .steerings {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .equipment_tab .tabsBox {
    min-height: inherit !important;
  }
  #detailSearch_box .settingsAndTabsBox {
    margin-top: var(--unit_x18);
    top: var(--unit_x58);
    position: sticky;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm .actions .delCar label {
    display: none;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm {
    width: 45%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm:nth-child(4) {
    display: none;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock  .carsBox .elm:last-child {
    width: 5%;
  }
}
@media only screen and (max-width: 968px) {
  #detailSearch_box .settingsAndTabsBox .left {
    width: 100%;
    justify-content: space-between;
    display: none;
  }
  #detailSearch_box .settingsAndTabsBox .right {
    /*display: none;*/
    justify-content: space-between;
    width: 100%;
  }
}
#detailSearch_box .tabsBox .tab-links {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: var(--unit_x5);
}
#detailSearch_box .tabsBox .tab-links .mobileContent {
  display: none !important;
}
#detailSearch_box .tabsBox .tab-links .tab-link {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  cursor: pointer;
}
#detailSearch_box .tabsBox .tab-links .tab-link .clicklabels {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: var(--unit_x10) 0px var(--unit_x15) 0px;
  cursor: pointer;
}
#detailSearch_box .tabsBox .tab-links .tab-link .icon {
  width: var(--unit_x35);
  height: var(--unit_x35);
  fill: var(--col_red);
}
#detailSearch_box .tabsBox .tab-links .tab-link .label {
  font-size: var(--unit_x12);
}
#detailSearch_box .tabsBox .tab-links .tab-link .clicklabels .chevron {
  display: none;
  color: var(--col_white);
  fill: var(--col_white);
}
#detailSearch_box .tabsBox .tab-links .tab-link.active .chevron svg {
  transform: rotate(180deg);
  transform-origin: 50%;
}
#detailSearch_box .tabsBox .tab-links .tab-link.active {
  background-color: var(--col_pd80);
  border-top-left-radius: var(--unit_x8);
  border-top-right-radius: var(--unit_x8);

  -webkit-box-shadow: 0px var(--unit_x3) var(--unit_x9) 0px var(--col_dropShadow_50a);;

  -webkit-box-shadow: 0px var(--unit_x3) var(--unit_x9) 0px var(--col_dropShadow_50a);
  box-shadow: 0px var(--unit_x3) var(--unit_x8) 0px var(--col_dropShadow_50a);
}
#detailSearch_box .tabsBox .tab-links .tab-link .shadowHider {
  width: 100%;
  height: var(--unit_x10);
  position: absolute;
  left: 0px;
  bottom: calc(var(--unit_x10)*-1);
  background-color: var(--col_pd80);
  z-index: 5;
}
#detailSearch_box .tabsBox .tab-content {
  padding: var(--unit_x15) var(--unit_x18) var(--unit_x8) var(--unit_x18);
  /*background-color: var(--col_black_c1);*/
  border-radius: var(--unit_x8);
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
#detailSearch_box .tabsBox .tab-content ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
  list-style-type: none;
  padding-left: 0px;
}
#detailSearch_box .tabsBox .tab-content ul li {
  width: 25%;
  font-size: var(--unit_x14);
  margin-bottom: var(--unit_x16);
}
#detailSearch_box .tabsBox .tab-content .obj {
  width: 50%;
  margin-bottom: var(--unit_x24);
}
#detailSearch_box .tabsBox .tab-content .obj .label {
  font-size: var(--unit_x12);
}
#detailSearch_box .tabsBox .tab-content .obj .content {
  font-size: var(--unit_x14);
}
#detailSearch_box .tabsBox .tab-content.active {
  display: flex;
  position: absolute;
  left: 0px;
  top: var(--unit_x80);
}

@media only screen and (max-width: 1500px) {
  #detailSearch_box .tabsBox .tab-content ul li {
    width: 33%;
  }
}
@media only screen and (max-width: 1000px) {
  #detailSearch_box .tabsBox .tab-content ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsBox .tab-content ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsBox .tab-links .tab-link.active .mobileContent {
    display: flex !important;
    padding-top: 0px;
    min-width: 100%;
    box-shadow: none !important;
  }
  #detailSearch_box .tabsBox .tab-links .clicklabels {
    display: flex !important;
    width: 100%;
    align-items: center !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    /*border-bottom: 1px var(--col_warmGray_25a) solid;*/
    padding: var(--unit_x10) !important;
    margin-bottom: var(--unit_x15) !important;
  }
  #detailSearch_box .tabsBox .tab-links .tab-link .clicklabels .icon {
    margin-right: var(--unit_x2);
    display: flex;
    align-items: center;
  }
  #detailSearch_box .tabsBox .tab-links .tab-link .clicklabels .label {
    font-size: var(--unit_x14);
  }
  #detailSearch_box .tabsBox .tab-links .tab-link .clicklabels .chevron {
    display: block;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
  }
  #detailSearch_box .tabsBox .desktopContent {
    display: none !important;
  }
  #detailSearch_box .tabsBox .tab-links {
    flex-direction: column;
    position: relative;
    border-radius: var(--unit_x8);
  }
  #detailSearch_box .tabsBox .tab-links .tab-link {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0px !important;
    box-shadow: none !important;
  }
  #detailSearch_box .tabsBox .tab-link {
    background-color: transparent !important;
  }
  #detailSearch_box .tabsBox .tab-content {
    padding-top: var(--unit_x10) !important;
    padding-left: var(--unit_x10) !important;
    padding-right: var(--unit_x10) !important;
    background: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }
  #detailSearch_box .tabsBox .tab-links .tab-link {
    text-align: left;
    border: none;
  }
  #detailSearch_box .tabsBox .tab-content {
    position: static !important;
  }
  #detailSearch_box .tabsBox .tab-content ul {
    margin-top: var(--unit_x10) !important;
    justify-content: flex-start;
  }
  #detailSearch_box .tabsBox .tab-links .tab-link .shadowHider {
    display: none;
  }
}
/* Cars Types */
#detailSearch_box .tabsOuterBox .tabContent .carTypes .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .card {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  border: 1px transparent solid;
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .carTypesBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .elm {
  width: 15%;
  margin-right: 2%;
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .elm:nth-child(6n) { /* Every 6th  */
  margin-right: 0;
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .elm:nth-child(n+7) { /* Child 7 - end */
  margin-top: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .card.active {
  border: 1px var(--col_pl10) solid;
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .card .icon {
  margin: 0px auto var(--unit_x5) auto;
  height: var(--unit_x40);
  display: flex;
  align-items: flex-end;
}
#detailSearch_box .tabsOuterBox .tabContent .carTypes .card .icon svg {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 1450px) {
  #detailSearch_box .tabsOuterBox .tabContent .carTypes .elm {
    width: 22%;
    margin-right: 2%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carTypes .elm:nth-child(6n) { /* Every 6th (Reset from above)  */
    margin-right: 2%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carTypes .elm:nth-child(4n) { /* Every 4th  */
    margin-right: 0;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carTypes .elm:nth-child(n+5) { /* Child 5 - end */
    margin-top: var(--unit_x18);
  }
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .carTypes .elm {
    width: 48%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .carTypes .elm:nth-child(n+3) {
    margin-top: var(--unit_x18);
  }
}
/* Seating Places and Doors */
#detailSearch_box .tabsOuterBox .tabContent .seatingPlacesAndDoors .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .seatingPlacesAndDoors .seatingPlacesAndDoorsBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .seatingPlacesAndDoors .seatingPlacesAndDoorsBox .elm {
  width: 22%;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .seatingPlacesAndDoors .seatingPlacesAndDoorsBox .elm {
    width: 48%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .seatingPlacesAndDoors .seatingPlacesAndDoorsBox .elm:nth-child(n+3) {
    width: 48%;
    margin-top: var(--unit_x18);
  }

  #detailSearch_box .tabsOuterBox .tabContent .registrationDate .elm {
    width: 48%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .registrationDate .elm:nth-child(n+3) {
    width: 48%;
    margin-top: var(--unit_x18);
  }

}
/* Condition */
#detailSearch_box .tabsOuterBox .tabContent .availability .subheader,
#detailSearch_box .tabsOuterBox .tabContent .state .subheader,
#detailSearch_box .tabsOuterBox .tabContent .condition .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox,
#detailSearch_box .tabsOuterBox .tabContent .state .stateBox,
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox,
#detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox .chkBoxes,
#detailSearch_box .tabsOuterBox .tabContent .state .stateBox .chkBoxes,
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox .chkBoxes,
#detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox .chkBoxes {
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox .chkBoxes > .input_checkbox,
#detailSearch_box .tabsOuterBox .tabContent .state .stateBox .chkBoxes > .input_checkbox,
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox .chkBoxes > .input_checkbox,
#detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox .chkBoxes > .input_checkbox {
  margin-right: var(--unit_x70);
}
#detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox .chkBoxes > .input_checkbox:last-child,
#detailSearch_box .tabsOuterBox .tabContent .state .stateBox .chkBoxes > .input_checkbox:last-child,
#detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox .chkBoxes > .input_checkbox:last-child,
#detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox .chkBoxes > .input_checkbox:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox .chkBoxes,
  #detailSearch_box .tabsOuterBox .tabContent .state .stateBox .chkBoxes,
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox .chkBoxes,
  #detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox .chkBoxes {
    display: flex;
  }
  #detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox .chkBoxes > .input_checkbox,
  #detailSearch_box .tabsOuterBox .tabContent .state .stateBox .chkBoxes > .input_checkbox,
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox .chkBoxes > .input_checkbox,
  #detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox .chkBoxes > .input_checkbox {
    margin-right: 0px;
    width: 50%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .availability .availabilityBox .chkBoxes > .input_checkbox:nth-child(n+3),
  #detailSearch_box .tabsOuterBox .tabContent .state .stateBox .chkBoxes > .input_checkbox:nth-child(n+3),
  #detailSearch_box .tabsOuterBox .tabContent .carsBlock .carCommercialOrNotTypeBox .chkBoxes > .input_checkbox:nth-child(n+3),
  #detailSearch_box .tabsOuterBox .tabContent .condition .conditionBox .chkBoxes > .input_checkbox:nth-child(n+3) {
    margin-top: var(--unit_x18);
  }
}
/* Mileage */
#detailSearch_box .tabsOuterBox .tabContent .mileage .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .mileage .mileageBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .mileage .mileageBox .elm {
  width: 22%;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .mileage .mileageBox .elm {
    width: 48%;
  }
}
/* RegistrationDate */
#detailSearch_box .tabsOuterBox .tabContent .registrationDate .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .registrationDate .registrationDateBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .registrationDate .registrationDateBox .elm {
  width: 22%;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .registrationDate .registrationDateBox .elm {
    width: 48%;
  }
}
/* PaymentType */
#detailSearch_box .tabsOuterBox .tabContent .paymentType .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeRadiosBox,
#detailSearch_box .tabsOuterBox .tabContent .power .powerTypeRadiosBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeRadiosBox .radios,
#detailSearch_box .tabsOuterBox .tabContent .power .powerTypeRadiosBox .radios {
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeRadiosBox .radios > .input_radio,
#detailSearch_box .tabsOuterBox .tabContent .power .powerTypeRadiosBox .radios > .input_radio {
  margin-right: var(--unit_x70);
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeSelectsBox,
#detailSearch_box .tabsOuterBox .tabContent .power .powerTypeSelectsBox {
  margin-top: var(--unit_x18);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeSelectsBox .radios {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeSelectsBox .elm {
  width: 22%;
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeSelectsBox select option {
  display: none;
}
#detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeSelectsBox select option.active {
  display: block;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .paymentType .paymentTypeSelectsBox .elm {
    width: 48%;
  }
}
/* Color */
#detailSearch_box .tabsOuterBox .tabContent .color .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .color .colorBox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .color .colorBox .elm {
  width: 12.5%;
}
#detailSearch_box .tabsOuterBox .tabContent .color .colorBox .elm:nth-child(n+9) {
  margin-top: var(--unit_x20);
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .color .colorBox .elm {
    width: 25%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .color .colorBox .elm:nth-child(n+5) {
    margin-top: var(--unit_x20);
  }
}

/* FuelTypes */
#detailSearch_box .tabsOuterBox .tabContent .fuelType .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .fuelType .fuelTypeBox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .fuelType .fuelTypeBox .elm {
  width: 22%;
}
#detailSearch_box .tabsOuterBox .tabContent .fuelType .fuelTypeBox .elm:nth-child(n+5) {
  margin-top: var(--unit_x20);
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .fuelType .fuelTypeBox .elm {
    width: 48%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .fuelType .fuelTypeBox .elm:nth-child(n+3) {
    margin-top: var(--unit_x20);
  }
}

/* Power */
#detailSearch_box .tabsOuterBox .tabContent .power .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .power .powerRadiosBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .power .powerRadiosBox .radios {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .power .powerRadiosBox .radios > .input_radio {
  margin-right: var(--unit_x70);
}
#detailSearch_box .tabsOuterBox .tabContent .power .powerSelectBox {
  margin-top: var(--unit_x18);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .power .powerSelectBox .elm {
  width: 22%;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .power .powerSelectBox .elm {
    width: 48%;
  }
}

/* Gearbox */
#detailSearch_box .tabsOuterBox .tabContent .gearbox .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .gearbox .gearboxBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .gearbox .gearboxBox .radios {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .gearbox .gearboxBox .radios > .input_radio {
  margin-right: var(--unit_x70);
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .gearbox .gearboxBox .radios {
    display: flex;
    flex-wrap: wrap;
  }
  #detailSearch_box .tabsOuterBox .tabContent .gearbox .gearboxBox .radios > .input_radio {
    margin-right: 0px;
    width: 48%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .gearbox .gearboxBox .radios > .input_radio:nth-child(n+3) {
    margin-top: var(--unit_x18);
  }
}

#detailSearch_box .footerLine {
  margin-top: var(--unit_x18);
  display: flex;
  justify-content: flex-end;
}

/* Power */
#detailSearch_box .tabsOuterBox .tabContent .details .tab-links {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: var(--unit_x5);
}

/* OfferNumber */
#detailSearch_box .tabsOuterBox .tabContent .offerNumber .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .offerNumber .offerNumberBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#detailSearch_box .tabsOuterBox .tabContent .offerNumber .offerNumberBox .elm {
  width: 22%;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .offerNumber .offerNumberBox .elm {
    width: 48%;
  }
  #detailSearch_box .tabsOuterBox .tabContent .offerNumber .offerNumberBox .elm:nth-child(n+3) {
    width: 48%;
    margin-top: var(--unit_x18);
  }
}

/* Locations */
#detailSearch_box .tabsOuterBox .tabContent .location .subheader {
  margin-bottom: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .location .locationBox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: var(--unit_x18);
}
#detailSearch_box .tabsOuterBox .tabContent .location .locationBox .elm {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  #detailSearch_box .tabsOuterBox .tabContent .location .locationBox .elm {
    width: 47%;
  }
}





/* Page Special */
#carType_box .typeBox {
  cursor: pointer;
}
#carType_box .typeBox .top {
  height: 26.5%;
}
#carType_box .typeBox .middle {
  height: 47%;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
#carType_box .typeBox .middle svg {
  height: 100%;
}
#carType_box .typeBox .bottom {
  height: 26.5%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}
#carType_box .typeBox.hovered svg[data-name="carShapeIcon"] path {
  z-index: 1;

  -webkit-transition: all 2.00s 0s ease-in-out;
  -moz-transition: all 2.00s 0s ease-in-out;
  -ms-transition: all 2.00s 0s ease-in-out;
  -o-transition: all 2.00s 0s ease-in-out;
  transition: all 2.00s 0s ease-in-out;


  animation: carChassyAnimationFrames linear 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: carChassyAnimationFrames linear 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: carChassyAnimationFrames linear 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: carChassyAnimationFrames linear 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: carChassyAnimationFrames linear 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;

}


#fuelType_box .typeBox {
  cursor: pointer;
}
#fuelType_box .typeBox .top {
  height: 26.5%;
}
#fuelType_box .typeBox .middle {
  height: 47%;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
#fuelType_box .typeBox .middle svg {
  height: 100%;
}
#fuelType_box .typeBox .bottom {
  height: 26.5%;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}
#fuelType_box .typeBox .logoSvgOuterBox {
  max-height:80%;
}

#fuelType2_box .typeBox {
  cursor: pointer;
}
#fuelType2_box .typeBox .top {
  height: 26.5%;
}
#fuelType2_box .typeBox .middle {
  height: 47%;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
#fuelType2_box .typeBox .middle svg {
  height: 100%;
}
#fuelType2_box .typeBox .bottom {
  height: 26.5%;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}
#fuelType2_box .typeBox .logoSvgOuterBox {
  max-height:80%;
}



#brand_box .typeBox {
  cursor: pointer;
}
#brand_box .typeBox .top {
  height: 26.5%;
}
#brand_box .typeBox .middle {
  height: 47%;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
#brand_box .typeBox .middle svg {
  width: 100%;
  height: 100%;
}
#brand_box .typeBox .bottom {
  height: 26.5%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}
#brand_box .typeBox svg * {
  fill: var(--col_white) !important;
}

#suggestion_box {
  justify-content: flex-start;
  padding-top: var(--unit_x15);
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
#suggestion_box .headlineBox {
  padding-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#suggestion_box .filterAndEntrys {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
#suggestion_box .headlineBox .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
#suggestion_box .headlineBox:not(:last-child) {
  margin-bottom: var(--unit_x25);
}
#suggestion_box .headlineBox.headlineBox2 .left {
  display: none;
}
#suggestion_box .headlineBox.headlineBox2 .middle {
  flex-direction: row;
  justify-content: flex-start;
}
#suggestion_box .headlineBox.headlineBox2 .middle .selectionChipSm {
  align-items: center;
  font-weight: normal;
  padding: 0px var(--unit_x5);
}
#suggestion_box .headlineBox.headlineBox2 .middle .selectionChipSm svg {
  width: 15px;
  height: 15px;
  margin-left: var(--unit_x1);
  fill: var(--col_white);
}
#suggestion_box .headlineBox.headlineBox2 .right {
  display: block;
}
#suggestion_box .headlineBox .left.mobile {
  display: none;
}
#suggestion_box .headlineBox .left .icon svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
}
#suggestion_box .headlineBox .left .block {
  display: flex;
  align-content: center;
  align-items: center;
  font-weight: normal;
  cursor: pointer;
  margin-right: var(--unit_x25);
  opacity: 0.50;
}
#suggestion_box .headlineBox .left .block.active {
  opacity: 1;
  color: var(--col_pr60);
}
#suggestion_box .headlineBox .middle {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: var(--unit_x19);
  font-weight: bold;
  line-height: calc(var(--unit_x19) * 1.125);
}
#suggestion_box .headlineBox .middle a {
  font-size: var(--unit_x12);
  font-weight: bold;
  line-height: calc(var(--unit_x12) * 1.125);
  color: var(--col_pr60) !important;
  text-decoration: underline;
}
#suggestion_box .headlineBox .right .sortingSelect {
  background: none;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  border: none;
  text-align: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--col_white);
  font-size: var(--unit_x12);
  margin-left: var(--unit_x5);
  padding-right: var(--unit_x16);
  transform: translateX(var(--unit_x16));
}
#suggestion_box .headlineBox .right .sortingSelect option {
  color: #000;
}
#suggestion_box .headlineBox .right {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  white-space: nowrap;
}
#suggestion_box .headlineBox .right .sortingTrigger {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}
#suggestion_box .headlineBox .right .sortingTrigger svg {
  width: var(--unit_x14);
  height: var(--unit_x14);
  fill: var(--col_pr60);
}
#suggestion_box .headlineBox .right .applyMobileFilterBtn {
  display: none;
}
#suggestion_box .headlineBox .right label {
  margin-left: var(--unit_x4);
  cursor: pointer;
}
#suggestion_box .headlineBox .right .icon {
  fill: var(--col_pl10);
}
#suggestion_box .headlineBox .right .icon svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
}
#suggestion_box .headlineBox .right .block {
  display: flex;
  align-content: center;
  align-items: center;
  font-weight: normal;
  cursor: pointer;
}
#suggestion_box .headlineBox .block > .icon {
  margin-right: var(--unit_x5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#suggestion_box .headlineBox .left {
  font-size: var(--unit_x12);
  width: 20%;
  text-align: left;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #suggestion_box .headlineBox .left {
    opacity: 1;
  }
}
#suggestion_box .headlineBox .right {
  font-size: var(--unit_x12);
  cursor: pointer;
  width: 20%;
}
@media only screen and (max-width: 768px) {
  #suggestion_box .orderingBox {

    grid-auto-rows: max-content;

    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #suggestion_box .headlineBox {
    justify-content: center;
    margin-bottom: 0px;

    grid-column: 1/4;
    grid-row: 1/2;
  }
  #suggestion_box .headlineBox:not(:last-child) {
    margin-bottom: 0px;
  }
  #suggestion_box .headlineBox .left {
    display: none;
  }
  #suggestion_box .headlineBox .middle {
    flex-grow: 1;
    align-items: flex-start;
    text-align: left;
  }
  #suggestion_box .headlineBox .middle .subhead {
    font-size: var(--unit_x18);
  }
  #suggestion_box .headlineBox .middle .detailSearchLnk {
    display: none;
  }
  #suggestion_box .headlineBox .right {
    display: none;
    width: auto;
  }
  #suggestion_box .headlineBox .right .sortingTrigger {
    display: none;
  }
  #suggestion_box .headlineBox .right .applyMobileFilterBtn {
    display: none;
    height: var(--unit_x30);
    padding: 0px var(--unit_x5);
  }
  #suggestion_box .headlineBox.headlineBox2 {
    grid-column: 1/3;
    grid-row: 1/3;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
  #suggestion_box .headlineBox.headlineBox2 .left {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    grid-column: 3/4;
    grid-row: 1/2;
  }
  #suggestion_box .headlineBox.headlineBox2 .left .toogleMobileFilter {
    width: auto;
  }
  #suggestion_box .headlineBox.headlineBox2 .middle {
    padding-top: var(--unit_x10);
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    align-items: flex-start;
    grid-column: 1/4;
    grid-row: 2/3;
    height: auto;
    ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  #suggestion_box .headlineBox.headlineBox2 .middle::-webkit-scrollbar {
    display: none;
  }
  #suggestion_box .headlineBox.headlineBox2 .middle .selectionChipSm {
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0px;
  }
  #suggestion_box .headlineBox.headlineBox2 .right {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}


#suggestion_box .headlineBox .toggleFilter * { cursor: pointer;}
#suggestion_box .headlineBox .toggleFilter {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
#suggestion_box .headlineBox .toogleMobileFilter {
  width: var(--unit_x20);
  fill: var(--col_white);
  margin-right: var(--unit_x5);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#suggestion_box .headlineBox .toogleMobileFilter svg {
  min-width: var(--unit_x20);
  width: var(--unit_x20);
  max-width: var(--unit_x20);
  min-height: var(--unit_x20);
  height: var(--unit_x20);
  max-height: var(--unit_x20);
}
#suggestion_box .headlineBox .filterListIcon {
  width: var(--unit_x20);
  fill: var(--col_white);
  margin-right: var(--unit_x5);
}
#suggestion_box .typeBox {
  cursor: pointer;
}
#suggestion_box .typeBox .top {
  height: 26.5%;
}
#suggestion_box .typeBox .middle {
  /*height: 47%;*/
  flex-grow: 1;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
#suggestion_box .typeBox .middle svg {
  height: 80%;
}
#suggestion_box .typeBox .bottom {
  height: 26.5%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}
#suggestion_box .filterArea {
  width: 100%;
  padding: var(--unit_x18) var(--unit_x18) var(--unit_x38) var(--unit_x18);
}
#suggestion_box .filterArea .elm .restCounter {
  color: var(--col_pl50_50a);
}
#suggestion_box .filterArea .area:not(:last-child) {
  margin-bottom: var(--unit_x25);
}
#suggestion_box .filterArea .area .headline {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  cursor: pointer;
  margin-bottom: var(--unit_x8);
}
#suggestion_box .filterArea .area .subheading {
  font-size: var(--unit_x12);
}
#suggestion_box .filterArea .area .headline .subsubhead {
  margin-top: 0px;
}
#suggestion_box .filterArea .area .headline .icons svg {
  width: var(--unit_x22);
  height: var(--unit_x22);
  fill: var(--col_pl10);
  transform: rotate(180deg);
}
#suggestion_box .filterArea .area .content {
  display: none;
}
#suggestion_box .filterArea .area.active .content {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .area .headline .icons svg {
  transform: rotate(0deg);
}
#suggestion_box .filterArea .area.active .headline .icons svg {
  transform: rotate(180deg);
}
#suggestion_box .filterArea .divider {
  width: 100%;
  opacity: 0.5;
  border-bottom: 1px var(--col_pd60) solid;
  margin-top: var(--unit_x14);
  margin-bottom: var(--unit_x14);
}
#suggestion_box .filterAndEntrys form[name="sideFilterForm"] {
  width: 22.91666667%;
  font-size: var(--unit_x12);
  overflow-y: scroll;
  top: var(--unit_x56);
  position: sticky;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#suggestion_box .filterAndEntrys form[name="sideFilterForm"]::-webkit-scrollbar {
  display: none;
}
#suggestion_box .filterAndEntrys form[name="sideFilterForm"] .mobileFilterCloseBtn {
  width: 100%;
  font-weight: bold;
  display: none;
}
#suggestion_box .filterAndEntrys form[name="sideFilterForm"] .detailSearchLnk > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#suggestion_box .filterAndEntrys form[name="sideFilterForm"] .detailSearchLnk .svgBox {
  background-color: var(--col_pr60);
  width: var(--unit_x18);
  height: var(--unit_x18);
  border-radius: var(--unit_x12);
  margin-left: var(--unit_x8);
  display: flex;
  align-items: center;
  justify-content: center;
}
#suggestion_box .filterAndEntrys form[name="sideFilterForm"] .detailSearchLnk .svgBox > svg {
  width: var(--unit_x14);
  height: var(--unit_x14);
  color: var(--col_pl0);
}
@media only screen and (max-width: 768px) {
  #suggestion_box .filterAndEntrys form[name="sideFilterForm"] {
    width: 100%;
    max-width: var(--contentMaxWidth);

    position: fixed;
    left: var(--contentMaxWidthSide);
    top: 0;
    padding-top: var(--unit_x150);
    z-index: 5000;
    overflow-x: hidden;
    overflow-y: scroll;
    display: none;
  }
  #suggestion_box .filterAndEntrys form[name="sideFilterForm"] .mobileFilterCloseBtn {
    display: inline-flex;
  }
}
#suggestion_box .filterArea .block:not(:first-child) {
  margin-top: var(--unit_x16);
}

#suggestion_box .filterArea .carBlock {
  width: 100%;
}
#suggestion_box .filterArea .carBlock .finished,
#suggestion_box .filterArea .carBlock .addCar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: bold;
}
#suggestion_box .filterArea .carBlock .finished:first-child {
  margin-top: var(--unit_x14);
}
#suggestion_box .filterArea .carBlock .addCar {
  cursor: pointer;
  display: none;
}
#suggestion_box .filterArea .carBlock .finished .counter .nr,
#suggestion_box .filterArea .carBlock .addCar .counter .nr {
  color: var(--col_pd90);
  width: var(--unit_x15);
  height: var(--unit_x15);
  border-radius: var(--unit_x8);
  margin-right: var(--unit_x8);
  font-size: var(--unit_x12);
  display: flex;
  background-color: var(--col_sg50);
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
#suggestion_box .filterArea .carBlock .finished .car,
#suggestion_box .filterArea .carBlock .addCar .car {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: bold;
}
#suggestion_box .filterArea .carBlock .addCar .car {
  font-weight: normal;
}
#suggestion_box .filterArea .carBlock .finished .steerings,
#suggestion_box .filterArea .carBlock .addCar .steerings {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: bold;
}
#suggestion_box .filterArea .carBlock .finished .steerings svg {
  width: var(--unit_x16);
  height: var(--unit_x16);
  fill: var(--col_white);
  cursor: pointer;
}
#suggestion_box .filterArea .carTypesCards {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.flex-col { display: flex; flex-direction: column !important; }
.flex-row { display: flex; flex-direction: row !important; }
#suggestion_box .filterArea .carTypesCards .card {
  width: calc(50% - var(--unit_x8));
  margin-bottom: var(--unit_x16);
  cursor: pointer;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px transparent solid;
}
#suggestion_box .filterArea .carTypesCards .card.active {
  border: 1px var(--col_pl10) solid;
}
#suggestion_box .filterArea .carTypesCards .card .icon {
  margin: 0px auto var(--unit_x5) auto;
  height: var(--unit_x30);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-end;
}
#suggestion_box .filterArea .carTypesCards .card .icon svg {
  height: 100%;
  width: auto;
}
#suggestion_box .filterArea .paymentType {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .paymentType .elm {
  margin-bottom: var(--unit_x16);
}
#suggestion_box .filterArea .paymentType .elm:last-child {
  margin-bottom: 0;
}

#suggestion_box .filterArea .price select option {
  display: none;
}
#suggestion_box .filterArea .price select option.active {
  display: block;
}

#suggestion_box .filterArea .price {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}
#suggestion_box .filterArea .price > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#suggestion_box .filterArea .conditions {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .conditions .elm {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .conditions .elm:last-child {
  margin-bottom: 0;
}
#suggestion_box .filterArea .state {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .state .elm {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .state .engaged {
  margin-left: var(--unit_x22)
}
#suggestion_box .filterArea .mileage {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
#suggestion_box .filterArea .mileage > div {
  width: 48%;
}
#suggestion_box .filterArea .power {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
}
#suggestion_box .filterArea .doors {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .doors .input_select {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .power > div {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
#suggestion_box .filterArea .power > div .input_radio {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .color {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .color .elm {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .color .input_checkbox .tickBox {
  border: none;
}
#suggestion_box .filterArea .location {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .location .elm {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .registrationDate {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
#suggestion_box .filterArea .registrationDate > div {
  width: 48%;
}
#suggestion_box .filterArea .gearbox {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .gearbox .elm {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .gearbox .elm:last-child {
  margin-bottom: 0;
}
#suggestion_box .filterArea .fuelType {
  display: flex;
  flex-direction: column;
}
#suggestion_box .filterArea .fuelType .elm {
  margin-bottom: var(--unit_x16)
}
#suggestion_box .filterArea .fuelType .elm:last-child {
  margin-bottom: 0;
}

#suggestion_box .filterArea .rangeSelectorBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#suggestion_box .filterArea .rangeSelectorBox > div:nth-child(1) {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: var(--unit_x9)
}
#suggestion_box .filterArea .rangeSelectorBox > div:nth-child(1) > * {
  width: 48%;
}
#suggestion_box .filterArea .rangeSelectorBox > div:nth-child(2) {
  display: flex;
  justify-content: center;
  width: calc(100% - var(--unit_x14));
  margin-bottom: var(--unit_x9);
}

#suggestion_box .entrysBox {
  /*width: 75%;*/
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
}
#suggestion_box .entrysBox .filterBox {
  width: 0px;
  -webkit-transition: width 200ms ease-in-out;
  -moz-transition: width 200ms ease-in-out;
  -ms-transition: width 200ms ease-in-out;
  -o-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
}
#suggestion_box .entrysBox .filterBox.opened {
  width: 25%;
}
#suggestion_box .noCarsFoundLabel {
  color: var(--col_white);
  margin: 0px auto;
}
#suggestion_box .entrysBox .innerBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}
#suggestion_box .entrysBox .innerBox .chipsBoxOuter {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
}
#suggestion_box .entrysBox .innerBox .chipsBox {
  width: 100%;
  justify-content: flex-start;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  /*margin-bottom: var(--unit_x18);*/
}
#suggestion_box .entrysBox .innerBox .chipsBox .selectionChip {
  margin: 0 var(--unit_x8) var(--unit_x8) 0;
  box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.09);
  border: none;
}
#suggestion_box .entrysBox .innerBox .chipsBox .selectionChip .body {
  box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.09);
  border: none;
}
#suggestion_box .boxesBox .typeBox {
  /*background-color: #ececec;*/
  /*color: #101820;*/
}
#suggestion_box .boxesBox .middle img {
  width: 100%;
  height: auto;
  /*background-color: #ececec;*/
}
#suggestion_box .boxesBox .middle .img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* Chips On Mobile */
@media only screen and (max-width: 414px) {
  #suggestion_box .entrysBox .innerBox .chipsBoxOuter {
    width: 100%;
  }
  #suggestion_box .entrysBox .innerBox .chipsBox {
    overflow-x: auto;
    overflow-y: none;
    white-space: nowrap;

    width: 100%;
    display: block;

    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  #suggestion_box .entrysBox .innerBox .chipsBox::-webkit-scrollbar {
    display: none;
  }
  #suggestion_box .entrysBox .innerBox .chipsBox .chip {
    display: inline-block;
  }
  #suggestion_box .entrysBox .innerBox .chipsBox .chip label:last-child {
    float: right;
    height: var(--unit_x16);
  }
  #suggestion_box .entrysBox .innerBox .chipsBoxOuter .moreChipsBox {
    display: none !important;
  }
}
#suggestion_box .rightCol {
  width: 77.08333332%;
}
#suggestion_box .entrysBox2 {
  width: 75%;
}
#suggestion_box .rightCol .entrysBox2 {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #suggestion_box .entrysBox2 {
    width: 100%;
  }
}

#suggestion_box .rightCol .orderingBox {
  margin-left: 3.603603604%;
  margin-bottom: 2.1vw;
  position: sticky;
  z-index: 5001;
  top: var(--unit_x56);

  -webkit-transition: top 500ms ease-in-out;
  -moz-transition: top 500ms ease-in-out;
  -ms-transition: top 500ms ease-in-out;
  -o-transition: top 500ms ease-in-out;
  transition: top 500ms ease-in-out;
}
@media only screen and (max-width: 768px) {
  #suggestion_box .rightCol .orderingBox {
    margin-left: 0px;
    margin-top: calc(var(--unit_x15) * -1);
  }
}

#suggestion_box .entrysBox2 .boxesBox2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
#suggestion_box .entrysBox2 .carElm {
  width: 29.72972973%;
  margin-left: 3.603603604%;
}
#suggestion_box .entrysBox2 .carElm:not(.carElmList) {
  display: flex;
  flex-direction: column;
}
#suggestion_box .entrysBox2 .carElm .middle {
  flex-grow: 1;
}

#suggestion_box .entrysBox2 .loadMoreCarsBx {
  width: 100%;
  margin-bottom: var(--unit_x35);
}
#suggestion_box .entrysBox2 .loadMoreCarsBx button {
  width: 29.72972973%;
  margin: 0px auto 0px auto;
  position: relative;
  left: 1.801801802%;
}
@media only screen and (max-width: 1830px) {
  #suggestion_box .filterAndEntrys form[name="sideFilterForm"] {
    width: 30%;
  }
  #suggestion_box .entrysBox2 .carElm {
    width: 46.396396396%;
  }
}
@media only screen and (max-width: 1070px) {
  #suggestion_box .entrysBox2 .carElm {
    width: 96.396396396%;
  }
}
@media only screen and (max-width: 768px) {
  #suggestion_box .filterAndEntrys form[name="sideFilterForm"] {
    width: 100%;
  }
  #suggestion_box .rightCol {
    width: 100%;
  }
  #suggestion_box .entrysBox2 .carElm {
    width: 100%;
    margin-left: 0px;
  }
  #suggestion_box .entrysBox2 .loadMoreCarsBx button {
    width: 100%;
    margin: 0px auto 0px auto;
    position: relative;
    left: 0px;
  }
}





#suggestion_box form[name="filterForm"] {
  display: flex;
  width: 100%;
  font-size: var(--unit_x12);
  margin-bottom: var(--unit_x8);
}
#suggestion_box form[name="filterForm"] > div:nth-child(2) {
  flex-grow: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  padding-left: var(--unit_x12);
}
@media only screen and (max-width: 768px) {
  #suggestion_box form[name="filterForm"] > div:nth-child(2) {
    display: none;
  }
}
#suggestion_box form[name="filterForm"] > div:nth-child(2) svg {
  width: var(--unit_x15);
  height: var(--unit_x15);
  fill: var(--col_white);
}
#suggestion_box form[name="filterForm"] > div:nth-child(2) label {
  text-decoration: underline;
}
#suggestion_box form[name="filterForm"] .filterRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--unit_x14);
}
#suggestion_box form[name="filterForm"] .filterRow > div:nth-child(2) {
  margin: 0px 25px;
}
#suggestion_box form[name="filterForm"] .filterRow .input_text {
  width: 100px;
}
#suggestion_box form[name="filterForm"] .priceFilterSliderRow,
#suggestion_box form[name="filterForm"] .mileageFilterSliderRow,
#suggestion_box form[name="filterForm"] .registrationYearFilterSliderRow {
  margin: 0px auto 0px auto;
  margin-top: var(--unit_x15);
}
#suggestion_box form[name="filterForm"] .headerLabel {
  font-size: var(--unit_x10);
  color: var(--col_warmGray);
  margin-bottom: var(--unit_x14);
}
#suggestion_box form[name="filterForm"] .doubleRadios {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  margin-bottom: var(--unit_x14);
}
#suggestion_box form[name="filterForm"] .doubleRadios .input_radio, #suggestion_box form[name="filterForm"] .doubleRadios .input_checkbox {
  margin-right: var(--unit_x14);
}
#suggestion_box form[name="filterForm"] .doubleRadios .input_radio:last-child {
  margin-right: 0;
}
#suggestion_box form[name="filterForm"] .doubleRadios .infoIcon {
  float: right;
}
#suggestion_box form[name="filterForm"] .btnRow {
  margin-top: 0;
  border-top: 1px var(--col_warmGray_50a) solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--unit_x12);
  height: var(--unit_x48);
}
#suggestion_box form[name="filterForm"] .maxH {
  max-height: var(--unit_x160);
  overflow-y: scroll;
  overflow-x: hidden;
}
#suggestion_box form[name="filterForm"] .btnRow > div {
  padding: 0 var(--unit_x25) 0 var(--unit_x25);
  height: 100%;
  border-right: 1px var(--col_warmGray_50a) solid;
  display: flex;
  align-items: center;
}
#suggestion_box form[name="filterForm"] .btnRow > div:last-child {
  border-right: none;
  font-weight: bold;
}
#suggestion_box form[name="filterForm"] .divider {
  border-bottom: 1px var(--col_warmGray_50a) solid;
}
#suggestion_box .entrysBox .boxesBox {
  width: 100%;
  justify-content: flex-start;
}
#suggestion_box form[name="filterForm"] .brandsBox .input_checkbox,
#suggestion_box form[name="filterForm"] .fuelTypesBox .input_checkbox,
#suggestion_box form[name="filterForm"] .typesBox .input_checkbox,
#suggestion_box form[name="filterForm"] .colorBox .input_checkbox {
  margin: var(--unit_x16) 0px;
}
#suggestion_box form[name="filterForm"] .input_checkbox:first-child {
  margin-top: 0;
}
#suggestion_box form[name="filterForm"] .input_checkbox:last-child {
  margin-bottom: 0;
}
#suggestion_box form[name="filterForm"] .chipsBox .body .input_checkbox label {
  font-size: var(--unit_x12);
}
/* Mobile Filter View */
@media only screen and (max-width: 768px) {
  #suggestion_box form[name="filterForm"] {
    display: none;
  }
}



.filterMobile {
  display: none;
  position: fixed;
  left: 0px;
  top: -100%;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: var(--col_black);
  padding: var(--unit_x18);
  overflow-x: hidden;
  overflow-y: scroll;

  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;

  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.filterMobile.active {
  top: 0px;
}
.filterMobile .closeMobileFilter {
  height: var(--unit_x30);
  display: flex;
  justify-content: flex-end;
}
.filterMobile .closeMobileFilter .closeIcon {
  width: var(--unit_x28);
  height: var(--unit_x28);
}
.filterMobile .closeMobileFilter .closeIcon svg {
  fill: var(--col_white);
}
.filterMobile .cats {
  flex-grow: 1;
}
.filterMobile form[name="filterFormMobile"] {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.filterMobile form[name="filterFormMobile"] .cats {
}
.filterMobile form[name="filterFormMobile"] .btnRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--unit_x12);
  height: var(--unit_x48);
  min-height: var(--unit_x84);
  padding-top: var(--unit_x18);
  padding-bottom: var(--unit_x18);
}
.filterMobile form[name="filterFormMobile"] .btnRow > div {
  height: 100%;
  width: 45%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.filterMobile form[name="filterFormMobile"] .btnRow > div:last-child {
  border-right: none;
  font-weight: bold;
}
.filterMobile form[name="filterFormMobile"] .btnRow .button,
.filterMobile form[name="filterFormMobile"] .btnRow .buttonGhost {
  min-width: auto;
}
.filterMobile form[name="filterFormMobile"] .cats .cat {
}
.filterMobile form[name="filterFormMobile"] .cats .cat .catDivider {
  height: 1px;
  background: -moz-linear-gradient(left, var(--col_white_50a) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, var(--col_white_50a) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, var(--col_white_50a) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.filterMobile form[name="filterFormMobile"] .cats .cat .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--unit_x14);
  height: var(--unit_x68);
  padding-top: var(--unit_x18);
  padding-bottom: var(--unit_x18);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .head .expandIcon {
  width: var(--unit_x24);
  height: var(--unit_x24);
  fill: var(--col_white);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .head .expandIcon svg {
  width: var(--unit_x24);
  height: var(--unit_x24);
  fill: var(--col_white);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body {
  display: none;
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body.active {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .filterRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--unit_x14);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .filterRow div:first-child,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .filterRow div:last-child {
  width: 40%;
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .priceFilterSliderRow,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .mileageFilterSliderRow,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .registrationYearFilterSliderRow {
  width: 80%;
  margin: 0px auto 0px auto;
  margin-top: var(--unit_x25);
  margin-bottom: var(--unit_x30);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .doubleRadios {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  margin-top: var(--unit_x14);
  margin-bottom: var(--unit_x14);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .doubleRadios .input_radio, .filterMobile form[name="filterFormMobile"] .cats .cat .body .doubleRadios .input_checkbox {
  margin-right: var(--unit_x14);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .doubleRadios .input_radio:last-child {
  margin-right: 0;
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .doubleRadios .infoIcon {
  float: right;
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .brandsBox .input_checkbox,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .fuelTypesBox .input_checkbox,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .typesBox .input_checkbox,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .colorBox .input_checkbox {
  margin: var(--unit_x16) 0px;
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .input_rangeSelector {
  height: var(--unit_x25);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .input_rangeSelector .dot1,
.filterMobile form[name="filterFormMobile"] .cats .cat .body .input_rangeSelector .dot2 {
  width: var(--unit_x25);
  height: var(--unit_x25);
  border-radius: var(--unit_x25);
}
.filterMobile form[name="filterFormMobile"] .cats .cat .body .input_rangeSelector .middleLine {

}



#source_box .typeBox {
  cursor: pointer;
}
#customerGroup_box .typeBox {
  cursor: pointer;
}

#customerGroup_box .typeBox .top {
  height: 26.5%;
}
#customerGroup_box .typeBox .middle {
  height: 47%;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
#customerGroup_box .typeBox .middle svg {
  height: 100%;
}
#customerGroup_box .typeBox .bottom {
  height: 26.5%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}



#engine_box .boxesBox {
  display: flex;
  justify-content: flex-start;
}
#engine_box .typeBox .headline .firstHeadline {
  text-transform: uppercase;
  width: 85%;
}
#engine_box .typeBox .headline .subHeadline {
  text-align: left;
  width: 85%;
}
#engine_box .typeBox {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
#engine_box .typeBox .right {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
#engine_box .typeBox .left > div, #engine_box .typeBox .right > div {
  width: 100%;
}
#engine_box .typeBox .right .middle {
  flex-grow: 1;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
#engine_box .typeBox .right .middle2 {
  flex-grow: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--unit_x12);
  padding-bottom: var(--unit_x2);
  font-weight: normal;
  padding-left: var(--unit_x14);
}
#engine_box .typeBox .right .middle .line {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  font-size: var(--unit_x10);
}
#engine_box .typeBox .right .bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  align-content: center;
  font-weight: bold;
}
#engine_box .typeBox .right .bottom .left {
  padding: var(--unit_x14);
}
#engine_box .typeBox .right .bottom .right {
  width: auto;
  padding: var(--unit_x14);
}
#engine_box .typeBox .right .bottom .label {
  font-size: var(--unit_x10);
  font-weight: normal;
  color: var(--col_warmGray);
}
#engine_box .typeBox .middle .line .obj {
  width: 33%;
  padding: 10px 10px 10px 0px;
  text-align: left;
}
@media only screen and (max-width: 1300px) {
  #engine_box .typeBox .middle .line .obj {
    width: 33.2%;
  }
}
#engine_box .typeBox .middle .bgImage {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#engine_box .typeBox .middle .line .obj .label {
  color: var(--col_warmGray);
  font-size: var(--unit_x10);
  margin-bottom: var(--unit_x5);
}
#engine_box .typeBox .middle .line .obj .content {
  font-size: var(--unit_x14);
  font-weight: bold;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
#engine_box .typeBox .middle .line .obj .content .icon {
  width: var(--unit_x16);
  height: var(--unit_x16);
  margin-right: var(--unit_x5);
  color: var(--col_warmGray);
}
#engine_box .typeBox .middle .line .obj .content .icon svg {
  width: var(--unit_x16);
  height: var(--unit_x16);
  fill: var(--col_warmGray);
}

#variant_box .typeBox {
  cursor: pointer;
  justify-content: space-between;
}
#variant_box .typeBox .obj {
  font-size: var(--unit_x14);
  font-weight: 200;
  line-height: var(--unit_x24);
}
#variant_box .typeBox .middle {
  overflow-y: scroll;
  height: 100%;
  padding-top: 0px;
}
#variant_box .typeBox .middle .line {
  text-align: left;
  font-size: var(--unit_x12);
  line-height: calc(var(--unit_x12)*1.5);
  font-weight: normal;
  color: var(--col_warmGray);
}
#variant_box .typeBox .middle .line ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style-type: none;
  width: 100%;
  padding-left: 0px;
  margin: 0px;
}
#variant_box .typeBox .middle .line ul li {
  width: 100%;
}
#variant_box .typeBox .middle .line ul li.andMore {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
#variant_box .typeBox .middle .line ul > li:nth-child(2n) {
  /*padding-left: var(--unit_x5);*/
}

#configure_box {
}
#configure_box .typeBox {
  cursor: pointer;
}
#configure_box .boxesBox {
  align-items: stretch;
}
#configure_box .boxesBox .bottom .left {
  width: 100%;
}

.selectExtraAccessoiresLabel {
  width: 100%;
  text-align: center;
  color: var(--col_white);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
  margin-top: var(--unit_x25);
}
.selectExtraAccessoiresLabel .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.selectExtraAccessoiresLabel .icon svg {
  width: var(--unit_x16);
  height: var(--unit_x16);
  fill: var(--col_white);
}
/*
#selectExtraAccessoiresBox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  padding-top: var(--unit_x56);
  background-color: var(--col_headerBG);
  display: none;
}
*/
#selectExtraAccessoiresBox {
  display: none;
}
#selectExtraAccessoiresBox .content {
  max-width: var(--contentMaxWidth);
  display: flex;
  position: relative;
  z-index: 10;
  height: 100%;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#selectExtraAccessoiresBox .content .boxesBox {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0px !important;
}
#selectExtraAccessoiresBox .headline {
  color: var(--col_white);
  margin: 0 auto var(--unit_x8) auto;
  width: 90%;
  max-width: 768px;
  font-size: var(--unit_x20);
}
#selectExtraAccessoiresBox .obj.input_checkbox div:nth-child(2) {
  flex-grow: 1;
  display: flex;
}
#selectExtraAccessoiresBox .obj {
  color: var(--col_white);
  margin: 0 auto var(--unit_x8) auto;
  width: 100%;
  max-width: 768px;
  font-size: var(--unit_x12);
}
#selectExtraAccessoiresBox .obj label {
  font-size: var(--unit_x16);
}
#selectExtraAccessoiresBox .obj label.subLabel {
  font-size: var(--unit_x10);
}

#selectExtraAccessoiresBox .accessoireCat {
  display: flex;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  cursor: pointer;
}
#selectExtraAccessoiresBox .accessoireCat .title {
  font-weight: bold;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#selectExtraAccessoiresBox .accessoireCat .dataElms {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: var(--unit_x12);
  line-height: var(--unit_x18);
  margin-bottom: 0;
  margin-top: 0;
  height: 0px;
  overflow: hidden;
}
#selectExtraAccessoiresBox .accessoireCat .dataElms .obj .content {
  margin-bottom: var(--unit_x18);
}
#selectExtraAccessoiresBox .accessoireCat .dataElms .dataElmsBlock {
}

/* Expose Box */
#exposee_box {
  display: flex;
  justify-content: center;
  align-items: center;
}
#exposee_box .outer {
  width:100%;
  height:100%;
  z-index:50000;
  position:fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}
#exposee_box .outer > div {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#exposee_box .outer > div .lds-ring {
  margin-top: var(--unit_x8);
}

/* Final View Box */
#finalView_box {
  padding-bottom: 0px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
#finalView_box .left {
  flex-grow: 1;
  /*width: calc(66% - var(--unit_x50));*/
  width: calc(69.16666667% - var(--unit_x48));
  margin-right: var(--unit_x48);
}
#finalView_box .left .headLineCard {
  margin-top: var(--unit_x35);
  padding: var(--unit_x13);
  height: var(--unit_x64);
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#finalView_box .left .headLineCard .icons.start {
  padding-right: var(--unit_x18);
}
#finalView_box .left .headLineCard .icons > div {
  font-size: var(--unit_x12);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#finalView_box .left .headLineCard .icons > div * {
  cursor: pointer;
}
#finalView_box .left .headLineCard .icons > div a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#finalView_box .left .headLineCard .icons .circle {
  width: var(--unit_x18);
  height: var(--unit_x18);
  border-radius: var(--unit_x18);
  background-color: var(--col_pr60);
  margin-right: var(--unit_x5);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
#finalView_box .left .headLineCard .icons > div svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
  margin-right: var(--unit_x5);
  color: var(--col_pr60);
}
#finalView_box .left .headLineCard .icons .circle svg {
  width: 75%;
  height: 75%;
  margin: 0px;
  fill: var(--col_white);
}
#finalView_box .left .headLineCard .icons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#finalView_box .left .headLineCard .icons > div:not(:last-child) {
  margin-right: var(--unit_x35);
}
#finalView_box .left .headLineCard .middle {
  flex-grow: 1;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: auto 1fr;
}
#finalView_box .left .headLineCard .middle .carName {
  font-size: var(--unit_x20);
}
#finalView_box .left .headLineCard .middle .carBuildingLine {
  grid-column: 1/3;
}
#finalView_box .left .headLineCard .middle .carBuildingLine {
  font-size: var(--unit_x12);
}
@media only screen and (max-width: 968px) {
  #finalView_box .left .headLineCard {
    margin-left: calc(var(--contentMaxWidthSide)*-1);
    width: calc(100% + (var(--contentMaxWidthSide)*2));
    border-radius: 0px;
    margin-top: 0px;
    position: sticky;
    top: var(--unit_x56);
    z-index: 1001;
  }
  #finalView_box .left .headLineCard .icons.start {
    display: none;
  }
  #finalView_box .left .headLineCard .middle {
    padding-left: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }
  #finalView_box .left .headLineCard .middle .chips {
    grid-row: 3/4;
    margin-left: 0px;
  }
  #finalView_box .left .headLineCard .middle .chips .selectionChipSm:first-child {
    margin-left: 0px;
  }
  #finalView_box .left .headLineCard .middle .carBuildingLine {
    grid-column: 1/2;
  }
  #finalView_box .left .headLineCard .icons.end {
    max-width: 30%;
  }
  #finalView_box .left .headLineCard .icons.end label {
    display: none;
  }
  #finalView_box .left .headLineCard .icons > div:not(:last-child) {
    margin-right: var(--unit_x5);
  }
}
#finalView_box .left .carImagesSliderBox {
  display: flex;
  align-items: center;
}
#finalView_box .left .carImagesSlider {
  position: relative;
  width: 100%;
  margin-top: var(--unit_x18);
  margin-bottom: var(--unit_x20);
  height: calc(100% - var(--unit_x36));
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
}
#finalView_box .left .carImagesSlider .left {
  width: 15%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-right: 1.3%;
  position: relative;
  border-top-left-radius: var(--unit_x9);
  border-bottom-left-radius: var(--unit_x9);
}
#finalView_box .left .carImagesSlider .left .thumbImage {
  width: 100%;
  cursor: pointer;
}
#finalView_box .left .carImagesSlider .left .thumbImage.active {
  opacity: 0.70;
}
#finalView_box .left .carImagesSlider .left .thumbImage.active::after {
  content: ' ';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 5px;
  height: 5px;
  z-index: 50;
  color: red;
  background-color: red;
}
#finalView_box .left .carImagesSlider .right {
  width: 83.7%;
  border-top-right-radius: var(--unit_x9);
  border-bottom-right-radius: var(--unit_x9);
  overflow: hidden;
}
#finalView_box .left .carImagesSlider .right .mainImg {
  display: none;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}
#finalView_box .left .carImagesSlider .right .mainImg.active {
  display: block;
}
#finalView_box .left .imagesBox .steerings,
#finalView_box .left .carImagesSlider .right .steerings {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: calc(var(--unit_x18)*-1);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#finalView_box .left .imagesBox .steerings {
  position: relative;
  z-index: 0;
  bottom: var(--unit_x50);
}
#finalView_box .left .imagesBox .steerings > div,
#finalView_box .left .carImagesSlider .right .steerings > div {
  width: var(--unit_x35);
  height: var(--unit_x35);
  border-radius: var(--unit_x35);
  background-color: var(--col_pr60);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#finalView_box .left .imagesBox .steerings > div:first-child,
#finalView_box .left .carImagesSlider .right .steerings > div:first-child {
  margin-right: var(--unit_x8);
}
#finalView_box .left .imagesBox .steerings > div svg,
#finalView_box .left .carImagesSlider .right .steerings > div svg {
  width: var(--unit_x20);
  height: var(--unit_x20);
  fill: var(--col_white);
}
@media only screen and (max-width: 968px) {
  #finalView_box .left .carImagesSliderBox {
    width: calc(100% + (var(--contentMaxWidthSide)*2));
    margin-left: calc(var(--contentMaxWidthSide) * -1);
  }
  #finalView_box .left .carImagesSlider {
    margin-top: 0px;
    height: 100%;
  }
  #finalView_box .left .carImagesSlider .left {
    display: none;
  }
  #finalView_box .left .carImagesSlider .right {
    width: 100%;
  }
  #finalView_box .left .carImagesSlider .right .mainImg {
    background-size: contain;
  }
  #finalView_box .left .imagesBox .steerings,
  #finalView_box .left .carImagesSlider .steerings {
    position: absolute;
    left: 0px;
    top: 0px;
    justify-content: space-between !important;
  }
  #finalView_box .left .imagesBox .steerings .steeringLast,
  #finalView_box .left .imagesBox .steerings .steeringNext,
  #finalView_box .left .carImagesSlider .steerings .steeringLast,
  #finalView_box .left .carImagesSlider .steerings .steeringNext {
    height: 100% !important;
    border-radius: 0px !important;
  }
  #finalView_box .left .imagesBox .steerings .steeringLast,
  #finalView_box .left .carImagesSlider .steerings .steeringLast {
    background: linear-gradient(90deg, var(--col_pd80) -30%, var(--col_pd80_0a) 100%) !important;
  }
  #finalView_box .left .imagesBox .steerings .steeringNext,
  #finalView_box .left .carImagesSlider .steerings .steeringNext {
    background: linear-gradient(90deg, var(--col_pd80_0a) 0%, var(--col_pd80) 130%) !important;
  }

  #finalView_box .left .imagesBox .steerings {
    position: fixed;
    top: var(--unit_x155);
    bottom: var(--unit_x230);
  }

}

#finalView_box .left .imagesBox {
  width: 100%;
  margin-top: var(--unit_x18);
  height: calc(100% - var(--unit_x36));
  min-height: 450px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;

  position: sticky;
}
#finalView_box .left .imagesBox .mainImg {
  opacity: 0;
}
#finalView_box .left .bigImgBox {
  height: 80%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#finalView_box .left .bigImgBox .leftArr {
  width: 15%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#finalView_box .left .bigImgBox .rightArr {
  width: 15%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
#finalView_box .left .bigImgBox .steeringIcon  {
  width: var(--unit_x35);
  height: var(--unit_x35);
  fill: var(--col_white);
  cursor: pointer;
}
#finalView_box .left .bigImgBox .steeringIcon svg  {
  color: var(--col_white);
  fill: var(--col_white);
}
#finalView_box .left .bigImgBox .mainImg {
  flex-grow: 1;
  height: 100%;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
#finalView_box .left .bgImage {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#finalView_box .left .bgImage.active {
  opacity: 1;
  z-index: 1;
}
#finalView_box .left .image {
  text-align: center;
  position: relative;
  margin-top: var(--unit_x18);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#finalView_box .left .image img {
  width: 85%;
  /*max-width: 500px;*/
  height: auto;
  top: 0px;
  left: 0px;
}
#finalView_box .left .thumbsBox {
  height: 20%;
  position: relative;
  margin-top: var(--unit_x18);
  padding-bottom: var(--unit_x18);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}
#finalView_box .left .thumbsBox .thumbImage {
  min-width: var(--unit_x100);
  max-width: var(--unit_x100);
  min-height: var(--unit_x80);
  height: var(--unit_x80);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#finalView_box .left .thumbsBox .thumbImage:not(:last-child) {
  margin-right: var(--unit_x15);
}
#finalView_box .left .thumbsBox .thumbImage.active {
  border-bottom: 2px var(--col_pr60) solid;
}
#finalView_box .left .carExtraDataDesktop {
  position: relative;
  z-index: 0;
  margin-top: var(--unit_x50);
}
#finalView_box .left .carExtraDataDesktop .rightsLine {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
#finalView_box .left .carExtraDataDesktop .rightsLine svg {
  width: var(--unit_x33);
  height: var(--unit_x33);
  margin-right: var(--unit_x8);
  fill: var(--col_pl0);
  color: var(--col_pl0);
  opacity: 0.5;
}
#finalView_box .carExtraDataMobile .rightsLine svg {
  display: none;
}
.bottomRightsLineMobile {
  display: none;
  position: relative;
  z-index: 2;

  margin-top: var(--unit_x18);
  font-size: var(--unit_x14);
}
@media only screen and (max-width: 968px) {
  .bottomRightsLineMobile {
    display: block;
  }
  #finalView_box .left .imagesBox {
  min-height: auto;
  }
  #finalView_box .left .bigImgBox {
    position: relative;
    ;
  }
  #finalView_box .left .image {
    margin-top: 0px;
  }
  #finalView_box .left .bigImgBox .leftArr {
    position: absolute;
    z-index: 100;
    left: 0px;
    background: transparent;
    background: linear-gradient(90deg, var(--col_pd90) 0%, var(--col_pd90_0a) 100%);
  }
  #finalView_box .left .bigImgBox .rightArr {
    position: absolute;
    z-index: 100;
    right: 0px;
    background: transparent;
    background: linear-gradient(90deg, var(--col_pd90_0a) 0%, var(--col_pd90) 100%);
  }
  #finalView_box .left .bigImgBox {
    height: 100%;
  }
  #finalView_box .left .thumbsBox {
    display: none;
  }
  #finalView_box .left .carExtraDataDesktop {
    margin-top: 0px;
  }
}
#finalView_box .left .extraOfferCards {
  position: relative;
  z-index: 1;
  margin-top: var(--unit_x35);
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
#finalView_box .left .extraOfferCards > .elm {
  width: auto;
  margin-right: var(--unit_x48);
  padding: var(--unit_x18) var(--unit_x18) var(--unit_x18) var(--unit_x12);
  font-size: var(--unit_x14);
  line-height: 1.35em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-end;
  align-items: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
#finalView_box .left .extraOfferCards > .elm:last-child {
  margin-right: 0px;
}
#finalView_box .left .extraOfferCards > .elm .left {
  margin-right: var(--unit_x5);
  width: auto;
}
#finalView_box .left .extraOfferCards > .elm .left svg {
  width: var(--unit_x17);
  height: var(--unit_x17);
  fill: var(--col_pr60);
}
#finalView_box .left .extraOfferCards > .elm .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
#finalView_box .left .extraOfferCards > .elm .right .headline {
  font-weight: bold;
}
#finalView_box .left .extraOfferCards > .elm .right .descTxt {
  flex-grow: 1;
}
#finalView_box .left .extraOfferCards > .elm .right .actionLnk {
  color: var(--col_pl0);
  margin-top: var(--unit_x9);
  text-decoration: underline;
}
#finalView_box .left .extraOfferCards > .elm .right .actionLnk > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#finalView_box .left .extraOfferCards > .elm .right .actionLnk .svgBox {
  background-color: var(--col_pr60);
  width: var(--unit_x18);
  height: var(--unit_x18);
  border-radius: var(--unit_x12);
  margin-left: var(--unit_x4);
  display: flex;
  align-items: center;
  justify-content: center;
}
#finalView_box .left .extraOfferCards > .elm .right .actionLnk .svgBox > svg {
  width: var(--unit_x14);
  height: var(--unit_x14);
  color: var(--col_pl0);
}
@media only screen and (max-width: 968px) {
  #finalView_box .left .extraOfferCards {
    display: none;
  }
}
#finalView_box .left .colorRings {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#finalView_box .left .colorRings .colorName {
  font-size: var(--unit_x10);
  color: var(--col_white_c1_80a);
  position: absolute;
  opacity: 0;
}
#finalView_box .left .colorRings .rings {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: var(--unit_x25);
}
#finalView_box .left .colorRings .rings .block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: var(--unit_x40);
  margin-bottom: var(--unit_x35);
}
#finalView_box .left .colorRings .rings .block:last-child {
  margin-right: 0px;
}
#finalView_box .left .colorRings .rings .block .ringBox {
  display: flex;
  flex-direction: row;
}
#finalView_box .left .colorRings .rings .block .ringBox .ring {
  width: var(--unit_x22);
  height: var(--unit_x22);
  margin-right: var(--unit_x12);
  cursor: pointer;
  position: relative;
}
#finalView_box .left .colorRings .rings .block .ringBox .ring.active:after {
  border: var(--unit_x2) var(--col_warmGray) solid;
  content: '';
  left: calc(-15% - var(--unit_x1));
  top: calc(-15% - var(--unit_x1));
  width: 120%;
  height: 120%;
  border-radius: 100%;
  position: absolute;
}
#finalView_box .left .colorRings .rings .block .ringBox .ring:last-child {
  margin-right: 0px;
}
#finalView_box .left .colorRings .rings .block .priceBox {
  padding-top: var(--unit_x10);
  font-size: var(--unit_x10);
  color: var(--col_white_c1_80a);
}
#finalView_box .left .colorRings .ring:last-child {
  margin-right: 0;
}
#finalView_box > .right {
  width: 30.83333333%;
  position: sticky;
  z-index: 1000;
  top: var(--unit_x56);
  margin-top: var(--unit_x35);
}
#finalView_box .right .dataBox {
  margin-top: 0px;
  width: 100%;
  height: calc(100% - var(--unit_x36));
}

#finalView_box .right .dataBox {
  padding: var(--unit_x18);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
}
#finalView_box .right .dataBox .longDeviderLine {
  width: calc(100% + var(--unit_x36));
  height: 1px;
  margin-left: calc(var(--unit_x18) * -1);
  background-color: var(--col_pd50);
}
#finalView_box .right .dataBox .top .titleLine {
  font-size: var(--unit_x12);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
#finalView_box .right .dataBox .top .titleLine .icons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
#finalView_box .right .dataBox .top .titleLine .icons > div:not(:last-child) {
  margin-right: var(--unit_x5)
}
#finalView_box .right .dataBox .top .titleLine .icons svg {
  width: var(--unit_x20);
  height: var(--unit_x20);
  fill: var(--col_pr60);
}
#finalView_box .right .dataBox .top .carNameLine {
  /*margin-top: var(--unit_x10);*/
  font-size: var(--unit_x20);
}
#finalView_box .right .dataBox .top .seriesNameLine {
  margin-top: var(--unit_x3);
  font-size: var(--unit_x10);
}
#finalView_box .right .dataBox .top .chipsLine {
  font-size: var(--unit_x12);
  margin-top: var(--unit_x5);
}
#finalView_box .right .dataBox .middle {
  flex-grow: 1;
  margin-top: 0px;
  margin-left: calc(-1 * var(--unit_x18));
  width: calc(100% + var(--unit_x36));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}
#finalView_box .right .dataBox .middle .tabLine {
  width: calc(100%);
  margin-left: 0;
  font-size: var(--unit_x12);
  font-weight: normal;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
#finalView_box .right .dataBox .middle .tabLine > div {
  padding-bottom: var(--unit_x15);
  cursor: pointer;
  position: relative;
}
#finalView_box .right .dataBox .middle .tabLine > div .borderLine {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  border-bottom: 2px silver solid;
}
#finalView_box .right .dataBox .middle .tabLine div.active { color: var(--col_pr60); }
#finalView_box .right .dataBox .middle .tabLine > div.active .borderLine { border-color: var(--col_pr60); }
#finalView_box .right .dataBox .middle .tabLine > div {
  width: 50%;
  height: var(--unit_x47);
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
#finalView_box .right .dataBox .middle .tabLine > div > .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
#finalView_box .right .dataBox .middle .tabLine > div > .iconActive {
  display: none;
}
#finalView_box .right .dataBox .middle .tabLine > div.active > .iconActive {
  display: flex;
}
#finalView_box .right .dataBox .middle .tabLine > div.active > .icon {
  display: none;
}
#finalView_box .right .dataBox .middle .tabLine > div svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
  color: var(--col_pr60);
  fill: var(--col_pr60);
  margin-right: var(--unit_x4);
}
#finalView_box .right .dataBox .middle .settingsLine {
  position: relative;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  overflow: scroll;
  padding-top: 0px;
  padding-left: var(--unit_x18);
  padding-right: var(--unit_x18);
  overflow-x: hidden;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#finalView_box .right .dataBox .middle .settingsLine::-webkit-scrollbar {
  display: none;
}
#finalView_box .right .dataBox .middle .settingsLine .loading {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 50000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--col_pd80_75a);
  justify-content: center;
  align-items: center;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
}
#finalView_box .right .dataBox .middle .settingsLine .loading.active {
  opacity: 0;
  display: flex;
  animation: aniOpaTo100 0.25s ease-in 1s forwards;
  -webkit-animation: aniOpaTo100 0.25s ease-in 1s forwards;
  -moz-animation: aniOpaTo100 0.25s ease-in 1s forwards;
  -o-animation: aniOpaTo100 0.25s ease-in 1s forwards;
  -ms-animation: aniOpaTo100 0.25s ease-in 1s forwards;
}
@media only screen and (max-width: 968px) {
  #finalView_box > .right {
    margin-top: 0px;
  }
  #finalView_box .right .dataBox .middle .settingsLine .loading {
    position: fixed;
  }
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes {
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  height: 100%;
  padding-top: 0px;
  padding-bottom: var(--unit_x18);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes > div[data-tabname] {
  height: 100%;
  padding-top: var(--unit_x36);
  padding-bottom: 3px;
  overflow: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes > div[data-tabname]::-webkit-scrollbar {
  display: none;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes > div[data-tabname]:not(:last-child) {
  margin-right: var(--unit_x18);
}
#finalView_box .right .dataBox .middle .settingsLine [data-tabname] {
  min-width: 100%;
}
#finalView_box .right .dataBox .bottom {
  margin-top: 0px;
}
#finalView_box .right .dataBox .bottom .chips {
  margin-top: var(--unit_x10);
  margin-bottom: var(--unit_x4);
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
#finalView_box .right .dataBox .bottom .chips .selectionChipSm {
  margin-bottom: var(--unit_x9);
  margin-right: var(--unit_x9);
}
#finalView_box .right .dataBox .bottom .chips .selectionChipSm:last-child {
  margin-right: 0px;
}
#finalView_box .right .dataBox .bottom .priceLabelLine0,
#finalView_box .right .dataBox .bottom .priceLabelLine,
#finalView_box .right .dataBox .bottom .priceLine {
  font-size: var(--unit_x12);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#finalView_box .right .dataBox .bottom .priceLabelLine0 {
  font-weight: normal;
}
#finalView_box .right .dataBox .bottom .priceLabelLine {
  margin-top: var(--unit_x13);
}
#finalView_box .right .dataBox .bottom .priceLine {
  font-size: var(--unit_x28);
}
#finalView_box .right .dataBox .bottom .priceLine .price {
  margin: var(--unit_x5) 0px;
}
#finalView_box .right .dataBox .bottom .priceLine .bruttoNettoRadiosBox {
  display: flex;
}
#finalView_box .right .dataBox .bottom .priceLine .bruttoNettoRadiosBox .input_radio .tickBox {
  margin-right: var(--unit_x3);
}
#finalView_box .right .dataBox .bottom .priceLine .bruttoNettoRadiosBox label {
  font-size: var(--unit_x12);
}
#finalView_box .right .dataBox .bottom .priceLine .bruttoNettoRadiosBox .input_radio:not(:last-child) {
  margin-right: var(--unit_x8);
}
#finalView_box .right .dataBox .bottom .priceLine .sublinksLine {
  font-size: var(--unit_x12);
  font-weight: normal;
}
#finalView_box .right .dataBox .bottom .priceLine .sublinksLine .lnk {
  font-size: var(--unit_x12);
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}
#finalView_box .right .dataBox .bottom .priceLabelLine .left,
#finalView_box .right .dataBox .bottom .priceLine .left {
  width: 50%;
}
#finalView_box .right .dataBox .bottom .priceLabelLine .right,
#finalView_box .right .dataBox .bottom .priceLine .right {
  width: 50%;
  text-align: right;
}
#finalView_box .right .dataBox .bottom .buttonLine {
  margin-top: var(--unit_x13);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .elm {
  width: 50%;
  font-size: var(--unit_x14);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .elm .label {
  font-size: var(--unit_x10);
  color: var(--col_white);
  margin-bottom: var(--unit_x5);
  opacity: 0.5;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .elm .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .elm .content .icon {
  color: var(--col_white);
  margin-right: var(--unit_x5);
  opacity: 0.5;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .elm .content .icon svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
  fill: var(--col_white);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .elm:nth-child(n+3) {
  margin-top: var(--unit_x22);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardata"] .infoIcon {
  position: relative;
  margin-top: calc(var(--unit_x1) * -1);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardataConfi"] .bigHeadline,
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .bigHeadline {
  font-size: var(--unit_x20);
  font-weight: bold;
  color: var(--col_white);
  margin-bottom: var(--unit_x10);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardataConfi"] .loadBaseConfig {
  float: right;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardataConfi"] .loadBaseConfig svg {
  width: var(--unit_x30);
  height: var(--unit_x30);
  color: var(--col_pl0);
  fill: var(--col_pl0);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardataConfi"] .catHeadline,
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .catHeadline {
  width: 100%;
  font-size: var(--unit_x14);
  color: var(--col_pr60);
  font-weight: bold;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardataConfi"] .catHeadline:not(:first-child),
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .catHeadline:not(:first-child) {
  margin-top: var(--unit_x20);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="cardataConfi"] .divider:not(:last-child) {
  height: 1px;
  width: 100%;
  margin-bottom: var(--unit_x30);
  background-color: var(--col_pd60);
}

#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"],
#finalView_box .right .dataBox .middle form[name="configLineSteps"] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}

#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .catBlock,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .catBlock {
  width: 100%;
  margin-bottom: var(--unit_x27);
}

#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm {
  width: calc(100% - 4px);
  border-radius: var(--unit_x15);
  font-size: var(--unit_x14);
  border: 2px transparent solid;
  cursor: pointer;
  box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
  margin-left: 2px;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm.active,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm.active {
  border-color: var(--col_pr60_50a);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm.gray,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm.gray {
  opacity: 0.25;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm:not(:first-child),
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm:not(:first-child) {
  margin-top: var(--unit_x9);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm .line1,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm .line1 {
  padding: var(--unit_x18);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm .line1,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm .line1 .label {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm .line1 .label {
  width: 100%;
}
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm .line1 .label svg {
  width: var(--unit_x30);
  height: var(--unit_x30);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm .line1 .label,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm .line1 .label > *:not(:last-child) {
  margin-right: var(--unit_x12);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm .line1 .price,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm .line1 .price {
  white-space: nowrap;
  margin-left: 15px;
  color: var(--col_pr60);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2 .calcTable {
  width: 100%;
  margin-top: var(--unit_x27);
  font-size: var(--unit_x12);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2 .calcTable tr td {
  padding-top: var(--unit_x9);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2 .calcTable tr td:nth-child(3) {
  text-align: right;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2 .calcTable tr.divider td {
  padding: var(--unit_x9) 0px 0px 0px;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2 .calcTable tr.divider td div {
  background-color: var(--col_pd50);
  height: var(--unit_x2);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details0 {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: var(--col_pd80);
  padding: var(--unit_x18) !important;
  z-index: 10;
  margin: 0px;
  width: 100%;
  height: 100%;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details0 .inner {
  margin: 0;
  padding: var(--unit_x18) !important;
  width: 100%;
  min-height: 100%;
  background-color: var(--col_pd70);
  border-radius: var(--unit_x9);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details0 .closer {
  float: right;
  color: #fff;
  width: var(--unit_x30);
  height: var(--unit_x30);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  cursor: pointer;
  transform: translate(35%, -35%);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details0 .closer svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
  color: var(--col_white);
  fill: var(--col_white);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details {
  display: none;
  font-size: var(--unit_x14);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details .headline {
  font-weight: bold;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details .table {
  font-size: var(--unit_x14);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: var(--unit_x5) var(--unit_x3) var(--unit_x18) 0px;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details .table.footerInfo {
  font-size: var(--unit_x10);
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .line2.details .table > div:nth-child(1) {
  flex-grow: 1;
}
#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] .elm .line2,
#finalView_box .right .dataBox .middle form[name="configLineSteps"] .elm .line2 {
  display: none;
  padding: 0px var(--unit_x18) var(--unit_x18) var(--unit_x18);
}


#finalView_box .right .dataBox .middle .settingsLine .contentBoxes [data-tabname="paymenttype"] [data-paymenttype].disabled {
  opacity: 0.5;
}
#finalView_box .right .dataBox .middle form[name="configLineSteps"] [data-catblocknr="accessories"] .elm:not(.editAccessioresBtn) .line1 {
  padding-bottom: var(--unit_x3);
}
#finalView_box .right .dataBox .middle form[name="configLineSteps"] [data-catblocknr="accessories"] .elm:not(.editAccessioresBtn) .line2 {
  display: block;
  font-size: var(--unit_x11);
  padding-bottom: var(--unit_x20);
}
#finalView_box .right .dataBox .middle form[name="configLineSteps"] [data-catblocknr="accessories"] .elm:not(.editAccessioresBtn) .removeThisAccessoire {
  text-decoration: underline;
  opacity: 0.5;
}

#finalView_box .right .dataBox .middle form[name="configLineSteps"] [data-catblocknr="farben"] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}
#finalView_box .right .dataBox .middle form[name="configLineSteps"] [data-catblocknr="farben"] .elm .ring {
  display: flex;
  align-items: center;
  width: var(--unit_x30);
  min-width: var(--unit_x30);
  max-width: var(--unit_x30);
  height: var(--unit_x30);
  min-height: var(--unit_x30);
  max-height: var(--unit_x30);
  margin-right: var(--unit_x12);
  cursor: pointer;
  position: relative;
}
#finalView_box .right .dataBox .middle form[name="configLineSteps"] [data-catblocknr="farben"] .elm .ring svg {
  display: flex;
  align-items: center;
  width: var(--unit_x30);
  height: var(--unit_x30);
}
.alternateOffers {
  position: relative;
  z-index: 1;
}

.finalViewRow_bg {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.finalViewRow_bg .room {
  position: absolute;
  z-index: 0;
  width: 80%;
}
.finalViewRow_bg .mainImg {
  position: fixed;
  z-index: 1;
}

@media only screen and (max-width: 1400px) {
  #finalView_box > .left { width: 50%; min-width: 50%; max-width: 50%; }
  #finalView_box > .right { width: 50%; min-width: 50%; max-width: 50%; }
}

@media only screen and (max-width: 968px) {
  #finalView_box { flex-direction: column; }
  #finalView_box > .left { width: 100%; min-width: 100%; max-width: 100%; }
  #finalView_box > .right { width: 100%; min-width: 100%; max-width: 100%; }

  #finalView_box .bottom .left { margin-right: 0px; }
  #finalView_box .bottom .right { }

  #finalView_box .right .dataBox {
    width: calc(100% + (var(--contentMaxWidthSide) * 2));
    margin-left: calc(var(--contentMaxWidthSide) * -1);
    border-radius: 0px;
  }
  #finalView_box .right .dataBox .top {
    position: fixed;
    left: 0px;
    width: 100%;
    padding: var(--unit_x20);
    z-index: 3;
    top: var(--unit_x56);
    background-color: var(--col_pd80);
  }
  #finalView_box .right .dataBox .middle {
    margin-top: 0px;
    z-index: 0;
    overflow: visible;
  }
  #finalView_box .right .dataBox .middle .tabLine {
    margin-top: 0px;
    position: sticky;
    background-color: var(--col_pd80);
    z-index: 3;
  }
  #finalView_box .right .dataBox .middle .settingsLine {
    overflow: hidden;
  }
  #finalView_box .right .dataBox .bottom {
    position: sticky;
    left: 0px;
    width: 100%;
    padding: 0px var(--unit_x20) var(--unit_x20) var(--unit_x20);
    margin-left: calc(var(--unit_x18) * -1);
    width: calc(100% + var(--unit_x36));
    z-index: 1;
    bottom: 0;
    background-color: var(--col_pd80);
  }
  #finalView_box .right .dataBox .middle .settingsLine .contentBoxes > div[data-tabname] {
    overflow: visible;
    max-height: 100% !important;
  }
}

/* Lightning Box */
.lightningBox {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lightningBox .left_spot {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0px;
  background-image: url('../img/left_spot.png');
  background-position: 0px 0px;
  background-size: 150% 110%;
  opacity: 0.1;

  -webkit-transition: opacity 1.5s 1.5s ease-out, left 1.5s 0s ease-out;
  -moz-transition: opacity 1.5s 1.5s ease-out, left 1.5s 0s ease-out;
  -ms-transition: opacity 1.5s 1.5s ease-out, left 1.5s 0s ease-out;
  -o-transition: opacity 1.5s 1.5s ease-out, left 1.5s 0s ease-out;
  transition: opacity 1.5s 1.5s ease-out, left 1.5s 0s ease-out;
}
.lightningBox .left_spot.active {
  opacity: 0.5;
}
.lightningBox .left_spot.moveLeft {
  left: -40px;
}
.lightningBox .right_spot {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 50px;
  background-image: url('../img/right_spot.png');
  background-position: 0px 0px;
  background-size: 100% 110%;
  opacity: 0.1;

  -webkit-transition: opacity 1.5s 2s ease-out, left 2s 0s ease-out;
  -moz-transition: opacity 1.5s 2s ease-out, left 2s 0s ease-out;
  -ms-transition: opacity 1.5s 2s ease-out, left 2s 0s ease-out;
  -o-transition: opacity 1.5s 2s ease-out, left 2s 0s ease-out;
  transition: opacity 1.5s 2s ease-out, left 2s 0s ease-out;
}
.lightningBox .right_spot.active {
  opacity: 0.5;
}
.lightningBox .right_spot.moveLeft {
  left: 0px;
}
.lightningBox .mid_spot {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0px;
  background-image: url('../img/mid_spot.png');
  background-position: 0px 0px;
  background-size: 110% 103%;
  opacity: 0.1;

  -webkit-transition: opacity 1.5s 2.5s ease-out, left 0.35s 0s ease-out;
  -moz-transition: opacity 1.5s 2.5s ease-out, left 0.35s 0s ease-out;
  -ms-transition: opacity 1.5s 2.5s ease-out, left 0.35s 0s ease-out;
  -o-transition: opacity 1.5s 2.5s ease-out, left 0.35s 0s ease-out;
  transition: opacity 1.5s 2.5s ease-out, left 0.35s 0s ease-out;
}
.lightningBox .mid_spot.active {
  opacity: 0.5;
}
.lightningBox .mid_spot.moveLeft {
  left: -20px;
}
.lightningBox .back_floorlight {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5%;
  left: 0%;
  background-image: url('../img/back_floorlight.png');
  background-position: 0px 0px;
  background-size: 110% 118%;
  opacity: 0.1;

  -webkit-transition: opacity 4s 2.5s ease-out;
  -moz-transition: opacity 4s 2.5s ease-out;
  -ms-transition: opacity 4s 2.5s ease-out;
  -o-transition: opacity 4s 2.5s ease-out;
  transition: opacity 4s 2.5s ease-out;
}
.lightningBox .back_floorlight.active {
  opacity: 0.5;
}
.lightningBox .front_floorlight {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5%;
  left: 0%;
  background-image: url('../img/front_floorlight.png');
  background-position: 0px 0px;
  background-size: 110% 118%;
  opacity: 0.1;

  -webkit-transition: opacity 4s 2.5s ease-out;
  -moz-transition: opacity 4s 2.5s ease-out;
  -ms-transition: opacity 4s 2.5s ease-out;
  -o-transition: opacity 4s 2.5s ease-out;
  transition: opacity 4s 2.5s ease-out;
}
.lightningBox .front_floorlight.active {
  opacity: 0.5;
}

.boxWithImage .image .mainImg {

}


form[name="carRequestForm"] .input_select, form[name="carRequestForm"] .input_text, form[name="carRequestForm"] .input_textarea {
  margin-bottom: var(--unit_x18);
}


[data-expandarea] .expandIcon {
  width: var(--unit_x20);
  fill: var(--col_white);

  -webkit-transition: transform 500ms ease-out;
  -moz-transition: transform 500ms ease-out;
  -ms-transition: transform 500ms ease-out;
  -o-transition: transform 500ms ease-out;
  transition: transform 500ms ease-out;

  -webkit-transform-origin: 50% 40%;
  -moz-transform-origin: 50% 40%;
  -ms-transform-origin: 50% 40%;
  -o-transform-origin: 50% 40%;
  transform-origin: 50% 40%;
}
.blurredEndLine {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100px;
  /*border: 1px red solid;*/
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  /*background: rgb(2,0,36);
  background: linear-gradient(0deg, var(--col_headerBG_50a) 0%, var(--col_headerBG_50a) 10%, var(--col_headerBG_0a) 100%);*/
  -o-backdrop-filter: blur(1.5px);
  -moz-backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
}
.blurredEndLine .expandIcon {
  width: var(--unit_x20);
  fill: var(--col_white);
}



#descDECar.popUp .headlineP02,
#descEUCar.popUp .headlineP02,
#descDEANDEUCar.popUp .headlineP02,
#switchCustomerGroup.popUp .headlineP02 {
  font-size: var(--unit_x20);
}
#descDECar.popUp .cancelBtn,
#descEUCar.popUp .cancelBtn,
#descDEANDEUCar.popUp .cancelBtn,
#switchCustomerGroup.popUp .cancelBtn {
  width: 100%;
}
#doCarRequest.popUp .headlineP02 {
  margin-top: 0px;
  font-size: var(--unit_x20);
}
#doCarRequest.popUp .sendRequestBtn,
#doCarRequest.popUp .cancelRequestBtn {
  width: 100%;
}
#doCarRequest .succesFormSendBox {
  display: none;
  text-align: center;
}


.doCarRequest2DarkenBg {
  position: fixed;
  z-index: 80000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(190,190,190,0.8);
  -o-backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

#doCarRequest2 {
  display: none;
  z-index: 80001;
  position: fixed;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  max-width: var(--unit_x400);
}
#doCarRequest2 form[name="doCarrequestForm"] .closer {
  display: none;
}

@media only screen and (max-width: 768px) {
  #doCarRequest2 {
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
    width: calc(100%) !important;
    max-width: 100% !important;
    height: calc(100%) !important;
    transform: translateX(0%);
  }
  #doCarRequest2 .theFlowForm {
    max-width: 100%;
    height: 100%;
    border-radius: 0px;
    padding-top: var(--unit_x56) !important;
  }
  #doCarRequest2 form[name="doCarrequestForm"] {
    height: 100%;
  }
  #doCarRequest2 form[name="doCarrequestForm"] .closer {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  #doCarRequest2 form[name="doCarrequestForm"] .closer svg {
    width: 25px;
    height: 25px;
    fill: #fff;
  }
  #doCarRequest2 .theFlowForm .backLabelArea {
    margin-top: var(--unit_x50) !important;
  }
}


.popUp {
  display: none;
  position: fixed;
  left: 0%;
  top: 0%;
  z-index: 80001;
  max-width: var(--contentMaxWidth);
  padding: var(--unit_x24);
  border-radius: var(--unit_x8);
  color: var(--col_white);
  background-color: var(--col_pd80);
  overflow-y: scroll;
  /*-webkit-transition: opacity 2000ms ease-in-out;
  -moz-transition: opacity 2000ms ease-in-out;
  -ms-transition: opacity 2000ms ease-in-out;
  -o-transition: opacity 2000ms ease-in-out;
  transition: opacity 2000ms ease-in-out;*/
}
.popUp.visible {
  /*-webkit-transition: opacity 2000ms ease-in-out;
  -moz-transition: opacity 2000ms ease-in-out;
  -ms-transition: opacity 2000ms ease-in-out;
  -o-transition: opacity 2000ms ease-in-out;
  transition: opacity 2000ms ease-in-out;*/
}
.popUp h1 {
  margin-top: 0px;
}
.popUp {
  box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.09);
}
@media only screen and (max-width: 414px) {
  /* Only on Mobile Portrait! */
  .popUp.visible {
    opacity: 1;
  }
}
@media only screen and (max-width: 768px) {
  .popUp {
    margin-left: var(--unit_x18);
    margin-right: var(--unit_x18);
  }
}
.accessoiresPopUp {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.accessoiresPopUp > div {
  margin-bottom: var(--unit_x30);
}
.accessoiresPopUp > div:last-child {
  margin-bottom: 0px;
}
.accessoiresPopUp .groups {
  flex-grow: 1;
  height: 90%;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.accessoiresPopUp .groups::-webkit-scrollbar { display: none; }
.accessoiresPopUp .steerings {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.accessoiresPopUp .steerings .button {
  min-width: auto;
}
.accessoiresPopUp .group {
  margin-top: var(--unit_x48);
}
.accessoiresPopUp .groups .group:first-child {
  margin-top: var(--unit_x16);
}
.accessoiresPopUp .headline {
  font-size: var(--unit_x20);
  font-weight: bold;
  text-align: center;
}
.accessoiresPopUp .group .label {
  margin-bottom: var(--unit_x8);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.accessoiresPopUp .group .elmsBx .elm {
  margin-bottom: var(--unit_x8);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  margin-top: var(--unit_x14);
  margin-bottom: var(--unit_x14);
}
.accessoiresPopUp .group .elmsBx .elm .txt {
  flex-grow: 1;
  padding-right: 10px;
}
.accessoiresPopUp .group .elmsBx .elm .price,
.accessoiresPopUp .group .elmsBx .elm .monthPrice {
  white-space: nowrap;
}
.accessoiresPopUp .group .elmsBx .elm .monthPrice {
  display: none;
}
.accessoiresPopUp .group .elmsBx .elm .selectionIndicator { cursor: pointer; }
.accessoiresPopUp .group .elmsBx .elm .txt .headlineLabel { cursor: pointer; }
.accessoiresPopUp .group .elmsBx .elm .txt .detailsLabel {
  font-size: var(--unit_x10);
  margin-top: var(--unit_x2);
  color: var(--col_warmGray);
  font-weight: normal;
  cursor: pointer;
}
.accessoiresPopUp .group .groupDivider {
  width: 100%;
  height: 1px;
  background-color: var(--col_white);
}
.accessoiresPopUp .group .elmDivider {
  width: 100%;
  height: 1px;
  background-color: var(--col_warmGray_25a);
}
.accessoiresPopUp .group .elmDivider:last-child {
  display: none;
}
.incompNeededPopUp .headline {
  font-size: var(--unit_x14);
}
.popUpDarkenBg {
  position: fixed;
  z-index: 80000;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(190,190,190,0.8);
  -o-backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
@media only screen and (max-width: 414px) {
  .popUpDarkenBg {
    background-color: var(--col_headerBG);
  }
}


.co2EffGraph {
  margin-top: var(--unit_x8);
  width: 100%;
  display: flex;
  flex-direction: row;
  line-height: 1em;
}
.co2EffGraph .left {
  width: 80%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.co2EffGraph .left .line {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;

  padding-left: 5px;
}
.co2EffGraph .left .line, .co2EffGraph .right .line {
  margin-bottom: var(--unit_x5);
}
.co2EffGraph .left .line:last-child, .co2EffGraph .right .line:last-child {
  margin-bottom: 0;
}
.co2EffGraph .right .line {
  background-color: var(--col_white);
  color: var(--col_black);
  text-align: center;
  font-weight: bold;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;

  z-index: 10;

  padding-right: 5px;
}
.co2EffGraph .left .lineArrow {
  float: right;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left:10px solid blue;
  position: relative;
  left: 10px;
}
.co2EffGraph .right {
  width: 20%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.co2EffGraph .right .lineArrow {
  float: left;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:10px solid var(--col_white);
  position: relative;
  left: -10px;
}



.footerElement {
  background-color: var(--col_pd90);
}
.footerElement > .inner {
  max-width: var(--contentMaxWidth);
  margin: 0px auto 0px;
  padding-top: var(--unit_x78);
}
.footerElement .inner .quickFormBox {
  margin-bottom: var(--unit_x94);
}
.footerElement .inner .quickFormBox .backLabelArea {
  margin-top: var(--unit_x18);
  display: none;
}
.footerElement .followLine {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.footerElement .followLine .followBlock {
  display: flex;
}
.footerElement .followLine .followBlock .inner {
  display: flex;
}
.footerElement .followLine .followBlock .inner > div svg {
  width: var(--unit_x14);
  height: var(--unit_x14);
  color: var(--col_sg50);
  fill: var(--col_sg50);
}
.footerElement .followLine .followBlock .inner > div {
  font-size: var(--unit_x12);
  line-height: calc(var(--unit_x12) * 1.125);
  margin-right: var(--unit_x13);
  display: flex;
  align-items: center;
  color: var(--col_sg50);
}
.footerElement .footTexts > p:first-child {
  margin-top: 0px;
}
.footerElement .lastLine {
  font-size: var(--unit_x12);
}
.footerElement .badgesLogosLine {
  display: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}
.footerElement .badgesLogosLine img {
  height: 100%;
}
.footerElement .badgesLogosLine img:nth-child(1) { width: var(--unit_x75); }
.footerElement .badgesLogosLine img:nth-child(2) { width: var(--unit_x132); }
.footerElement .badgesLogosLine img:nth-child(3) { width: var(--unit_x92); }
.footerElement .badgesLogosLine img:nth-child(4) { width: var(--unit_x68); }
.footerElement .badgesLogosLine img:nth-child(5) { width: var(--unit_x133); }
.footerElement .badgesLogosLine img:nth-child(6) { width: var(--unit_x102); }

@media only screen and (max-width: 992px) {
  .footerElement .badgesLogosLine img:nth-child(1) { width: var(--unit_x60); }
  .footerElement .badgesLogosLine img:nth-child(2) { width: var(--unit_x106); }
  .footerElement .badgesLogosLine img:nth-child(3) { width: var(--unit_x74); }
  .footerElement .badgesLogosLine img:nth-child(4) { width: var(--unit_x54); }
  .footerElement .badgesLogosLine img:nth-child(5) { width: var(--unit_x106); }
  .footerElement .badgesLogosLine img:nth-child(6) { width: var(--unit_x82); }
}
@media only screen and (max-width: 768px) {
  .footerElement .inner .quickFormBox {
    margin-bottom: var(--unit_x20);
  }
  .footerElement .badgesLogosLine {
    margin-bottom: var(--unit_x20);
  }
  .footerElement .badgesLogosLine img:nth-child(1) { width: var(--unit_x38); }
  .footerElement .badgesLogosLine img:nth-child(2) { width: var(--unit_x66); }
  .footerElement .badgesLogosLine img:nth-child(3) { width: var(--unit_x46); }
  .footerElement .badgesLogosLine img:nth-child(4) { width: var(--unit_x34); }
  .footerElement .badgesLogosLine img:nth-child(5) { width: var(--unit_x67); }
  .footerElement .badgesLogosLine img:nth-child(6) { width: var(--unit_x51); }
}
@media only screen and (max-width: 414px) {
  .footerElement .inner .quickFormBox {
    margin-bottom: var(--unit_x35);
  }
  .footerElement .badgesLogosLine {
    margin-bottom: var(--unit_x35);
  }
  .footerElement .badgesLogosLine img:nth-child(1) { width: var(--unit_x23); }
  .footerElement .badgesLogosLine img:nth-child(2) { width: var(--unit_x40); }
  .footerElement .badgesLogosLine img:nth-child(3) { width: var(--unit_x28); }
  .footerElement .badgesLogosLine img:nth-child(4) { width: var(--unit_x20); }
  .footerElement .badgesLogosLine img:nth-child(5) { width: var(--unit_x40); }
  .footerElement .badgesLogosLine img:nth-child(6) { width: var(--unit_x31); }
}

/* Footer Google Ratings Line */
.googleRatingFooterLine {
  position: fixed;
  right: var(--unit_x27);
  bottom: var(--unit_x27);
  color: var(--col_pl10);
  font-size: var(--unit_x14);
  cursor: pointer;
  z-index: 50000;
}
.googleRatingFooterLine .inner,
.footerElement .followLine .ratingBlock .inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.googleRatingFooterLine .inner .googleIcon,
.footerElement .followLine .ratingBlock .inner .googleIcon {
  margin-right: var(--unit_x8);
}
.googleRatingFooterLine .inner .googleIcon svg,
.footerElement .followLine .ratingBlock .inner .googleIcon svg {
  width: var(--unit_x16);
  height: var(--unit_x16);
}
.googleRatingFooterLine .inner .ratingSum,
.footerElement .followLine .ratingBlock .inner .ratingSum {
  margin-right: var(--unit_x4);
}
.googleRatingFooterLine .reviewsCountLable,
.footerElement .followLine .ratingBlock .reviewsCountLable {
  margin-left: var(--unit_x4);
  font-size: var(--unit_x10);
  color: var(--col_sg50);
}
.googleRatingFooterLine .stars,
.googleRatingFooterLine .stars .star,
.googleRatingFooterLine .inner .googleIcon,
.footerElement .followLine .ratingBlock .stars,
.footerElement .followLine .ratingBlock .stars .star,
.footerElement .followLine .ratingBlock .inner .googleIcon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.googleRatingFooterLine .inner > div,
.footerElement .followLine .ratingBlock .inner > div {
  margin-right: var(--unit_x0);
}
.googleRatingFooterLine .inner > div svg,
.footerElement .followLine .ratingBlock .inner > div svg {
  width: var(--unit_x14);
  height: var(--unit_x14);
  color: var(--col_pl10);
  fill: var(--col_pl10);
}
@media only screen and (max-width: 768px) {
  .googleRatingFooterLine {
    display: none;
  }
  .footerElement .followLine {
    flex-direction: column;
  }
  .footerElement .followLine > div {
    margin-bottom: var(--unit_x10);
  }
}




.flyMenuOuter {
  position: fixed;
  top: 0px;
  right: var(--unit_x26);
  width: var(--unit_x48);
  display: flex;
  height: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  z-index: 50;
}
.flyMenu {
  border-radius: var(--unit_x48);
  width: var(--unit_x48);
  /*height: var(--unit_x192);*/
  padding-top: var(--unit_x5);
  padding-bottom: var(--unit_x5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: column;
  background-color: var(--col_pd80);
  -webkit-box-shadow: 0px 0px 10px 0px var(--col_dropShadow_50a);
  box-shadow: 0px 0px 10px 0px var(--col_dropShadow_50a);
}
.flyMenu .elm {
  width: var(--unit_x37);
  max-width: var(--unit_x37);
  min-width: var(--unit_x37);
  height: var(--unit_x37);
  max-height: var(--unit_x37);
  min-height: var(--unit_x37);
  border-radius: var(--unit_x37);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  cursor: pointer;
}
.flyMenu .elm svg {
  width: var(--unit_x22);
  height: var(--unit_x22);
}
.flyMenu .elm:hover,
.flyMenu .elm.active {
  background-color: var(--col_pd100);
}
.flyMenu .elm.active svg {
  color: var(--col_pr60);
  fill: var(--col_pr60);
}
.flyMenu .contentBx {
  background-color: var(--col_pd80);
  padding: var(--unit_x17);
  position: absolute;
  width: var(--unit_x255);
  right: var(--unit_x60);
  border-radius: var(--unit_x8);
  -webkit-box-shadow: 0px 0px 10px 0px var(--col_dropShadow_50a);
  box-shadow: 0px 0px 10px 0px var(--col_dropShadow_50a);
  display: none;
}
.flyMenu .contentBx > div:not(:last-child) {
  margin-bottom: var(--unit_x17);
}
.flyMenu .contentBx > div:first-child {
  margin-bottom: var(--unit_x8);
}
.flyMenu .contentBx .contactBlock {
  display: none;
}
.flyMenu .contentBx .contactBlock .sideBySide {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.flyMenu .contentBx .contactBlock.active {
  display: block;
}
.flyMenu .contentBx .contactBlock > div {
  margin-bottom: var(--unit_x17);
}
.flyMenu .contentBx .contactBlock > div:last-child {
  margin-bottom: 0px;
}
.flyMenu .contentBx .contactBlock .notice  {
  color: var(--col_sg50);
}
.flyMenu .contentBx.active {
  display: block;
}
.flyMenu .contentBx .contactBlock .lnksBx  {
  font-size: var(--unit_x12);
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-direction: row;
  align-items: center;
}
.flyMenu .contentBx .contactBlock .lnksBx > div > a  {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-right: var(--unit_x24);
}
.flyMenu .contentBx .contactBlock .lnksBx > div:last-child  {
margin-right: 0px;
}
.flyMenu .contentBx .contactBlock .lnksBx svg  {
  width: var(--unit_x18);
  height: var(--unit_x18);
  margin-right: var(--unit_x5);
}
.flyMenu .contentBx .followUsBlock {
  margin-bottom: 0px;
}
.flyMenu .contentBx .followUsBlock .lnksBx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: var(--unit_x15);
}
.flyMenu .contentBx .followUsBlock .lnksBx > div {
  /*margin-right: var(--unit_x15);*/
}
@media only screen and (max-width: 992px) {
  .flyMenuOuter {
    display: none;
  }
}


/* CarElm Card */
.carElm.blueHoverBox:hover {
  border: 1px var(--col_tb60) solid;
  box-shadow: 0 0 0 var(--col_tb60_40a);
  -webkit-animation: pulseBorder_blue 2s infinite;
  -moz-animation: pulseBorder_blue 2s infinite;
  -ms-animation: pulseBorder_blue 2s infinite;
  -o-animation: pulseBorder_blue 2s infinite;
  animation: pulseBorder_blue 2s infinite;
}
.carElm.redHoverBox:hover {
  border: 1px var(--col_pr60) solid;
  box-shadow: 0 0 0 var(--col_pr60_40a);
  -webkit-animation: pulseBorder_red 2s infinite;
  -moz-animation: pulseBorder_red 2s infinite;
  -ms-animation: pulseBorder_red 2s infinite;
  -o-animation: pulseBorder_red 2s infinite;
  animation: pulseBorder_red 2s infinite;
}
.carElm.greenHoverBox:hover {
  border: 1px var(--col_tg60) solid;
  box-shadow: 0 0 0 var(--col_tg60_40a);
  -webkit-animation: pulseBorder_green 2s infinite;
  -moz-animation: pulseBorder_green 2s infinite;
  -ms-animation: pulseBorder_green 2s infinite;
  -o-animation: pulseBorder_green 2s infinite;
  animation: pulseBorder_green 2s infinite;
}
.carElm.orangeHoverBox:hover {
  border: 1px rgba(255,109,54,1) solid;
  box-shadow: 0 0 0 rgba(255,109,54,0.4);
  -webkit-animation: pulseBorder_orange 2s infinite;
  -moz-animation: pulseBorder_orange 2s infinite;
  -ms-animation: pulseBorder_orange 2s infinite;
  -o-animation: pulseBorder_orange 2s infinite;
  animation: pulseBorder_orange 2s infinite;
}
.carElm.goldHoverBox:hover {
  border: 1px rgba(174,161,151,1) solid;
  box-shadow: 0 0 0 rgba(174,161,151,0.4);
  -webkit-animation: pulseBorder_gold 2s infinite;
  -moz-animation: pulseBorder_gold 2s infinite;
  -ms-animation: pulseBorder_gold 2s infinite;
  -o-animation: pulseBorder_gold 2s infinite;
  animation: pulseBorder_gold 2s infinite;
}
.carElm.blueHoverBox .dataLine {
  display: block;
}
.carElm.blueHoverBox .carDetailsBox .elm { width: calc(25% - var(--unit_x8)); margin-right: var(--unit_x8); }
.carElm.blueHoverBox .carDetailsBox .elm:not(:last-child) { margin-right: var(--unit_x15) !important; }
.carElm {
  border: 1px transparent solid;
  padding: var(--unit_x14);
  margin-left: 0px;
  margin-bottom: var(--unit_x35);
  width: 100%;
  -webkit-transition: transform 50ms ease-in-out;
  -moz-transition: transform 50ms ease-in-out;
  -ms-transition: transform 50ms ease-in-out;
  -o-transition: transform 50ms ease-in-out;
  transition: transform 50ms ease-in-out;
  cursor: pointer;
}
.carElm:hover {
  transform: scale(1.025);
}
.carElm:hover .middle .actionLine .icon svg {
  fill: var(--col_pr60);
}
.carElm:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .carElm {
    width: 100%;
    margin-left: 0px;
  }
}
.carElm .firstHeadline {
  font-size: var(--unit_x20);
  font-weight: bold;
  color: var(--col_pl10);
}
.carElm .headline {
  margin-bottom: var(--unit_x16);
  height: var(--unit_x80);
}
.carElm .headIcons {
  float: right;
  margin-top: var(--unit_x4);
  color: var(--col_white_c1);
}
.carElm .headline .info2 {
  margin-bottom: var(--unit_x3);
  max-height: var(--unit_x25);
  color: var(--col_pd90_r);
  overflow: hidden;
}
.carElm .headline .info2.maxh30 {
  height: var(--unit_x15);
}
.carElm .middle .imgBox {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-size: 180% auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  border-radius: var(--unit_x5);
}
.carElm .middle img,
.carElm .middle object {
  height: auto;
  width: 100%;
}
.carElm .middle .imgBox .colorNotch {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  /*background-color: var(--col_pd80);*/
  font-size: var(--unit_x10);
  padding: var(--unit_x9);
}
.carElm .middle .imgBox .colorNotch .circle {
  width: var(--unit_x22);
  height: var(--unit_x22);
  margin-right: var(--unit_x4);
}
.carElm .middle .actionLine {
  margin-top: var(--unit_x8);
}
.carElm .middle .actionLine a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.carElm .middle .actionLine .label {
  font-size: var(--unit_x12);
  height: var(--unit_x18);
  text-decoration: underline;
}
.carElm .middle .actionLine .icon {
  margin-right: var(--unit_x5);
}
.carElm .middle .actionLine .icon svg {
  width: var(--unit_x18);
  height: var(--unit_x18);
}
.carElm .middle .dataLine {
  margin-top: var(--unit_x8);
  font-size: var(--unit_x12);

  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.carElm .middle .dataLine .co2EffBlock {
  display: inline;
  margin-right: var(--unit_x3);
}
.carElm .middle .dataLine svg {
  height: var(--unit_x19);
  width: var(--unit_x19);
  margin-right: var(--unit_x3);
  fill: var(--col_pl0);
  opacity: 0.50;
}
.carElm .middle .dataLine > div:nth-child(1) {
  margin-top: var(--unit_x8);
  width: 100%;
}
.carElm .middle .dataLine > div:nth-child(2) {
  margin-top: var(--unit_x8);
  width: 100%;
}
.carElm .middle .dataLine > div:nth-child(3) {
  margin-top: var(--unit_x8);
  width: 100%;
}
.carElm.carElmList .middle .dataLine {
  display: none;
}
@media only screen and (max-width: 768px) {
  .carElm.carElmList .middle .dataLine {
    display: inherit;
  }
}


.carElm .bottom {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  align-items: stretch;
  margin-top: var(--unit_x16);
}
.carElm .bottom .line {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  color: var(--col_pl10);
}
.carElm .bottom .line.cash {
  font-size: var(--unit_x24);
  font-weight: bold;
}
.carElm .bottom .line.monthly {
  font-size: var(--unit_x14);
}
.carElm .bottom2 .line.monthly2 {
  flex-grow: 1;
}


.carElm .bottom2 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  grid-column: 2/3;
  grid-row: 3/4;
}
.carElm .bottom2 .hr {
  margin-top: var(--unit_x17);
  height: 1px;
  border: none;
  background-color: var(--col_pd50);
  position: relative;
  grid-column: 2/3;
  grid-row: 3/4;
}
.carElm .bottom2 .hr .discountBox {
  background-color: var(--col_pr60);
  display: inline-block;
  border-radius: 5px;
  font-size: var(--unit_x11);
  padding: var(--unit_x2) var(--unit_x5);
  transform: translateY(-50%);
  position: absolute;
  font-weight: bold;
}
.carElm .bottom2 .pricesLines {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin-top: var(--unit_x16);
}
.carElm .bottom2 .pricesLines .flSideBySide {
  flex-grow: 1;
}
.carElm.carElmList .bottom2 .pricesLines .flSideBySide {
  flex-grow: 0;
}
.carElm .bottom2 .pricesLines .flSideBySide > .line:first-child {
  margin-right: var(--unit_x36);
}
.carElm .bottom2 .line {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  color: var(--col_pl10);
  font-size: var(--unit_x28);
}
.carElm .bottom2 .line:nth-child(1) {
  align-items: flex-start
}
.carElm .bottom2 .line:nth-child(2) {
  align-items: flex-end
}
.carElm .bottom2 .line > div:nth-child(1) {
  white-space: nowrap;
  font-size: var(--unit_x12);
  margin-bottom: var(--unit_x3);
  font-weight: bold;
  color: var(--col_pl20)
}
.carElm .bottom2 .line.cash,
.carElm .bottom2 .line.monthly,
.carElm .bottom2 .line.monthly2 {
  font-size: var(--unit_x24);
  color: var(--col_pl20);
  font-weight: bold;
}
.carElm.carElmList .bottom2 .line.cash {
  display: block !important;
}
.carElm .bottom2 .line.monthly {
  display: block;
}
.carElm.carElmList .bottom2 .line.monthly {
  display: block;
}
.carElm .listInfoBlock {
  display: none;
}
/* For List View */
@media only screen and (min-width: 1500px) {
  .carElmList {
    width: 100% !important;
    /*height: var(--unit_x273);*/
    display: grid;
    grid-template-columns: 32% 1fr;
    grid-template-rows: 1fr 1.2fr 1fr 1fr 1fr 1fr;
  }
  .carElmList .top {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .carElmList .middle {
    grid-column: 1/2;
    grid-row: 1/7;
    margin-right: var(--unit_x17);
  }
  .carElmList .bottom {
    grid-column: 2/3;
    grid-row: 3/4;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 0px;
  }
  .carElmList .bottom2 {
    grid-column: 2/3;
    grid-row: 5/7;
  }
  .carElmList .bottom .line > div:first-child {
    margin-right: var(--unit_x5);
  }
  .carElmList .headline {
    margin-bottom: 0px;
  }
  .carElmList .listInfoBlock {
    display: block;
    grid-column: 2/3;
    grid-row: 3/6;
  }
  .carElmList .listInfoBlock .body {
    margin-top: 0px;
  }
}
.carElm .listInfoBlock .carDetailsBox {
  display: flex;
  flex-wrap: wrap;
}
.carElm .listInfoBlock .carDetailsBox .elm {
  width: calc(25% - var(--unit_x8));
  margin-right: var(--unit_x8);
}
.carElm .listInfoBlock .carDetailsBox .elm .body {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
}
.carElm .listInfoBlock .carDetailsBox .elm .body svg {
  width: var(--unit_x18);
  min-width: var(--unit_x18);
  max-width: var(--unit_x18);
  height: var(--unit_x18);
  min-height: var(--unit_x18);
  max-height: var(--unit_x18);
  color: var(--col_pl0_50a);
  fill: var(--col_pl0_50a);
  margin-right: var(--unit_x5);
}
.carElm .listInfoBlock .carDetailsBox .co2EffBlock {
  display: inline;
  margin-right: var(--unit_x3);
}

.carElm .listInfoBlock .carDetailsBox .elm:nth-child(4n) {
  margin-right: 0px;
}
.carElm .listInfoBlock .carDetailsBox .elm:nth-child(n+5) {
  margin-top: var(--unit_x14);
}
.carElm .listInfoBlock .carDetailsBox .elm .notice {
  margin-top: 0px;
  color: var(--col_pl0_50);
}
.carElm .listInfoBlock .carDetailsBox .elm .content {
  margin-top: var(--unit_x3);
  font-size: var(--unit_x12);
  line-height: calc(var(--unit_x12) * 1.5);
  font-weight: normal;
}
@media only screen and (max-width: 968px) {
  .carElm .listInfoBlock .carDetailsBox .elm:nth-child(n+4) {
    margin-top: var(--unit_x14);
  }
  .carElm .listInfoBlock .carDetailsBox .elm {
    width: calc(33% - var(--unit_x8));
    margin-right: var(--unit_x8);
  }
  .carElm .listInfoBlock .carDetailsBox .elm:nth-child(4n) {
    margin-right: inherit;
  }
  .carElm .listInfoBlock .carDetailsBox .elm:nth-child(3n) {
    margin-right: 0;
  }
  .carElm .listInfoBlock .carDetailsBox .elm:nth-child(n+7) {
    display: none;
  }
}


:root {
  /* Colors */
  --carChassyAnimationOffset: -185px;
}


@keyframes carChassyAnimationFrames {
  0% {
    transform: translateX(-195px) translateY(-181px)
  }
  15% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  30% {
    transform: translateX(-195px) translateY(-181px)
  }
  45% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  60% {
    transform: translateX(-195px) translateY(-181px)
  }
  90% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  100% {
    transform: translateX(-195px) translateY(-181px)
  }
}
@-moz-keyframes carChassyAnimationFrames {
  0% {
    transform: translateX(-195px) translateY(-181px)
  }
  15% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  30% {
    transform: translateX(-195px) translateY(-181px)
  }
  45% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  60% {
    transform: translateX(-195px) translateY(-181px)
  }
  90% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  100% {
    transform: translateX(-195px) translateY(-181px)
  }
}
@-webkit-keyframes carChassyAnimationFrames {
  0% {
    transform: translateX(-195px) translateY(-181px)
  }
  15% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  30% {
    transform: translateX(-195px) translateY(-181px)
  }
  45% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  60% {
    transform: translateX(-195px) translateY(-181px)
  }
  90% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  100% {
    transform: translateX(-195px) translateY(-181px)
  }
}
@-o-keyframes carChassyAnimationFrames {
  0% {
    transform: translateX(-195px) translateY(-181px)
  }
  15% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  30% {
    transform: translateX(-195px) translateY(-181px)
  }
  45% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  60% {
    transform: translateX(-195px) translateY(-181px)
  }
  90% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  100% {
    transform: translateX(-195px) translateY(-181px)
  }
}
@-ms-keyframes carChassyAnimationFrames {
  0% {
    transform: translateX(-195px) translateY(-181px)
  }
  15% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  30% {
    transform: translateX(-195px) translateY(-181px)
  }
  45% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  60% {
    transform: translateX(-195px) translateY(-181px)
  }
  90% {
    transform: translateX(-195px) translateY(var(--carChassyAnimationOffset))
  }
  100% {
    transform: translateX(-195px) translateY(-181px)
  }
}

@keyframes aniOpaTo100 {
  0% { opacity: 0; }
  99% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes aniOpaTo100 {
  0% { opacity: 0; }
  99% { opacity: 1; }
  100% { opacity: 1; }
}
@-moz-keyframes aniOpaTo100 {
  0% { opacity: 0; }
  99% { opacity: 1; }
  100% { opacity: 1; }
}
@-o-keyframes aniOpaTo100 {
  0% { opacity: 0; }
  99% { opacity: 1; }
  100% { opacity: 1; }
}
@-ms-keyframes aniOpaTo100 {
  0% { opacity: 0; }
  99% { opacity: 1; }
  100% { opacity: 1; }
}



















/* Loading Spinner */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--col_pr60);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--col_pr60) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}