@charset "UTF-8";
/* CSS Document */

html, body {
  text-decoration:none;
  
}

body {
  text-decoration:none;
}


p {
  padding:0px;
}

.abstand1 {
  height:20px;
}

.abstand2 {
  height:50px;
}

.abstand3 {
  height:100px;
}


.abstand4 {
 height:200px;
}




.menu {
  position:absolute;
  float:left;
  top: 80px;
  left:200px;
  height:auto;
  z-index:10;
}

#container_pixelbild {
  position:relative;
  left: 0px;
  top: 0px;
  width:100%;
  max-height:100%;
  overflow:hidden;
height:auto;
}

#pixelbild {
  position:relative;
  width:100%;
  height:auto;
  z-index:0;
}

.trenner {
position:absolute;
width:100%;
height:auto;
padding:0;
margin:0;
left:0px;
bottom:0px;
  z-index:10;
}


.titel {
	position:absolute;
	 left:200px;
	 float:left;
  bottom:200px;
  z-index:10;
}


.bg_start{
	width:100%;
	height:99%;
background-image: url("../img/start2.gif");
background-repeat:no-repeat;
background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}





.bg_crew{
	position:fixed;
	opacity:0.2;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:hidden;
background-image: url("../img/ani.gif");
background-repeat:no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
}


.bg_img	{
	display:none;
	
}




.icon_rechts {
  position:absolute;
  right:80px;
  top:80px;
  width:170px;
  height:auto;
  z-index:10;
}


.icon_links {
    position:absolute;
  left:80px;
bottom:80px;
overflow:hidden;
  width:170px;
  z-index:10;
}

.link_events {
  position:absolute;
  right:170px;
  top:160px;
  z-index:10;
  text-align:right;
}

.container_events{
position:relative;
background:#006e9d;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 25px 25px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
25px 25px 0px #00435f;

-moz-box-shadow: 
inset 25px 25px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
25px 25px 0px #00435f;

box-shadow: 
inset 25px 25px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
25px 25px 0px #00435f;
overflow:hidden;
padding:100px;
}

.container_events2{
position:relative;
background:#b14f50;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 25px 25px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
25px 25px 0px #743834;

-moz-box-shadow: 
inset 25px 25px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
25px 25px 0px #743834;

box-shadow: 
inset 25px 25px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
25px 25px 0px #743834;
overflow:hidden;
padding:100px;
}


.container_impressum{
position:relative;
background:#111;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 25px 25px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
25px 25px 0px #000;

-moz-box-shadow: 
inset 25px 25px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
25px 25px 0px #000;

box-shadow: 
inset 25px 25px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
25px 25px 0px #000;
overflow:hidden;
padding:100px;
}




.content{
  position:relative;
  top:400px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:75%;
  margin:0 auto;
overflow:hidden;
  padding:150px;
z-index:10;
 }
 
 

.content_img{
  position:relative;
  margin-top:0;
  width:100%;
  z-index:10;
  overflow:hidden;
}


.container_text{
  position:relative;
  width:75%;
  margin:0 auto;
overflow:hidden;
  padding:250px 0;
z-index:10;
 }
 


@media only screen and (max-width: 2499px) {
	.content{
  position:relative;
  top:200px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:80%;
  margin:0 auto;
overflow:hidden;
  padding:100px;
z-index:10;
 }}


@media only screen and (max-width: 1999px) {
		p {
  padding:0px;
}

.abstand1 {
  height:15px;
}

.abstand2 {
  height:30px;
}

.abstand3 {
  height:100px;
}


.abstand4 {
 height:100px;
}




.menu {
  position:absolute;
  float:left;
  top: 50px;
  left:110px;
  height:auto;
  z-index:10;
}

#container_pixelbild {
  position:relative;
  left: 0px;
  top: 0px;
  width:100%;
  max-height:100%;
  overflow:hidden;
height:auto;
}

#pixelbild {
  position:relative;
  width:100%;
  height:auto;
  z-index:0;
}

.trenner {
position:absolute;
width:100%;
height:auto;
padding:0;
margin:0;
left:0px;
bottom:0px;
  z-index:10;
}


.titel {
	position:absolute;
	 left:100px;
	 float:left;
  bottom:100px;
  z-index:10;
}


.bg_start{
	width:100%;
	height:98%;
background-image: url("../img/start2.gif");
background-repeat:no-repeat;
background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}





.bg_crew{
	position:fixed;
	opacity:0.2;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:hidden;
background-image: url("../img/ani.gif");
background-repeat:no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
}


.icon_rechts {
  position:absolute;
  right:40px;
  top:40px;
  width:80px;
  height:auto;
  z-index:10;
}


