@charset "utf-8";
/* CSS Document */

.kontaktform {width: 100%; max-width: 560px; margin: 0 auto; box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.115); box-sizing: border-box; padding: 50px; background-color: var(--white);}

.kontaktform h4 {font-size: 18px; color: var(--blue); text-transform: uppercase; margin: 0 0 15px 0; font-weight: 900;}
.kontaktform h2 {font-size: 30px; color: var(--black); margin: 0 0 40px 0; letter-spacing: 0.025em; font-weight: 900; line-height: 44px;}

.kontaktform .formControlLabel {display: none;}
.kontaktform #Firma, .kontaktform #Name, .kontaktform #Standort, .kontaktform #E-Mail, .kontaktform #Telefon, .kontaktform #Nachricht {width: 100%; font-family: "Roboto Condensed", sans-serif; border: 0; background-color: var(--grey2); color: var(--black); font-size: 16px; border-radius: 0; box-shadow: none; box-sizing: border-box;}
.kontaktform #Firma, .kontaktform #Name, .kontaktform #Standort, .kontaktform #E-Mail, .kontaktform #Telefon {height: 50px; line-height: 50px; padding: 0 10px;}
.kontaktform #Nachricht {padding: 17px 10px;}
.kontaktform #Firma, .kontaktform #Nachricht {}
.kontaktform #Name, .kontaktform #Standort, .kontaktform #E-Mail, .kontaktform #Telefon {}
.kontaktform .rsform-block-datenschutz p {font-size: 14px; color: var(--grey); margin: 20px 0 25px 0;}
.kontaktform .rsform-block-datenschutz a {color: var(--blue);}
.kontaktform .formResponsive button[type="submit"] {border: 0; border-radius: 0; background-color: var(--blue); padding: 10px 18px; font-size: 20px; color: var(--white); text-shadow: none; line-height: normal; box-shadow: none; font-family: "Roboto Condensed", sans-serif; transition: all .5s ease;}
.kontaktform .formResponsive button[type="submit"]:hover {background-color: var(--black); transition: all .5s ease;}




::placeholder {color: var(--black); opacity: 1;}
:-ms-input-placeholder {color: var(--black);}
::-ms-input-placeholder {color: var(--black);}

@media screen and (max-width: 650px){
.kontaktform {width: 90%; padding: 50px 20px;}
}