/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */
/* Kann maximal 1500px darstellen. */
@media only screen and (max-width : 1500px) {
  #pageteaser .pageteaser-header { font-size: 2.4em; }
  #pageteaser .pageteaser-subheader {font-size: 1.3em; }
}


/* Kann maximal 1400px darstellen. */
@media only screen and (max-width : 1400px) {
  .mainnav li.level_1 > a { padding: 20px 15px 25px; }


}
 

/* Kann maximal 1200px darstellen. */
@media only screen and (max-width : 1200px) {
  #pageteaser .pageteaser-header { font-size: 2.0em; }
  #pageteaser .pageteaser-subheader {font-size: 1.1em; }

  .ce-gallery { max-width:50%; }
}



/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  .navigation { width:100%; }

  .vereinsnav { display: none; }
  .vereinsnavPancake { display: block; }
  .pancake { display:block; }
  .mainnav { display:none; position:fixed; top:120px; left:0; overflow:scroll; }
  .mainnav { background:rgba(255,255,255,1.0); width:100%; height:calc(100% - 120px); z-index:2999; padding:0 5%; padding-top:80px; }


  .mainnav ul.list1 { justify-content: flex-start; flex-direction:column; overflow:scroll; padding-right:0; }
  .mainnav li.level_1 > a { padding:20px 15px 20px; border-top:1px solid #000; font-size: 1.4rem;}
  .mainnav li.level_1 > a .pfeil { display:none; }
  .mainnav .tennis-header { font-size: 4.0em; line-height:100px; }
  .mainnav .ski-header { font-size: 4.0em; line-height:100px;  }
  .mainnav .tennis-navi ul.list1 { padding-right: 0; }
  .mainnav .ski-navi ul.list1 { padding-left: 0; }
  .mainnav .ski-navi li.level_1 > a:first-child { text-align: right; }

  .mainnav .list2 { padding-top:0; border-top:inherit; box-shadow: inherit; height:auto; width:auto;  min-width:inherit; position:relative; top:0; opacity:1; }
  .mainnav .list2 .subpfeil { display:none; }


  #header .wrapper { min-height: 120px; }
  #header .logo { left: 5%; width: 13%; min-width: 200px; z-index: 5000; }

  .news-list-view .article { width: 100%; margin-right: 0; margin-bottom: 5%; }

  #pageteaser .pageteaser-tennis { width:100%; margin-bottom: 5%; }
  #pageteaser .pageteaser-ski { width:100%; }
  #pageteaser .wrapper:before { display: none; }
  #pageteaser .wrapper:after { display: none; }

  .vorstandschaft-list-view .article { width: 49%; }
  .vorstandschaft-list-view .article:nth-child(2n+2) { margin-right: 0; }
  .vorstandschaft-list-view .article:nth-child(3n+3) { margin-right: 2%; }

} 


/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {
  

  .home .content { width: 100%; }

}


/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {

  .ce-gallery { width: 100%; max-width: inherit; float: none !important; margin-left: 0 !important; margin-right:0 !important; }


  #header .wrapper { justify-content: flex-start; }

  
  .headerslider { height:70%; }
  .headerslider .slickdefault { height:100%; }
  .headerslider .slick-list { height:100%; }
  .headerslider .slick-track { height:100%; }
  .headerslider .slick-slide { height:100%; }
  .headerslider .slick-slide > div { height:100%; }
  .headerslider .slickcontentelement { height:100%; }
  .headerslider figure { height:100%; display: flex !important; justify-content: flex-start;}
  .headerslider .slick-slide[data-slick-index="1"] figure,
  .headerslider .slick-slide[data-slick-index="2"] figure { justify-content: flex-end;}
  .headerslider figure img { height:100%; width:auto; max-width:inherit; }
  .headerslider .slick-slide .ce-bodytext { padding-bottom:5%; }


}


/* Kann maximal 650px darstellen. */
@media only screen and (max-width : 650px) {



  h1 { font-size: 1.8rem; }
  h2 { font-size:1.6rem; }
  h3 { font-size: 1.4rem; }

  .content { padding:15% 5%; }
  .flex_6 { width:100%; }
  .flex_7 { width:100%; }
  .flex_5 { width:100%; }

  .vorstandschaft-list-view .article { width: 100%; margin-right:0; margin-bottom:5%; }
  .vorstandschaft-list-view .article:nth-child(3n+3) { margin-right:0; }

  #footer .wrapper { flex-direction: column; text-align: center; }
  #footer .wrapper ul { justify-content: center; margin-bottom: 5%; }

}


/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {


}
 
/* Kann maximal 400px darstellen. */
@media only screen and (max-width : 400px) {

}