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



/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */
/* Kann minimal 768px darstellen. */
@media only screen and (min-width : 768px) {
  #mainnav ul ul { display:none; }
  #main { z-index:600; }

}


/* Kann maximal 1260px darstellen. */
@media only screen and (max-width : 1260px) {
  #footer .flex_3 { width: 25%; }
  #footer .flex_9 { width:75%; }
  #left_scroll { left:-15px; z-index:200; }
  #right_scroll { right:-15px; z-index:200; }

  #main .wrapper > .shadow_left_top { display:none; }
  #main .wrapper > .shadow_left_bottom { display:none; }
  #main .wrapper > .shadow_right_top { display:none; }
  #main .wrapper > .shadow_right_bottom { display:none; }

  #referenzslider .wrapper > .shadow_left_bottom { display:none; }
  #referenzslider .wrapper > .shadow_right_bottom { display:none; }
}
 

/* Kann maximal 1200px darstellen. */
@media only screen and (max-width : 1200px) {
  body { background-size:200% auto;}

  #servicenav li > a { margin:12px 5px;  }
  #header .tx-kesearch-pi1 { padding:12px !important; }
  #header #sprache { padding:12px; }
}



/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  body { background-size:1760px auto; background-position: -440px 50px; }

  .carousel-list-item { width: 29.33% !important; margin: 10px 2% !important; }

  #header { height:250px; }
  #header #logo {top:94px; width:160px; left:10px; }
  #header .tx-kesearch-pi1 { padding:10px 0 10px 20px !important; }

  #sliderBox2 { height:190px; padding:50px 25px 0; }

  .ce-uploads.downloadliste li { width:29%; margin:2%; }

  body.hunger_gruppe { background-size: 1760px auto !important; background-position-x:center; }
  body.hunger_gruppe .textstatic { display:none; }




  /* Pancake-Navigation */
  #header { z-index: 8000;}
  .headertopper { justify-content: space-between; padding: 0 2%; }
  #servicenav { display:none; }
  #subnav { display: none; }
  #navigation { display:none; }
  .pancakenavigation { display:block; }
  .textslider { padding: 50px 25px; height: 190px; }

  /* --------- Pfannkuchen-Button -------------*/ 
  .pancake { cursor:pointer; position:relative; display:block; z-index:3001; width:30px; height:30px; border-radius: 5px; margin-top:10px; background:#004d9b; }
  .pancake .line-top { position:absolute; width:20px; height:1px; top:7px; left:5px; background:#FFF; }
  .pancake .line-middle { position:absolute; width:20px; height:1px; top:15px; left:5px; background:#FFF; }
  .pancake .line-bottom { position:absolute; width:20px; height:1px; top:23px; left:5px; background:#FFF; }
  .pancake:hover .line-top { position:absolute; width:20px; height:1px; top:7px; left:5px; background:#FFF; }
  .pancake:hover .line-middle { position:absolute; width:20px; height:1px; top:15px; left:5px; background:#FFF; }
  .pancake:hover .line-bottom { position:absolute; width:20px; height:1px; top:23px; left:5px; background:#FFF; }
  .pancake.active { height:40px; border-bottom-left-radius:0; border-bottom-right-radius: 0; }
  .pancake.active .line-top { transform:rotate(-45deg); top:14px; }
  .pancake.active .line-middle { display:none; }
  .pancake.active .line-bottom { transform:rotate(45deg); top:15px; }

  .pancakenav { position:fixed; top:50px; left:-100%; overflow:scroll; width:100%; height:100%; z-index:2999; box-sizing: border-box; }
  .pancakenav.active { left:0; }

  .pancakenav .list1 { margin:0; padding:20px 0; width:50%; background:#004d9b; }
  .pancakenav li.pancake_level_1 { position: relative; border-bottom:1px solid #FFF; box-sizing:border-box; display:block; font-size:1.0rem; text-transform:uppercase; font-weight:100; }
  .pancakenav li.pancake_level_1:first-child { border-top:1px solid #FFF; }
  .pancakenav li.pancake_level_1:hover > a { background:#b2d8ff; }
  .pancakenav li.pancake_level_1.active { background:rgba(178, 216, 255,0.5); }
  .pancakenav li.pancake_level_1.choose { background:#b2d8ff; }
  .pancakenav li.pancake_level_1 .atag-wrapper { display:block; position: relative; }
  .pancakenav li.pancake_level_1 .atag-wrapper a { font-weight:300; box-sizing:border-box; width:100%; line-height:20px; padding:15px 20px; color:#FFF; display:block; text-decoration:none;}
  .pancakenav li.pancake_level_1.active .atag-wrapper a { color:#004d9b; font-weight:700; }
  .pancakenav li.pancake_level_1.choose .atag-wrapper a { color:#004d9b; }
  .pancakenav li.pancake_level_1.active .atag-wrapper a { color:#004d9b; }

  .pancakenav .pfeil { border-left:1px solid #FFF; cursor: pointer; position: absolute; right: 0; top: 0; width: 40px; height: 50px; display: block; padding: 3px; box-sizing: border-box; }
  .pancakenav .pfeil-icon { position: absolute; left: 10px; top: 19px; border: solid #FFF; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
  .pancakenav .choose .pfeil-icon { border-color:#004d9b; }

  .pancakenav .list2 { display:none; position:absolute; left:100%; top:-21px; margin:0; padding:20px 0; width:100%; background:#b2d8ff; box-sizing: border-box; }
  .pancakenav li.pancake_level_1.choose .list2 { display:block; }
  .pancakenav li.pancake_level_2 { position: relative; border-bottom:1px solid #004d9b; box-sizing:border-box; display:block; font-size:1.0rem; text-transform:uppercase; font-weight:100; }
  .pancakenav li.pancake_level_2:first-child { border-top:1px solid #004d9b; }
  .pancakenav li.pancake_level_2 > a { font-weight:300; box-sizing:border-box; width:100%; line-height:20px; padding:15px 20px; color:#004d9b; display:block; text-decoration:none;}
  .pancakenav li.pancake_level_2:hover > a { font-weight:700; }
  .pancakenav li.pancake_level_2.active > a { font-weight:700; }
} 


/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {
  #subnav li > a { padding:15px 6%; }

  #footer .flex_3 { width: 30%; }
  #footer .flex_9 { width:70%; }
  #header { height:220px; }
  .textslider { display:none; }

  #header #sprache { padding:7px; }


  .pageteaser .pageteaserbox .teaser-text { width:70%; }
  .pageteaser .pageteaserbox .teaser-image { width:26%;  margin-right:4%; }
  .ce-intext.ce-left .ce-gallery { width:26%; margin-right:4%; }

  .vertretungen .content .box-vertretungen { width:46%; margin-right:4%; }

  .ce-uploads.downloadliste li { width:44%; margin:3%; }

  .video-pioneer { width:100%; height: 350px; }

  body.hunger_gruppe #header #logo { left:calc(50% - 80px); }
  body.hunger_gruppe  #header { height:240px; }

}


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

    /* Pancake-Navigation */
  .pancakenav { background:#004d9b; overflow: hidden;}
  .pancakenav .list1 { width:100%; background:#004d9b; }
  .pancakenav li.pancake_level_1 { position: initial; }
  .pancakenav li.pancake_level_1 .atag-wrapper a { padding-left: 13%; }

  .pancakenav .list2 { position: absolute; display:block; opacity:0.5; left:100%; top:0; width:100%; height:100%; background:#b2d8ff; z-index: 200;}
  .pancakenav .list2::before { content:''; position: absolute; left:0; top:0; width:42px; height:100%; background:#004d9b; z-index: 200;}
  .pancakenav li.pancake_level_1.choose .list2 { left:0; opacity:1; }

  .pancakenav li.pancake_level_2 > a { padding-left: 15%; }
  
  .pancakenav .choose .pfeil { border-left:none; z-index: 2000; background:#b2d8ff; right:inherit; left:0; top:0; width: 40px; height: 50px; border-radius: 0; }
  .pancakenav .choose .pfeil-icon { position: absolute; left: 15px; top: 19px; border: solid #004d9b; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(135deg); -webkit-transform: rotate(135deg); }









  .navibox { display:none !important; }

  .content_outer { flex-direction: column; }
  .content_outer .flex_3 { width:100%; }
  .content_outer .flex_9 { width:100%; }
  .content_outer .shadow_left_top { display:none; }

  .content_left .shadow_right_bottom { display:none; }


  .fsc-default .ce-gallery { float: none; width: 100% !important; margin-left:0 !important; margin-right: 0 !important; }
  .fsc-default .ce-column { float:none; margin-right: 0; }
  .fsc-default .ce-gallery figure { width: 100%; }
  .fsc-default .ce-gallery figure img { width: 100%; height: auto; }
  
  .gridelement_3-1-cols { display:flex; }
  .gridelement_3-1-cols .col1 { width:100%; margin-right:0; }
  .gridelement_3-1-cols .col2 { width:100%; }
  
  .gridelement_2-2-cols { display:flex; }
  .gridelement_2-2-cols .col1 { width:100%; margin-right:0; }
  .gridelement_2-2-cols .col2 { width:100%; }
  
  .gridelement_1-3-cols { display:flex; padding:50px 0 30px; }
  .gridelement_1-3-cols .col1 { width:100%; margin-right:0; }
  .gridelement_1-3-cols .col2 { width:100%; }


  #footer .flex_4 { width: 40%; }
  #footer .flex_9 { width:60%; }
  #footer .wrapper_02 { flex-wrap:wrap; }
  #footer .copyright { width:100%; }
  #footer .footernav { width:100%; }
  #footer .footermenu li:first-child .point { display:none; }


  #news { padding:0; }
  #news .shadow_left_bottom { display:none; }
  #news .content_left_inner { padding: 0 2.7%;}

  .pageteaser_applications .pageteaserbox { width: 31.3333333%; }
  .pageteaser_home .pageteaserbox h2 { font-size:1.0rem; }

  body.hunger_gruppe #header #logo { top:110px; }

  .frame-type-form_formframework .form-group { display: block; }
  .frame-type-form_formframework label { width:100%; padding:5px 0; }
  .frame-type-form_formframework .input { width:100%; margin-bottom:20px;}
  .frame-type-form_formframework .input input,
  .frame-type-form_formframework .input select { height: 50px; line-height: 50px; font-size: 1.2em; }
  .frame-type-form_formframework .input textarea { font-size: 1.2em; }
  .frame-type-form_formframework .checkbox label > span { line-height: 50px; }
}



/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
  #footer  { padding-bottom:80px; }
  #footer > .wrapper { flex-direction: column; -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;}
  #footer .flex_4 { width: 100%; margin-bottom:30px; }
  #footer .flex_9 { width:100%; }
  .adresse .adresse_logo img { width: 40%; }
  .contact .button { line-height:30px; margin-bottom:40px;}
  .contact .button_mail { margin-bottom:20px; margin-top:20px; }

  .sidepanel { box-sizing: border-box; padding-right:70px; border-radius:0; justify-content:space-around; right:inherit; top:inherit; left:0; bottom:0px; width: 100%; display:flex; background: #004d9b;}
  .sidepanel a { width:8%; }
  .sidepanel .border-top { display:none; }
  .sidepanel .border-bottom { display:none; }

  .references { font-size:0.8rem; }

  .carousel-list-item { width: 46% !important; margin: 10px 2% !important; }

  #header #sprache { position:absolute; right:0; top:90px; }

  .news .content-wrapper { flex-direction: column; }
  .news .article .news-img-wrap { width:100% !important; margin-right:0 !important; margin-bottom:10px; }
  .news .article .text { width:100% !important; }

  .pageteaser_applications .pageteaserbox { width: 48%; }
  .pageteaser_home .pageteaserbox h2 { font-size:0.9rem; }
  .pageteaser_home .pageteaserbox .teaser-bodytext { font-size:0.9rem; line-height:130%; }


  .ce-right .ce-gallery { float:none; }
  .ce-intext.ce-right .ce-gallery { margin-left:0; }

  .vertretungen .content .box-vertretungen { width:100%; margin-right:0; }
  .vertretungen .content .box-vertretungen .ce-left .ce-gallery img { max-width:70%; }

  .map { width:100%; margin-bottom:20px; }

  body.hunger_gruppe #header #sprache { display:flex; flex-direction:column; }
  body.hunger_gruppe #header #sprache img { margin:5px 0; height:30px; display:block; box-shadow: 0 0 10px #fff; }

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

  .ce-uploads.downloadliste li { width:100%; margin:5% 0; }


}