@media only screen and (max-width: 859px), screen and (max-height: 480px) {
*
{
margin:0px;
padding:0px;
}

#ra_oben{position: fixed; top:0px; left:0px; background: url(img/rahmen_weiss_o.png); height: 20px; width:100%; background-repeat: repeat-x; background-position-y: -36px; z-index:100}
#ra_links{position: fixed; top:0px; left:0px; background: url(img/rahmen_weiss_l.png); height: 100%; width:20px; background-repeat: repeat-y; background-position-x: -36px;z-index:100}
#ra_rechts{position: fixed; top:0px; right:0px; background: url(img/rahmen_weiss_r.png); height: 100%; width:20px; background-repeat: repeat-y;z-index:100}
#ra_unten{position: fixed; bottom:0px; left:0px; background: url(img/rahmen_weiss_u.png); height: 20px; width:100%; background-repeat: repeat-x; background-position-y: -36px;z-index:100}

#logo{position:absolute; left: 10px; top:63px; width: 200px; clear: none;}

#mobimenu{
background-color:#e53528;
position:absolute; right: 0px; top:0px; width: 30px; clear: left;
height: 56px; padding-top:63px;
padding-right:30px;
text-align: left;
padding-left:20px;
color: white;
cursor:pointer;
font-size: 20px;
}


#sprechblase{display: none;}


#mobisprech{
background-color:#e53528;
position:absolute; right: 80px; top:0px; width: 30px; clear: left;
height: 56px; padding-top:63px;
padding-right:0px;
text-align: left;
padding-left:20px;
color: white;
cursor:pointer;
font-size: 20px;
}


html, body {font-family: 'Ruda', sans-serif; background-color: #8ab5dd; margin: 0px; height:100%; width:100%; padding: 0px; }
h1 {font-family: "Ruda", sans-serif; font-weight: 900;font-style: normal;}


#startlogo{position: absolute; left:50%; top:50%; 
	margin-left:-150px; width: 300px; height: 146px; margin-top: -73px;vertical-align: top; text-align:center;
}
#startlogo img{width:300px;}

#startunten{display: none; position: fixed; bottom:-20px; background: url(img/menue_dunkelblau_u_startseite.png); height: 150px; width:100%; background-repeat: repeat-x; z-index:50; text-align: center;} 
#startunten a{color: white; font-family: "Ruda"; font-weight: 400;text-decoration: none; padding: 3px; padding-left: 0px; padding-right:7px;}
#startunten a:hover{background-color: #e53528; }


#xxxxcatWrap{position: fixed; top:-20px; background: url(img/menue_dunkelblau_o_mehr.png);  width:100%; height:160px; background-repeat: repeat-x; z-index:50; background-position-y: -100px;}
#xxxxcategories{position:absolute; left:0px; top:90px; padding-top: 20px; margin-left: 0px; margin-right:50px; width: 95%; background: url(img/menue_dunkelblau_o_mehr.png); background-position-y: -100px; background-repeat: repeat-x; height:60px; padding:30px;}

#catWrap{position: fixed; top:-20px; 
  background: url(img/menue_dunkelblau_o_mehr.png);  
  height:160px; width:100%; background-repeat: repeat-x;
   z-index:50; background-position-y: -100px;}
#categories{position:absolute; left:0px; top:110px; width: 100%; 
  height:100%; background: url(img/menue_dunkelblau_o_mehr.png); 
  background-position-y: -120px; background-repeat: repeat-x; background-color: #294d99;}
#categories a{display: block; color: white; font-family: "Ruda"; 
font-weight: 400;text-decoration: none; padding: 9px; 
padding-left: 30px; padding-right:30px; clear: both; width: 100%; 
margin:0px; background-color: #294d99;}
#categories a.act{background-color: #e53528; font-weight: 900 }
#categories a:hover{background-color: #e53528; }

#naviWrap{display: none;}
#categories a.mnav{display: block; color: white; font-family: "Ruda";
 font-weight: 400;text-decoration: none; padding: 9px; padding-left: 30px;
  padding-right:30px; clear: both; width: 100%; margin:0px; background-color: #5289c2;}
#categories a.mnav:hover{background-color: #e53528; }

#unten {display: none;  }
#untenlinks{display: none; }
#untenrechts{display: none; position: absolute; left: 0px; bottom: 60px; width:95%; margin-left:0px; text-align:center;}
#unten a{color: white; font-family: "Ruda"; font-weight: 400; text-decoration: none; padding: 3px; padding-left: 7px; padding-right:7px; line-height:2;}
#unten a.act{background-color: #e53528; font-weight: 900}
#unten a:hover{background-color: #e53528; }

