.immo_calc_main {
  width: 100%;
  margin: auto;
  background-color: #ffffff;
}

.immo_calc_content {
  padding: 0 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.immo_calc_content_entry {
  vertical-align: middle;
  width: 100%;
}

.description_column, .content_column {
  margin-top: 3px;
  margin-bottom: 3px;
}

.description_column, .content_column, .immo_calc_content_element_1, .immo_calc_content_element_2, .immo_calc_description_element_middle, .immo_calc_description_element_last {
  display: block;
  float: left;
  border: none;
  height: auto;
}

.immo_calc_description_element_middle, .immo_calc_description_element_last {
  padding: 1%;
}

.immo_calc_static_text {
  display: block;
  border: 1px solid #000000;
  text-align: right;
  background-color: a0a0a0;
  color: #000000;
  padding-right:10px;
}

.immo_calc_input {
  -moz-appearance: textfield;
  width: 100%;
  text-align: right;
  padding-right:5px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.immo_calc_finance_chart {
  width: 100%; 
  height: 10em;
  float: left;
}

.immo_calc_collaps {
  background: transparent;
  border: none;
  color: #180f79;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.active, .focus:focus, .target:target, .immo_calc_collaps:hover{
  background: #180f79;
  color: #ffffff;
}
.immo_calc_collaps > h3 {
  hyphens: auto;
}

.immo_calc_collaps.active > h3, .immo_calc_collaps:focus > h3, .immo_calc_collaps:target > h3, .immo_calc_collaps:hover > h3 {
  background: #180f79;
  color: #ffffff;
}


.immo_calc_collaps > h3:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.immo_calc_collaps.active > h3:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.immo_calc_button {
  border: 2px solid;
  width: 33%;
}

#map {
  border-radius: 20px;
  z-index: 500;
  font-size: 0px;
  height: 150px;
  width: 100%;
}

/* Popup container */
.immo_info_popup {
  display: inline-block;
  cursor: pointer;
}

.immo_calc_content_element_1 {
  width: 75%;
}

.immo_calc_content_element_2 {
  width: 35%;
}

.immo_calc_description_element_middle {
  width: 5%;
}

.immo_calc_description_element_last {
  width: 25%;
}

@media (min-width:320px)  { 

  .description_column {
    width: 100%;
  }
  
  .content_column {
    width: 100%;
  }  
}

@media (min-width:600px)  { 

  .description_column {
    width: 50%;
  }
  
  .content_column {
    width: 50%;
  }
}