/* Row 1 */
.row1 {
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: stretch;
  z-index: 2;
  position: relative;
  justify-content: space-between;
}
.row1 .formBlock {
  display: flex;
  align-items: center;
}
.row1 .requestPriceCompareForm {
  text-align: left;
  padding: var(--unit_x18);
  margin: 0 auto 0px 0px;
}
.row1 form[name="requestPriceCompareForm"] {
  width: 100%;
}
.row1 .requestPriceCompareForm .backLabelArea {
  margin-top: var(--unit_x14);
  text-align: center;
  display: none;
  cursor: pointer;
  width: 100%;
}

.requestPriceCompareForm .stepElm[data-stepnr] .body .radios {
  display: flex;
  justify-content: left;
}
.requestPriceCompareForm .stepElm[data-stepnr] .body .radios .input_radio:first-child {
  margin-right: var(--unit_x100);
}

.requestPriceCompareForm .overviewDataLine {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: var(--unit_x16);
}
.requestPriceCompareForm .overviewDataLine .overviewPreview {
  min-height: var(--unit_x170);
  background-color: var(--col_pd100);
  border: 1px var(--col_pd50) dashed;
  border-radius: var(--unit_x5);
  position: relative;
}
.requestPriceCompareForm .overviewDataLine .overviewPreview.linkPreview {
  min-height: var(--unit_x25);
}
.requestPriceCompareForm .overviewDataLine .overviewPreview.linkPreview .previewBox {
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.requestPriceCompareForm .overviewDataLine .overviewPreview.linkPreview .previewBox::-webkit-scrollbar { display: none; }

.requestPriceCompareForm .overviewDataLine .overviewPreview .previewBox {
  position: absolute;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
}
.requestPriceCompareForm .overviewDataLine .info {
  margin-bottom: 0;
}
.requestPriceCompareForm .overviewDataLine .dataElm {
  margin-bottom: var(--unit_x16);
}

.requestPriceCompareForm .stepElm[data-stepname] .buttons {
  margin-top: var(--unit_x14);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.requestPriceCompareForm .stepElm[data-stepname] .body .infoTxt {
  margin-bottom: var(--unit_x14);
}
.requestPriceCompareForm .stepElm[data-stepname] .buttons a,
.requestPriceCompareForm .stepElm[data-stepname] .buttons button {
  width: 100%;
}

/* step_findOffers */
.requestPriceCompareForm .stepElm[data-stepname="step_findOffers"] .buttons {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: stretch;
}

/* step_uploadOffer */
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .uploadArea {
  background-color: var(--col_pd100);
  border: 1px var(--col_pd50) dashed;
  border-radius: var(--unit_x5);
  height: var(--unit_x145);
  padding: 0px var(--unit_x40);
  color: var(--col_pl10);
  font-size: var(--unit_x10);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .uploadArea.error {
  border-color: var(--col_pr60);
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .uploadArea input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .uploadArea .imgPreviewBox {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 90%;
  top: 5%;
  left: 0px;
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .uploadArea .uploadInProgressBox {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .linkArea {
  background-color: var(--col_pd100);
  border: 1px var(--col_pd50) dashed;
  border-radius: var(--unit_x5);
  height: var(--unit_x48);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .linkArea input {
  color: var(--col_pl10);
  font-size: var(--unit_x10);
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  text-align: center;
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .linkArea.error {
  border-color: var(--col_pr60);
}
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .linkArea input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--col_pl10); opacity: 1; /* Firefox */ }
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .linkArea input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--col_pl10); }
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .linkArea input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--col_pl10); }
.requestPriceCompareForm .stepElm[data-stepname="step_uploadOffer"] .betweenLabel {
  color: var(--col_pl50);
  text-align: center;
  margin: var(--unit_x8) 0px;
  font-size: var(--unit_x10);
}

.requestPriceCompareForm .stepElm[data-stepname="step_chooseCar"] .body > div {
  margin-bottom: var(--unit_x14);
}
.requestPriceCompareForm .stepElm[data-stepname="step_chooseCar"] .buttons {
  margin-top: var(--unit_x18);
  margin-bottom: var(--unit_x23) !important;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.requestPriceCompareForm .stepElm[data-stepname="step_chooseCar"] .configuratorTerminButtonsBox .buttons {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.requestPriceCompareForm .stepElm[data-stepname="step_chooseCar"] .buttons a,
.requestPriceCompareForm .stepElm[data-stepname="step_chooseCar"] .buttons button {
  width: 100%;
}


.requestPriceCompareForm .stepElm[data-stepname="step_appointmentWish"] .body > div {
  margin-bottom: var(--unit_x14);
}
.requestPriceCompareForm .stepElm[data-stepname="step_appointmentWish"] .buttons {
  margin-top: var(--unit_x18);
  margin-bottom: var(--unit_x23) !important;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.requestPriceCompareForm .stepElm[data-stepname="step_appointmentWish"] .buttons a,
.requestPriceCompareForm .stepElm[data-stepname="step_appointmentWish"] .buttons button {
  width: 100%;
}

.requestPriceCompareForm .progressBarSteps {
  margin-top: var(--unit_x18);
}


.row1 .imgBlock {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /*padding-bottom: var(--unit_x160);*/
}
.row1 .imgBlock img {
  height: auto;
  width: 100%;
  max-width: var(--unit_x588);
}
.row1 .txtBlock .head {
  margin-bottom: var(--unit_x7);
}
.row1 .txtBlock .subhead {
  margin-bottom: var(--unit_x7);
}
.row1 .txtBlock .body p {
  margin-bottom: var(--unit_x15);
}

@media only screen and (max-width: 768px) {
  .row1 {
    align-items: center;
  }
  .row1 .txtBlock {
    text-align: center;
    margin: 0px auto;
  }
  .row1 .requestPriceCompareForm {
    margin: calc(var(--unit_x56)*-1) auto 0px auto !important;
  }
  .row1 .imgBlock {
    display: none;
  }
  .row1 .button {
    margin: 0px auto;
  }
}

/* Row 2 */
.row2 {
  text-align: center;
  display: none;
}



.input_checkbox label.notice {
  margin-top: 0px;
}

.nav_scrollElm {
  display: none;
  z-index: 3;
}
@media (max-height:720px) and (min-width:998px) {
  .nav_scrollElm {
    display: none;
  }
}


.spaceTop {
  margin-top: var(--unit_x14);
}
.spaceDown {
  margin-bottom: var(--unit_x14);
}