@media screen and (max-width: 1170px) {
  #outerPageWrapper, #pageWrapper, #wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    /*overflow-x: hidden;*/
  }
  #megaMenu ul.level-0 { width: auto; }
  #megaMenu ul.level-0 > li { padding: 0 11px; }
  #skyScraper { display: none; }
  #wrapper, #wrapperOuter {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .gruender-navi .level1 {
    width: 14.66%; padding: 4px 1%;
    overflow: hidden;
    background: #5699cd;
    background: -moz-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,156,205,1)), color-stop(100%, rgba(0,91,166,1)));
    background: -webkit-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
    background: -o-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
    background: -ms-linear-gradient(top, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
    background: linear-gradient(to bottom, rgba(86,156,205,1) 0%, rgba(0,91,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ccd', endColorstr='#005ba6', GradientType=0 );
  }
  .gruender-navi .level1 > a:hover { background: none; box-shadow: none; }
  .gruender-navi .level1 > a { padding: 0; background: none;}
  
  .pano { background: none !important; width: auto; position: static; }
  .pano img { visibility: visible; width: 100%; height: auto; }
}
@media screen and (max-width: 1008px) and (min-width: 750px) {
  .gruender-navi.home .title a, .gruender-navi.home h1.title { font-size: 32px; }
  .gruender-navi.home .claim { font-size: 16px; }
  #topBanner, #skyScraper, #right { display: none; }
  #pageWrapper, #wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    /*overflow-x: hidden;*/
  }
  #left {
    float: none;
    width: auto;
  }
  .ce-left .ce-gallery {
      float: none;
  }
  #megaMenu .subnav { padding: 6px 12px 17px; }
  #megaMenu .submenu { width: 133px; }
  #megaMenu .tx-artikel-pi2 .articlelist { width: 328px; padding-left: 12px; }
  #megaMenu .tx-artikel-pi2 .checklists { width: 192px; padding-left: 12px; }
  #megaMenu ul.level-0 > li { padding: 0 8px; }
  
  #footer #service { float: left; width:auto;  }
  #footer #service > li { float: left; width: 175px; margin-right: 20px }  
}
@media screen and (max-width: 1008px) {
.tx-artikel-pi2 .topstories .story .image { width: 30% !important; margin-right: 10% !important; }
.tx-artikel-pi2 .topstories .story .content { width: 60% !important; }
.tx-artikel-pi2 .topstories .article { width: 23% !important; margin-right: 2% !important; }
.tx-artikel-pi2 .topstories a { display: block; }
.tx-artikel-pi2 .topstories .article .image { width: 100% !important; height: 92px !important; }
.tx-artikel-pi2 .topstories img { width: auto !important; height: auto !important; }
}
@media screen and (max-width: 920px) {
  .gruender-navi.home .claim { clear: left; padding-top: 0; padding-left: 10px; margin-bottom: 12px; }
  .gruender-navi.home a.button { margin-top: -6px; }
  .landingpage .left, .landingpage .right {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 860px) {
  #megaMenu ul.level-0 > li { padding: 0 5px }
  #megaMenu ul.level-0 > li > a { font-size: 15px; }
  .gruender-navi.home .title a { font-size: 28px; }
  #logo { width: 400px; height: 102px; }
  #header { height: 154px; }
}
@media screen and (max-width: 740px) {
  body { background: #fff; }
  #megaMenu { background: #000; }
  #navToggle { font-size: 16px; height: 36px; line-height: 36px; color: #FFF; display: block; background: url('../images/bg-navtoggle.png') no-repeat 12px 2px; }
  #navToggle a { padding-left: 40px; display: block; color: #FFF; cursor: pointer; }
  img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  #megaMenu ul.level-0 > li > a { color: #fff; padding-left: 28px; font-size: 15px; }
  #megaMenu ul.level-0 > li.home { display: none; }
  #megaMenu ul.level-0 > li { border-top: 1px solid #FFF; }
/*  #megaMenu ul.level-0 > li:last-child { border: 0px none; }*/
  #megaMenu ul.level-0 { background: none; }
  #megaMenu ul.level-0 > li.active, #megaMenu ul.level-0 > li.level-0:hover { height: auto; background: none; border: 0px none; border-radius: 0; padding: 0 13px; margin: 0 2px 0 1px; }
  #topBanner, #skyScraper, #right, #header .extraNav, #header .tx-indexedsearch, #footer ul.sitemap, #header .social, .subnav, #socialshareprivacy { display: none; }
  #megaMenu ul.level-0 { display: none; }
  #megaMenu .subnav { display: none !important; }
  #megaMenu ul.level-0 > li { float: none; }
  #header, #megaMenu ul.level-0 { height: auto; }
  #left {
    float: none;
    width: auto;
  }
  .ce-left .ce-gallery {
    float: none;
  }
  #logo { width: auto; float: none; height: auto; margin-bottom: 12px; }
  #breadcrumb { height: auto; }
  #main2 { padding: 20px 12px; }
  #footer .footer-inner .footer-inner2 { padding-left: 12px; }
  .news-list-container img { float: none; }
  .tx-artikel-pi2 div.sub h2.left, .tx-artikel-pi2 div.sub .right { float: none; }
  .tx-artikel-pi2 .articlelist .ateaser { float: none; width: auto; }
  .tx-artikel-pi2 .topstories .article { width: 132px; margin: 0 6px 0 0 !important; }
  .tx-artikel-pi2 .articlelist .article .content { float: none !important; width: auto !important; }
  .tx-artikel-pi2 .articlelist .article .image { padding: 0 !important; float: none !important; width: 100% !important; height: auto !important; }
  .tx-artikel-pi2 p.arrow {margin-bottom:0; }
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: none; }
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: none; margin: 0;}
  div.marginBesidesText { margin-left: 0 !important; }
  /*#megaMenu ul.level-0 > li { float: none; }*/
  #footer #service { float: none; width:auto;  }
  #lp-fb { display: none; }
}
@media screen and (max-width: 680px) {
  .tx-artikel-pi2 .topstories .story .image,
  .tx-artikel-pi2 .topstories .story .content { float: none !important; width: auto !important; }
  .gruender-navi.home .title a { display: block; line-height: 44px; margin-top: 8px; }
  .gruender-navi .level1 { float: left; clear: left; width: 96%; padding: 4px 0% 4px 4%;}
  .gruender-navi.home a.button { float: left; clear: left; margin: 0 0 12px 10px; }
  .landingpage .socialshare { width: auto; margin-bottom: 0; }
  .landingpage .socialshare .item { margin-bottom: 24px; }
  .landingpage h1.em { font-size: 36px; line-height: 46px; }
  .tx-artikel-pi2 .topstories .article { width: 45% !important; margin-right: 5% !important; }
  .tx-artikel-pi2 .topstories .article:nth-child(3) { clear: left; }
  .tx-artikel-pi2 h1, h1.artikel { font-size: 28px; line-height: 34px; }
  #footer #service li.level-2 { margin-top: 4px; }
}
@media screen and (max-width: 360px) {
  .gruender-navi.home h1.title { font-size: 28px; }
  .gruender-navi.home .claim { font-size: 18px; }
  .tx-artikel-pi2 .topstories .article p.hl { height: 48px; }
  .topstories {display:none;}
}
@media screen and (max-width: 560px) {
  .csc-textpic-imagecolumn {float: none!important;}
}