.archiv_box {
    background-color: #eee;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    max-width: 100%;
    width: 480px;
    position: relative;
}

.archiv_box__loading{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 20%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  background-color: rgba(255, 255, 255, .8);
  display: none;
}

.archiv_box label {
    float: left;
    width: 200px;
    height: 35px;
    padding: 10px;
    padding-bottom: 0px;
    margin: 0px;
    margin-bottom: 5px;
    margin-right: 5px;
    display: block;
    background-color: #ddd;
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: bold;
}

.archiv_box .search_div {
    float: left;
    width: 250px;
    padding: 5px;
    margin: 0px;
    margin-bottom: 3px;
    display: block;
    background-color: #ddd;
}

.archiv_box input[type="text"] {
    margin: 0px;
    width: 190px;
}

.archiv_box input[type="submit"] {
    margin: 0px;
    margin-top: 3px;
    padding: 5px;
    width: 190px;
}

.form-result{
    max-width: 100%;
    width: 480px;
}

.tablesorter {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}

.search-nothing{
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
}

.search-total-results{
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
}

thead {
    background-color: #ff5928;
}

.tablesorter thead th {
    padding: 5px;
    padding-right: 15px;
    margin: 5px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ddd;
    background-image: url(../icons/ts_bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../icons/ts_asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../icons/ts_desc.gif);
}

.tablesorter td {
    padding: 5px;
    margin-right: 3px;
    border: 1px solid #ddd;
    vertical-align: top;
    background-color: #fff;
}

.tablesorter tr:nth-child(odd) td {
    background-color: #eee;
}

