@charset "UTF-8";

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, em, font, img, strong, dd, dl, dt, li, ol, ul, form, table, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-weight:inherit;
	font-style:inherit;
	font-family: 'Days One', sans-serif;
	text-transform:uppercase;
	text-align:left;
	text-decoration:none;
	margin:0;
	padding:0;
	border:0;
}
html {
	font-size:100.1%;
	height:100%;width:100%
}
body {
	clear:both;
	margin:0 auto; 
    padding: 0px;
	height:100%;
}
.distanz {
height:10px;	
}
h1 {
	font-size:24px;
	margin:0px auto auto 20px;
	line-height:26px;
}
h2 {
	font-size:12px;
	margin:0px auto auto 20px;
	float:left;
	line-height:16px;
	padding-right:50px;
}
.datenschutz h2 {
	font-size:12px;
	margin:0px auto auto 0px;
	float:left;
	line-height:16px;
	padding-right:50px;
}
h3 {
	font-size:10px;
	margin:0px auto auto 4px;
	line-height:16px;
	color:#666
}
h4 {
	font-size:12px;
	line-height:24px;
}
h5 {
	font-size:24px;
	line-height:28px;
}
h6 {
	font-size:12px;
	line-height:12px;
}
p {
	font-size:10px;
}
ul {
list-style-type:none;	
}
h1 a, h2 a {
color:rgb(175, 175, 175);	
}
a {
	color:#666;
	background:inherit;
}
.box a {
	color:rgb(175, 175, 175);
	background-color:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	display:block;
	height:25px;
	width:25px;
	border:0px solid white;
}
.videobox a {/*2021*/
	background-color:#666;
	display:block;
	height:25px;
	width:25px;
	border:0px solid white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.videobox a:hover {/*2021*/
	background-color:rgb(175, 175, 175);
	background-image: none;
	display:block;
	height:25px;
	width:25px;
	border:0px solid white;
}
li.box , li.videobox {/*2021*/
margin:7px;	
}
.boxnav a {
	color:rgb(175, 175, 175);
	background:rgb(175, 175, 175);
	background-image:url(pix/pfeil.gif);
	background-position:center;
	display:block;
	height:12px;
	width:12px;
	border:6px solid rgb(175, 175, 175);
}
.boxnav-reverse a {
	color:rgb(175, 175, 175);
	background:rgb(175, 175, 175);
	background-image:url(pix/pfeil-reverse.gif);
	background-position:center;
	display:block;
	height:12px;
	width:12px;
	border:6px solid rgb(175, 175, 175);
}
.box a:hover {
	color:		inherit;
	background:#999;
}
.boxnav a:hover {
	color:inherit;
	background:rgb(175, 175, 175);
	background-image:url(pix/pfeil_over.gif);
	background-position:center;
}
.boxnav-reverse a:hover {
	color:inherit;
	background:rgb(175, 175, 175);
	background-image:url(pix/pfeil-reverse_over.gif);
	background-position:center;
}
.box a span, .boxnav a span, .boxnav-reverse a span {
	display:	none;
	-webkit-touch-callout:none;
}
.box a:hover span, .boxnav a:hover span, .boxnav-reverse a:hover span {
	position:	absolute;
	top:		153px;
	left:		376px;
	text-align:	center;
	z-index:	3;
	display:	block;
	height:		1px;
	width:		650px;
	color:		rgb(175, 175, 175);
	background:	none;
	border:		none;
	padding:	none;
	-webkit-touch-callout:none;
}

.box a:hover span span#about {
	position:absolute;
	width:460px;
	margin-top:-70px;
	margin-left:40px;
	font-size:1em;
	line-height:1.3em;
	text-align:left;
	font-weight:500;
	color:#fff;
	background-color:none;
}
* html .box a:hover span span#about {
	padding-bottom:5px;
}
.box a:hover span span#about em {
	font-size:1.8em;
	font-style:normal;
}
.boxnav a:hover span span#kontakt-links, .boxnav-reverse a:hover span span#kontakt-links {
	position:absolute;
	line-height:1.3em;
	width:400px;
	margin-top:260px;
	margin-left:-210px;
	font-size:1em;
	line-height:1.3em;
	font-weight:500;
	color:#fff;
	background-color:none;
	text-align:left;
	float:left;
}
.boxnav a:hover span span#kontakt-rechts, .boxnav-reverse a:hover span span#kontakt-rechts {
	position:absolute;
	width:200px;
	margin-top:230px;
	margin-left:200px;
	font-size:1em;
	line-height:1.3em;
	font-weight:500;
	color:rgb(175, 175, 175);
	background-color:none;
	text-align:right;
}
* html .boxnav a:hover span span#kontakt-rechts, * html .boxnav-reverse a:hover span span#kontakt-rechts {
	padding-top:3px;
}
.boxnav a:hover span span#kontakt-rechts em, .boxnav-reverse a:hover span span#kontakt-rechts em {
	font-size:2em;
	font-style:normal;
}
.box a:hover span.quer, .boxnav a:hover span.quer, .boxnav-reverse a:hover span.quer {
	top:113px;
}
.box a:hover span.sehrquer, .boxnav a:hover span.sehrquer, .boxnav-reverse a:hover span.sehrquer {
	top:163px;
}
.menu {
	font-size:10px;
	line-height:20px;
	position:absolute;
	float:left;
	text-align:center;
	width:940px;
	margin:37px -15px 0px 250px;
	font-weight:400;line-height:20px;
	-webkit-text-size-adjust: none;
}
.menu li {
	display:inline;
	float:left;
	margin:0px 25px;
	list-style-type:none;line-height:20px;
	-webkit-text-size-adjust: none;
}
.menu li a {
	line-height:20px;
}
.menuvertikal {
	position:absolute;
	font-size:10px;
	line-height:20px;
	margin-top:387px;
	margin-left:20px;
	float:left;
}
.menuvertikalfixed {
	position:absolute;
	font-size:10px;
	line-height:20px;
	margin-top:671px;
	margin-left:20px;
}
.menuvertikalvideo {
	position:absolute;
	font-size:10px;
	line-height:20px;
	margin-top:573px;
	margin-left:20px;
}
.menuvertikalfixeddatenschutz {
	font-size:10px;
	line-height:20px;
	margin:0 auto 20px 20px;
}
.quadrate {
clear:both;
margin:170px auto auto 15px;
display:block;
width:160px;
}
.quadrate ul {
margin-top:0px;	
}
.videoquadrate {/*2021*/
	clear: both;
	margin:0 auto auto -5px;
	display:block;
	width:160px;
}
.menu a {
color:#666;	
}
li.aktiv {
text-decoration:underline;	
}
.quadrate ul li, .videoquadrate ul li {
display:inline;
float:left;
}
video {
    display: block;
    height: 360px;
    width: 640px;
	float:left;
	position:	absolute;
	top:200px;
	left:380px;
	text-align:	center;
}
#video_player {
padding:0;
margin:0;
}
.inhalt {
margin:73px auto auto 292px;
width:400px;
float:left;
}
.block {display: flow-root;
	margin:73px auto 20px 0px;
}
.datenschutz {
margin:33px auto auto 280px;
width:880px;
float:left;
}
.transparenz {
float:left;
width:900px;
height:600px;
display:block;
background-image:url(images/copyright.gif);
background-repeat:repeat;
position:absolute;
left:250px;
top:111px;
}
.kontakt-links {
	width:450px;
	margin:473px auto auto 60px;
	text-align:left;
	float:left;
	color:#fff;
	background-color:inherit;
}
.impressum-links {
	width:450px;
	margin:500px auto auto 60px;
	text-align:left;
	float:left;
	color:#fff;
	background-color:inherit;
}
.kontakt-rechts {
	width:300px;
	margin:416px 65px auto 0px;
	float:right;
	color:#000;
	background-color:inherit;
}
.kontakt-rechts h5, .kontakt-rechts h6, .kontakt-rechts p {
	text-align:right;
}
.kontakt-links a {
color:#fff;	
}
.kontakt-rechts a {
color:#000;	
}
.kontakt-bild {
	margin-top:50px;
	margin-left:-276px;
	
}
article p {
position:absolute;
top:552px;
left:883px;
}
h3.videotext { /*2021*/
	color:#666;
	line-height:20px;
	text-align:center;
	position:absolute;
	top:580px;
	left:380px;
	width:640px;
	}
p.videotext { /*2021*/
	color:#666;
	line-height:20px;
	text-align:center;
	position:absolute;
	top:600px;
	left:380px;
	width:640px;
	}
.copyright {
color:rgb(175, 175, 175);
line-height:20px;
text-align:center;
position:absolute;
top:727px;
left:416px;
}
    .cs-grid-row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      margin: 20px -15px 20px -15px;
	}
	.cs-grid-col-d-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
        width: 33.33333333%;
        flex: 0 0 auto;
        box-sizing: border-box;
        padding: 0 15px;
      }
	  .kleingedrucktes p, .kleingedrucktes a {
		font-size: 9px;
		line-height:11.5px;
		text-transform:none;
	  }