@media screen and (max-width: 1700px) {
.page-title {
    height: 400px;
}

}

@media screen and (max-width: 1560px) {
    .page-title {
        height: 400px;
    }

    .tiles_start {
      padding-top: 0px;
    }
    .page-title_startseite .page-title-info {
        margin-right: initial;
    }

}

@media screen and (max-width: 1230px) {
    .page-title {
        height: 350px;
    }
}

@media screen and (max-width: 1100px) {
    .bildergalerie{
        width: 31%;
        padding-top: 31%;
        margin: 1%;
    }

    .header-logo {
        width: 280px;
    }
    .nav1 {
        font-size: 1.2rem;
    }
    .nav-filter-label,
    .list-categories,
    .list-filters {
        float: none;
    }

    .page-title {
        height: 321px;
    }
}

@media screen and (max-width: 991px){

    .stellenportal .tile-logo{
        height: 100%;
    }

    .stellenportal .tile-logo img{
        height: 100%;
        width: auto;
    }

    .organisation .tile-logo{
        height: 100%;
    }

    .organisation .tile-logo img{
/*        height: 100%;
        width: auto;*/
    }
     .page-title {
  height: 289px;
}
.nav-top li {
  margin: 0 4px;
}


}

@media screen and (max-width: 935px) {

.page-title {
  height: 255px;
}
    .nav-desktop-menu{
        display: none !important;
    }

    .nav-mobile-menu{
        display: block !important;
    }

    .row.pic-large .tile-item{
        margin-top: 90px;
    }


    .page-top {
        height: 110px;
    }
    .page-header {
        height: 110px;
    }
    .header-content {
        border: 0;
        height: auto
    }
    .home-page-title .title-slogan {
        font-size: 1.5rem;
    }
    .home-page-title .page-title-info {
        position: relative;
        top: 150px;
        transform: translateY(0);
    }
    .hamburger {
        display: block
    }
    .nav-top {
        display: none;
    }
    .nav-mobile {
        display: block !important;
    }
    .nav-path {
        text-align: center;
    }
    .nav1 {
        background: #f2f2f2;
        bottom: 0;
        display: none;
        height: auto;
        left: 0;
        max-height: 100%;
        overflow-y: auto;
        padding: 10px 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 108px;
    }
    .nav1 ul {
        display: block;
        height: auto;
    }
    .nav1 li {
        display: block;
        margin: 0
    }
    .nav1 a {
        display: block;
        line-height: normal;
        padding: 5px
    }
    .nav1 li ul {
        background: #fff;
        clear: both;
        padding: 0;
        position: relative;
        top: auto;
        width: auto;
    }
    .nav1 li.active ul {
        display: block;
    }
    .nav1 li li.active a, .nav1 li li a:hover{
        color: #bd0926;
    }
    .nav1 li li a, .nav1 li.active li a {
        background: none;
        border-bottom: 1px solid #eeeeee;
        color: #7e7e7e;
        font-weight: normal;
        padding: 5px;
    }
    .nav1 li.active li.active a {
        color: #bd0926;
        font-weight: bold;
    }
    .nav2 {
        display: none;
    }
    .nav2-logo {
        margin-bottom: 20px;
        text-align: center;
    }
    .nav2-logo img {
        display: inline;
    }
    .nav3 {
        margin-bottom: 20px;
    }
    .nav-filter-label {
        display: block;
    }
    .nav-filter {
        display: block;
        margin: 0 0 20px;
    }
    .btn-filter {
        width: 100%;
    }
    .nav-categories {
        display: block;
    }
    .btn-category {
        display: block;
        margin: 0 0 20px;
    }
    .nav-bottom {
        position: relative;
    }
    .nav-bottom-item {
      left: 7px;
      margin-bottom: 20px;
      position: relative;
      right: auto;
    }
    .page-columns {
        display: block;
        padding: 20px 0
    }
    .col-left {
        margin-bottom: 20px;
    }
    .col-center {
        padding: 0
    }
    .page-footer {
        display: block;
        padding: 20px;
        text-align: center
    }
    .nav-footer ul {
        display: block;
    }
    .startseite_untertitel h3{
        width: 100%
    }
    .startseite_untertitel p{
        width: 100%
    }

    .page-title_startseite {
        background-size: cover !important;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 830px) {
.page-title {
    height: 240px;
}
}

@media screen and (max-width: 768px) {
.page-title {
    height: 225px;
}
}

@media screen and (max-width: 767px) {
      .header-logo {
        width: 130px
    }

    .nav-bottom {
        position: relative;
    }

      .nav-bottom-item {
          left: auto;
          margin-bottom: 20px;
          position: relative;
          right: auto;
      }

      .quadrat.agn{
      z-index: 1;
    }
      .bildergalerie{
          width: 48%;
          padding-top: 48%;
          margin: 1%;
      }

    iframe{
        height: 380px;
    }

    .inlinepopup {
        float: none;
        clear: both;
    }

    /*  Icon Startseite zentrieren  */
    #n35 img{
      margin: 0 auto;
    }


    .page-title {
        height: 225px;
    }

    body {
        background: url(../images/bgr-mobile.png) #f2f2f2 top repeat-x;
    }
    .col-left {
      margin-bottom: 0px;
    }
    .tile-text2 h2 {
      hyphens: auto;
      font-size: 1.125rem;
    }



    .page-title_startseite .page-title-info {
        top: 23px;
        padding-right: 4px;
    }
    .page-title_startseite .title-slogans {
        max-width: 161px;
    }
    .page-title_startseite .title-slogans h2 {
        font-size: 0.9em;
        line-height: 1.2;
        padding: 5px 0;
        box-shadow: 7px 0 0 #bd1729, -7px 0 0 #bd1729;
    }
    .page-title_startseite .btn-more-info {
        margin: 9px 0 9px 6px;
    }
    .page-title_startseite .btn-more-info a {
        font-size: .9rem;
        padding: 4px 35px 4px 0;
        line-height: 1.2;
        box-shadow: -6px 0px 0 #232323, 0 0px 0 #232323;
        margin-left: -7px;
    }

}

@media screen and (max-width: 750px) {
.page-title {
    height: 218px;
}
}
@media screen and (max-width: 650px) {
.page-title {
    height: 200px;
}
}


 @media screen and (max-width: 500px){
    .page-title {
        height: 130px;
    }
    .page-title_startseite .page-title-info {
        top: 8px;
    }
}
 @media screen and (max-width: 428px){
.page-title {
    height: 121px;
}
}
@media screen and (max-width: 414px){
      .nav-paging-grid {
        margin: 0 20px;
    }
        .col-xs-6.quadrat{
            width: 100%;
        }
        .nav-paging i {
        font-size: 22px;
    }
    .nav-paging-text {
        display: none;
    }
    .nav-paging i {
        font-size: 22px;
    }
.page-title {
    height: 121px;
}
}

@media screen and (max-width: 375px) {
    .fancybox-wrap.fancybox-mobile.fancybox-type-image.fancybox-opened{
      width: 100% !important;
      left: 0 !important;
    }

    .fancybox-inner{
      width: 100% !important;
      height: auto !important;
    }

      .bildergalerie{
          width: 100%;
          padding-top: 100%;
      }

    iframe{
        height: 220px;
    }
.page-title {
    height: 110px;
}

}

@media screen and (max-width: 360px) {
    .form-search{
      width: 150px;
    }

}

@media screen and (max-width: 320px) {
.page-title {
    height: 94px;
}

}