/*
Theme Name: Erdamnn & Rossi
Theme URI: https://www.erdmann-rossi.com
Description:  CONTACT
Author: Mattias Stiller
Version: 1.0
Author URI: http://www.mattiasstiller.de
*/


/* KONTAKTFORMULAR
-------------------------------------------------------------- */
.wpcf7-form {
	
}

.wpcf7 label span {
	color:#b94343;
	font-weight:600;
} 
.wpcf7 input,
.wpcf7 select {
	-moz-border-radius:6px!important;
	-webkit-border-radius:6px!important;
	background:#EEE;
	border:solid 1px #fff; 
	border-radius: 6px!important;
	font:inherit;
	font-weight:500;
	padding:10px;
	width:94.5%;
}  
.wpcf7 select { 
	width: 100%; 
} 
.wpcf7 select option:nth-child(1) { 
 
}

.wpcf7 input.wpcf7-submit { 
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	-webkit-appearance:none; 
	-webkit-transition:all .1s ease-in-out;
	background-color:#b84242;
	border-color:#b84242; 
	box-shadow:1px 2px 2px 0 #c5c5c5;
	color:#fff;
	cursor:pointer;
	font-size:16px;
	font-weight:400;
	padding:5px 20px;
	transition:all .1s ease-in-out;
	width: auto;
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
}
.wpcf7 .wpcf7-form-control {
    margin-bottom: 20px;
}
.wpcf7 .wpcf7-captchac {
    margin-bottom: 0;
}
.wpcf7 .hid {
    display: none;
}
.wpcf7 .wpcf7-checkbox input, .wpcf7-form-control-wrap.accept-this input {
	float: left;
  width: 12px;
	margin: 7px 10px 0 0;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {
	float: left;
    width: 87%;
}
.wpcf7 p.sondertext {
	font-size: 0.8em;
	line-height: 20px;
}
.wpcf7 p.sondertext .wpcf7-form-control {
	width: auto;
	line-height: 20px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
} 
.wpcf7 .checkbox-agb .wpcf7-not-valid span {
	color: #b84242;
}
.wpcf7 .checkbox-agb .wpcf7-not-valid  {
	border: none;
}
.wpcf7 .checkbox-agb .wpcf7-not-valid-tip {
	display: none;
}
.accept-this .wpcf7-form-control {
	margin-bottom: 25px;
}

.wpcf7 input.wpcf7-submit:hover {
	background-color:#a13838;
	color:#fff
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #000;
	opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #000;
	opacity: 1;
} 
.wpcf7 textarea {
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
	background:#EEE;
	border:none; 
	font:inherit;
	font-weight:500;
	height:180px;
	padding:2%;
	width:96%
} 
.ajax-loader {
	display:inline-block
} 
span.wpcf7-not-valid-tip {
	bottom: -40px;
	color: #b84242;
    right: 0;
    top: 30px;
	font-size: 0.8em;
} 
.wpcf7 .captcha {
	margin-top:10px
}

.wpcf7-response-output {
	float:left
} 
.wpcf7-validation-errors {
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
	background:#b84242;
	border:none!important; 
	color:#FFF;
	margin:20px 0 35px 0 !important
}

div.wpcf7-mail-sent-ok {
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
	background:#398f14;
	border:none!important; 
	color:#FFF;
	margin:20px 0 0!important;
	width:93%
}

div.wpcf7-response-output {
	padding:20px
}

.wpcf7-not-valid-tip {
	bottom:-23px;
	color:red;
	display:block;
	font-size:1em;
	position:absolute
}

.invalid .wpcf7-not-valid {
	border:solid 1px #b50b0b
}
.wpb_wrapper .wpcf7 p {
    margin-bottom: 0;
}
.kontakthinweis p  {
	font-size: 0.8em;
    line-height: 20px;
	padding-bottom: 15px;
} 
span.kontakthinweis {
	font-size: 0.8em;
    line-height: 23px;
	padding-bottom: 2px;
	float: left;
}

/* RESPONSIVE WEBDESIGN
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
-------------------------------------------------------------- */


/* 1024-Auflösung "WIDTH 1024px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
.wpcf7 .invalid input{max-width:100%;}
}


/* IPHONE-Auflösung "WIDTH 767px"
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
.wpcf7 fieldset{display:block;max-width:100%;text-align:left;float:none;}
.wpcf7 input{padding:2%;width:96%;}
.wpcf7 input.wpcf7-submit{width:100%;}
.wpcf7 textarea{width:96%;}
}


/* EXTRA-Auflösung "WIDTH 500px"
-------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
.container-footer .footerbox{width:100%;}
.container-footer .standorte_map{display:none;}
ul.rig li img{width:100%;}
ul.rig.columns-3 li{width:100% !important;}
}