/* Resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, strong, b, u, i, 
img, form, label, ul, ol, li, iframe, table, tbody, thead, tr, th, td,
object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd,
q, s, samp, small, sub, sup, var, dl, dt, dd, fieldset, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 hack alte Browser */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* weitere Resets */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input::-moz-focus-inner { /* entfernt unerwünschten Abstand (z.B. Formular Sendebutton) */
	border: 0;
	padding: 0;
}

/* Grundlegende Angaben */

body {
	font: 18px/1.5 'Roboto', Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	-webkit-text-size-adjust: none;
	background: #FAFAFA;
	padding: 0 20px;
}
a {
	color: #e50000;
	font-weight: 300;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input, textarea, select, button {
	font-family: inherit;
	font-size: inherit;
	border: 0.083em solid #CFCFCF; /* 1 */
	border-radius: 0;
}
ol, ul {
	list-style: none;
}
.clear {
	clear: both;
}

/* Angaben zum Seitenaufbau */

#ContentWrapper {
	max-width: 750px;
	margin: 100px auto;
	width: 100%;
}

@media all and (max-width: 500px){

	#ContentWrapper {
		margin: 30px auto;
	}

}

/* Überschrift */

h1 {
	color: #8F9497;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-size: 48px;
	font-weight: bold;
	margin: 0 0 30px;	
}

/* Formular */

.cmsForm {
	line-height: 1.3;
	max-width: 706px;
	width: 100%;
}
.cmsForm * {
	box-sizing: border-box;
}
.cmsForm h2 {
	color: #8F9497;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-size: 48px;
	font-weight: bold;
	margin: 0;
}
.cmsForm .row {
	margin: 20px 0;
}
.cmsForm label {
	display: block;
	margin: 0 0 8px;
}
.cmsForm .field {
	border: 1px solid #CFCFCF;
	font-size: 16px;
	padding: 12px 20px;
	outline: none;
	width: 100%;
}
.cmsForm .field:focus {
	box-shadow: 0;
}
.cmsForm .checkbox {
	margin: 0 10px 1px 0;
}
.cmsForm .button input {
	text-transform: uppercase;
	cursor: pointer;
	border: 0;
	font-weight: bold;
	color: #FFFFFF;
	background: #e50000;
	font-family: 'PT Sans', sans-serif;
	display: table;
	margin: 0 0 0 auto;
	line-height: 45px;
	padding: 0 20px;
}
.cmsForm .msg {
	margin: 0 0 20px;
	padding: 10px 20px;
}
.cmsForm .error {
	border: 1px solid #FFA3A3;
}

@media all and (max-width: 500px){

	h1,
	.cmsForm h2 {
		font-size: 30px;
	}

}