/* Font import */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

@font-face {
  font-family: 'ClarendonBT';
  src: url('https://ares4.info/fonts/ClarendonFont/bt/clarendonbt.eot'); /* IE9 Compat Modes */
  src: url('https://ares4.info/fonts/ClarendonFont/bt/clarendonbt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('https://ares4.info/fonts/ClarendonFont/bt/clarendonbt.woff2') format('woff2'), /* Super Modern Browsers */
	   url('https://ares4.info/fonts/ClarendonFont/bt/clarendonbt.woff') format('woff'), /* Pretty Modern Browsers */
	   url('https://ares4.info/fonts/ClarendonFont/bt/clarendonbt.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ClarendonBTRoman';
  src: url('https://ares4.info/fonts/ClarendonFont/bt-roman/clarendonbtroman.eot'); /* IE9 Compat Modes */
  src: url('https://ares4.info/fonts/ClarendonFont/bt-roman/clarendonbtroman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('https://ares4.info/fonts/ClarendonFont/bt-roman/clarendonbtroman.woff2') format('woff2'), /* Super Modern Browsers */
	   url('https://ares4.info/fonts/ClarendonFont/bt-roman/clarendonbtroman.woff') format('woff'), /* Pretty Modern Browsers */
	   url('https://ares4.info/fonts/ClarendonFont/bt-roman/clarendonbtroman.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'DINRegular';
  src: url('https://ares4.info/fonts/ClarendonFont/din/din-regular.eot'); /* IE9 Compat Modes */
  src: url('https://ares4.info/fonts/ClarendonFont/din/din-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('https://ares4.info/fonts/ClarendonFont/din/din-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('https://ares4.info/fonts/ClarendonFont/din/din-regular.woff') format('woff'), /* Pretty Modern Browsers */
	   url('https://ares4.info/fonts/ClarendonFont/din/din-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Colaborate Light';
  src: url('https://ares4.info/fonts/Colaborate/colaborate-light/colaborate-light.eot'); /* IE9 Compat Modes */
  src: url('https://ares4.info/fonts/Colaborate/colaborate-light/colaborate-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ares4.info/fonts/Colaborate/colaborate-light/colaborate-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://ares4.info/fonts/Colaborate/colaborate-light/colaborate-light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Colaborate Regular';
  src: url('https://ares4.info/fonts/Colaborate/colaborate-regular/colaborate-regular.eot'); /* IE9 Compat Modes */
  src: url('https://ares4.info/fonts/Colaborate/colaborate-regular/colaborate-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ares4.info/fonts/Colaborate/colaborate-regular/colaborate-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://ares4.info/fonts/Colaborate/colaborate-regular/colaborate-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
body {
	font-family: 'DINRegular';
}

.formrahmen {
	font-family: 'DINRegular';
}
.formrahmen a {
	color: #274857;
}
.formzeile {
	overflow: hidden;
	margin-bottom: 10px;
}
.form_davor {
	float: left;
	width: 5%;
}
.col_1 {
	float: left;
	width: 29%;
	margin-right: 7%;
}
.col_2 {
	float: left;
	width: 21%;
	margin-right: 7%;
}
.col_3 {
	width: 100%;
}
label {
	font-size: 12px;
	color: #555;
}
label.label_danach {
	float: left;
	width: 95%;
}
.formfeld {
	width: 100%;
	color: #333;
	line-height: 25px;
	border: solid 1px #ccc;
}
.formarea {
	font-family: 'DINRegular';
	box-sizing: border-box;
	width: 100%;
	height: 150px;
	color: #333;
	border: solid 1px #ccc;
	padding: 5px;
}
.formbutton {
	color: #fff;
	border: solid 1px #274857;
	background-color: #274857;
	padding: 5px 10px;
}

.fehlertext {
	color: #990000;
}
.fehler {
	color: #990000;
	border: solid 1px #990000;
	background-color: #FCC8C9;
}
.fehlerrahmen {
	color: #990000;
	border: solid 1px #990000;
	background-color: #FCC8C9;
	padding: 10px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 520px) {
	.col_1 {
		clear: both;
		width: 100%;
		margin-right: 0;
	}
	.col_2 {
		clear: both;
		width: 100%;
		margin-right: 0;
	}
	.formfeld {
		width: 98%;
	}
	
	.form_davor {
		width: 10%;
	}
	label.label_danach {
		width: 90%;
	}
}