/* 1753899703.8566 */
@charset "utf-8";

#content section.formular form input.button  {
	font-family:Roboto,Verdana,Helvetica,Arial,san serif
}

#content section.formular p {
	font-size:100%
}

#content section.formular #ansprechpartner p,
#content section.formular p.bigger {
	font-size:130%
}

#content section.formular form p.r {
	text-align:right!important
}


/*### FORMULAR START ###*/

#content section.formular {
	margin:0 auto
}

#content section.formular #ansprechpartner {
	float:right;
	width:250px;
	margin:2px 0 12px 36px
}

#content section.formular form {
	width:620px
}

#content section.formular form fieldset {
	padding:6px;
	margin:0 0 8px;
	border:1px solid #e6e6e6
}

#content section.formular form fieldset legend {
	font-size:140%;
	padding:6px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:rgba(256,256,256,.5)
}

#content section.formular form span.fl {
	float:left
}

#content section.formular form fieldset p {
	display:block;
	margin:0 0 4px;
	font-size:130%;
	line-height:140%
}

#content section.formular form fieldset label {
	display:inline-block;
	width:100px;
	margin:0;
	font-size:110%
}

#content section.formular form fieldset label.ort {
	width:40px;
	margin-left:24px
}

#content section.formular form fieldset label.fl {
	float:left;
	display:inline-block;
	width:100px;
	margin:0 5px 0 0
}

#content section.formular form fieldset label.radio_label {
	width:auto;
	margin-left:6px
}

#content section.formular form fieldset label.checkbox_label {
	width:auto;
	margin-left:6px;
	margin-right:16px;
	vertical-align:2px
}

#content section.formular form fieldset input.txt,
#content section.formular form fieldset textarea {
	display:inline-block;
	margin:0 0 0 20px;
	width:calc(100% - 132px);
	/*
	width:470px;
	padding:1px 2px 3px;
	*/
	padding:3px;
	border:1px solid #c6c6c6;
	line-height:140%
}

#content section.formular form fieldset textarea.block_label {
	width:calc(100% - 8px);
	margin-left:0;
}

#content section.formular form fieldset input.nolabel,
#content section.formular form fieldset textarea.nolabel {
	margin-left:0
}

#content section.formular form fieldset input.plz {
	width:40px
}

#content section.formular form fieldset input.ort {
	/*
	width:355px;
	*/
	width:calc(100% - 251px);
	margin-left:0 !important;
}

#content section.formular form fieldset input.captcha {
	width:80px
}

#content section.formular form fieldset input.checkbox,
#content section.formular form fieldset input.radio {
	display:inline-block;
	width:16px;
	margin-left:25px
}

#content section.formular form fieldset img.captcha {
	vertical-align:-8px;
	margin-right:10px
}

#content section.formular form input.button {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#fff;
	font-size:180%;
	background:#000682;
	padding:6px;
	border:2px solid #fff;
	text-decoration:none;
	cursor:pointer
}

#content form fieldset input.txt.url,
#content form fieldset input.url,
#content form fieldset label.txt.url,
#content form fieldset label.url {
	display:none!important
}

#content form fieldset input:focus,
#content form fieldset select:focus,
#content form fieldset textarea:focus {
	background:rgba(236,236,236,.5)
}

#content div.error{
	padding:6px;
	border:2px solid #c10000;
	background-color:rgba(193,0,0,.075);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin:0 0 12px;
	display:inline-block;
	width:auto
}

#content div.error ul {
	margin-bottom:0
}

#content div.success {
	padding:6px;
	border:2px solid #008a00;
	background-color:rgba(0,138,0,.075);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin:0 0 12px;
	display:inline-block;
	width:auto
}

#content div.success p {
	margin:0
}

#content section.formular article form input.checkbox_txt_label {
	float:left;
	margin:4px 6px 0
}

#content section.formular article form label.checkbox_txt_label {
	width:90%;
	float:left;
	margin-left:0;
	margin-right:16px;
	vertical-align:2px;
	font-weight:400
}


