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



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

    .mainnav li.level_1 { margin: 0 15px; }

}


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


}



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

    .logo_small { opacity:1 !important; transform:inherit !important; }
    #slider .wrapper { justify-content: flex-end; }
    .logo_big { display:none; }
    .navigation { padding: 10px 0; }
    .pancake { display:block; }
    .mainnav { display:none; position:fixed; top:0; left:0; padding-top:30px;  overflow:scroll; width:100%; height:100%; z-index:2999; 
        background: rgba(21,28,31,1);
        background: -moz-linear-gradient(left, rgba(21,28,31,1) 0%, rgba(53,65,71,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21,28,31,1)), color-stop(100%, rgba(53,65,71,1)));
        background: -webkit-linear-gradient(left, rgba(21,28,31,1) 0%, rgba(53,65,71,1) 100%);
        background: -o-linear-gradient(left, rgba(21,28,31,1) 0%, rgba(53,65,71,1) 100%);
        background: -ms-linear-gradient(left, rgba(21,28,31,1) 0%, rgba(53,65,71,1) 100%);
        background: linear-gradient(to right, rgba(21,28,31,1) 0%, rgba(53,65,71,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151c1f', endColorstr='#354147', GradientType=1 );
    }
    .mainnav.active { display:block; }
    
    .mainnav ul.list1 { justify-content: flex-start; flex-direction:column; overflow:scroll; margin:0 5%; }
    .mainnav li.level_1 { margin:3% 0; }
    .mainnav li.level_1 > a { padding: 10px 0px 10px; font-size: 1.6rem; color:#FFF; }
    
    .mainnav .list2 { margin:0; left: inherit; overflow: inherit; position: relative; top: inherit; opacity:1; height:auto; }
    .mainnav .list2-inner { flex-direction:column; margin: 10px 0; padding: 10px 20px; }
    .mainnav li.level_2 { margin: 20px 0; }
    .mainnav li.level_2 > a { padding:0; font-size: 1.2rem; white-space: inherit; }

}



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


    #slider .headline { font-size:4rem;  }
    #slider .headline-sub { font-size:2.2rem; margin-top:0; margin-bottom:50px; }

}
 


/* Kann maximal 1200px darstellen. */
@media only screen and (max-width : 1200px) {
    
    .gridelement_1-5-1-5 .col:first-child { display: none; }
    .gridelement_1-5-1-5 .col:nth-child(2) { width:48.72727275%; }
}



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



    /*.ce-textpic.ce-right.flex_wrap .ce-gallery.flex_3 { width: 48.72727275%; }
    .ce-textpic.ce-right.flex_wrap .ce-bodytext.flex_9 { width: 48.72727275%; }*/
    
    #facts .fact-box { margin-right:0 !important; width:100%; margin-bottom:5%; }
    #facts .fact-box:last-child { margin-bottom:0; }

} 



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

    .gridelement_1-5-1-5 .flex_1 { display: none; }
    .gridelement_1-5-1-5 .col:nth-child(2) { margin-bottom:5%; }
    .gridelement_1-5-1-5 .flex_5 { width:100% !important; }

    .gridelement_1-6-5 .flex_1 { display: none; }
    .gridelement_1-6-5 .col:nth-child(2) { margin-bottom:5%; }
    .gridelement_1-6-5 .flex_5 { width:100% !important; }
    .gridelement_1-6-5 .flex_6 { width:100% !important; }

    #leistungen p { width: 100%; }
} 



/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {
    h1 { font-size: 3.0rem; }
    h2 { font-size: 2.4rem; }

    .gridelement_8-4 .flex_7 { width: 100%; margin-bottom:10%; }
    .gridelement_8-4 .flex_4 { width: 100%; }

    .fsc-default { margin-bottom:10%; }
    .ce-textpic.ce-right .ce-gallery { width: 100% !important; }
    .ce-textpic.ce-right .ce-bodytext { width: 100% !important; margin-bottom:10%; }



  
    #abspann .flex_4 { width:100%; }
    #abspann .flex_8 { width:100%; background:none; }

    #abspann .abspann-zertifikate .zertifikate-wrapper figure { width: 29%; }

    #footer .wrapper { flex-direction: column; padding:5%; }
    #footer .wrapper .copyright { order:2; margin:auto;}
    #footer .wrapper .footernav { order:1; margin:auto; margin-bottom:20px; }


}



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

    body { font-size: 19px; }

    #header { position: relative; }
    #header .header-image { width: 70%; right:0; }
    #slider { height: 200px; }
    .startseite #slider { height: 700px; }
    .navigation { margin-right:0; }

    #facts h2 { width:100%; }

    #abspann .abspann-adresse .adresse-telefon { margin-left: -10px; font-size: 1.4rem; }
    #abspann .abspann-adresse .adresse-telefon2 { margin-left: -10px; font-size: 1.4rem; }
    #abspann .abspann-adresse .adresse-email { margin-left: -10px; font-size: 1.4rem; }
    #abspann .abspann-adresse .adresse-anfahrt { margin-left:-5px; }

    
}



/* Kann maximal 650px darstellen. */
@media only screen and (max-width : 650px) {
    
    #slider .headline { font-size:3.4rem;  }
    #slider .headline-sub { font-size:1.8rem; margin-top:0; margin-bottom:50px; }

}



/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
    h1 { font-size: 2.4rem; }
    h2 { font-size: 1.8rem; }

    .logo_small { transform: matrix(0.8, 0, 0, 0.8, 0, 0) !important; }
    
    .startseite #slider { height: 500px; }
    #slider .headline { font-size:2.8rem;  }
    #slider .headline-sub { font-size:1.5rem; margin-top:0; margin-bottom:50px; }


}



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


}