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



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



} 



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


}



/* Kann maximal 1400px darstellen. */
@media only screen and (max-width : 1400px) {
    
    #kontakt .wrapper { font-size: 1.2em; }

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

}




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

      .navigation { margin-left:0; }

      /* ---------------------------------   ab hier verifiziert --------------*/
    .navigation { padding: 10px 0; }
    .pancake { display:block; }
    .mainnav { display:none; position:fixed; top:0; left:0; padding-top:30px; background:#2c6986; 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 5%; }
    .mainnav li.level_1 { margin:3% 0; }
    .mainnav li.level_1 > a { padding: 10px 0px; font-size: 2.0rem; }
    .mainnav li.level_1:hover > a { color:#FFF }
    .mainnav li.level_1 > a:hover { color:#FFF }
    .mainnav li.level_1.active > a { font-weight:700; color:#ff8500; }
    .mainnav li.level_1:last-child .list2 { right: inherit; text-align: inherit; }

    .mainnav .list2 { margin:0; padding:20px; left: inherit; overflow: inherit; position: relative; top: inherit; opacity:1; height:auto; }
    .mainnav li.level_2 { margin: 0 0 20px; }
    .mainnav li.level_2 > a { padding:0; font-size: 1.4rem; white-space: inherit; }

}
 

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

    #kontakt .telefon { margin-left:0; }


    #headerslider .headerbild-infobox { right:5%; bottom:-150px; padding:85px 0; width:250px; height:250px; border-radius:125px; font-size:1.8rem; line-height:40px; }

    #leistungen .leistungen { width: 48.72727275%; }

    #abspann .abspann-adresse { width:48.72727275%; }
    #abspann .abspann-oeffnungszeiten { width:48.72727275%; }
    #abspann .abspann-anfahrt { width:100%; margin-top:5%; }



}



/* 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: 20px; }

    h1 { font-size: 2.4em; }
    h2 { font-size: 1.8em; }

    #kontakt .wrapper { flex-direction: column; }
    #kontakt .telefon { margin-bottom:5%; }

    #headerslider .headerbild-infobox { bottom:-120px; padding:70px 0; width:200px; height:200px; border-radius:100px; font-size:1.6rem; line-height:30px; }

    #leistungen .leistungen-header { font-size:2.0em; }

    .frame-default.frame-layout-1 { width:100%; }

    #news .news-header { font-size:2.0em;  }
    #news .news .article { width:48.72727275%; }
    #news .news .article.topnews { width:100%; }

    .frame-layout-2 .ce-gallery .ce-row { width:31.63636365%; }
    .frame-layout-2 .ce-gallery .ce-row:nth-child(4n+4) { margin-right:2.54545455%; }
    .frame-layout-2 .ce-gallery .ce-row:nth-child(3n+3) { margin-right:0; }
    .frame-layout-2 .ce-gallery .ce-row img { border-radius:10px; }


} 


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


    .frame-default { margin-bottom:10%; }
    .frame-default:last-child { margin-bottom:0; }
    
    p {  margin: 0 0 8%; }

    #headerslider .headerbild-infobox { bottom:-80px; padding:50px 0; width:140px; height:140px; border-radius:70px; font-size:1.2rem; line-height:20px; }

    #abspann .wrapper-footer { flex-direction: column; }
    #abspann .footernav { justify-content: center; margin-bottom: 10%;}
    #abspann .footer_right { justify-content:center; text-align: center; }

}


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

    body { font-size: 18px; }

    #kontakt .wrapper { font-size: 1.1em; }
    #kontakt .telefon { margin-bottom:8%; }

    #main .wrapper { padding:25% 5% 10%; }
    #main .boot { bottom:-30px; }

    #leistungen .wrapper { padding:15% 5% 40%; }
    #leistungen .boot { bottom:-30px; }

    #news .wrapper { padding:15% 5% 25%; }
    #news .news .article { width:100%; }
    #news .news .article.topnews { margin-top:10%; }

    #abspann .wrapper { padding:15% 5% 5%; }
    #abspann .abspann-adresse { width:100%; }
    #abspann .abspann-oeffnungszeiten { width:100%; margin-top:5%; }

    #abspann .footer_right span { display: block; }

    .frame-layout-2 .ce-gallery .ce-row { width:48.72727275%; }
    .frame-layout-2 .ce-gallery .ce-row:nth-child(3n+3) { margin-right:2.54545455%; }
    .frame-layout-2 .ce-gallery .ce-row:nth-child(2n+2) { margin-right:0; }
}


/* Kann maximal 650px darstellen. */
@media only screen and (max-width : 650px) {
    
    #kontakt .telefon a { display:block; margin-top:3%; margin-left:0; }

    .slick-dots { display:none !important; }

    #leistungen .leistungen { width: 100%; }

    

}


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

    

}

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


}