.icon_links {
    position:absolute;
  left:40px;
bottom:40px;
overflow:hidden;
  width:80px;
  z-index:10;
}

.link_events {
  position:absolute;
  right:80px;
  top:80px;
  z-index:10;
  text-align:right;

}

.container_events{
position:relative;
background:#006e9d;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 20px 20px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
20px 20px 0px #00435f;

-moz-box-shadow: 
inset 20px 20px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
20px 20px 0px #00435f;

box-shadow: 
inset 20px 20px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
20px 20px 0px #00435f;
overflow:hidden;
padding:45px;
}

.container_events2{
position:relative;
background:#b14f50;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 20px 20px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
20px 20px 0px #743834;

-moz-box-shadow: 
inset 20px 20px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
20px 20px 0px #743834;

box-shadow: 
inset 20px 20px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
20px 20px 0px #743834;
overflow:hidden;
padding:45px;
}


.container_impressum{
position:relative;
background:#111;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 20px 20px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
20px 20px 0px #000;

-moz-box-shadow: 
inset 20px 20px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
20px 20px 0px #000;

box-shadow: 
inset 20px 20px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
20px 20px 0px #000;

overflow:hidden;
padding:45px;
}





.content{
  position:relative;
  top:100px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:85%;
  margin:0 auto;
overflow:hidden;
  padding:100px;
z-index:10;
 }
 
 

.content_img{
  position:relative;
  margin-top:0;
  width:100%;
  z-index:10;
  overflow:hidden;
}


.container_text{
  position:relative;
  width:75%;
  margin:0 auto;
overflow:hidden;
  padding:100px 0;
z-index:10;
 }
}



@media only screen and (max-width: 1399px) {
	p {
  padding:0px;
}

.abstand1 {
  height:15px;
}

.abstand2 {
  height:20px;
}

.abstand3 {
  height:100px;
}


.abstand4 {
 height:100px;
}




.menu {
  position:absolute;
  float:left;
  top: 50px;
  left:110px;
  height:auto;
  z-index:10;
}

#container_pixelbild {
  position:relative;
  left: 0px;
  top: 0px;
  width:100%;
  max-height:100%;
  overflow:hidden;
height:auto;
}

#pixelbild {
  position:relative;
  width:100%;
  height:auto;
  z-index:0;
}

.trenner {
position:absolute;
width:100%;
height:auto;
padding:0;
margin:0;
left:0px;
bottom:0px;
  z-index:10;
}


.titel {
	position:absolute;
	 left:100px;
	 float:left;
  bottom:100px;
  z-index:10;
  
}


.bg_start{
	width:100%;
	height:98%;
background-image: url("../img/start2.gif");
background-repeat:no-repeat;
background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}





.bg_crew{
	position:fixed;
	opacity:0.2;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:hidden;
background-image: url("../img/ani.gif");
background-repeat:no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
}


.icon_rechts {
  position:absolute;
  right:40px;
  top:40px;
  width:80px;
  height:auto;
  z-index:10;
}


.icon_links {
    position:absolute;
  left:40px;
bottom:40px;
overflow:hidden;
  width:80px;
  z-index:10;
}

.link_events {
  position:absolute;
  right:80px;
  top:80px;
  z-index:10;
  text-align:right;

}

.container_events{
position:relative;
background:#006e9d;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 20px 20px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
20px 20px 0px #00435f;

-moz-box-shadow: 
inset 20px 20px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
20px 20px 0px #00435f;

box-shadow: 
inset 20px 20px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
20px 20px 0px #00435f;
overflow:hidden;
padding:45px;
}

.container_events2{
position:relative;
background:#b14f50;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 20px 20px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
20px 20px 0px #743834;

-moz-box-shadow: 
inset 20px 20px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
20px 20px 0px #743834;

box-shadow: 
inset 20px 20px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
20px 20px 0px #743834;
overflow:hidden;
padding:45px;
}

.container_impressum{
position:relative;
background:#111;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 20px 20px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
20px 20px 0px #000;

-moz-box-shadow: 
inset 20px 20px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
20px 20px 0px #000;

box-shadow: 
inset 20px 20px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
20px 20px 0px #000;

overflow:hidden;
padding:45px;
}




.content{
  position:relative;
  top:100px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:85%;
  margin:0 auto;
overflow:hidden;
  padding:100px;
z-index:10;
 }
 
 

.content_img{
  position:relative;
  margin-top:0;
  width:100%;
  z-index:10;
  overflow:hidden;
}


.container_text{
  position:relative;
  width:75%;
  margin:0 auto;
overflow:hidden;
  padding:100px 0;
z-index:10;
 }
	
	
}


