/* -------------
 RESPONSIVE CSS
 ------------- */

#back-top {
  text-align: right;
  margin: 0;
  padding: 10px 30px;
  color: #fff;
}
#back-top  a {
  color: #fff !important;
  font-size: 110%;
}
section.chapter figure{
margin-left: 0;
}

@media (min-width: 1280px) {

  #wrapper, #projektbereichfooter #pbf, #service_wrapper, body > footer {
    max-width: 1260px !important;
  } 
  body > footer{
    margin: 0 auto;
  }

}

@media (max-width: 1024px) {

  #inhalt2 {
    width: 65%;
    margin-right:30px;
   }
   #footer .fbox4{
   width:20%;
   margin-left:20px;
   }
   ul.nav-linkesMenue, ul.nav-rechtesMenue {
    font-size: 1.3em;
   }
   #inhalt {
      width: 98%;
      margin-left: 10px;
   }
}

@media (max-width: 980px) {
ul.nav-linkesMenue, ul.nav-rechtesMenue {
    font-size: 1.2em;
}
    ul#servicenavlinks li, ul#servicenavrechts li {
    font-size: 90%;
    margin: 0 5px 0 0;
  }
  ul#servicenavrechts li {
    margin: 0 0 0 5px;
  }
  #tx-indexedsearch-searchbox-swordTop {
    width: 110px;
  }
  ul#nav li ul.subnav_1  li {
    font-size: 90%;
  }
  #inhalt ul.subnav_2 {
    font-size: 1.2em;
  }
  #index_img, #site_img {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
  }
  #site_img {
    height: 10px;
  }
  /* foto nach links verschieben */
  #inhalt2 .img img {
    margin: 0 0 0 -200px;
  }
  #projektbereichfooter #pbf strong {
    font-size: 0.8em;
  }
  .box1, .box2, .box3, .box4 {
    width: 50%;
  }
.boxrahmen { 
   height: 500px; 
}
  #footer .fbox1, #footer .fbox2, #footer .fbox3, #footer .fbox4 {
    width: 45%;
    font-size: 100%;
    min-height: 150px;
    margin: 0 5px 20px 20px;
  }
  #back-top {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    color: #fff;
  }
  #back-top  a {
    color: #fff;
    font-size: 110%;
  }
    #inhalt2 {
    margin-right:30px;
    width:65%;
}
section.chapter header div.filtertabelleanzeige{
margin-bottom:30px !important;
}
#back-top.no-print a {
margin:0 30px 0 0;
}
  
}
@media (max-width: 800px){
nav#service {
    height: 100px;
}
#tx-indexedsearch-searchbox-swordTop {
    width: 150px;
}
ul.nav-linkesMenue, ul.nav-rechtesMenue {
    font-size: 1em;
}
#nav ul.nav-linkesMenue li a, #nav ul.nav-rechtesMenue li a {
    padding: 0 10px;
}
.float_right, #title, ul#servicenavrechts, ul#servicenavrechts li, #inhalt2 {
    margin-top: 15px;
}
#inhalt ul.subnav_2 {
    font-size: 1em;
}
#service_wrapper {
    height: auto;
}
#service_wrapper {
    padding: 10px 12px;
}
.zusatzinfolinks2 a {
    margin-right:0 !important;
}
.zusatzinfolinks2 {
    margin: 0px 20px 25px 20px;
    }
#back-top.no-print a {
margin:0 30px 0 0;
}

}


@media (max-width: 768px) {
ul.nav-linkesMenue {
    font-size:1em;
  }
 ul.nav-rechtesMenue {
    font-size:0.9em;
  }
  #inhalt ul.subnav_1 li, #inhalt ul.subnav_2 li, #inhalt ul.subnav_3 li {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 5px !important;
  }
  #inhalt ul.subnav_2 {
    font-size: 1.1em;
  }
  #service_wrapper {
    padding: 10px;
}
#tx-indexedsearch-searchbox-swordTop {
    width: 80px;
}
a.downloadLegende1, a.downloadLegende2, a.downloadLegende3 {
    margin: 10px 1px;
}
ul#servicenavrechts{
margin:15px 10px 0 0;
float:left;
}
form#searchform{
margin:0 0 0 35px;
}
nav#service #searchform fieldset input{
width:160px;
}
body > footer{
height:500px;
}
#inhalt div.filtertabelleanzeige p a {
    font-size:0.9em;
}
}
@media (max-width:720px){
#wrapper {
    min-width: 720px;
    max-width: 720px;
}
nav#service #searchform fieldset input {
    width: 140px;
}
}
@media (max-width:667px){
#wrapper {
    max-width: none;
    min-width: 0;
    width: 100%;
}
nav#service #searchform fieldset input {
    width: 140px;
}

/* Unetrseite */
  #inhalt_text section.chapter header h2 {
    width: auto;
    margin: 20px 0 0 0; 
   }
  
  section.chapter header div.filtertabelleanzeige {
    position: static; 
    right: auto; 
    top: auto;
  }



}
@media (max-width:640px){
#wrapper {
    min-width: 640px;
    max-width: 640px;
}
nav#service #searchform fieldset input {
    width: 115px;
}
form#searchform {
    margin: 0;
}
#title {
    font-size: 1.5em;
  }
}