html{font-size:16px;}




body{
  font-family: 'Titillium Web';
   font-weight:300;
   font-size: 17px;
	line-height:22px;
	font-size: 1.063rem; 
	line-height:1.375rem;
	margin:0;
    padding:0;
    letter-spacing:0.01rem;
   -webkit-text-size-adjust: 100%;
   color:#e3005a;
   background-color:#fff;
}


b{
  font-style: normal;
  font-weight: 600;
}

#facebook {
   display:inline-block;
   float:left;
   text-align:left;
}


#fb-2,#insta{float:right;width:35px;margin-top:-8px}


#insta{margin-left:8px}

#kartenverkauf-m{display:none}

.f-left{
float:left;
margin-left:4px;

}

.datum{
font-size: 17px;
    line-height:16px;
    font-size: 1.063rem;
    line-height: 1.0rem;
    padding-top:2px;
}

.datum-zeit{
width:100%;
float:left;
color:#E5650E;
margin-bottom:12px;
}


.events{
width:850px;
margin:0 auto;
}


.m-4{
}

.round-n {
font-size: 14px;
	line-height:18px;
	font-size: 0.875rem; 
	line-height:1.0rem;
 text-align:center;
    border:1px solid #e3005a;
position:absolute;
top:2px; 
left:0;
width:18px;
    height:18px;
    -moz-border-radius:50%; 
        -webkit-border-radius: 50%;
                border-radius:50%;

}



.round-n2 {
font-size: 14px;
	line-height:18px;
	font-size: 0.875rem; 
	line-height:1.0rem;
 text-align:center;
    border:1px solid #E5650E;
float:left;
width:18px;
    height:18px;
    margin:2px 1px 0 5px;
    -moz-border-radius:50%; 
        -webkit-border-radius: 50%;
                border-radius:50%;

}

.sponsoren{
width:600px;
margin:0 auto;
}

.line-eintrag{
border-bottom:2px dotted #E5650E;
margin:30px 0 30px 0;
width:100%;
float:left;
height:2px;
}

.line-bottom{
border-bottom:2px dotted #E5650E;
margin:20px 0 20px 0;
width:100%;
float:left;
height:2px;
}


ol.mylist {
margin:0em;
display:block;
padding:0em;
margin-left: 1.25em;
}


ol.mylist li{
  margin:0em;
padding:0 0 3px 7px;
color:#E5650E;
  list-style-type:decimal;

}


.my-zahl,.my-text{
float:left;}

.my-zahl {width:34px;text-align:left;margin-left:-6px}

.my-text{width: calc(100% - 34px);
color:#e3005a;
text-decoration:none;
}


.titel-li{
  margin:10px  0 0 -1.25em;
 
}

.logo-s{
width:30%;
margin-right:2%;
float:left;

}

.logo-s2{
width:45%;
margin:0 2.5% 0 2.5%;
float:left;

}


ul.mylistr {
margin:0em;
display:block;
padding:0em;
margin-left: 1.25em;
}


ul.mylistr li{
  margin:0em;
padding:0 0 3px 0px;
  list-style:disc;
}

.line-us-d{
border-bottom:2px dotted #E5650E;
width:100%;
float:left;
margin:0 0 8px 0;
height:2px;
}

.us_h_links{
float:left;
width:78%;
}

.us_h_rechts{
float:right;
width:22%;
padding-top:4px;

}

.line-sub{
float:right;
width:66%;
border-bottom:1px solid #e3005a;
margin:5px 0 7px 0;
height:2px;
}

.us-col1-2{
width:33%;
float:left;
padding-right:1%
} 

.us-col1{
width:11%;
float:left;
padding-right:1%
} 
.us-col2{
width:22%;
float:left;
padding-right:1%

} 

.us-col3,.us-col33{
width:40%;
padding-right:3%;
float:left;
} 


.us-col4,.us-col44{
width:22%;
float:right;
} 

.line-us-s{
border-bottom:1px solid #e3005a;
width:100%;
float:left;
margin:5px 0 7px 0;
height:2px;
}


#sidebar-container{
display:none;
}

.col-60{
   width:62%;
   float:left
}

.col-30{
   width:32%;
   float:right
}


.col-60-home{
   width:55%;
   float:left
}

.col-30-home{
   width:42%;
   float:right
}


.col-80{
   width:72%;
   float:left
}

.col-20{
   width:25%;
   float:right
}


#desktop-nav {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    height: 37px;
}

.top-level-margin {
    margin-left: 70px;
}

br.cb { 
   clear: both; 
}



#formular-response{
   display:none;
     -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
   padding:10px 15px 10px 15px;
   background-color:#edeeec
}


a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999;
}


a,.link-url{
 color:#E5650E;
text-decoration:underline;
}


a:hover{
text-decoration:none;
}

a:focus {
   outline: 0;
   outline: none;
   border:0;
   text-decoration:none;
}

.full-page{
   width:1050px;
   margin:0 auto;
   padding:20px 0 30px 0
}



.col-2{
   width:48%;
   float:left;
   margin-bottom:10px
}


.col-2-right{
   width:48%;
   float:right;
   margin-bottom:10px
}



