@media screen{

* { 
	font-family:Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#8E8E8E;
	list-style-type:none;
	}

h1 {
	font-size:13px;
	}
h2 {
	font-size:18px;
	font-weight:bold;
	}
a:link {color:#8E8E8E;}
a:visited {color:#8E8E8E;}
a:hover {color:#B45F04;}
a:active {color:#B45F04;}
h3 {
	color:#B45F04;
	font-size:25px;
	}
p {
	font-size:120%;
}
h4 {
	color:#B45F04;

}

body {

	margin:0px;
	}

div.main {
	height:180%;
	background-image: url(../images/background.jpg);
	background-size:180% 180%;
	border:none;
	background-repeat: repeat-y;
	}
	div.youtube {
	width:100%;
	height:100%;
	position:absolute;
	left:17.5%;
	top:25.5%;

}
	div.tm {
	width:44%;
	height:25%;
	position:absolute;
	margin:auto;
	top:-2%;
	left:33.2%;
	float:left;
	background-image: url(../images/ani_top_mitte.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position:center;
	}
	div.top {
	width:100%;
	height:19%;
	position:absolute;
	margin:auto;
	top:5%;
	left:0%;
	float:left;
	background-image: url(../images/por2.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position:center;
	}
div.logo {
	width:84%;
	height:20%;
	position:absolute;
	margin:auto;
	top:20.5%;
	left:6%;
	background-image: url(../images/LOGO.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position:center;
	}
div.feed {
	width:100%;
	height:30%;
	position:absolute;
	margin:auto;
	top:46%;
	float:left;
	overflow:hidden;
	background-image: url(../images/FEED2.png);
	background-size:100% 100% ,cover;
	background-repeat: no-repeat;
	background-position:center;
	z-index:4;
	}
div.tv {
	width:100%;
	height:70%;
	position:absolute;
	margin:auto;
	top:76%;
	left:-4%;
	float:left;
	overflow:hidden;
	background-image: url(../images/TV.png);
	background-size:100% 100% ,cover;
	background-repeat: no-repeat;
	background-position:center;
	z-index:3;
	}
div.tr {
	width:100%;
	height:30%;
	position:absolute;
	margin:auto;
	top:126%;
	right:0%;
	float:left;
	overflow:hidden;
	background-image: url(../images/trr.png);
	background-size:100% 100% ,cover;
	background-repeat: no-repeat;
	background-position:center;
	z-index:2;
	}

#tickets {
	width:70%;
	height:40%;
	position:absolute;
	margin:auto;
	top:122%;
	left:20%;
	overflow:hidden;
	background-image: url(../images/tr.png);
	background-size:100% 100% ,cover;
	background-repeat: no-repeat;
	background-position:center;
	z-index:2;
	}
div.bl {
	width:50%;
	height:20%;
	position:absolute;

	bottom:-75%;
	left:0%;

	background-image: url(../images/sir2.png);
	background-size:100% 100% ;
	background-repeat: no-repeat;
	z-index:1;
	}
#social-ta {
	width:20%;
	height:10%;
	position:absolute;
	display:block;
	text-indent:-9999px;
	left:65%;
	bottom:-78%;
	background-image: url(../images/trip_but.png);
	background-size:100% 100%;
	z-index:2;
	}
#social-insta {
	display:block;
	text-indent:-9999px;
	font-size:0.1%;
	width:20%;
	height:10%;
	position:absolute;
	left:15%;
	bottom:-78%;
	background-image: url(../images/insta_but.png);
	background-size:100% 100%;
	z-index:2;
	}
#social-fa {
	display:block;
	text-indent:-9999px;
	font-size:0.1%;
	width:20%;
	height:10%;
	position:absolute;
	left:40%;
	bottom:-73%;
	background-image: url(../images/face_but.png);
	background-size:100% 100%;
	z-index:2;
	}



.content-slider {
  width: 100%;
  height: 360px;
}

.slider {
  height: 35%;
  width: 100%;
  margin: 40px auto 0;

  overflow: visible;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 100%;
}

.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider li {
  width: 100%;
  height: 320px;
  position: absolute;
  left: -325px;
  list-style: none;
}

.slider .quote {
  font-family: "Times New Roman", Times, serif;
  font-size: 170%;
  width:80%;
  color:#B45F04;
  margin:auto;
  font-weight: bold;
  text-align:center;

}
div.quote2{
	text-align:center;
	font-size:110%;
	color:#8E8E8E;
	font-weight: oblique;
}

.slider .source {
  font-size: 7px;
  text-align: right;
}


.slider li.anim1 {
  -moz-animation: slide 10s forwards infinite;
  animation: slide 10s infinite;
}

.slider li.anim2 {
  -moz-animation: slide2 10s forwards infinite;
  animation: slide2 10s infinite;
}


@-webkit-keyframes slide {

  0% {
    left: 0px;
	 opacity: 0;
  }
    1% {
    left: 0px;
	 opacity: 0;
  }
   30% {
    left: 0px;
    opacity: 1;
    z-index: 0;
  }
  50% {
    left: 0px;
    opacity: 0;
    z-index: -1;
  }
  51% {
    left: -20%;
    opacity: 0;
    z-index: -1;
}
  100% {
    left: -20%;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes: slide {

  0% {
    left: 0px;
	 opacity: 0;
  }
    1% {
    left: 0px;
	 opacity: 0;
  }
   30% {
    left: 0px;
    opacity: 1;
    z-index: 0;
  }
  50% {
    left: 0px;
    opacity: 0;
    z-index: -1;
  }
  51% {
    left: -20%;
    opacity: 0;
    z-index: -1;
}
  100% {
    left: -20%;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes: slide {

  0% {
    left: 0px;
	 opacity: 0;
  }
    1% {
    left: 0px;
	 opacity: 0;
  }
   30% {
    left: 0px;
    opacity: 1;
    z-index: 0;
  }
  50% {
    left: 0px;
    opacity: 0;
    z-index: -1;
  }
  51% {
    left: -20%;
    opacity: 0;
    z-index: -1;
}
  100% {
    left: -20%;
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes slide2 {
  0% {
    left: -100%;
	opacity: 0;
  }
  45% {
    left: -100%;
	opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 0;
    z-index: 0;
  }
   90% {
    left: 0px;
    opacity: 1;
    z-index: 0;
  }
  95% {
    left: 0px;
    opacity: 0;
    z-index: -1;
}
   100% {
    left: -100%;
    opacity: 0;
    z-index: -1;
  }
}
@-moz-keyframes slide2 {
  0% {
    left: -100%;
	opacity: 0;
  }
  49% {
    left: -1000%;
	opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 0;
    z-index: 0;
  }
   80% {
    left: 0px;
    opacity: 1;
    z-index: 0;
  }
  95% {
    left: 0px;
    opacity: 0;
    z-index: -1;
}
   100% {
    left: -100%;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes slide2 {
  0% {
    left: -100%;
	opacity: 0;
  }
  49% {
    left: -1000%;
	opacity: 0;
  }
  50% {
    left: 0px;
    opacity: 0;
    z-index: 0;
  }
   80% {
    left: 0px;
    opacity: 1;
    z-index: 0;
  }
  95% {
    left: 0px;
    opacity: 0;
    z-index: -1;
}
   100% {
    left: -100%;
    opacity: 0;
    z-index: -1;
  }
}
#overlay {
    position: fixed;
    width: 90%;
    height: 85%;
	margin:auto;
    top: 2%;
    left: 0;
	right:0;
	box-shadow: 0px 0px 5px #B45F04;
    background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
    z-index: 5;
	}
#overlay2 {
    position: fixed;
    width: 90%;
    height: 85%;
	margin:auto;
    top: 2%;
    left: 0;
	right:0;
	box-shadow: 0px 0px 5px #B45F04;
    background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
    z-index: 5;
	}
#overlay3 {
    position: fixed;
    width: 90%;
    height: 85%;
	margin:auto;
    top: 2%;
    left: 0;
	right:0;
	overflow-y: scroll;
	verflow-x: hidden;
	box-shadow: 0px 0px 5px #B45F04;
    background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
	text-align: justify;
    z-index: 5;
	}
#overlay4 {
    position: fixed;
    width: 90%;
    height: 85%;
	margin:auto;
    top: 2%;
    left: 0;
	right:0;
	overflow-y: scroll;
	verflow-x: hidden;
	box-shadow: 0px 0px 5px #B45F04;
    background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
	text-align: justify;
    z-index: 5;
	}
div.closetext{
	position: fixed;
    width: 100%;
    height: 5%;
	margin:auto;
    left: 0;
    right: 0;
	font-size:120%;
    bottom: 5%;
	margin:auto;
	text-align:center;
}
#text{
	width: 90%;
	position: relative;
	margin-left:5%;
	text-align: left;
    font-size: 150%;
    color: white;
	overflow: hidden;
    z-index: 1;
}
#text-header{
	color:#B45F04;
	font-size: 120%;
	font-style: bolt;
	left:10%;
}
cite{
	color:#B45F04;
	margin-left:10%;
	font-size: 110%;
}

blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 130%;
	width: 90%;
	margin: 0.25em 0;
	padding: 0.25em 5%;
	line-height: 1.45;
	position: relative;
	color: #ffffff;
}

div.bild-overlay {
   position: relative;
   margin: auto;
   width:90%;
   height:20%;
   background-image: url(../images/textovk.jpg);
	background-size:100% 100%;
   overflow:hidden;
}
div.bild-overlay2 {
   position: relative;
   margin: auto;
   width:90%;
   height:20%;
   background-image: url(../images/augek.jpg);
   background-size:100% 100%;
   overflow:hidden;
}

#overlaynewsletter {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	box-shadow: 0px 0px 5px #B45F04;
    background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
    z-index: 2;
}
#text2{
	width:48%;
	height:88%;
	position: absolute;
    font-size: 160%;
    color: #ffffff;
	padding-left:2%;
	padding-top:2%;
    top:0%;
	left:50%;
	overflow: hidden;
    z-index: 5;
}
#backlightsout{
    position: fixed;
	width: 100%;
	display: none;
    height: 100%;
	margin:auto;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 5;
	clear:left; 
	}
#backlightsout2{
    position: fixed;
	width: 100%;
	display: none;
    height: 100%;
	margin:auto;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 5;
	clear:left; 
	}
#backlightsout3{
    position: fixed;
	width: 100%;
	display: none;
    height: 150%;
	margin:auto;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 5;
	clear:left; 
	}