@media only screen and (max-width: 999px) {
		p {
  padding:0px;
}

.abstand1 {
  height:15px;
}

.abstand2 {
  height:30px;
}

.abstand3 {
  height:100px;
}


.abstand4 {
 height:60px;
}




.menu {
  position:absolute;
  float:left;
  top: 40px;
  left:100px;
  height:auto;
  z-index:10;
}

#container_pixelbild {
  position:relative;
  left: 0px;
  top: 0px;
  width:100%;
  max-height:100%;
  overflow:hidden;
height:auto;
}

#pixelbild {
  position:relative;
  width:100%;
  height:auto;
  z-index:0;
}

.trenner {
position:absolute;
width:100%;
height:auto;
padding:0;
margin:0;
left:0px;
bottom:0px;
  z-index:10;
}


.titel {
	position:absolute;
	 left:70px;
	 float:left;
  bottom:60px;
  z-index:10;
}


.bg_start{
	width:100%;
	height:98%;
background-image: url("../img/start2.gif");
background-repeat:no-repeat;
background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}








.icon_rechts {
  position:absolute;
  right:30px;
  top:30px;
  width:55px;
  height:auto;
  z-index:10;
}


.icon_links {
    position:absolute;
  left:30px;
bottom:30px;
overflow:hidden;
  width:55px;
  z-index:10;
}

.link_events {
  position:absolute;
  right:60px;
  top:60px;
  z-index:10;
  text-align:right;

}

.container_events{
position:relative;
background:#006e9d;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 15px 15px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
15px 15px 0px #00435f;

-moz-box-shadow: 
inset 15px 15px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
15px 15px 0px #00435f;

box-shadow: 
inset 15px 15px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
15px 15px 0px #00435f;
overflow:hidden;
padding:40px;
}

.container_events2{
position:relative;
background:#b14f50;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 15px 15px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
15px 15px 0px #743834;

-moz-box-shadow: 
inset 15px 15px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
15px 15px 0px #743834;

box-shadow: 
inset 15px 15px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
15px 15px 0px #743834;
overflow:hidden;
padding:40px;
}


.container_impressum{
position:relative;
background:#111;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 15px 15px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
15px 15px 0px #000;

-moz-box-shadow: 
inset 15px 15px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
15px 15px 0px #000;

box-shadow: 
inset 15px 15px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
15px 15px 0px #000;

overflow:hidden;
padding:40px;
}




.content{
  position:relative;
  top:200px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:88%;
  margin:0 auto;
overflow:hidden;
  padding:50px;
z-index:10;
 }
 
 

.content_img{
  position:relative;
  margin-top:0;
  width:100%;
  z-index:10;
  overflow:hidden;
}


.container_text{
  position:relative;
  width:100%;
  margin:0 auto;
overflow:hidden;
  padding:70px;
z-index:10;
 }}
 
 
 @media only screen and (max-width: 980px) {
			p {
  padding:0px;
}

.abstand1 {
  height:15px;
}

.abstand2 {
  height:30px;
}

.abstand3 {
  height:100px;
}


.abstand4 {
 height:60px;
}




.menu {
  position:absolute;
  float:left;
  top: 40px;
  left:100px;
  height:auto;
  z-index:10;
}

#container_pixelbild {
  position:relative;
  left: 0px;
  top: 0px;
  width:100%;
  max-height:100%;
  overflow:hidden;
height:auto;
}

#pixelbild {
  position:relative;
  width:100%;
  height:auto;
  z-index:0;
}

.trenner {
position:absolute;
width:100%;
height:auto;
padding:0;
margin:0;
left:0px;
bottom:0px;
  z-index:10;
}


.titel {
	position:absolute;
	 left:70px;
	 float:left;
  bottom:60px;
  z-index:10;
}


.bg_start{
	width:100%;
	height:98%;
background-image: url("../img/start.gif");
background-repeat:no-repeat;
background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}







.icon_rechts {
  position:absolute;
  right:30px;
  top:30px;
  width:55px;
  height:auto;
  z-index:10;
}


.icon_links {
    position:absolute;
  left:30px;
bottom:30px;
overflow:hidden;
  width:55px;
  z-index:10;
}

.link_events {
  position:absolute;
  right:60px;
  top:60px;
  z-index:10;
  text-align:right;

}

.container_events{
position:relative;
background:#006e9d;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 15px 15px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
15px 15px 0px #00435f;

-moz-box-shadow: 
inset 15px 15px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
15px 15px 0px #00435f;

box-shadow: 
inset 15px 15px 0px #0d82b5, 
0px 0px 0px 0px #006e9d, 
15px 15px 0px #00435f;
overflow:hidden;
padding:40px;
}

