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



/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */
 
  
/* Kann maximal 1400px darstellen. */
@media only screen and (max-width : 1400px) {
  .wrapper { padding:0 2%; }
  .gruppe #header .logo { right:2%; }

}
 

/* Kann maximal 1150px darstellen. */
@media only screen and (max-width : 1150px) {
  #mainnav { position:relative; bottom:initial; left:initial; margin-top:30px; }
  #mainnav li.level_1 { font-size:0.9rem; }


  #footer .wrapper_01 { flex-direction: column; }
  #footer .wrapper_01 .sitemap { width: 100%; margin-bottom:50px; }
  #footer .wrapper_01 .adresse { width: 100%; }

  .teaserbox { width: 48%; margin-bottom:4%; }
} 


/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  .wrapper { margin:0; }
  .shadow_left, .shadow_right { display:none; }

  .mainnav li.level_1 > a { font-size:0.8rem; padding: 20px 15px 25px; }
  
  #main .wrapper { margin-top:0; }
  .headerslider .headerbalken { bottom: 30px; padding:20px 5%; }
  .owl-carousel .owl-item .item > div { padding: 20px 5%; bottom: 30px; }
  .owl-carousel .owl-item .item > div .wrapper { padding: 0; }

  #qualitaet .wrapper { flex-wrap:wrap; padding-bottom:150px; }
  #qualitaet .wrapper .flex_4 { width:48%; }
  #qualitaet .wrapper .flex_4:first-child { width:100%; padding-bottom:40px; }
  #qualitaet .wrapper img.qualitaetssiegel { bottom:-100px; right:0px; width:100%; height:auto; }

} 


/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {
  .navigation { position: initial; }
  .pancake { display:block; }
  .mainnav { display:none; position:fixed; top:150px; left:0; overflow:scroll; }
  .mainnav { background:rgba(255,255,255,1.0); width:100%; height:calc(100% - 150px); z-index:2999; padding-top:20px; }
  .fixed .mainnav { top:100px; height:calc(100% - 100px); }

  .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 .list2 { background: rgba(255,255,255,0.9); min-width: inherit; height: auto; left: inherit; overflow: inherit; position: relative; top: inherit; opacity:1; }
  .mainnav .list2-inner { border-top:none; border-bottom:none; }
  .mainnav .list1 > li:first-child ul.list2-inner { flex-direction: column; }
  .mainnav .list1 > li:first-child ul.list2 .level_2 { width:100%; }
  .mainnav li.level_2 { margin: 10px 0; }
  .mainnav li.level_2 > a { font-size:1.2rem; }

  #header .suche { top:55px; bottom:inherit; }

  .gridelement_content .col4 { width:100%; margin-bottom:3%; }
  .gridelement_content .col4:last-child { margin-bottom:0; }

  #standortboxen .teaserbox { width: 48%; margin-bottom:50px; }
}


/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {
  #footer .wrapper { padding:20px 3%; }
  #main { margin-top:0px; }
  #main .shadow_left_top { display:none; }
  #main .shadow_right_top { display:none; }
  #main .shadow_left_bottom { display:none; }
  #main .shadow_right_bottom { display:none; }
  #footernav { width:80%; }
  .content_outer { -webkit-flex-direction:column; flex-direction:column; }
  .flex_3, .flex_9, .flex_7 { width:100%; }
  .gridelement_40-60 { -webkit-flex-direction:column; flex-direction: column;}
  .gridelement_40-60 .col1, .gridelement_40-60 .col2 { width:100%; }


  #header .wrapper { width:100%; -webkit-flex-direction:column; flex-direction: column; }

  .ce-right .ce-gallery { float:none; }

  #footer .wrapper_01 .sitemap { display:none; }

  .headerslider .slider-header { font-size:2.4rem; }
  .headerslider .slider-subheader { font-size:1.6rem; }

}

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

  #mainnav ul { -webkit-flex-direction:column; flex-direction: column; text-align: center; }
  #mainnav ul .line { display:none; }
  #mainnav ul ul { display:none; }
  #mainnav li.level_1 { font-size:1rem; }
  #slider { min-height: 50px; }

  .gridelement_content .col6 { width:100%; }
}


/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
  .headerslider .headerbalken { padding:10px 5%; }
  .headerslider .slider-header { font-size:1.8rem; }
  .headerslider .slider-subheader { font-size:1.3rem; }

  #footer .wrapper_02 { flex-direction: column; }
  #footer .wrapper_02 .copyright { width: 100%; margin-bottom:20px; }
  #footer .wrapper_02 .footernav { width: 100%;  }
  #footer .wrapper_02 .footernav ul { padding:0; }

  .teaserbox { width: 100%; margin-bottom:10%; }

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


}

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