.wrapper {
    max-width:1400px;
    width:inherit !important;
}



/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */

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


}



/* Kann maximal 1300px darstellen. */
@media only screen and (max-width : 1300px) {
 
    .home #header { display: flex; flex-direction: column; }
    .home #header .wrapper { height:70%; }

}
 

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

    #footer .wrapper { flex-direction: column; }
    #footer .footernav { padding-top:20px; }
    #footer .copyright { line-height:140%; }
}


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

    .logo { right:5%; }


    .gridelement_4-4-4 { flex-direction:column; }
    .gridelement_4-4-4 .flex_4 {  width:100%; margin-bottom:5%; }
    
    .gridelement_3-3-3-3 .flex_3 {  width:48%; }

    .gridelement_9-3 { flex-direction:column; }
    .gridelement_9-3 .flex_9 {  width:100%; margin-bottom:5%; }
    .gridelement_9-3 .flex_3 {  width:100%; }

    #pageteaser a { width: 48%; }
    #pageteaser a.pageteaser_01,
    #pageteaser a.pageteaser_02,
    #pageteaser a.pageteaser_03 { width:100%; }

    .doppelpass-teaser { top: -20%; width: 45%; }

    .fanshop-extern {
        font-size:0.9rem;
        line-height: 140%;
    }
} 


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

    .logo { width:30%; }

    .gridelement_6-6 { flex-direction: column; }
    .gridelement_6-6 .flex_6 { width:100%; }

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

  .mainnav ul.list1 { justify-content: flex-start; flex-direction:column; overflow:scroll; }
  .mainnav li.level_1{ width:100%; }
  .mainnav li.level_1 > a { padding:20px 15px 20px; font-size: 1.4rem;}
  .mainnav li.level_1:first-child > a { border-top:none; }

  .mainnav .list2 { box-shadow:none; background:none; min-width: inherit; height:auto; left:inherit; position: relative; top:inherit; opacity:1; }
  .mainnav li.level_2 > a { color:#FFF;  }
  .mainnav li.level_3 a { color: #FFF; }
  
  #navigation.active { height: 100%; }
  #navigation .wrapper { flex-direction:column; }
  #navigation .mainnav { margin-left:0; }
  #navigation .mainnav ul.list1 { flex-direction: column; }
  #navigation .mainnav li.level_1 > a { line-height:100%; padding: 20px 0; font-size: 1.6rem; text-align: left; }

  .news-list-view .article {  width:100% !important; border-right:none !important; border-bottom: 1px solid #000 !important; padding:20px 0 !important;}

  .doppelpass-teaser { top: -13%; }

}


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

    h1 { font-size: 3.0rem; }
    h2 { font-size: 2.2rem; }
    h3 { font-size: 1.3rem; }



    .logo { width:35%; }




    .single-content-wrap { flex-direction: column; }
    .single-content-wrap .news-text-wrap { position:relative; width:100%; order:2; }
    .single-content-wrap .news-img-wrap { position:relative; width:100% !important; order:1; margin-bottom:5%; }

    .fanshop-extern {
        left:10%; width:80%;
    }
}


/* Kann maximal 650px darstellen. */
@media only screen and (max-width : 650px) {
    
    .ce-gallery { float: none !important; margin:0; }
    .ce-intext.ce-right .ce-gallery { margin-left:0; }
    .ce-column { margin-right: 0; margin-bottom: 20px; }

    .logo { width:40%; }

    .gridelement_3-3-3-3 .flex_3 {  width:100%; }


    .news .article { padding:10% 0; }
    .news .article:hover { background-color:inherit; }
    .article-news { flex-direction: column; }
    .news .article .news-img-wrap { width:100%; padding-bottom:5%; }
    .news .article .news-content-wrap { width:100%; }

    .frame-type-menu_subpages ul li { width: 100%; }
    
    #kontakt .wrapper span { padding:15px 0; line-height:30px; font-size:1.8rem; }
    #kontakt .wrapper a { padding-left:20px; }

}


/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
    
    h1 { font-size: 2.4rem; }
    h2 { font-size: 1.7rem; line-height:140%; }
    h3 { font-size: 1.2rem; }

    .logo { width:30% !important; max-width: 30%; }

    #kontakt .wrapper span { padding:15px 0; line-height:30px; font-size:1.5rem; }

    #pageteaser .pageteaser_titel { font-size: 2.2rem; width:100%; }

    #werbepartner span { font-size: 2.5rem; }

    #werbepartner .hauptsponsoren span { width:42%; }

    .doppelpass-teaser { top: -7%; }

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

    h1 { font-size: 2.1rem; }
    h2 { font-size: 1.5rem; }



}