@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/news-cycle-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('News Cycle'), local('NewsCycle'),
       url('../fonts/news-cycle-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/news-cycle-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/news-cycle-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/news-cycle-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/news-cycle-v16-latin-regular.svg#NewsCycle') format('svg'); /* Legacy iOS */
}

*{
	margin:0;
	padding:0;
	font-family: 'News Cycle', sans serif;
}
html, body{
width:100%;
height:100%;
}
*{
	margin:0;
	padding:0;
	font-family: 'News Cycle', sans serif;
}
body {
	font-family: 'News Cycle', sans serif;
	color: #2b2b2b;
	overflow-x:hidden;
	background: #000033;	
	background-repeat:no-repeat;
	animation:fadein 0.7s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;
	
}
img, figure > img{
	max-width:100%;
	height:auto;
}
main{
	margin:0 auto 0;
}
#flexcontainer, #flexcontainer2{
	display:flex;
	display:-ms-flexbox;
display:-webkit-flexbox;
	 min-height: 100%;
        height: auto !important;
        height: 100%;	
        color:white;
        margin:-15px 8% 0 8%;
       
}
#flexcontainer2{
	margin-top:0.5em;
}
#flexbox1{
	flex:1;
	text-align:right;
	
}
#flexbox2{
	flex:2;
	
	
}
#flexbox3{
	flex:1;
	text-align:right;
	border-left:thin white solid;



}
#flexbox4{
	flex:2;
	

}

#flexbox5{
	flex:1;
	text-align:right;
	border-left:thin white solid;

}
#flexbox6{
	flex:2;
	

}
#flexbox1 h3, #flexbox3 h3, #flexbox5 h3
{
	font-size:115%;
	margin:-2px 1em 0 0;;
	letter-spacing:0.125em;

}

div.cont{
position:relative;
	min-height: 100%;
       display:block;
	margin:1em auto 0;
	padding:0;
}

section#snr0, section#snr1, section#snr2, section#snr3{
	
	margin:0 auto 0;
	
	
}
section#snr3 {
	display:flex;
	display:-ms-flexbox;
	color:white;
	
	max-width:100%;


}
section#snr3 article{
	
	margin:0;
	color:white;
	
}

section#snr3 article.bx1 h3{
	font-size:115%;
	
}
section#snr3 article.bx2{
	align-items: left;
	font-size:100%;
}
section#snr3 article{
	padding:0 2em 0 2em;
}
section#snr3 article:nth-child(1), section#snr3 article:nth-child(3), section#snr3 article:nth-child(5){
	align-items: right;

	text-align:right;
	flex:1;
	-ms-flex: 1 1 auto;
	

	}
section#snr3 article:nth-child(2), section#snr3 article:nth-child(4), section#snr3 article:nth-child(6){
	
	
	flex:2;
	-ms-flex: 2 1 auto;

	}
section #snr3 article:nth-child(3), section #snr3 article:nth-child(5){
	border-left:thin white solid;
	text-align:right;
	
}
.linieWei{
	max-height:80px;
	width:1px;
	margin-left:30%;
}
.btclose{
position:relative;
	width:20px;
	height:20px;
	z-index:1001;
	top:0.5em;
	
	}

ul.raute{
	list-style-type:square;
	list-style-position:outside;
	line-height:1.5;
	color:white;
	margin-left:2em;
	letter-spacing:0.06em;
}
video, embed, object, iframe{
  transform:scale(1);
	max-width:100%;
	height:auto;
	
}
/* ##### die komplette Seite wie Start ############ */

#container1{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:815px;
	max-width: 70%;
	vertical-align: top;
	overflow: hidden;
	margin:-10px auto 0px;
background:black;
}
#container2{
	position: relative;
	left:0;
	top:0;
	/*height:100%;
	max-height:815px;
	min-width: 100%;*/
	vertical-align: top;
	overflow: hidden;
	margin:-10px auto 0px;
	

}

#videobereich {
    background-color: black;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}	
.videoextern {
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 960px) { 
#flexcontainer, #flexcontainer2{
flex-direction: column;
margin:0 0 0 25%;

}
#flexbox1{
	width:100%;
	text-align:left;
		}
#flexbox2{
	width:100%;
	
	
}
#flexbox3{
	width:100%;
	text-align:left;
	border-left:none


}
#flexbox4{
	width:100%;
	

}

#flexbox5{
	width:100%;
	text-align:left;
	border-left:none;

}
#flexbox6{
	width:100%;
}
}
@media screen and (max-width: 460px) { 
#flexcontainer, #flexcontainer2{
flex-direction: column;
margin:0 0 0 10%;
}
#flexbox1{
	width:100%;
	text-align:left;
		}
#flexbox2{
	width:100%;
	
	
}
#flexbox3{
	width:100%;
	text-align:left;
	border-left:none


}
#flexbox4{
	width:100%;
	

}

#flexbox5{
	width:100%;
	text-align:left;
	border-left:none;

}
#flexbox6{
	width:100%;
}

}

@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}