/*#############################################################################################################*/
/*#############################################################################################################*/
/*######                            Kontakt und Anfahrt V2                            #########################*/
/*#############################################################################################################*/
/*#############################################################################################################*/

.form {
max-width:900px;
margin:0 auto;
}

.form p {
padding-top:25px;
padding-right:25px;
}

.formwriting {
max-width:400px;
height:40px;
font-size:16px;
background-color: #8aa139;
border: solid 1px #1d4512;
margin:15px;
}

.messagewriting{
width:400px;
height:150px;
font-size:16px;
background-color: #8aa139;
border: solid 1px #1d4512;
margin:15px;
}

.datenschutz {
width:400px;
background-color: #f5f5f5;
font-size:16px;
border: solid 1px #e5e5e5;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

input:focus, textarea:focus {
background-color: #f7ffcc;
font-size:16px;
}

/*input:hover, textarea:hover{
background-color: #fff;
}*/

input#name:focus, input#email:focus, input#code:focus {
background-color: #f7ffcc;
border:1px solid #858585;
}

button {
margin:0 auto;
display: block;
padding-left:20px;
padding-right:20px;
height: 50px;
color: #000;
background-color:#faffdf;
border: solid 1px #1d4512;
}

button:hover {
background-color:#8aa139;
}

.errormessage {
max-width:500px;
height:70px;
margin:0 auto;
background-color:#AE1C3B;
border:2px solid #7B1E2B;
color:#fff;

padding:15px;
margin-bottom:25px;
}

.successmessage {
max-width:500px;
height:70px;
margin:0 auto;
background-color:#008B00;
border:2px solid #548B54;
color:#fff;

padding:15px;
margin-bottom:25px;
}

.formbutton-maps-search {
display: block;
padding-left:20px;
padding-right:20px;
height: 50px;
color: #fff;
background-color:#3963ac;
border:0px;
}

.formbutton-maps-search a:hover {
background-color:#508df1;
}



@media (min-width: 100px) and (max-width: 980px){

.formwriting {
max-width:200px;
height:20px;
font-size:14px;
}

.messagewriting{
width:200px;
height:80px;
font-size:14px;
}

}