body, html {
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#ffa600;
}

p, ul, li {
	font-weight:200;
	font-size:20px;
	line-height:30px;
	color:#000;
	margin:0 0 60px 0;
}
h1 {
	color:#6ecfff;
	font-size:60px;
	font-weight:400;
	letter-spacing:2px;
}
h2 {
	margin:0;
	color:#ffffff;
	font-size:26px;
}
h3, h4 {
	font-weight:300;
	font-size:26px;
	line-height:30px;
	color:#000;
	letter-spacing:2px;
	margin:0;
}
h3 {text-transform: uppercase;}
a, a:hover {
	text-decoration: none;
	color:#000;
}
a:hover {
	color:#fff;
}
.datenschutz p,
.datenschutz ul,
.datenschutz li,
.datenschutz h3,
.datenschutz h4,
.datenschutz a {font-size:18px; line-height:26px; margin:0;}
.datenschutz h1 {font-size:32px; margin-bottom:30px;}
.datenschutz p {margin:0 0 26px 0;}
.datenschutz ul {margin:0 0 26px 0;}
.datenschutz li { padding:0;}
.sub {
	font-size:22px;
	line-height:26px;
}
.oben {padding-top:60px;}
.notouch {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.0);
}
.transp {
	color:rgba(255,255,255,.5);
}
.whiteCaps {
	color:#fff;
	text-transform: uppercase;
	font-size:14px;
	margin:0;
	letter-spacing:3px;
}
.black {
	margin-top:15px;
}
.black p {
	font-size:18px;
	line-height:26px;
	color:#000;
	margin:0;
}
.abstand { padding-top:10px; }
.boxBlau {
	display:block;
	background-color:#6ecfff;
	padding:15px;
	margin-bottom:30px;
	min-height:220px;
}
.boxButton {
	background-color:#6ecfff;
	width:100%;
	padding:15px;
}
.boxButton:hover {
	background-color:#63b9e4;
}
.mobile {display:none;}
.desktop {display:block;}

@media (max-width:1200px) {
	.oben {padding-top:0px;}
	.boxBlau {min-height:0;}
	.mobile {display:block;}
	.desktop {display:none;}
	.abstand {padding-top:0;}
	.black {display:none;}
}