.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) {
  .frame-type-form_formframework .radio label,
  .frame-type-form_formframework .form-check label,
  .frame-type-form_formframework .form-control { width:60%; }

}

/* Kann maximal 1400px darstellen. */
@media only screen and (max-width : 1400px) {
 
  .mainnav .list2 { width:90%; }
  .mainnav li.level_2 { width:30%; }
  
}


/* Kann maximal 1300px darstellen. */
@media only screen and (max-width : 1300px) {
  
  .frame-type-form_formframework .radio label,
  .frame-type-form_formframework .form-check label,
  .frame-type-form_formframework .form-control { width:70%; }

}
 

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

  .box1, .box2, .box3, .box4 {
    width:47.5%; margin-bottom:5%;
  }

  .flexbox > div { width:31%; margin-right:3.5%; }
  .flexbox > div:nth-child(3n + 3) { margin-right:0; }
}

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

  
  #footer .wrapper_02 { flex-direction:column; }
  #footer  .grid_8 { margin-bottom:5%; width:100%; }
  #footer  .grid_4 { width:100%; }

}


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

  h1 { font-size:2.4rem; }
  h2 { font-size:1.6rem; }

  #header .wrapper { flex-direction:column; padding: 2.5% 4% 2.5% 6%; }
  #header .logo { width:100%; margin-bottom:5%; max-width:350px; }
    

  .wrapper_headerslider .streifen { display:none; }

  .pancake { display:block; }
  .mainnav { display:none; position:fixed; margin-top:50px; left:0; background:rgba(255,255,255,1.0); overflow:scroll; width:100%; height:calc(100% - 215px); z-index:2999; }
  .mainnav.active { display:block; }
  
  .mainnav ul.list1 { justify-content: flex-start; flex-direction:column; overflow:scroll; }
  .mainnav li.level_1 > a { padding: 10px 0px 10px; color:#9d1327; }

  .mainnav .list2 { flex-direction:column; padding: 0 0 20px 0; background: rgba(255,255,255,0.9); left: inherit; overflow: inherit; position: relative; top: inherit; opacity:1; width:100%; height:inherit; }
  .mainnav li.level_2 { margin: 10px 0; width:100%; }
  .mainnav li.level_2 > a { padding:0; }
    
  #navigation .suche { top:0; }
  #navigation .suche #suchebox { z-index:inherit; width:calc(100% - 50px); }
  
  #navigation .suche .suche-button { top:0px; }
  #navigation .suche #suchebox { height: 50px; }
  #navigation .tx-kesearch-pi1 { padding: 5px 0 0 !important; }

  /*#wechselservice .grid_5 { width:100%; order:2; }
  #wechselservice .grid_7 { width:100%; order:1; margin-bottom:10%; }
  #wechselservice .grid_4 { width:50%; order:3; }*/

  #unternehmen .grid_4 { width:100%; order:2; }
  #unternehmen .grid_8 { width:100%; order:1; margin-bottom:5%; }
  #unternehmen .button { width:50%; }
  
  .sitemap { display:none; }

  .frame-type-form_formframework .radio label,
  .frame-type-form_formframework .form-check label,
  .frame-type-form_formframework .form-control { width:100%; }

} 


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

  .teaserboxen .grid_4 { width:100%; margin:5% 0; }
  .teaserboxen p { padding:3% 0 0; }
  .teaserboxen .box-header { min-height:inherit; }
 
  .ce-uploads li { width:100%; margin:5% 0; }
  .ce-uploads li p { padding:3% 0 0; }
  .ce-uploads li .box-header { min-height:inherit; }
  
  .shortpoints li { padding:15px 0 15px 80px; margin:1.5% 0 1.5% 3%; background-position:left 15px; }

  .flexbox > div { width:46%; margin-right:8%; }
  .flexbox > div:nth-child(3n + 3) { margin-right:8%; }
  .flexbox > div:nth-child(2n + 2) { margin-right:0; }
}


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

  #header .wrapper { justify-content:flex-start; }
  #header .instagram { width:0px; overflow:hidden; }
  #header .kontakt div { flex-direction:column; }
  #header .kontakt span { display:block; }
  #header .kontakt .hide { display:none; }
  #header .suche { top:12px; }

  #main .wrapper_boxen ul { padding-left:0 }
  #main .wrapper_boxen li { margin-left:0; }

  #footer .grid_8 { flex-direction:column; }
  #footer .footernav ul { padding:0; margin-top:2%; }
  
  .box1, .box2, .box3, .box4 {
    width:100%;
  }
  
}


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

  #header .logo { max-width:270px; }

  .grid_11 { width:100%; }

  #tx_cookies_inner { flex-direction:column; }
  #tx_cookies p { line-height:16px; padding:0 0 10px;  margin-right:0px; }
 
  h1 { font-size:2.0rem; }
  h2 { font-size:1.3rem; } 
 
  /*#wechselservice .grid_7 .grid_4 { font-size: 1.4rem; }
  #wechselservice .header { font-size: 2rem; }
  #wechselservice .subheader { font-size: 1.7rem; }
  #wechselservice .grid_4 { width:100%; }*/

  #unternehmen .header { font-size: 2rem; }
  #unternehmen .button { width:100%; }

  #beratung .header { font-size: 2rem; }
  #beratung .grid_8 { width:100%; }
  #beratung .buttonleiste .button { width:100%; }
  #beratung .buttonleiste .line { display:none; }
  #beratung .buttonleiste .number { display:none; }

  .adresse img { max-width:270px; }

  .partnerlogo .q-siegel { margin-top:0px; }


}


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

  #header .logo { margin-top:50px; }
  
  .flexbox > div { width:100%; margin-right:0; }
  .flexbox > div:nth-child(3n + 3) { margin-right:0; }
}
 
/* Kann maximal 400px darstellen. */
@media only screen and (max-width : 400px) {
  /*#wechselservice .grid_7 .grid_4 { font-size:1.1rem; line-height:120%; }*/
 
  #footer .grid_8 { font-size:1.1rem; }

}