#sp-main-body {
    min-height: calc(100vh - 235px);
}
.mzh_preisfinder_form_component {
  position: relative;
  background-color: #104fc2;
  background-image: linear-gradient(to right bottom, #0098db 0, #0056a1 100%);
  width: 100%;
  height: 400px;
  overflow: hidden;
  margin-bottom: 10px;
}
.mzh_preisfinder_form_component *,
.mzh_preisfinder_form_component * button,
.mzh_preisfinder_form_component * button:focus {
  outline: none;
}
.mzh_preisfinder_form_component .controls {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events:none;
  z-index: 99;
}
.mzh_preisfinder_form_component .controls .buttons {
  position: absolute;
  top: 175px; width: 50px;
}
.mzh_preisfinder_form_component .controls .buttons button {
    border: 0;
    background-color: white;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    color: #0056a1;
    padding: 0;
    line-height: 1px;
    font-size: 25px;
    font-weight: 900;
    outline: none;
    cursor: pointer;
    pointer-events:auto;
}
.mzh_preisfinder_form_component .controls .buttons.button-off button {
  opacity: .5;
  cursor: default;
  border: 1px solid white;
  background-color: transparent;
  color: white;
}
.mzh_preisfinder_form_component .controls .buttons.button-back {
  left: 5px;
}
.mzh_preisfinder_form_component .controls .buttons.button-fwd {
  right: 5px;
  text-align: right;
}
.mzh_preisfinder_form_component .controls ul.views-list {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  padding: 0; margin: 0;
}
.mzh_preisfinder_form_component .controls ul.views-list li {
  display: inline-block;
  width: 1.5rem; height: 1.5rem;
  text-align: center;
  font-weight: bold;
  background: white;
  color: #0056a1;
  border-radius: 50%;
  cursor: pointer;
  margin-left: .75rem;
  opacity: .5;
  pointer-events:auto;
}
.mzh_preisfinder_form_component .controls ul.views-list li.hi {
  cursor: default;
  opacity: 1;
}

/* === View ==== */

.mzh_preisfinder_form_component .showviews {
  width: 1000%; height: 100%;
  position: absolute;
  left: 0;
  transition: 1s;
  z-index: 9;
}
.mzh_preisfinder_form_component .view {
  width: 10%; height: 100%;
  display: block;
  position: absolute;
  transition: 1s;
  padding: 20px 30px 10px 30px;
}
.mzh_preisfinder_form_component .view-bg {
  width: 100%; height: 100%;
  position: absolute;
  left: 0;
  transition: 1s;
  z-index: 1;
  /**** background-image: url(/images/headers/trier-hauptmarkt.jpeg); **/
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .15;
}
.mzh_preisfinder_form_component .form-has-been-send {
  color: white;
  padding: 40px 80px 10px 50px;
}
.mzh_preisfinder_form_component .view.view-1 {
  background-color: transparent;
  left: 0;
}
.mzh_preisfinder_form_component .view.view-2 {
  background-color: transparent;
  left: 10%;
}
.mzh_preisfinder_form_component .view.view-3 {
  background-color: transparent;
  left: 20%;
}
.mzh_preisfinder_form_component .view.view-4 {
  background-color: transparent;
  left: 30%;
}
.mzh_preisfinder_form_component .view.view-5 {
  background-color: transparent;
  left: 40%;
}
.mzh_preisfinder_form_component .view.view-6 {
  background-color: transparent;
  left: 50%;
}
.mzh_preisfinder_form_component .view.view-7 {
  background-color: transparent;
  left: 60%;
}
.mzh_preisfinder_form_component .view.view-8 {
  background-color: transparent;
  left: 70%;
}
.mzh_preisfinder_form_component .view.view-9 {
  background-color: transparent;
  left: 80%;
}
.mzh_preisfinder_form_component .view.view-10 {
  background-color: transparent;
  left: 90%;
}

.mzh_preisfinder_form_component .view-form {
  color: white;
}
.mzh_preisfinder_form_component .view-form ul {
  list-style: none;
}
.mzh_preisfinder_form_component .view-form ul li {
  padding: 5px;
}
.mzh_preisfinder_form_component .view-form ul li.einverstandnis {
  padding-top: 15px;
}

.mzh_preisfinder_form_component .view-form input[type="text"],
.mzh_preisfinder_form_component .view-form input[type="email"],
.mzh_preisfinder_form_component .view-form input[type="tel"] {
  /* max-width: 250px;
  display: inline-block; */
}
.mzh_preisfinder_form_component .view-form .col-md-2,
.mzh_preisfinder_form_component .view-form .col-md-4,
.mzh_preisfinder_form_component .view-form .col-md-8 {
  padding-top: 5px;
}
.mzh_preisfinder_form_component .view-form .col-md-12 {
  padding-top: 15px;
}
.mzh_preisfinder_form_component .view-form .contactform  {
  padding: 0 15px;
  max-width: 750px; min-width: 450px;
  width: 75%;
}
@media (max-width: 699px) {
  .mzh_preisfinder_form_component .view-form .contactform  {
    padding: 5px;
    min-width: 0;
    width: 95%;
  }
}
.mzh_preisfinder_form_component .view-form .contactform label input[type="checkbox"]+span  {
  line-height: 125%;
  font-size: .7rem;
}
.mzh_preisfinder_form_component .view-form label.label {
  min-width: 85px;
  display: inline-block;
}
.mzh_preisfinder_form_component .view-form a {
  background-color: #ffffff77;
  display: inline-block;
  padding: 0 5px 1px 5px;
  margin: 0 3px 0 3px;
  transition: .4s;
}
.mzh_preisfinder_form_component .view-form a:hover {
  background-color: #ffffff;
  color: #0056a1;
  /* box-shadow: 1px 1px 6px 4px white; */
}

/* Typography */
.mzh_preisfinder_form_component .view h1 {
  font-size: 2rem;
  color: white;
}
.mzh_preisfinder_form_component .view h2 {
  font-size: 1.15rem;
  color: white;
}

.mzh_preisfinder_form_component ul.button-row {
  list-style: none;
  display: block;
  margin: 20px 0 0 0; padding: 5px 15px 5px 15px;
  text-align: center;
}
.mzh_preisfinder_form_component ul.button-row li {
  display: inline-block;
  margin: 0; padding: 10px;
}
.mzh_preisfinder_form_component .button-row button {
  border: 2px solid white;
  background: transparent;
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  color: white;
  cursor: pointer;
}
.mzh_preisfinder_form_component .button-row.kauf-buttons button {
  min-width: 160px;
}
@media (min-width:868px) {
  .mzh_preisfinder_form_component .view-1 .button-row.kauf-buttons button {
    zoom: 130%;
  }
}
.mzh_preisfinder_form_component ul.button-row-inputs.objektkonfig-buttons li button    {
  font-size: 15px;
}
.mzh_preisfinder_form_component ul.button-row-inputs li button .mzh-icon-image   {
  height: 45px;
}

.mzh_preisfinder_form_component .button-row button:hover,
.mzh_preisfinder_form_component .button-row button.hi {
  /* background: #ffffffaa;
  color: #e87e23;
  color: #777777; */
  background-image: linear-gradient(to right bottom, #ffffff99 0, #ffffff00);
  color: #ffffff;
  /* box-shadow: 1px 1px 5px 3px #fff; */
}
.mzh_preisfinder_form_component .adresse-form {
  width: 45%;
  list-style: none;
  padding: 0; margin: 15px 0 0 0;
  color: white;
}
.mzh_preisfinder_form_component .adresse-form .mzh-row,
.mzh_preisfinder_form_component .adresse-form .mzh-col {
  padding: 0; margin: 0 0 1px 0;
}
.mzh_preisfinder_form_component .adresse-form .visible-xs-block {
  display: none;
}
.mzh_preisfinder_form_component .adresse-form button[disabled] {
  opacity: .5;
}
@media (max-width: 768px) {
  .mzh_preisfinder_form_component .adresse-form .visible-xs-block {
    display: block;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row {
    margin-bottom: 5px;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-xs-2 {
    width: 16.66666666%;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-xs-4 {
    width: 33.33333333%;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-xs-6 {
    width: 50%;
  }

  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-sm-2.mzh-col {
    width: 16.66666666%;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-sm-3.mzh-col {
    width: 25%;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-sm-6.mzh-col {
    width: 50%;
  }
  .mzh_preisfinder_form_component .adresse-form .mzh-row .col-sm-7.mzh-col {
    width: 58.33333333%;
  }
}


.mzh_preisfinder_form_component .adresse-form .hidden {
  display: none;
}
.mzh_preisfinder_form_component .adresse-form  li span {
  font-weight: 700;
  color: white;
  font-size: 1.3rem;
}
.mzh_preisfinder_form_component .adresse-form .lookup {
  position: relative;
}
/* .mzh_preisfinder_form_component .adresse-form #searchresults {
  list-style: none;
  position: absolute;
  padding:0;
  background-color: #ffffffdd;
  z-index: 1000;
}
.mzh_preisfinder_form_component .adresse-form #searchresults li {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  color: black;
  cursor: pointer;
} // */
.mzh_preisfinder_form_component .adresse-form .adressbtn {
  width: 100%;
  padding: 15px;
  text-align: center;
  cursor: default;
}
.mzh_preisfinder_form_component .adresse-form #adressbtn[disabled] {
  opacity: .35;
}
.mzh_preisfinder_form_component .adresse-form .house_number {
  width: 7rem;
  display: inline-block;
  margin-left: .5rem;
}


/**/
.mzh_preisfinder_form_component ul.button-row li.show-on-immotyp-familienhaus,
.mzh_preisfinder_form_component ul.button-row li.show-on-immotyp-wohnung {
  display: none;
}
.mzh_preisfinder_form_component.immotyp-Einfamiliehaus ul.button-row li.show-on-immotyp-familienhaus,
.mzh_preisfinder_form_component.immotyp-Mehr-familienhaus ul.button-row li.show-on-immotyp-familienhaus,
.mzh_preisfinder_form_component.immotyp-Zwei-familienhaus ul.button-row li.show-on-immotyp-familienhaus {
  display: inline-block;
}
.mzh_preisfinder_form_component.immotyp-Wohnung ul.button-row li.show-on-immotyp-wohnung {
  display: inline-block;
}

/* Leaflet map */
.mzh_preisfinder_form_component #mapposition {
  position: absolute;
  top: 25px; right: 25px; width: 50%;

}
.mzh_preisfinder_form_component #mapid {
  height: 335px; width: 100%;
}

/* button-row-inputs */
.mzh_preisfinder_form_component ul.button-row-inputs {
    display: flex;
    margin: 20px 0 0 0;
    justify-content: center;
    overflow: auto;
}
@media (max-width:999px) {
  .mzh_preisfinder_form_component ul.button-row-inputs {
    justify-content: left;
  }
}
.mzh_preisfinder_form_component ul.button-row-inputs li {
  display: inline-block;
  border: 1px solid white;
  margin-right: 5px;
  border-radius: 10px;
  min-height: 155px;
  color: white;
  min-width: 200px;
  position: relative;
}
.mzh_preisfinder_form_component ul.button-row-inputs li .labels {
  text-align: left;
}
.mzh_preisfinder_form_component ul.button-row-inputs li h2 + .labels {
  margin-top: 5px;
}
.mzh_preisfinder_form_component ul.button-row-inputs-bottom li {
  display: block;
  padding: 0; margin: 0;
  text-align: center;
  position: relative;
}
.mzh_preisfinder_form_component ul.button-row-inputs-bottom button {
  border: 2px solid white;
  background: transparent;
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  color: white;
  cursor: pointer;
}
.mzh_preisfinder_form_component ul.button-row-inputs .tooltip {
  transition: .5s;
}
.mzh_preisfinder_form_component ul.button-row-inputs .tooltip.in {
  opacity: .85;
}
.mzh_preisfinder_form_component ul.button-row-inputs .slider-handle {
  background-color: #003699;
  background-image: -webkit-linear-gradient(left, #a0c9f5 0, #002f84 100%);
  background-image: -o-linear-gradient(left, #a0c9f5 0, #002f84 100%);
  background-image: linear-gradient(to bottom right, #a0c9f5 0, #002f84 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef9220',endColorstr='#bf3d15',GradientType=1);
    box-shadow: 2px 2px 4px #0000007a;
}
.mzh_preisfinder_form_component .slider.slider-horizontal {
    width: 100%;
}
.mzh_preisfinder_form_component .slider.slider-horizontal + input {
  display: inline-block !important;
  position: absolute;
  background: transparent;
  color: #0056a1;
  width: 60px;
  border-color: #0056a1;
  font-weight: bold;
  pointer-events: none;
  top: 40px;
  padding: 5px 0 5px 0;
  right: 10px;
  background-color: #ffffffee;
  text-shadow: 1px 0 3px white;
  text-align: center;
}
/* button-row-inputs small */
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small {
  margin: 0 0 -5px 0;
  justify-content: left;
  flex-wrap: wrap;
  zoom: 90%;
}
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small li {
    min-width: 150px;
    min-height: 50px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small li h2 {
      font-size: .9rem;
      margin-bottom: 0;
}
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small li label span {
      font-size: .7rem;
      line-height: 125%;
      height: 5px;
}
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small li .mzh-icon-image {
  height: 50px;
}
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small input[type="checkbox"]+span:before {
  top: -7px;
  width: 21px;
  height: 21px;
}
.mzh_preisfinder_form_component ul.button-row-inputs.button-row-inputs-small input[type="checkbox"]:checked+span:before {
  top: -12px;
  width: 18px;
  height: 28px;
}

/**** icon style ****/
.mzh_preisfinder_form_component div .mzh-icon-verkaufen {
  background-image: url(../images/icons/icon-verkaufen.png);
}
.mzh_preisfinder_form_component div .mzh-icon-wert {
  background-image: url(../images/icons/icon-wert.png);
}
.mzh_preisfinder_form_component div .mzh-icon-finanzen {
  background-image: url(../images/icons/icon-finanzierung.png);
}
.mzh_preisfinder_form_component div .mzh-icon-einfamilienhaus {
  /* background-image: url(../images/icons/icon-einfamilienhaus.png); */
}
.mzh_preisfinder_form_component div .mzh-icon-zweifamilienhaus {
  background-image: url(../images/icons/icon-zweifamilienhaus.png);
}
.mzh_preisfinder_form_component div .mzh-icon-mehrfamilienhaus {
  background-image: url(../images/icons/icon-mehrfamilienhaus.png);
}
.mzh_preisfinder_form_component div .mzh-icon-wohnung {
  background-image: url(../images/icons/icon-wohnung.png);
}
.mzh_preisfinder_form_component div .mzh-icon-reihenendhaus {
  background-image: url(../images/icons/icon-reihenendhaus.png);
}
.mzh_preisfinder_form_component div .mzh-icon-reihenmittelhaus {
  background-image: url(../images/icons/icon-reihenmittelhaus.png);
}
.mzh_preisfinder_form_component div .mzh-icon-reihenmittelhaus {
  background-image: url(../images/icons/icon-reihenmittelhaus.png);
}
.mzh_preisfinder_form_component div .mzh-icon-doppelhaushalfte {
  background-image: url(../images/icons/icon-doppelhaushalfte.png);
}
.mzh_preisfinder_form_component div .mzh-icon-doppelhaushalfte {
  background-image: url(../images/icons/icon-doppelhaushalfte.png);
}
.mzh_preisfinder_form_component div .mzh-icon-freistehend {
  /* background-image: url(../images/icons/icon-freistehend.png); */
}
.mzh_preisfinder_form_component div .mzh-icon-bungalow {
  background-image: url(../images/icons/icon-bungalow.png);
}
.mzh_preisfinder_form_component div .mzh-icon-villa {
  background-image: url(../images/icons/icon-villa.png);
  min-width: 75px;
}
.mzh_preisfinder_form_component div .mzh-icon-souterrain {
    background-image: url(../images/icons/icon-souterrain.png);
}
.mzh_preisfinder_form_component div .mzh-icon-erdgeschoss {
    background-image: url(../images/icons/icon-erdgeschoss.png);
}
.mzh_preisfinder_form_component div .mzh-icon-etagenwohnung {
  background-image: url(../images/icons/icon-etagenwohnung.png);
}
.mzh_preisfinder_form_component div .mzh-icon-maisonette {
  background-image: url(../images/icons/icon-maisonette.png);
}
.mzh_preisfinder_form_component div .mzh-icon-dachgeschoss {
  background-image: url(../images/icons/icon-dachgeschoss.png);
}
.mzh_preisfinder_form_component div .mzh-icon-penthouse {
  background-image: url(../images/icons/icon-penthouse.png);
}
.mzh_preisfinder_form_component div .mzh-icon-etagen {
  background-image: url(../images/icons/icon-etagen.png);
}
.mzh_preisfinder_form_component div .mzh-icon-grundstuck {
  background-image: url(../images/icons/icon-grundstuck.png);
}
.mzh_preisfinder_form_component div .mzh-icon-wohnflaeche {
  background-image: url(../images/icons/icon-wohnflaeche.png);
}
.mzh_preisfinder_form_component div .mzh-icon-keller {
  background-image: url(../images/icons/icon-basement.png);
}
.mzh_preisfinder_form_component div .mzh-icon-anbau {
  background-image: url(../images/icons/icon-anbau.png);
}

.mzh_preisfinder_form_component div .mzh-icon-pultdach {
  background-image: url(../images/icons/icon-pultdach.png);
}
.mzh_preisfinder_form_component div .mzh-icon-flachdach {
  background-image: url(../images/icons/icon-flachdach.png);
}
.mzh_preisfinder_form_component div .mzh-icon-dach-sonstige {
  background-image: url(../images/icons/icon-sonstiges.png);
}
.mzh_preisfinder_form_component div .mzh-icon-carport {
  background-image: url(../images/icons/icon-carport.png);
}
.mzh_preisfinder_form_component div .mzh-icon-aussenstellplatz {
  background-image: url(../images/icons/icon-aussenstellplatz.png);
}
.mzh_preisfinder_form_component div .mzh-icon-garage {
  background-image: url(../images/icons/icon-garage.png);
}
.mzh_preisfinder_form_component div .mzh-icon-tiefgarage {
  background-image: url(../images/icons/icon-tiefgarage.png);
}
.mzh_preisfinder_form_component div .mzh-icon-dach {
  background-image: url(../images/icons/icon-dach.png);
}
.mzh_preisfinder_form_component div .mzh-icon-warmedammung {
  background-image: url(../images/icons/icon-warmedammung.png);
}
.mzh_preisfinder_form_component div .mzh-icon-fenster-tueren {
  background-image: url(../images/icons/icon-tueren-fenster.png);
}
.mzh_preisfinder_form_component div .mzh-icon-heizung {
  background-image: url(../images/icons/icon-heizung.png);
}
.mzh_preisfinder_form_component div .mzh-icon-fussboeden {
  background-image: url(../images/icons/icon-fussboden.png);
}
.mzh_preisfinder_form_component div .mzh-icon-innenwande-tueren {
  background-image: url(../images/icons/icon-innenwande.png);
}
.mzh_preisfinder_form_component div .mzh-icon-badwc {
  background-image: url(../images/icons/icon-badwc.png);
}
.mzh_preisfinder_form_component div .mzh-icon-elektro {
  background-image: url(../images/icons/icon-electro.png);
}


/*  generic styles */
.mzh_preisfinder_form_component .mzh-icon-image {
  background-image: url(../images/icon_mzhpreisfinder_haus.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%; height: 60px;
}
.mzh_preisfinder_form_component button .mzh-icon-image {
  width: 100%; height: 60px;
}
.mzh_preisfinder_form_component .mzh-button {
  border: 2px solid white;
  background: transparent;
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  color: white;
  cursor: pointer;
}
.mzh_preisfinder_form_component .mzh-button.hi {
  color: #0056a1;
  /* box-shadow: 1px 1px 6px 4px white; */
  background: white;
}
.mzh_preisfinder_form_component .mzh-button[disabled] {
  opacity: .35;
  pointer-events:none;
}
.mzh_preisfinder_form_component .mzh-button:not([disabled]) {
  animation: 1s mzh-glow 1 alternate ease-in-out;
}
.mzh_preisfinder_form_component .mzh-button:not([disabled]):hover {
  /* animation: 1s mzh-glow 1 ease-in-out; */
  color: #0056a1;
  /* box-shadow: 1px 1px 6px 4px white; */
  background: white;
}

.mzh-rows {
  /* display: flex;
  justify-content: center; */
  position: relative;
}
.mzh-rows .mzh-rows-fixed {
  position: absolute;
  top: 20px; left: 0;
}
.mzh-rows .mzh-rows-fixed:nth-child(3) {
  position: absolute;
  top: 20px; right: 0;
  text-align: right;
}
.mzh-rows .mzh-rows-middle {
  /* flex:1 1 auto;
  width: 60%;  */
  width: 100%;
}
.mzh-rows .mzh-rows-middle .slider.slider-horizontal + input {
  top: -60px;
  right: 0;
}

/* animation */
@keyframes mzh-glow {
  0% { box-shadow: 1px 1px 0 0 white; background: transparent; color: white; }
  50% { box-shadow: 1px 1px 6px 4px white; background: #ffffff77; color: #0056a1; }
  100% { box-shadow: 1px 1px 0 0 white; background: transparent; color: white; }
}

/* custom checkbox */
.mzh_preisfinder_form_component input[type="checkbox"]:not(:checked),
.mzh_preisfinder_form_component input[type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
    padding: 0;  margin: 0;
    line-height: 1.15;
    overflow: visible;
}
.mzh_preisfinder_form_component input[type="checkbox"]+span {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}
.mzh_preisfinder_form_component input[type="checkbox"]+span:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.mzh_preisfinder_form_component input[type="checkbox"]+span:before,
.mzh_preisfinder_form_component input[type="checkbox"]+span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    z-index: 0;
    border: 1px solid #ffffffcc;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}
.mzh_preisfinder_form_component  input[type="checkbox"]:checked+span:before {
    top: -4px;
    left: -5px;
    width: 18px;
    height: 28px;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 6px solid #fff;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/* custom scrollbar */
.mzh_preisfinder_form_component ::-webkit-scrollbar {
  width: 8px; height: 8px;
}
.mzh_preisfinder_form_component  ::-webkit-scrollbar-track { /* Track */
  box-shadow: inset 0 0 10px #ffffffcc;
  border-radius: 10px;
}
.mzh_preisfinder_form_component  ::-webkit-scrollbar-thumb { /* Handle */
  background: #fffa;
  border-radius: 10px;
}

.mzh_preisfinder_form_component  ::-webkit-scrollbar-thumb:hover { /* Handle on hover */
  background: #fff;
}


/* Responsive */
@media (max-width:450px) {
    .mzh_preisfinder_form_component {
      height: 600px;
      margin-left: -10px;
      width: calc( 100% + 20px);
    }
    .mzh_preisfinder_form_component .view {
      zoom: 85%;
    }
    .mzh_preisfinder_form_component .controls ul.views-list li {
      margin-left: .5rem;
    }
    .mzh_preisfinder_form_component .view h1 {
      font-size: 1.6rem;
    }
    .mzh_preisfinder_form_component #mapposition {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
    }
    .mzh_preisfinder_form_component .adresse-form {
      width: 100%;
    }
    .mzh_preisfinder_form_component .adresse-form li:nth-child(2) {
      display: none;
    }
    .mzh_preisfinder_form_component .adresse-form li:nth-child(3) {
      display: inline-block;
      min-width: 60%;
    }
    .mzh_preisfinder_form_component .adresse-form li:nth-child(4) {
      display: inline-block;
    }
    .mzh_preisfinder_form_component ul.button-row-inputs {
      flex-wrap: wrap;
      justify-content: center;
      max-height: 80%;
    }
    .mzh_preisfinder_form_component ul.button-row-inputs li {
      min-width: 75%; margin-bottom: 5px; min-height: 150px;
    }
    .mzh_preisfinder_form_component .view.view-6 ul.button-row-inputs li {
      zoom: 80%;
    }
    .mzh_preisfinder_form_component .view.view-7 ul.button-row-inputs li {
      zoom: 90%;
      min-width: 45%;
    }
    .mzh_preisfinder_form_component .view.view-8 ul.button-row-inputs.button-row-inputs-small {
      justify-content: center;
    }
    .mzh_preisfinder_form_component .view.view-8 ul.button-row-inputs.button-row-inputs-small li {
      min-width: 30%;
    }
    .mzh_preisfinder_form_component .button-row-inputs-bottom {
      margin-top: 5px;
    }
    .mzh_preisfinder_form_component .mzh-icon-image {
      zoom: 90%;
    }
    .mzh_preisfinder_form_component .view-form .contactform {
      padding: 5px 5px 5px 25px;
      width: 100%;
    }
}