.mehr-info,.button-back{
  border:1px solid #4a4a4a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-size:13px;font-size: 0.8125rem; padding:0px 6px 0px 6px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
 background-image: -webkit-linear-gradient(top, #666666, #333333);
 background-image: -moz-linear-gradient(top, #666666, #333333);
 background-image: -ms-linear-gradient(top, #666666, #333333);
 background-image: -o-linear-gradient(top, #666666, #333333);
 background-image: linear-gradient(to bottom, #666666, #333333);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#333333);
 margin-top:8px;
font-weight:600
}





.col-70{
   width:75%;
   float:left
}

.col-25{
   width:20%;
   float:right
}



.col-50{
   width:47%;
   float:left
}

.col-50-right{
   width:45%;
   float:right
}



#sidebar-container{
   position:absolute;
   right:3%;
   top:0px;
   z-index:99;
   width:35px;
   height:70px;
}



#logo{
	float:left;
   padding:0px 0 0px 0;
   width:477px;
	margin-top:40px;
}



#header-cont{
	text-align:center
}


#logos{
	margin:0 auto;
	display:inline-block}

#text-header{
	width:200px;
	float:left;
	margin:50px 40px 0 0;
}

#text-header-png{
	width:250px;
	float:left;
	margin:50px 40px 0 0;
}



#my-header{
    width:100% !important;
height:180px;
background-color:#e3005a;

}

.line-content{
   height:6px;
   margin:35px 0 25px 0;
   border-top:1px solid #333;
   border-bottom:2px solid #333;
}



h1,.consent-titel{
  color: #E5650E;
  font-size: 32px;
  line-height: 38px;
  font-size: 2.0rem;
  line-height: 2.375rem;
  margin: 0px;
  font-weight: 500;
  margin-bottom:5px;
}


.mainc{
color:#E5650E;
}

.seasonc-link{
color:#e3005a;}

.seasonc{
color:#e3005a;
text-decoration:none;
}


h2, h3{
  font-size: 22px;
line-height:26px;
font-size:  1.375rem; 
line-height:1.5rem;
  color: #E5650E;
  margin:0;
 padding:0 0 8px 0;
 font-weight:500

}


#back-top {
    right: 10px;
    bottom: 300px;
    top: auto;
    position: fixed;
    text-decoration:none;
    cursor: pointer;
   filter: alphƒopacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
 -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;

}

#back-top a {
  font-family: 'Titillium Web';
   color: #e3005a !important;
   font-size: 30px;
   font-size: 1.8rem;
   line-height: 1.5rem;
   text-align: center;
   display: block;
   font-weight: 300;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   transition: 1s;
   width: 30px;
  height: 30px;
   padding:1px 0 0 2px;
 -moz-border-radius:5px;
	-webkit-border-radius:5px;
   border-radius:5px;
  border:1px solid #E5650E;
}


img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}

.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}


.videoScaleMap {
   position: relative;
   padding-bottom: 80.25%; /* 16:9 */
   padding-top:120px;
   height: 0;
}

.videoScaleMap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}



input, textarea, select{
    background-color:#edeeec;
   border:0;
   border:none;
   color: #333;
   padding:4px;
   margin-bottom:4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
 
}












@media screen and (max-width:1180px) {
     .full-page{width:95%;}
}


@media screen and (max-width:1050px) {

.top-level-margin { margin-left: 40px;}
}


@media screen and (max-width:980px) {
.col-60{ width:58%;}
.col-30{ width:36%;}
.col-60-home{width:100%;float:left; margin-bottom:40px}
.col-30-home{ width:100%; float:left;}
.col-70{  width:100%; margin-bottom:40px;}
.col-25{ width:100%; float:left}
}



@media screen and (max-width:860px) {
.events{width:100%}
.top-level-margin { margin-left: 20px;}

}


@media screen and (max-width:768px) {
.col-20{width:100%;}
.col-80{width:100%;margin-bottom:10px;}  
.col-60{ width:100%;}
.col-30{ width:100%;}   
#logos{margin:0;float:left}
#logo{width:220px;margin-top:14px;}

#header-cont {  margin-right: 4%; margin-left:4.0%;}



     .full-page{width:92%;}
}
#text-header{width:140px;float:left;margin:18px 20px 0 0;}
#text-header-png{width:160px;float:left;margin:18px 20px 0 0;}

#desktop-nav{display:none}
#sidebar-container{display:block}
.videoScale {   padding-bottom: 52.8%; }
#my-header{height:80px}
.us-col1{width:20%;float:left;} 
.us-col2{width:30%;float:left;} 
.us-col3{width:100%;float:left;} 
.us-col4{width:40%;} 

.line-sub{width:64%;}
.us-col1-2{width:30%;float:left;padding-right:0}
.us-col33{width:60%;float:right}
.us-col44{width:63%;} 


.us_h_rechts{width:40%}
.us_h_links { width: 60%;}
.col-50{width:100%; float:leftmargin-bottom:30px}
.col-50-right{ width:100%; float:left}


#kartenverkauf{display:none}
#kartenverkauf-m{display:block;float:left;}
  #back-top {display:none;right: 2.5%;} 

}




@media screen and (max-width:700px) {
.sponsoren{
width:100%
}
}

@media screen and (max-width:600px) {

 
   body{

   font-size: 19px;
	line-height:24px;
	font-size: 1.1875rem; 
	line-height:1.5rem;
    }




h2, h3{
  font-size: 24px;
line-height:28px;
font-size:  1.5rem; 
line-height:1.75rem;}


.line-sub{width:62%;}
.us-col1-2{width:35%;float:left;}
.us-col33{width:59%;float:right}
.us-col44{width:62%;} 
}


@media screen and (max-width:500px) {
   #back-top a {font-size: 30px; font-size: 1.6rem; line-height: 1.35rem;   padding:2px 0 0 2px;width: 30px; height: 30px;}
  
  
    
}



@media screen and (max-width:450px) {
.videoScale {   padding-bottom: 50.50%; }
#logo{width:160px;margin-top:17px;}
#text-header{width:100px;    margin: 21px 10px 0 0;}
#text-header-png{width:130px;margin: 21px 10px 0 0;}
#my-header{height:65px}


    


}