@charset "UTF-8";
/* CSS Document */
.contact-form .row {margin:15px 0; clear: both}
input[type=radio] {position: relative; margin: 0 6px 0; width: 1.4em; height: 1.4em}
input[type=radio] + label {top: -3px; position: relative; left: 5px; font-weight: normal}
	
.input-effect {padding-left: 0px; padding-right: 0px}
:focus {outline: none}
.col-3 {float: left; width: 27.33%; margin: 40px 3%; position: relative}
input[type="text"] {font: 15px/24px sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px; padding-left: 4px; padding-right: 0px}

.inputeffect {border: 0; padding: 4px 0; border-bottom: 1px solid #eee; background: transparent; background:#f5f5f5}
.inputeffect ~ .focus-border{position: absolute; left: 0; width: 0; height: 2px; background: #2c2c2c; transition: 0.4s}
.inputeffect:focus {background:#FFF4D9}
.inputeffect:focus ~ .focus-border,
.has-content.inputeffect ~ .focus-border {width: 100%; transition: 0.4s}
.has-content.inputeffect ~ .focus-border {background: lightgrey; height:1px}
.inputeffect ~ label{position: absolute; left: 8px; width: 100%; top:3px; color: #aaa; transition: 0.3s; z-index: 10; letter-spacing: 1px; font-weight: 200;cursor: text;}
.inputeffect:focus ~ label, .has-content.inputeffect ~ label {top: -16px; font-size: 12px; color: #2c2c2c; transition: 0.3s}
textarea {background:#f5f5f5; border:0px; border-bottom: 1px solid #ccc; width: 100%}
textarea.inputeffect {padding:5px; margin-bottom: -5px}

.button {background: #079707; border: none; color: white; padding:5px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; letter-spacing: 1px; border-radius: 6px; transition: all ease 1s;}
.button:hover {background: #087008}
.button span {position: relative; z-index: 20}

.fa-car, .fa-subway {font-size: 2em; position: relative; top: 2px; margin-right: -30px}
.fa-car {position: relative; top:4px}
.fa-subway {position: relative; top:3px; left: 4px}
.fa-phone {position: relative; top:2px; left:0}
.fa-envelope-o {position: relative; top:3px; left:-1px}

.contact-form .footnote {border-top:none}

.contactpartner {margin:80px 0}
.contactpartner .img-description {margin-left:10px; color:#333; font-size:20px; letter-spacing:1px}
.contactpartner img {padding:10px}
.contact-page .social-footer {margin-top:0px}

.fval {color:red}

@media screen and (max-width: 992px) {
	.radiotitle {position: relative; top: 26px}
	input[type=radio] {width: 2em; height: 2em; margin:20px 12px 20px 0; position: relative; top: 4px}
	input[type=radio] + span {top: -7px; left:0px}
	.fa-car, .fa-subway {font-size: 1.6em; margin-right: -20px}
	.opening-contact {clear:both}
	.sidebar {margin-top:-30px; border-top: none}
}