#content .formular form fieldset input:not(:placeholder-shown):required:invalid, 
#content .formular form fieldset input:not(:placeholder-shown):focus:invalid,
#content .formular form fieldset input:focus:invalid {
	-moz-box-shadow: none;
	background-color:rgba(255, 0, 0, 0.1);
}

#content section.formular form fieldset input.radio:focus,
#content .formular form fieldset input.radio:focus,
#content section.formular form fieldset input[type="radio"]:focus,
#content .formular form fieldset input[type="radio"]:focus,
#content section.formular form fieldset input.checkbox:focus,
#content .formular form fieldset input.checkbox:focus,
#content section.formular form fieldset input[type="checkbox"]:focus,
#content .formular form fieldset input[type="checkbox"]:focus,
#content section.formular form input[type="submit"]:focus,
#content .formular form input[type="submit"]:focus {
	outline:1px dotted red !important;
}

#content .formular  form fieldset label.block_label {
  display: block;
  width: auto;
  margin-top: 0 !important;
  margin-bottom: 4px;
  line-height: 130%;
}

/*### FORMULAR ENDE ###*/


@media only screen and (max-width:960px) {
	
	/*
	#content section.formular form {
		width:100%;
	}
	*/
	
	
	
	#content section.formular #ansprechpartner {
		float:none;
		display:block;
		width:auto;
		margin:2px auto 12px
	}

	#content section.formular #ansprechpartner p.flieger {
		float:right;
		margin:2px 12px 0 24px
	}
	
	#content section.formular #ansprechpartner p.flieger img {
		width:100%;
		max-width:120px;
		height:auto;
	}

	#content section.formular form {
		display:block;
		width:auto
	}
	
	

	#content section.formular form fieldset {
		display:block;
		padding:6px;
		margin:0 0 8px;
		border:1px solid #e6e6e6
	}

	#content section.formular form fieldset input,
	#content section.formular form fieldset input.ort,
	#content section.formular form fieldset input.plz,
	#content section.formular form fieldset input.txt,
	#content section.formular form fieldset label,
	#content section.formular form fieldset label.ort,
	#content section.formular form fieldset textarea {
		width:98%;
		display:block;
		float:none;
		margin-left:0
	}

	#content section.formular form fieldset input.captcha {
		width:50%
	}

	#content section.formular form fieldset input,
	#content section.formular form fieldset input.ort,
	#content section.formular form fieldset input.plz,
	#content section.formular form fieldset input.txt,
	#content section.formular form fieldset textarea {
		margin-left:0;
		margin-right:0;
		margin-bottom:12px;
		padding:6px 4px
	}

	#content section.formular form fieldset label {
		margin-bottom:2px
	}

	#content section.formular form fieldset input.checkbox,
	#content section.formular form fieldset input.radio {
		display:inline-block;
		width:16px
	}

	#content section.formular form fieldset label.radio_label {
		width:auto;
		margin-right:26px;
		display:inline-block
	}

	#content section.formular form fieldset label.checkbox_label {
		width:auto;
		margin-left:6px;
		margin-right:16px;
		vertical-align:2px
	}

	#content section.formular form fieldset label.captcha {
		margin-bottom:4px
	}

	#content section.formular form fieldset img.captcha {
		float:left;
		vertical-align:-4px;
		margin-right:10px
	}
	
}



/*
@media only screen and (min-width:769px) {

	#content section.formular form {
		width:500px
	}

}
*/


@media only screen and (min-width:481px) and (max-width:768px) {

	#content section.formular #ansprechpartner {
		float:none;
		display:block;
		width:auto;
		margin:2px auto 12px
	}

	#content section.formular #ansprechpartner p.flieger {
		float:right;
		margin:2px 12px 0 24px
	}

	#content section.formular form {
		display:block;
		width:auto
	}

}


@media only screen and (min-width:120px) and (max-width:480px) {

	#content section.formular #ansprechpartner {
		float:none;
		display:block;
		width:auto;
		margin:2px auto 12px
	}

	#content section.formular #ansprechpartner p.flieger {
		display:none
	}

	#content section.formular form {
		display:block;
		width:auto
	}

}