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





/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */

/* Kann maximal 2100px darstellen. */
@media only screen and (max-width : 2100px) {
  #fertigung .bild-slider { width: 96%; margin-left: 2%; }


}


/* Kann maximal 1700px darstellen. */
@media only screen and (max-width : 1700px) {
  .mainnav li.level_1 > a { font-size:1.1rem; }

  #fertigung .bildbox { padding:35px 25px; }
  #fertigung .slick-prev, 
  #fertigung .slick-next { width: 40px; }

  .kontakttabelle tr { }
  .kontakttabelle > tbody > tr > td { width:48%; margin-bottom:30px; margin-top:0 !important; }
  .kontakttabelle > tbody > tr:nth-child(1) > td:nth-child(3) { display:none; } 
  .kontakttabelle > tbody > tr:nth-child(2) > td:nth-child(3) { display:none; } 
  .kontakttabelle > tbody > tr:nth-child(2) > td:nth-child(4) { order:1; } 
  .kontakttabelle > tbody > tr:nth-child(2) > td:nth-child(1) { order:3; } 
  .kontakttabelle > tbody > tr:nth-child(2) { margin-top:0; }
}


/* Kann maximal 1500px darstellen. */
@media only screen and (max-width : 1500px) {
  span.planistar-logo { width: 180px; height: 81px; }
  span.planistar-logo-black { width: 180px; height: 81px; }

}


/* Kann maximal 1300px darstellen. */
@media only screen and (max-width : 1300px) {
  #fertigung .bild-slider { width: 90%; margin-left: 5%; }
  #fertigung .bildbox { padding:35px 20px; }
  #fertigung  .slick-prev { left: -5%; }
  #fertigung  .slick-next { right: -5%; }

  #footer .footerlogos { width: 40%; }
  #footer .adresse { width:60%; }

}
 

/* Kann maximal 1200px darstellen. */
@media only screen and (max-width : 1200px) {
  #header .logo { width:20%; }
  .normlicht #header .logo { width:50%; padding: 30px 0 0;}

  #slider .headerlogos_outer { bottom: 4%; }
  #slider .headerlogos { width: 40%; }
  #slider .nachhaltigkeit img { margin-top: -16px; }

  .servicenav li.level_1 { padding: 0 10px; }

  #main .gridelement_6-3-3-cols .grid-column-222 { width: 48.1818181818%; }

  #umwelt { padding-bottom:60%; }
  #umwelt .umwelt_content { width: 100%; }
  #umwelt::after { bottom:5%; top:inherit; width: 100%; height: 55%; background-size: 80% auto; background-position: bottom right; }

}



/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  
  h1 { font-size:1.8rem; }
  h2 { font-size:1.5rem; }
  h3 { font-size:1.2rem; }
  span.planistar-logo { width: 160px; height: 75px; }
  span.planistar-logo-black { width: 160px; height: 75px; }

  .fsc-default { padding: 3% 0; }
  .fsc-default.abstandLinks.mitIcon { margin-bottom:-5%; }

  #loesungen .wrapper { padding:0 2.5% 7%; }
  #produkte .wrapper { padding:7% 2.5%; }
  #aktuelles .wrapper { padding:7% 2.5%; }
  #serviceberatung .wrapper { padding:7% 2.5%; }
  #fertigung .wrapper { padding:7% 2.5%; }
  #umwelt .wrapper { padding:7% 2.5%; }
  #abspann .wrapper { padding:7% 2.5% 2%; }
  #abspann .wrapper-socials { padding:0 2.5% 7%; }
  .fsc-default.grauerHintergrund .wrapper { padding: 7% 2.5% !important; }

  #produkte .pageteaser .pageteaser_box { width: 48.1818181818%; margin-bottom: 5%;}
  #produkte h2 { text-indent:0; margin-left:0; }

  #aktuelles .aktuelles-wrapper .aktuelles_box { width:48.1818181818%; margin-bottom:5%; }
  #loesungen .loesungen-wrapper .loesungen_box { width:48.1818181818%; margin-bottom:5%; }
  #loesungen .loesungen-wrapper:before { display:none; }
  #loesungen .loesungen_box .number { left: -10px; }

  #fertigung .fertigung-wrapper > div { width: 100%; }

  #kundenspezifikation .kundenspezifikation-slogan,
  #kundenspezifikation .kundenspezifikation-listheader { font-size: 1.5rem; }

  .kontakttabelle td { width:100%; margin-bottom:30px; margin-top:0 !important; }

  .ansprechpartnertabelle tr { flex-direction: column; }
  .ansprechpartnertabelle td { width:100%; font-size:1.2rem; white-space:nowrap; }
  .ansprechpartnertabelle tr:nth-child(2) td:nth-child(1) { display:none; }

  .button {
    padding: 15px; padding-right: 90px;
    line-height: 30px;
  }
  .button-more::before { width:60px; }
  .button-more::after { right: 24px; top: calc(50% - 13px); border-width: 13px; }


} 


