body { font-family: 'Roboto' !important; margin: 0; padding: 0; }
header { float:left; width: 100%; margin: 0; }
main   { float:left; width: 1200px; margin-left: calc((100% - 1200px) / 2); }
footer { float:left; width: 100%; }

.headrow { background: #00428c; padding: 5px; height: 32px; color: #FFFFFF; }
.kopfzeile_link { float: right; margin: 0px 10px 0px 10px; }
.kopfzeile_link a { color: #FFFFFF; }

.headpic { float:left; width: 100%; }
.headpic img { width: 100%; }
.headclaim { position: absolute; top: 35%; width: 100%; text-align: center; color: #FFFFFF; }
.headclaim h1 { font-size: 72px !important; color: #FFFFFF; font-weight: 900; padding: 0; margin:0; }
.headclaim h2 { font-size: 48px; color: #FFFFFF; font-weight: 100; padding: 0; margin:0; }

.col1 { float:left; width: 60%; font-family: 'Roboto' !important; }
.col1 h1 { font-size: 42px; font-family: 'Roboto' !important; margin-bottom: 30px; }
.col1 h2 { font-size: 24px; font-family: 'Roboto' !important; margin-bottom: 30px; }
.col1 li,
.col1 p { font-size: 18px; font-family: 'Roboto' !important; }
.col2 { float:left; margin-left: 4%; width: calc(36% - 42px); background: #EFEFEF; border: 1px solid #AAA; border-radius: 5px; padding: 20px; }

@media only screen and (max-width: 1200px) {
	main { float:left; width: 960px; margin-left: calc((100% - 960px) / 2); margin-top: 30px; }
	.headclaim { top: 25%; }
}

@media only screen and (max-width: 1023px) {
	main { float:left; width: 740px; margin-left: calc((100% - 740px) / 2); margin-top: 30px; }
	.headclaim { top: 15%; }
	.headclaim h1 { font-size: 36px !important; }
	.headclaim h2 { font-size: 24px; }
}

@media only screen and (max-width: 767px) {
	main { float:left; width: 100%; margin-left: 0; margin-top: 30px; padding: 20px; }
	.headrow { padding-top: 7px; }
	.headclaim { top: 10%; }
	.headclaim h1 { font-size: 24px !important; }
	.headclaim h2 { font-size: 16px; }
	.col1 { float:left; width: 100%; }
	.col1 img { width: 100%; margin-bottom: 20px; }
	.col2 { float:left; margin-left: 0; width: 100%; }
	.col1 h1 { font-size: 30px; }
	.col1 h2 { font-size: 20px; }
	.kopfzeile_link,
	.kopfzeile_link a { font-size: 12px; }
}