@media (max-width: 1024px) {

/*  .navbar-default .navbar-nav>li>a{
    margin-left: 25px;
  }

  .navbar-default.navbar-shrink .navbar-nav>li>a{
    margin-left: 10px;
    font-size: 15px;
  }

  .navbar-default .navbar-brand .img{
    margin-left: 0px;
  }

  .navbar-default.navbar-shrink .navbar-brand .img{
    margin-left: 0px;
    width: 180px;
    }*/
  }


  @media (max-width: 992px) {

    .button-top{
      top: -40px;
    }

/*  .navbar-default.navbar-shrink .navbar-nav>li>a{

  }

  .navbar-default .navbar-nav>li>a{
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 30px;
  }

  .navbar-default .navbar-nav{
    margin-left: 260px;
    margin-top: 50px;
  }

  .navbar-default.navbar-shrink .navbar-nav{
    margin-left: 0px;
    margin-top: 0px;
    }*/


  }

  @media (max-width: 1279px) {

    .navbar-header{
      right: 0px;
      margin-top: 30px;
      transition: all ease 0.3s;
    }

    .navbar-default.navbar-shrink .navbar-header{
      margin-top: 20px;
    }

    .navbar-default .navbar-nav>li>a{
      margin-left: 30px;
      margin-bottom: 20px;
    }

    .navbar-default.navbar-shrink .navbar-nav>li>a{
      margin-left: 30px;
    }


    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
      background-color: transparent;
    }
    .navbar-default{
      top: 0px;
    }
    .navbar-default .navbar-brand .img{
      margin-top: 10px;
      z-index: 10000;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
      padding: 10px 30px;
    }
    .navbar-nav>li>.dropdown-menu{
      left: 0px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
      color: #e3000f;
      background-color: transparent;
    }
    .navbar-header{
      right: 0px;
      z-index: 10000;
    }
    .navbar-header{
      top: 0px;
    }
    .navbar-default .navbar-toggle{
      border: none;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
      margin-top: 100px;
      background-color: white;
      /*max-height: 300px;*/
      max-height: calc(100vh - 100px);
      overflow: scroll;
    }

    .navbar-default .navbar-collapse{
      height: auto;
      overflow: scroll;
    }

    .navbar-default.navbar-shrink .navbar-collapse{
      margin-top: 80px;
      max-height: calc(100vh - 80px);
      overflow: scroll;
    }
    .menu-points{
      padding: 0px;
    }
    .navbar-nav>li{
      display: block;
      float: none;
    }
    .navbar-default .navbar-nav{
      float: left;
      width: 100%;
      padding-left: 10px;
    }
    .navbar-nav>li>.dropdown-menu>li>.dropdown-menu{
      display: block;
      position: relative;
      left: 0px;
    }

    .navbar-default .navbar-brand .img{
      width: 200px;
      margin-left: 15px;
    }

    .navbar-default.navbar-shrink .navbar-brand .img{
      width: 100px;
      margin-left: 15px;
    }

    .navbar-default .navbar-nav>li>a{
      margin-top: 30px;
    }

    .navbar-nav>li>.dropdown-menu{
      padding-top: 0px;
    }

    .navbar-nav>li>.dropdown-menu{
      display: block;
      position: relative;
      float: none;
      padding-left: 30px;
      padding-bottom: 0px;
    }

    .navbar-shrink .navbar-nav>li>.dropdown-menu{
      padding-top: 0px;
    }


    .news-section-1 .desktop{
      display: none;
    }


  }

  @media (max-width: 992px){
    footer .border{
      border: none;
      padding-top: 40px;
    }

    .news-section-1{
      margin-top: 40px;
      padding-bottom: 40px;
    }

    footer .line{
      margin: 30px 0 10px;
    }

    footer .top-box{
      text-align: center;
    }

    footer .top-box .title{
      text-align: center;
      display: block;
      width: 100%;
    }

    footer a.imprint{
      margin-right: 10px;
      margin-left: 10px;
    }

    .news-section-1 .mobile{
      display: block;
    }

    header{
      height: 600px;
      width: calc(100% - 60px);
      margin: 120px 30px 0;
      overflow: visible;
    }

    header.home{
      height: auto;
    }

    header .img{
      margin: 0px;
      width: 100%;
      height: 400px;
    }

    header .item{
      height: 600px;
      padding: 0px;
    }

    header .text-box{
      padding: 30px 15px;
      height: auto;
      bottom: 0;
    }

    header .subtitle{
      font-size: 24px;
    }

    .home-section-4 .img{
      margin-top: 20px;
    }

    .home-section-1 .title{
      font-size: 24px;
    }

    .home-section-1 .item{
      padding-bottom: 50px;
    }

    h1{
      font-size: 30px;
    }

    .home-section-2 .text-box{
      margin-bottom: 50px;
    }

    .title-box{
      height: 100px;
    }

    .home-section-1{
      padding-bottom: 40px;
      margin-top: 50px;
    }

    .home-section-2{
      padding-bottom: 40px;
    }

    .home-section-3{
      padding-bottom: 40px;
    }

    .home-section-3 .item{
      padding-bottom: 50px;
    }

    .home-section-4{
      padding-bottom: 50px;
    }

    .content-section-0{
      margin-top:50px;
      margin-bottom: 40px;
    }

    .content-section-1{
      margin-bottom: 40px;
    }

    .content-section-8 .title{
      font-size: 28px;
    }

    .content-section-3{
      margin-bottom: 40px;
    }

    .content-section-3 .img{
      background-size: cover;
    }

    .content-section-3 .col-md-6:last-child .img{
      margin-top: 30px!important;
      margin-bottom: 0;
    }

    .home-section-1 .text-box{
      height: auto;
      padding-bottom: 50px;
    }



    .content-section-3 .col-md-6:first-child .img{
      margin-top: 0px;
      margin-bottom: 20px;
    }

    .content-section-4{
      margin-bottom: 40px;
    }

    .content-section-5{
      margin-bottom: 40px;
    }

    .content-section-5 .button{
      margin-bottom: 50px;
    }

    .content-section-6{
      margin-bottom: 40px;
    }

    .content-section-6 .title-box{
      height: auto;
    }

    .content-section-6 .title-box .button-gal{
      float: none;
      padding-bottom: 30px;
    }

    .content-section-7{
      padding-bottom: 40px;
    }

    .content-section-7 + .content-section-1{
      margin-bottom: 0;
    }

    .content-section-7 .img{
      height: 300px;
    }

    .content-section-7-1{
      padding-bottom: 100px;
    }

    .content-section-8{
      padding-bottom: 100px;
    }

    .content-section-8 .item{
      padding-bottom: 30px;
    }

    .content-section-9{
      padding-bottom: 100px;
    }

    .content-section-10{
      padding-bottom: 40px;
    }

    .content-section-10 .item{
      padding-bottom: 50px;
    }

    .content-section-11{
      padding-bottom: 40px;
    }

    .content-section-11 .item{
      margin-bottom: 50px;
    }

    .content-section-11 .title{
      padding-bottom: 30px;
    }

    .content-section-11 .kontakt-box .title-box{
      display: block;
      height: 40px;
    }

    .content-section-11 .content-box{
      padding-top: 0px;
      border: none;
      padding-left: 0px;
      width: 100%;
    }

    .content-section-11 .content-box .kontakt{
      font-size: 14px;
    }

    .content-section-12{
      padding-bottom: 40px;
    }

    .content-section-12 .fa-clock-o{
      display: none;
    }

    .content-section-12 .text{
      padding-bottom: 30px;
    }

    footer .title{
      padding-top: 20px;
    }

    iframe{
      height: 300px!important;
    }

    .news-section-1 .first-box .img{
      height: 300px;
    }

    .news-section-1 .first-box .item{
      height: auto;
    }

    .news-section-1 .img{
      height: 300px;
    }

    .news-section-1 .item{
      height: auto;
    }

    .news-section-1 .text-box{
      height: auto;
      margin-top: 30px;
    }

    .news-detail-section-1{
      margin-top: 0px;
    }

    .news-detail-section-1 .img{
      height: 300px;
    }

    .news-detail-section-1 .title{
      font-size: 30px;
    }

    .news-detail-section-1 .title-box-2{
      display: block;
      width: 100%;
    }

    .news-detail-section-1 .download-box{
      width: 100%;
      margin-bottom: 20px;
    }

    .form-result{
      max-width: 100%;
      overflow-y: hidden;
      overflow-x: scroll;
    }

  }



  @media(max-width: 510px){
    .archiv_box label,
    .archiv_box .search_div{
      width: 100%;
    }
    .archiv_box label{
      margin-bottom: 0;
    }
  }