.container_events2{
position:relative;
background:#b14f50;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 15px 15px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
15px 15px 0px #743834;

-moz-box-shadow: 
inset 15px 15px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
15px 15px 0px #743834;

box-shadow: 
inset 15px 15px 0px #d15c5d, 
0px 0px 0px 0px #b14f50, 
15px 15px 0px #743834;
overflow:hidden;
padding:40px;
}


.container_impressum{
position:relative;
background:#111;
width:auto;
height:auto;
-webkit-box-shadow: 
inset 15px 15px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
15px 15px 0px #000;

-moz-box-shadow: 
inset 15px 15px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
15px 15px 0px #000;

box-shadow: 
inset 15px 15px 0px #1e1e1e, 
0px 0px 0px 0px #111, 
15px 15px 0px #000;

overflow:hidden;
padding:40px;
}




.content{
  position:relative;
  top:200px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:96%;
  margin:0 auto;
overflow:hidden;
  padding:50px;
z-index:10;
 }
 
 

.content_img{
  position:relative;
  margin-top:0;
  width:100%;
  z-index:10;
  overflow:hidden;
}


.container_text{
  position:relative;
  width:100%;
  margin:0 auto;
overflow:hidden;
  padding:70px;
z-index:10;
 }
}





@media only screen and (max-width: 768px) {
	p {
  padding:0px;
}

.abstand1 {
  height:15px;
}

.abstand2 {
  height:10px;
}

.abstand3 {
  height:100px;
}


.abstand4 {
 height:35px;
}




.menu {
  position:absolute;
  float:left;
  top: 20px;
  left:67px;
  height:auto;
  z-index:10;
}

#container_pixelbild {
  position:relative;
  left: 0px;
  top: 0px;
  width:100%;
  max-height:100%;
  overflow:hidden;
height:auto;

}

#pixelbild {
  position:relative;
  width:100%;
  height:auto;
  z-index:0;
}

.trenner {
position:absolute;
width:100%;
height:auto;
padding:0;
margin:0;
left:0px;
bottom:0px;
  z-index:10;
}




.bg_start{
	position:absolute;
	width:100%;
	overflow:hidden;
	height:100%;
	
background-image: url("../img/start_mobile.gif");
background-repeat:no-repeat;
background-position: 50% 0; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
 background-size: 100%;
 display:none;
  
}

.bg_crew{
	position:fixed;
	opacity:0.2;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:hidden;
background-image: url("../img/ani.gif");
background-repeat:no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
}




.icon_rechts {
  position:absolute;
  right:30px;
  top:30px;
  width:55px;
  height:auto;
  z-index:10;
  display:none;
}


.icon_links {
    position:absolute;
  left:30px;
bottom:30px;
overflow:hidden;
  width:55px;
  z-index:10;
  display:none;
}

.link_events {
  position:absolute;
  right:20px;
  top:18px;
  z-index:10;
  text-align:right;

}

.container_events{
position:relative;
background:#006e9d;
width:auto;
height:auto;
-webkit-box-shadow: 
10px 10px 0px #00435f;

-moz-box-shadow: 
10px 10px 0px #00435f;

box-shadow: 
10px 10px 0px #00435f;
overflow:hidden;
padding:20px;
}

.container_events2{
position:relative;
background:#b14f50;
width:auto;
height:auto;
-webkit-box-shadow: 
10px 10px 0px #743834;

-moz-box-shadow: 
10px 10px 0px #743834;

box-shadow: 
10px 10px 0px #743834;
overflow:hidden;
padding:20px;
}



.container_impressum{
position:relative;
background:#111;
width:auto;
height:auto;
-webkit-box-shadow: 
10px 10px 0px #000;

-moz-box-shadow: 
10px 10px 0px #000;

box-shadow: 
10px 10px 0px #000;
overflow:hidden;
padding:20px;
}



.content{
  position:relative;
  top:80px;
  width:100%;
  z-index:10;
  margin:0 auto;
  overflow:hidden;
  clear:both;
}

 .container_text2{
  position:relative;
  width:100%;
  margin:0 auto;
overflow:hidden;
  padding:30px;
z-index:10;
 }
 
.titel {
	position:absolute;
	 left:20px;
	 float:left;
  bottom:20px;
  z-index:10;
}
 
 .bg_img{
	position:relative;
	left:0;
	top:0;
float:left;
	display:inline;
	
}

.content_img{
  position:relative;
  margin-top:0px;
float:left;
  width:100%;
  z-index:10;
}


.container_text{
  position:relative;
  width:100%;
  margin:0 auto;
overflow:hidden;
  padding:30px 20px;
z-index:10;
 }
}





@media only screen and (max-width: 450px) {
	}