/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {
  .pancake { display:block; }
  
  .ce-gallery[data-ce-columns="4"] .ce-column { width:48.1818181818%; }
  .ce-intext.ce-right .ce-gallery { max-width: inherit; width:100%; margin-left: 0; margin-top:30px; }
  .ce-gallery figure { width:100%; }
  .ce-gallery img { max-width:100%; }


  .ce-left { display:flex; flex-direction: column; }

  .ce-right { display:flex; flex-direction: column; }
  .ce-right .ce-bodytext { order:1; }
  .ce-right .ce-gallery { float:none; order:2; }

  .fsc-default.abstandLinks .wrapper > div { padding-left:0; }
  .fsc-default.abstandLinks .wrapper > div.frame-headlineIcon .ce-gallery { width: 15%; margin-right:0; margin-top:0;}

  #header_outer { position:relative; }
  #header .servicenavi-language.servicenavi-language { display:none !important; }
  #header .logo { width: 50%; }
  .normlicht #header .logo { width:60%; padding: 20px 0 0;}
  #header_behind { display:none; }
  .normlicht #header_outer { background-position:120% 20%; background-size:auto 130%;}

  /*#pancakeNavigation .navibox_0 { display:block; opacity:1; height:auto; left:10%; }*/
  #navigation { display:none; }

  .navibox { position: fixed; top:0 !important; left:100%; width:100%; min-height:100%; display: block; }
  .navibox .wrapper { padding:0; padding-left:5%; width:100% !important; }
  .navibox .wrapper .navibox_inner { position:absolute; height:100%; padding:20px; padding-top:10px; box-sizing: border-box; overflow-y: scroll; }
  .navibox .submenu-headline { font-weight:600; text-transform: uppercase; color:#000; margin-bottom:20px; padding-right:60px; }
  .navibox ul.list2 { flex-direction: column; }
  .navibox .list3-wrapper { display:block; }
  .navibox .list3-wrapper > span { font-weight:600; text-transform: uppercase; color:#000; display: block; }
    .normlicht .navibox .list3-wrapper span { text-transform: inherit; }
  .normlicht .navibox .list3-wrapper > span { margin-bottom:10px; }
  .navibox .list4-wrapper { margin:5px 0 20px; }
  .navibox .list4-wrapper > a { margin:5px 0 10px; font-weight:600; }
  .navibox .list4-wrapper > a.active { color:orange; }
  .navibox .navibox_abspann { display:block; }
  .navibox .navibox_abspann .button { width:100%; margin-right:0; margin-top:30px; }
  .navibox .navibox-headerimage { display:none; }

  .mainnav ul.list1 { flex-direction:column; padding: 0; }
  .mainnav li.level_1 { width:100%; margin-bottom:20px; padding-bottom:0; }
  .mainnav .list2 { position:relative; top:0; opacity:1; height:auto; padding-top:0; }
  .mainnav .list2-inner { padding:5px 0 !important; display:block; min-height:auto; grid-template-columns:100%; }
  .mainnav li.level_2 { width:100%; margin:5px 0; }


  #homecontactbox { display:block; }

  .button { padding:10px; line-height:20px; }
  .button-phone,
  .button-mail { padding:15px; line-height:30px; }
  .button-more { padding-right:90px; }
  .button-more::before { width:40px; }
  .button-more::after { right:16px; top:calc(50% - 10px); height: 0px; width: 0px; border: 10px solid; 
    border-color: 
    transparent
  white
  white
    transparent;
  }
  .button-pdf { padding:10px; padding-right:110px; }
  .button-pdf::after { right:10px; bottom:10px; width:90px; height:53px; }




  #main .gridelement_3-3-3-3-cols .grid-column { width:48.1818181818%; }
  #main .gridelement_8-4-cols .grid-row { flex-direction: column;}
  #main .gridelement_8-4-cols .grid-column { width: 100%; }

  #main .gridelement_6-3-3-cols .grid-row {flex-direction: column;}
  #main .gridelement_6-3-3-cols .grid-column { width: 100%; }


  #kundenspezifikation .flex_6 { width:100%; }
  #kundenspezifikation .kundenspezifikation-right { margin:5% 0; }


  .kontakttabelle > tbody > tr > td { width:100%; }
  .kontakttabelle > tbody > tr > td a { padding:15px; padding-right:100px !important; }
  .kontakttabelle > tbody > tr > td:last-child a::after { bottom:10px; width:100px; height:60px; }

  #nachhaltigkeit .nachhaltigkeit_content { width:100%; margin-bottom:70%;}
  #nachhaltigkeit::after { width: 100%;}


  #footer .wrapper { flex-direction:column; }
  #footer .adresse { width:100%; padding-bottom:20px; line-height:140%; text-align: center; }
  #footer .adresse table { margin: auto; }
  #footer .copyright { width:100%; text-align: center; }
  #footer .footernav { width:100%; margin-top:20px; }
  #footer .footernav ul { justify-content: center; }
  #footer .footerlogos { width: 60%; margin:30px auto; }

}


/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {
  h1 { font-size:1.7rem; }
  h2 { font-size:1.4rem; }
  h3 { font-size:1.2rem; }
  span.planistar-logo { width: 140px; height: 68px; margin-left: 7px; margin-right: 7px; }
  span.planistar-logo-black { width: 140px; height: 68px; margin-left: 7px; margin-right: 7px; }
    
  #slider .headerlogos_outer { bottom: 4%; }
  #slider .headerlogos { width: 80%; }
  #slider .nachhaltigkeit img { margin-top: -14px; }

  .fsc-default { padding: 5% 0; }
  .fsc-default.abstandLinks.mitIcon { margin-bottom:-10%; }

  #main .wrapper { overflow:hidden; }
  #loesungen .wrapper { padding:0 2.5% 10%; }
  #produkte .wrapper { padding:10% 2.5%; }
  #aktuelles .wrapper { padding:10% 2.5%; }
  #aktuelles .aktuelles_box img { display: none; }
  #serviceberatung .wrapper { padding:10% 2.5%; }
  #fertigung .wrapper { padding: 10% 2.5%; }
  #umwelt .wrapper { padding:10% 2.5%; }
  #abspann .wrapper { padding:10% 2.5% 2%; }
  #abspann .wrapper-socials { padding:0 2.5% 10%; text-align: center; }
  #abspann .wrapper-socials img { display: block; margin:20px auto; }

  .fsc-default.grauerHintergrund .wrapper { padding: 10% 2.5% 1.5% !important; }
  .fsc-default.grauerHintergrund+.fsc-default.grauerHintergrund .wrapper { padding: 1.5% 2.5% 1.5% !important; }
  
  #produkte .pageteaser .pageteaser_box { width: 100%; margin-bottom:10%;}
  #produkte .pageteaser .pageteaser_box .header,
  #produkte .pageteaser .pageteaser_box .teaser-text,
  #produkte .pageteaser .pageteaser_box img.pageteaser-subimage { display:none; }

  #serviceberatung .wrapper > div { width:100%; }
  #serviceberatung .wrapper .flex_8 { margin-bottom:5%; }
  #serviceberatung .wrapper .flex_3 { display:none; }

  #kundenspezifikation .kundenspezifikation-slogan,
  #kundenspezifikation .kundenspezifikation-listheader { font-size: 1.3rem; }

  #footer .footerlogos { width: 70%; margin:30px auto; }


}


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

  #main .gridelement_3-3-3-3-cols .grid-column { width:100%; }
  #main .schwarzerHintergrund .gridelement_3-3-3-3-cols .grid-column { width:48.1818181818%; }
  #main .schwarzerHintergrund .gridelement_3-3-3-3-cols .grid-column h3 { font-size:1.0rem; }

  #aktuelles .aktuelles-wrapper .aktuelles_box { width:100%; margin-bottom:3%;}
  #loesungen { display:none; }

  #fertigung .bild-slider { width: 86%; margin-left: 7%; }
  #fertigung  .slick-prev { left: -7%; }
  #fertigung  .slick-next { right: -7%; }

  #footer .footerlogos { width: 80%; margin:30px auto; }

  .ansprechpartnertabelle td { font-size:1.0rem; }

}


/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
  h1 { font-size:1.7rem; }
  h2 { font-size:1.4rem; }
  span.planistar-logo { width: 120px; height: 60px; margin-left: 5px; margin-right: 5px; }
  span.planistar-logo-black { width: 120px; height: 60px; margin-left: 5px; margin-right: 5px; }

  #footer .footerlogos { width: 90%; margin:30px auto; }

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


}