/*Kontaktformular------------------------------------------------------------------------*/

.contactform{
	width:100%;
	margin-left:1rem;
	}
.contactform h3{
	padding-left:0rem;
	}
.div_center{
	float:none;
	margin:auto !important;
	}
label {
    float:left;
    clear:left;
    display:block;
    width:89%;
	padding:0.5rem 0.5rem 0rem 0.5rem;
}
input{
	margin:0;
	padding:0;
	padding-left:0.5rem;
	width:96%;
	height:2.5rem;
	color:#000000;
	background-color:#F1EFEF;
	border:solid thin #FFFFFF;
	}
textarea{
	margin:0;
	padding:0;
	padding-top:0.5rem;
	padding-left:0.5rem;
	width:96%;
	height:10rem;
	color:#000000;
	background-color:#F1EFEF;
	border:solid thin #FFFFFF;
	}
input.required, textarea.required {
    border-left-color:#C50B06;
}
input:focus, textarea:focus{
    outline: none;
    border: solid thin rgb(0,156,221);
    box-shadow: 0 0 0.2rem #52A8F9;
}
input.error, textarea.error{
	border:solid thin #C50B06;
    box-shadow: 0 0 0.2rem #f9a89f;
}
/*input.valid, textarea.valid{
    border:solid thin #598C28;
    box-shadow:0 0 0.2rem #7FC666;
}*/
button{
	margin:0;
	padding:0;
	width:7rem;
	border:none;
	font-size:1rem;
}
.checkbox{
	padding:0;
	width:2rem;
	}
#div_checkbox{
	display:none;
	}
#label_checkbox{
	width:12rem;
	}
.error{
	color:red;
	}
.success{
	color:#598C28;
	}
.Msg{
	margin-left:0;
	padding-left:0.2rem;
	color:red;
	display:none;
	}
.MsgPHP {
	margin-left:0;
	padding-left:0.2rem;
	}
.Msg p, .MsgPHP p {
	padding-left:0rem;
	}
#terminvereinbarung{
	width:87.5%;
	margin:1rem 0.5rem 1rem 0rem;
	padding:0rem;
	}
#datetimepicker{
	float:left;
	width:50%;
	margin-top:0.5rem;
	}
#dynamisch{
	float:left;
	width:50%;
	}
fieldset{
	display:block;
	clear:both;
	}
.link_form{
	display:block;
	padding:0.5rem 0.5rem 0.5rem 0.2rem;
	cursor:pointer;
	}
.link_form:hover{
	color:#000000;
	background-color:rgb(0,156,221);
	}
#terminvereinbarung p{
	padding:0.5rem 0.5rem 0.5rem 0rem;
	}
#dynamisch p{
	margin:0.2rem;
	padding:0rem 0.2rem;
	}
.label_inline{
	padding-left:0;
	}
.button_text{
	margin-left:0.2rem;
	}
	
@media screen and (max-width:60rem) {
	
input{
	width:94%;
	}
textarea{
	width:94%;
	}
#datetimepicker, #dynamisch, .label_inline{
	float:none;
	width:100%;
	}
}

@media screen and (max-width:36rem) {

.contactform{
	margin:0;
	}
input{
	width:100%;
	}
textarea{
	width:100%;
	}
#datetimepicker{
	margin-left:0rem;
	padding-left:0;
	}
}