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

.kontaktform-master {width: 100%; background: linear-gradient(90deg, white 55%, var(--white) 45%); margin: 100px 0 0 0; position: relative; z-index: 1;}
.kontaktform-inner {width: 92%; max-width: 1400px; margin: 0 auto; padding: 80px 0 120px 0; background-color: var(--white);}
.kf-teiler {width: 50%; max-width: 700px; float: left;}
.kf-teiler .fa-arrow-alt-circle-right {font-size: 40px; padding: 18px 0 0 10px;}
.kf-text {box-sizing: border-box; padding: 60px 120px 60px 40px;}
.kf-text p {margin: 0 0 40px 0;}
.kf-icons .fas, .kf-icons .far {font-size: 30px; text-align: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--grey); color: var(--white); margin-right: 10px;}

/*###################
#### Formmailer #####
###################*/
.formmailer, .bform {width: 100%; max-width: 600px;}
.formmailer h2, .bform h2 {display: none;}
.formmailer .formResponsive input.rsform-input-box, .bform .formResponsive input.rsform-input-box {width: 100%; line-height: 50px; height: 50px; font-size: 18px; margin-bottom: 15px; box-sizing: border-box; padding: 0 10px; border: 0; border-radius: 0; font-family: 'Roboto Condensed', sans-serif; background-color: #fff;}
.formmailer .formResponsive textarea {width: 100%; font-size: 18px; margin-bottom: 15px; box-sizing: border-box; padding: 20px 10px; font-family: 'Roboto Condensed', sans-serif; height: 150px; border: 0; border-radius: 0; background-color: #fff;}
.bform .formResponsive textarea {width: 100%; font-size: 18px; margin-bottom: 15px; box-sizing: border-box; padding: 20px 10px; font-family: 'Roboto Condensed', sans-serif; height: 100px; border: 0; border-radius: 0; background-color: #fff;}
.formmailer .formDescription, .form-md h2, .bform .formDescription {display: none;}
.formmailer .formBody img {width: 50%; max-width: 120px;}
.bform .formBody img {width: 50%; max-width: 100px;}
.formmailer .formResponsive input.rsform-captcha-box {width: 50%; max-width: 200px; line-height: 36px; height: 36px;}
.bform .formResponsive input.rsform-captcha-box  {width: 50%; max-width: 100px; line-height: 32px; height: 32px; margin-top: -10px;}
.formmailer .formResponsive .rsform-submit-button[type="submit"], .formmailer .rsform-captcha-refresh-button, .bform .rsform-captcha-refresh-button {margin: 40px 0 0 0; background-color: var(--green); color: #fff; font-size: 18px; border-radius: 0px; text-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border: 0; font-family: 'Roboto Condensed', sans-serif;}
.bform .formResponsive .rsform-submit-button[type="submit"] {margin: 20px 0 0 0; background-color: var(--green); color: #fff; font-size: 18px; border-radius: 0px; text-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border: 0; font-family: 'Roboto Condensed', sans-serif;}
.formmailer .formResponsive .rsform-submit-button[type="submit"] {padding: 10px 18px; margin-bottom: 40px;}
.bform .formResponsive .rsform-submit-button[type="submit"] {padding: 10px 18px;}
.formmailer .rsform-captcha-refresh-button, .bform .rsform-captcha-refresh-button {padding: 10px 10px 10px 10px;}
.formmailer .formResponsive .rsform-submit-button[type="submit"]:hover, .formmailer .rsform-captcha-refresh-button:hover, .bform .formResponsive .rsform-submit-button[type="submit"]:hover, .bform .rsform-captcha-refresh-button:hover {background-color: var(--grey); color: #fff;}
.formmailer .formResponsive select.rsform-select-box, .bform .formResponsive select.rsform-select-box {line-height: 50px; height: 50px; font-size: 18px; width: 100%; background-color: #fff; color: var(--grey); padding: 0 10px; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px;}
.formmailer .rsform-block-sicherheitscode .formControlLabel, .bform .rsform-block-sicherheitscode .formControlLabel {background-color: #fff; padding: 5px; display: table; margin-bottom: 15px;}
.rsform-block-name label, .rsform-block-telefon label, .rsform-block-e-mail label, .rsform-block-nachricht label {display: none;}
#system-message-container {display: none;}
.formmailer .formControlLabel, .bform .formControlLabel {display: none!important;}
.formmailer .formControls, .bform .formControls {margin-left: 0!important;}
.formmailer .rsform-block, .bform .rsform-block {margin-bottom: 0!important;}
.formmailer p, .bform p {font-size: 14px;}
.formmailer a, .bform a {color: var(--grey); text-decoration: none;}
.formmailer a:hover, .bform a:hover {color: var(--green);}
.formmailer .rsform-block-datenschutz label, .bform .rsform-block-datenschutz label {font-size: 14px; line-height: 22px; display: block;}

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

@media screen and (max-width: 870px){
.kf-teiler {width: 100%; float: none;}
.k-formmailer {padding: 60px 0px 60px 40px;}
.kf-teiler .fa-arrow-alt-circle-right {transform: rotate(90deg); padding: 0;}
.kf-text {padding: 60px 0 60px 40px;}
}
@media screen and (max-width: 570px){
.infofeld {width: 100%; float: none; margin-bottom: 120px;}
}
@media screen and (max-width: 450px){
.k-formmailer {padding: 60px 0px 60px 15px;}
.kf-text {padding: 60px 0 60px 15px;}
.googlemaps-master {width: 97%;}
}