#content a {color: #294d99; text-decoration: underline}
#content {position: relative; left:5% top:150px; 	width: 90%; vertical-align: top; padding:0px; min-height:250px; margin-right: 0px; margin-bottom: 0px; margin-top:100px; }
#content_box {position: relative; top:0px; left: 0px; background-color: white; width: 100%; margin: 0px; margin-top: -14px; padding:0px; padding-top:15px; min-height:250px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;margin-left:5%}
#content_rand_oben {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; 	clear: left; z-index:5; margin-left:5%}
#content_rand_unten {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-left:5%;}

h2{margin:5px; color: #294d99; font-weight: 900; margin-left:10px;}
.rot{ color: #e53528; }
b{color: #294d99; font-weight: 900;} 
#content_text{margin:25px; margin-left:25px;}

#overlay_text a{margin:5px; color: #294d99; font-weight: 600; margin-left:10px; text-decoration: underline}
#overlay_text p{margin:5px; color: #294d99; font-weight: 600; margin-left:10px; }
.rot{ color: #e53528; }


.projekt_text{margin:0px; margin-bottom: 40px; height:150px; margin-right:20px; margin-top: 190px;}
.projekt_rand_oben {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5; margin-left:5%;}
.projekt_rand_unten {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;margin-left:5%;}
.projekt_box {position: relative; top:0px; left: 0px; background-color: white; width: 100%; margin: 0px; margin-left:5%; margin-top: -14px; padding:0px; padding-right:0px;height:400px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}


.projekt_text h2{margin-left:30px; }
.projekt_text p{margin-left:30px; }


.thumbsproj img{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,492px,170px,0px);}

#hl_box {position: relative; top:0px; left: 0px; margin: 0px; margin-left: 5%; background-color: white; width: 100%; margin-top: -14px; padding:0px; padding-right:0px;min-height:80px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
#hl_rand_oben {position: relative;margin: 0px;  top:0px; left: 0px; margin-left:5%; width: 100%; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
#hl_rand_unten {position: relative; margin: 0px; top:0px; left: 0px; margin-left:5%; width: 100%;  background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-bottom: 20px;}
#hl_text{margin:0px; }
#hl_text p{margin:5px; margin-left:30px; margin-right: 30px;}
#hl_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}



#hl1_box {position: relative; top:0px; left: 0px; margin: 0px; margin-left: 5%; background-color: white; width: 100%; margin-top: -14px; padding:0px; padding-right:0px;min-height:80px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
#hl1_rand_oben {position: relative;margin: 0px;  top:0px; left: 0px; margin-left:5%; width: 100%; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
#hl1_rand_unten {position: relative; margin: 0px; top:0px; left: 0px; margin-left:5%; width: 100%;  background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-bottom: 20px;}
#hl1_text{margin:0px; }
#hl1_text p{margin:5px; margin-left:30px; margin-right: 30px;}
#hl1_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}



#hl2_box {position: relative; top:0px; left: 0px; margin: 0px; margin-left: 5%; background-color: white; width: 100%; margin-top: -14px; padding:0px; padding-right:0px;min-height:160px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
#hl2_rand_oben {position: relative;margin: 0px;  top:0px; left: 0px; margin-left:5%; width: 100%; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
#hl2_rand_unten {position: relative; margin: 0px; top:0px; left: 0px; margin-left:5%; width: 100%;  background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-bottom: 20px;}
#hl2_text{margin:0px; height:140px; margin-top:30px; margin-left:30px;}
#hl2_text p{margin:5px; margin-left:30px; margin-right: 30px;}
#hl2_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}



th {text-align: left; color: #294d99; padding-bottom: 10px;}


.team_text{float: left; margin:0px; margin-bottom: 40px; min-height:250px; width:90%;}
.team_text p{margin:5px; margin-left:30px; }
.team_text h2{margin:15px; color: #294d99; margin-top:30px;
 font-weight: 900; margin-left:30px; margin-bottom:110px; margin-right: 110px;}


.team_rand_oben {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_o_690.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}

.team_rand_unten {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_u_690.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;  }

div.team_box {position: relative; top:0px; left: 0px; background-color: white; width: 100%; margin: 0px; margin-top: 0px; margin-right:0px; margin-left:5%;  padding:0px; padding-right:0px; min-height:300px; vertical-align:top; display: block; 	float: left; 	z-index:4; margin-bottom:20px; }
.thumbsteam {
	float: right; margin:0px;
	padding:0px; height:50px; width:50px; overflow: hidden;}
.thumbsteam img {position: absolute; right:0px; width:100px;  margin-right:30px;}




#thumbs {display: none; margin-top:30px;}
#thumbs img {width:90%; }

#thumbs_mobil {display: block; position: relative; left:5%;}
#thumbs_mobil img {width:90%; }
#thumbs_mobil audio {width:90%; }
#thumbs_mobil video {width:90%; }


#thumbs_unten {display: none; position: absolute; bottom:0px; left: 0px; width: 100%}
#thumbs_unten img {width:33%; margin: -1px; padding: 0px;}


#sponsoren {}
#sponsoren img {max-width:200px; margin-left:15px; margin-bottom:15px; clear:none; }









.start_text{margin:0px; margin-bottom: 40px; margin-right:20px;}
.start_rand_oben {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
.start_rand_unten {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;  }

div.start_box {clear: left; position: relative; top:0px; 
  left: 5%; background-color: white; width: 100%;	margin: 0px; margin-top: 20px; margin-right:0px; margin-left:0px;  padding:0px; padding-right:0px; vertical-align:top; display: block; 	float: left; 	z-index:4; margin-bottom: 20px;
}



#start_box1 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box2 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box3 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box4 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box5 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box6 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box7 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box8 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}
#start_box9 img:first-of-type{position: absolute; top: 0px; left:0px; width: 100%; clip: rect(0px,800px,200px,0px);}


img.wp_icon{position: relative; top: 270px !important;   left:calc(90% - 80px) !important; width:100px !important; height:100px !important;}
img.wp_icon1{position: relative; top: 270px !important;   left:calc(90% - 180px) !important; width:100px !important; height:100px !important;}
img.wp_icon2{position: relative; top: 0px !important;   left:calc(90% - 60px) !important; width:100px !important; height:100px !important; margin-top: -20px;}

.extraheight{height:150px !important;}

.start_text img{float: left; height: 180px; object-fit: cover; }
.start_text h2{margin-left:30px; margin-top:205px}
.start_text p{margin-left:30px; }

#pferd{display: none; position:fixed; left:50%; margin-left:340px; top:210px; z-index:100000}


#unten a#smaller{font-size:8pt; font-weight: 900}
#unten a#larger{font-size:15pt; font-weight: 900}






/** Anpassungen Checkbox+Label (Button) **/

.catcat {
	display: none;
}	

input[type=checkbox]:checked ~ .catcat {
    display: block
}

input[type=checkbox]:checked ~ #logo {
    border: 5px solid green;
}



table{border-collapse:collapse}
th.archiv {display: none;}
td.archiv {display: table-row; line-height:2; }

thead { display:table-header-group }

.event{display:none;}
th.event {display: none; line-height:2;}
td.event {display: none; line-height:2; height: 50px;}


.mobith{display:inline-block; color: #294d99; font-weight: 900; line-height:2;}
.mobileonly{display: inline-block;}
.notmobile{display: none;}


#contact{width:300px;  }
#contact input{background: #e3e5e4; width:300px; border:0px; height:35px; margin-bottom:30px; font-family: 'Ruda'}
#contact textarea{background: #e3e5e4; width:300px; height:150px !important; border:0px; height:35px; margin-bottom:30px; font-family: 'Ruda'}
#submit{background-image: url(img/button_off.png); border:0px; width:93px; height:32px; color: white; margin-left:208px; font-family: 'Ruda'}


#fade {display: none; position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index: 1001000;  -moz-opacity: 0.8;  opacity: .80;  filter: alpha(opacity=80);}
.light {display: none; position: fixed;  top: 5%;  left: 5%;  width: 90%;  height: 90%;   border: 2px solid #FFF;  background: #FFF;  z-index: 1002000;  overflow: visible;}
.light video{width:100%; height:100%;}
.boxclose {float: right; cursor: pointer;  color: #fff;  border: 1px solid #AEAEAE;  border-radius: 3px;  background: #222222;  font-size: 31px;  font-weight: bold;  display: inline-block;  line-height: 0px;  padding: 11px 3px;  position: absolute;  right: 2px;  top: 2px;  z-index: 1002000;  opacity: 0.9;}

.videothumbWrap { position: relative; }

.videothumbWrap a {
   position: absolute;
   display: block;
   background: url(img/mediaplayer_play_off.png);
   height: 80px;
   width: 80px;
   top: 50%;
   left: 50%;
   margin: -40px 0 0 -40px;
   z-index:100;
}

.videothumbWrap a:hover {
   background: url(img/mediaplayer_play_on.png);

}

.randweiss{display:none;}
.desktoponlythumb{display:inline; margin-bottom:200px;}
.tabletonlythumb{display:none;}
.desktoponly_margin{height: 20px}

#overlay_text{
background-image: url(/images/whitebox_klein.png);
color: black;
display: inline;
z-index: 10001;
width: 350px; 
height: 186px; 
top: calc(50vh - 143px);
left: calc(50vw - 225px);
position: fixed; /* Sit on top of the page content */
padding: 50px;
font-size:14px;
}
#overlay_text a {font-size:14px;}
#overlay_text h2 {font-size:14px;}
#overlay_text p {font-size:14px;}

}