* {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #3e3d40;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
p, table, .inner li { 
	margin: 1em 0;
	line-height: 1.8em; 
}
h3 {
	font-size: 1.4em;
	color: #00378b;
	margin-bottom: 1em;
}
h4 {
	font-size: 2em;
	color: #00378b;
	font-weight: 700;
}
hr {
	margin: 2em 0;
	border-bottom: 1px dotted #dae2e9;	
}
table {
	width: 100%;
	font-size: 0.9em;
	border: none;
  border-collapse: collapse;
  border-spacing: 0;
}
thead {
	font-style: italic;
	border-bottom: 2px solid #ccc;
}
td {}
thead td { border: none; }
q {
	font-size: 2.4em;
	color: #00378b;
}
html, body { width: 100%; }
body { font-size: 0.9em; }
#header {
	position: fixed; top: 0; right: 0; left: 0;
	z-index: 5;
	padding: 0 4%;
	background: url("img/light_dot.png") #fff;
}
#logo {
	width: auto;
	height: 70px;
}
#intro,
#infografik {
	min-height: 180px;
	padding-top: 33%;
}
#intro {
	margin-top: 70px;
}
#infografik {
	position: fixed; top: 70px;
	width: 100%;	
	background: url(img/infografik.jpg) no-repeat #F9F9F9;
	background-size: auto 100%;
	
}
#infografik-text {
	position: absolute; top: 0; left: 5%;
	z-index: 2;
	height: 100%;	
	width: auto;
}
.inner {
	padding: 4em 20px;
	max-width: 960px;
	margin: 0 auto;	
}
.inner ul {
	list-style: none;
	margin-left: 20px;
}
.inner li {
	margin: 0.5em 0;
	border-bottom: 2px solid #eee;	
}
.inner li::before {
	content: "\2022  ";
	margin-left: -10px;
	color: #00378b;
}
.table { 
	display: table;
	width: 100%;
	margin: 0 auto;
}
.table>* { 
	display: table-row; 
}
.table>*>* { 
	display: table-cell; 
	vertical-align: middle;
}
#one { border-top: 1px solid #ccc; }
#one, #two, #three, #five, #six, #kontakt {	background: #fff; }
#four, #seven { background: url("img/light_dot1.png") #fff; }
.button {
	padding: 10px 20px;
	background: url("img/light_dot.png");
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.6s;
	text-decoration: none;
}
.button:hover {
	background: url("img/light_dot2.png");
}
video {
	width: 100%;
	height: auto;
	max-width: 640px;
	max-height: 365px;
	background: #eee;
}
@media (max-width: 700px){
	.table>*>* {
		display: block;	
	}
	.desk { display: none; }
	.inner {
		padding: 3em 20px;
	}
	@media (max-width: 400px){
		#intro {
			margin-top: 70px;
			margin-left: -20%;
		}
		#infografik { top: 70px; }
		.inner {
			padding: 2em 20px;
			font-size: 0.9em;
		}
	}
}