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



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

    #main .pageteaser a {  font-size: 1.2em; padding:40px 150px 40px 30px; }


} 



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

    #main .pageteaser a { width:48.72727275% !important; margin-top:3%; margin-bottom:3%; }
    #main .pageteaser a.button-warteliste { width:100% !important; margin-right:0 !important;}
    #main .pageteaser a:nth-child(3n+3) { margin-right:2.54545455%; }
    #main .pageteaser a:nth-child(2n+2) { margin-right:0; }

}



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

}




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


}
 

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


}



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

} 



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

    body { font-size:18px; }

    .flex_8 { width: 100%;}
    .flex_4 { width: 100%;}

    #header .logo { width: 70%; }

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

    .mainnav ul.list1 { justify-content: flex-start; flex-direction:column; overflow:scroll; margin:0; }
    .mainnav li.level_1 { margin:3% 0; width:100%; padding:0 5%; }
    .mainnav li.level_1 > a { padding: 10px 0px 10px; }
    .mainnav li.level_1:hover > a { border-bottom:none; }
    .mainnav li.level_1.active > a { font-weight:700; border-bottom:none; }

    .mainnav .list2 { height:auto; margin:0; padding:20px 0; border-bottom:none; left: inherit; overflow: inherit; position: relative; top: inherit; opacity:1; }
    .mainnav li.level_2 { margin:0; padding: 10px 0; }
    .mainnav li.level_2 > a { margin:0; padding:10px 20px; }
    .mainnav li.level_1.active li.level_2 > a {  }
    .mainnav li.level_1.active li.level_2.active > a {  }


    #main .pageteaser a { width:100% !important; margin-top:5%; margin-bottom:5%; margin-right:0 !important;}

    #footer .wrapper { padding:5% 5% 20%; }
    #footer .wrapper::after { width:50%; height:70%; background: url('../Images/giraffe.jpg') bottom right no-repeat; background-size:auto 100%; }

    #footer .copyright { padding-right:0; margin-top:5%; width: 100%; }
    .footernav li a:first-child { padding-left:0 }
} 


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

    #main .wrapper { padding: 20% 5%; }
}


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

    h1 { font-size:2.0em; padding-bottom:5%;  }
    h2 { font-size:1.6em; padding-bottom:5%; }
    
    .ce-right .ce-gallery { max-width:inherit; width:100%; float: none; margin-left:0 !important; }
    #c7 .ce-textpic, #c7 .ce-gallery, #c7 .ce-row { overflow:hidden; }
    #c7 .ce-column { width:80%; padding-bottom: 50px; }

    .form-group { display: block; }
    .form-group .input { width:100%; }
    
    #footer .wrapper::after { height:50%; }

}


/* Kann maximal 650px darstellen. */
@media only screen and (max-width : 650px) {
    
    #main .pageteaser a { padding:30px 120px 30px 20px; }
    #main .pageteaser a.button-warteliste { margin-top:20%; }

    #footer .wrapper { padding:5% 5% 200px; }
    #footer .wrapper::after { width:100%; height:200px; background-size:auto 100%; }

}


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

    h1 { font-size:1.8em; padding-bottom:7%;  }
    h2 { font-size:1.4em; padding-bottom:7%; }
}

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


}