/* Projektwizard: Koordinaten auf Desktop zwingend in einer Zeile. */
#modal.project-wizard-modal .building-coordinates .coordinate-input-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-end !important;
  gap: 1rem !important;
  width: 100% !important;
}

#modal.project-wizard-modal .building-coordinates .coordinate-input-row > label {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

#modal.project-wizard-modal .building-coordinates .coordinate-input-row > label > input {
  width: 100% !important;
  min-width: 0 !important;
}

#modal.project-wizard-modal .building-coordinates .coordinate-input-row > .geocode-address-button {
  flex: 0 0 15rem !important;
  width: 15rem !important;
  min-width: 15rem !important;
  max-width: 15rem !important;
  margin: 0 !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
}

#modal.project-wizard-modal .building-coordinates > [data-geocode-status] {
  display: block !important;
  width: 100% !important;
  margin-top: .65rem !important;
}

@media (max-width: 760px) {
  #modal.project-wizard-modal .building-coordinates .coordinate-input-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #modal.project-wizard-modal .building-coordinates .coordinate-input-row > label,
  #modal.project-wizard-modal .building-coordinates .coordinate-input-row > .geocode-address-button {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
