.contactForm-googleMaps {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}


.contactForm, .googleMaps {
  width: 45%;
}

.contactForm .contactform--textContainer, .googleMaps .googleMaps--textContainer {
  text-align: center;
}

.googleMaps .googleMaps--textContainer p {
  font-family: 'Fira Sans Extra Condensed Light', sans-serif;
}

#map {
  aspect-ratio: 2 / 1.5;
  width: 100%;
  cursor: pointer;
  position: relative;
}

}


.googleMaps #mapcontent {
  text-align: center;
position: absolute !important;
  display = "none";
}

.googleMaps #mapcontent input[type="text"] {
  background-color: #00cc0011;
  border-color: #0c0;
}
.googleMaps #mapcontent .routePlaningContainer {
  width: 100%;	
}

.mapImage {
  width: 100%;
  height: auto;
}

.contactForm input {
  
}

.googleMaps h2 {
  color: #0b5150;
}

.googleMaps #mapcontent input[type="button"] {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  padding: 5px;
  color: #0a5150;
  background: #b8d15a;
  cursor: pointer;
  margin: 0 5px;
}



@media all and (max-width: 1100px) {
  .contactForm, .googleMaps {
    width: 100%;
  }
  .contactForm {
    margin-bottom: 40px;
  }
}

@media all and (min-width: 1101px) and (max-width: 1398px) {
  form .hs-form-booleancheckbox-display span:not(.hs-form-required)::after {
    top: -48px;
  }
}

@media all and (min-width: 671px) and (max-width: 1100px) {	
  form .hs-form-booleancheckbox-display span:not(.hs-form-required)::after {
    top: -22px;
  }
}

@media all and (min-width: 388px) and (max-width: 670px) {
  form .hs-form-booleancheckbox-display span:not(.hs-form-required)::after {
    top: -45px;
  }
}

@media all and (max-width: 387px) {
  form .hs-form-booleancheckbox-display span:not(.hs-form-required)::after {
    top: -69px;
  }
}