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

#formwrapper{
	width: 940px;
	height: auto;
	padding: 10px;
	background-color: rgba(255, 255, 255, .4);
	float: left;

}

form{
	width:440px;
	font-size: 120%;
	text-shadow: 1px 1px 1px #666;
	float: left;
}

form label{
	width:93px;
	float:left;
	margin-bottom:8px;
}

form input{
	width:299px; 
	float:left;
	margin-bottom:4px;
	border:1px solid #999; 
	padding:2px;
}

form textarea{
	width:299px; 
	float:left;
	margin-bottom:30px;
	border:1px solid #999; 
	padding:2px;
}

form input[type=checkbox]{
	width:20px;
	float:left;
	margin-bottom:8px;
	border:1px solid #999;
	padding:2px;
}

form br{
	clear:both;
}

form input.error{
/*border:1px solid #f00;
*/background-color:#fea3a3;	
}

form label.error{
color:#fea3a3;
/*margin-left: 93px;*/
margin-top: 0px;
}


form textarea.error{
background-color:#fea3a3;	
}

.kontaktformular{
	padding:20px; 
	margin-bottom:20px;
	border:1px solid #fff;
	height: 535px;
}

.nachricht{
	padding:20px; 
	margin-bottom:20px;
	border:1px solid #fff;
	height: 300px;
}

#kasten{
	float: left;
	margin-left: 115px;
}
	
form legend{
	font-weight:bold;
}



.button{
	width:149px;
	height: 40px;
	/*background:#ccc;*/ 
	font-weight:bold;
	cursor:pointer;
	float:right;
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 1.5 1.5em 0 0.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgb;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}

.button:hover{
	/*background:#333; 
	color:#fff;*/
background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
	}
	
.button:focus{
	outline: 0;
	background: #fafafa;
}

.button:before{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
    pointer-events: none;
}

form input:focus, form textarea:focus{
	border:1px solid #000; background: #faf8e5;
}


.impressum{
	float: right;
	width: 440px;
	border:1px solid #fff;
	padding: 20px;
	font-size: 120%;
	text-shadow: 1px 1px 1px #666;
	height: 155px;
	}
	
fieldset legend{
	font-weight:bold;
	font-size: 100%;;
}

.haftung{
	float: right;
	width: 440px;
	border:1px solid #fff;
	font-size: 120%;
	text-shadow: 1px 1px 1px #666;
	margin-top: 20px;
	height: 338px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;	
	}
	
#inhalt{
	overflow-x: auto;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	height: 300px;
	font-size: 90%;
	}
	
#inhalt_dsgvo{
	overflow-x: auto;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	height: 515px;
	font-size: 90%;
	}
	
#inhalt_dsgvo p{
	margin: 0px;
	padding: 20px 0px 5px;
	font-size: 130%;
	text-shadow: 1px 1px 1px #666;
	}
		
.strong_dsvgo{
		font-size: 120%;

	}
		
.mailcrypt{
	margin: 0px;
	padding: 0px 15px 0px 0px;
	color: #FFF;
	text-decoration: none;
	}	
	
#inhalt p{
	margin: 0px;
	padding: 20px 0px 5px;
	font-size: 130%;
	text-shadow: 1px 1px 1px #666;
	}

#visit_kontakt{
	font-size:120%;}
	

	
.terms {
	display:none;
}
 
.g-recaptcha{
	float: right;
}