/*NEUES ELEMENT*/
/*NEUES ELEMENT*/
/*NEUES ELEMENT*/

/*RECHNER_FORMS----------------------------------------------------------------------------------------------------------------START*/
#rechner_innen {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

#rechner_innen_h3 {
  display: inline-block;
  width: 29%;
  vertical-align: top;
  margin-bottom: 30px;
}

#rechner_innen_h3 h3 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;

}

#rechner_innen_p {
  display: inline-block;
  width: 70%;
  vertical-align: top;
  margin-bottom: 30px;
}

#rechner_innen_p p {
  padding: 0px;
  margin: 0px
}



#rechner_formular {
  background-color: white;
-webkit-box-shadow: 1px 1px 10px 4px #F0F0F0;
box-shadow: 1px 1px 10px 4px #F0F0F0;
margin-bottom: 50px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

#rechner_formular_innen {
  padding: 40px;
  padding-left: 60px;
  padding-right: 60px;
}

#rechner_formular_innen input[type=text], 
#rechner_formular_innen select, 
#rechner_formular_innen textarea {
  display: block;
  width: 80%;
  padding: 12px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

.rechner_formular_radio_button {
  width: 25px; 
  height: 25px;
  margin-top: 8px;
  cursor: pointer; 
}

#div_minuten_in_stunden {
  display: none;
}

#rechner_formular_innen label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

.betriebstage_checkbox {
    width: 25px; 
  height: 25px;
  margin-top: 8px;
  cursor: pointer; 
}

.betriebstage_checkbox_label {
  vertical-align: bottom;
  line-height: 2.2;
}

.rechner_formular_radio_button_label {
  padding-bottom: 15px;
  vertical-align: bottom;
} 

#rechner_formular_innen input[type=submit] {
  background-color: #000A3D;
  color: white;
  margin: 0px;
  padding: 12px 20px;
  border: none;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
  cursor: pointer;
  display: block;
  width: 92%;
  vertical-align: bottom;
  font-weight: bold;
}

#rechner_formular_innen input[type=submit]:hover {
  opacity: 0.75;
}

.col-20 {
  display: inline-block;
  width: 20%;
  margin-top: 6px;
  vertical-align: bottom;
}

.col-60 {
display: inline-block;
  width: 60%;
  margin-top: 6px;
  vertical-align: bottom;
}

.col-19 {
display: inline-block;
  width: 19%;
  margin-top: 6px;
  vertical-align: bottom;
}

#rechner_innen button {
  background-color: #000A3D;
  color: white;
  margin: 0px;
  padding: 12px 20px;
  border: none;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
  cursor: pointer;
  display: block;
  width: 92%;
  vertical-align: bottom;
  font-weight: bold;
}

#rechner_formular_innen button:hover {
  opacity: 0.75;
}

@media screen and (max-width: 1400px) {

#rechner_innen {
	padding: 40px;
}

#rechner_innen button {
  margin-top: 20px;
  width: 98%;
}


}


@media screen and (max-width:700px) {

#rechner_innen_h3 {
  display: block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 30px;
}

#rechner_innen_h3 h3 {
  color: rgb(43, 40, 71);
    margin: 0px;
  padding: 0px;
 text-align: left;
padding-left: 40px;
padding-right: 40px;

}

#rechner_innen_p {
  display: block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 30px;
}

#rechner_innen_p p {
padding-left: 40px;
padding-right: 40px;
}

.col-20 {
  float: none;
  width: 100%;
  display: block;
  margin-top: 0px;
  vertical-align: top;
}

.col-60 {
  float: none;
  width: 100%;
  display: block;
  margin-top: 0px;
  vertical-align: top;
}

.col-19 {
  float: none;
  width: 100%;
  display: block;
  margin-top: 0px;
  vertical-align: top;
}

#rechner_formular_innen input[type=submit] {
margin-top: 20px;
}

}

/*RECHNER_FORMS----------------------------------------------------------------------------------------------------------------ENDE*/