#backlightsout4{
    position: fixed;
	width: 100%;
	display: none;
    height: 150%;
	margin:auto;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 5;
	clear:left; 
	}
#cookies{
    position: fixed;
	width: 100%;
	display: none;
    height: 20%;
	margin:auto;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 6;
	clear:left; 
	}
#textcookies{
	width: 90%;
	position: relative;
	margin-left:5%;
	text-align: left;
    font-size: 100%;
    color: white;
	overflow: hidden;
    z-index: 1;
}
div.border1{
	position:absolute;
	left:5%;
	top:25%;
    width:90%;
    height:40%;
	background-color: rgba(0, 0, 0,1);
	box-shadow: 0px 0px 5px #B45F04;
}
input.button{
color:#000000;

}
#mc_embed_signup{
    position: absolute;
    display: none;
	width: 100%;
    height: 100%;
	margin:auto;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
    z-index: 4;
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	}
div.bild-overlay3 {
   position: absolute;
   margin: auto;
   left:0%;
   top:0%;
   width:50%;
   height:100%;
   -moz-opacity: 0.90;
   opacity: 0.9;
   background-image: url(../images/opolumnews.jpg);
   background-size:100% 100%;
   	border: 1px white;
   overflow:hidden;
}
div.footer {
	position:fixed;
	width:100%;
	height:5%;
	text-align:center;
	font-color:#ffffff;
	font-weight: bold;
	vertical-align: center;
	bottom:0px;
	left:0px;
	margin:0px;
	background-color: rgba(0,0,0,0.9);
	z-index:5;
	}
@media screen and (min-width: 450px){
 div.main,div.feed1,div.tv1,div.tr,div.pol,div.tickets,div.footer{
       visibility: hidden;
    }
body{

    width: 100%;
    height: 100%;
	background-position:center center;
	background-image: url(../images/rotate.gif);
	background-size:50% 50%;
	background-color:#000000;
	background-repeat:no-repeat;

	}