@charset "UTF-8";


body, div, h1, h2, h3, h4, h5, h6, div, table, td, p{
  font-family: 'Merriweather', serif;
  text-align: left;
  }


a{
  color: #15BFD6;
  }
a:hover{
  color: #8C7B5D;
  }  
  
span.over{
  color: #333;
  transition: all ease-out 0.5s;
  }
span.over:hover{
  color: #15BFD6;
  }  
  
  


h1, h2, h3, h4, h5, h6{
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  margin:0px;
  padding: 0px;
  line-height: 125%;
  }  
 
 
 
h1{
  font-size: 80px;
  line-height: 110%;
  margin:5px 0;
  font-weight: 600;
  }
h2{
  font-size: 40px;
  line-height: 110%;
    margin:5px 0;
  }
h3{
    font-size: 25px;
    margin:8px 0;
  }

h6{
  font-size: 18px;
  }  




.wrapper_footer h6{  
  font-size: 14px;
  }
.wrapper_footer p{  
  font-size: 10px;
  }  
  
.einstieg h1,
.einstieg h2{
  padding-left: 10px;
  float: left;
  clear:both;
  font-size: 30px;
  margin:5px 0;
  }  
  
.einstieg h3{
  padding-left: 10px;
  float: left;
  clear:both;
  font-size: 17px;
  margin:5px 0;
  font-family: 'Merriweather', serif;
  font-style:italic;
  }
 

@media screen and (min-width: 481px) and (max-width: 768px){  
.einstieg h1,
.einstieg h2{
   font-size: 28px!important;
  }

.einstieg h3{
   font-size: 16px!important;

  }   
   
 }


 @media screen and (max-width: 480px){  
.einstieg h1,
.einstieg h2{
   font-size: 30px!important;
  }

.einstieg h3{
   font-size: 16px!important;

  }  
   
 }
   
  
  
  
p{
  font-size: 18px;
  margin:5px 0 15px 0;
  padding:0px;
  font-weight: 400;
  }
  
  
.italic{
  font-style:italic;
  }
      
.upper{
  text-transform: uppercase;
  }    
.normal{
  text-transform: none;
  }
.small{
  font-size: 80%;
  line-height: 125%;
  }  
.bigger{
  font-size: 140%;
  font-weight:600;
  }        

.align-left{
  text-align: left;
  }  
.align-center{
  text-align: center;
  }  
.align-right{
  text-align: right;
  }



span.tab_50,
span.tab_75,
span.tab_100,
span.tab_125,
span.tab_150,
span.tab_175,
span.tab_veranstaltung{
  display: block;
  float: left;
  }
  
span.tab_50{
  width: 50px;
}
span.tab_75{
  width: 75px;
}  
span.tab_100{
  width: 100px;
}
span.tab_125{
  width: 125px;
}
span.tab_150{
  width: 150px;
}
span.tab_175{
  width: 175px;
} 
span.tab_veranstaltung{
  font-family: 'Oswald', sans-serif;
  width: 100%;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 400;
  color: #BAA681;
  float: left;
  clear: both;
  text-align: left;
}

.maxi{
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  text-align: left;
  font-size: 80px;
  line-height: 110%;
  font-weight: 600;
  border-bottom: none;
  }
 
 @media screen and (max-width: 485px){
 .maxi{
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  text-align: left;
  font-size: 52px;
  line-height: 110%;
  font-weight: 600;
  border-bottom: none;
  } 
 }

.trigger{
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
  width: 100%;
  padding-top: 0px;
  font-size: 15px;
  font-weight: 400;
  color: #15BFD6;
  float: left;
  clear: both;
  text-align: left;
  }

h3.veranstaltung{
  padding:70px 0 15px 0px;
  border-bottom: 1px solid #ddd;
  margin: 0;
  float: left;
  clear: both;
  display: block;
  width: 100%;
  }

p.veranstaltung{
  font-size: 18px;
  line-height: 150%;
  margin:0px 0;
  padding:15px 0px;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  float: left;
  width: 100%;
  display: block;
}

.hidden{
  float: left;
  clear:both;
  width: 100%;
  margin: 10px 0;
  font-style: italic;
  display: none;
  line-height: 135%
  }    
  
  
 @media screen and (min-width: 481px) and (max-width: 768px) {  
 
 h1{
  font-size: 70px;
  }
h2{
  font-size: 30px;
}
  
 }  
  
 @media screen and (max-width: 480px) {  
 
 h1{
  font-size: 50px;
  }
h2{
  font-size: 25px;
}
h3{
  font-size: 20px;

}
  
 }