@media screen and (max-width: 1400px) {
    .title-main-headline {
        font-size: 4.5vw;
    }
    .titelstartseite{
        margin-bottom: calc(3.5vw - 0.2*3.5vw);
    }
    .page-title-main {
        height: 65vw;
    }
    .page-title-small {
        height: 32vw;
    }
    .title2-headline {
      font-size: 60px;
    line-height: 71px;
    }


    .title3-headline{
      font-size: 41px;
    line-height: 58px;

    }

}
@media screen and (max-width: 1200px) {
    .center-col {
        padding-left: 20px;
        padding-right: 20px;
    }
    .titel1 .title-headline {
    font-size: 5.5vw;
}
}
@media screen and (max-width: 1024px) {
    body {
        font-size: 20px;
    }
    h2 {
        font-size: 35px;
    }
    .page-top-bar+.page-title {
        margin-top: 120px;
    }
    .page-header {
        height: 120px;
    }
    .header-logo {
        height: 110px;
    }
    .header-logo img {
        height: 100%;
        width: auto;
    }
    .page-title2,
    .page-title3,
    .page-title4,
    .page-title6 {
        height: 400px;
    }

    .titel1 .title-headline {
    font-size: 5.5vw;
}


    .title2-headline{
        padding: 0 6vw;
    font-size: 32px;
line-height:45px;
    }


    .title3-headline {
        padding: 0 6vw;
    font-size: 28px;
line-height:45px;
    }



    .hamburger {
        top: 45px;
    }
    .nav1 {
        padding: 120px 60px 40px 40px;
        width: 480px;
    }
    .nav-main>li {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .nav-sub {
        font-size: 18px;
        margin: 35px 0 50px;
    }
    .nav-sub>li {
        margin-bottom: 15px;
    }
    .nav-contacts dl {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .nav2.is_stuck {
        top: 120px !important;
    }
    .nav2-sub {
        font-size: 20px;
    }
    .nav3 li {
        font-size: 24px;
    }
    [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .vertical-ruler {
        height: 140px;
    }
    .page-footer {
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    body {
        font-size: 18px;
    }
    .nav2-sub {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .page-frame {
        padding: 40px 0;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 23px;
    }
    .title-main-headline {
        font-size: 5.5vw;
    }
    .titelstartseite{
        /*margin-left: 40%;  */
    }

    .page-top-bar+.page-title {
        margin-top: 100px;
    }
    .page-header {
        height: 110px;
    }
    .header-logo {
        height: 95px;
    }
    .page-title-main {
        /*height: 75vh;*/
        margin-bottom: 45px;
    }

    .title-main-headline {
    padding-top: 39vw;   
}
.page-title-small {
    height: 42vw;
    margin-bottom: 20px;
}
.titel1 .title-headline {
    font-size: 5.5vw;
}

    .page-title2,
    .page-title3,
    .page-title4,
    .page-title6 {
        height: 300px;
        overflow: hidden;
    }
    .title2-headline {
      font-size: 39px;
    line-height: 44px;
    }

    .title3-headline {
      font-size: 20px;
    line-height: 30px;
    }





    .page-title4,
    .page-title6 {
        margin-bottom: 50px;
    }
    .page-title5 {
        margin-top: 50px;
    }
    .page-title2-smaller {
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .title6-headline {
        font-size: 16vw;
    }
    .list-unordered {
        margin-bottom: 50px;
    }
    .hamburger {
        right: 20px;
        top: 35px;
    }
    .hamburger-box,
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 35px;
    }
    .js-nav-sticky {
        display: none;
    }
    .nav1 {
        left: 0;
        padding: 100px 60px 40px 40px;
        width: auto;
    }
    .nav-contacts dl {
        display: block;
    }
    .nav2-mobile {
        display: block;
    }
    .nav2-sub {
        font-size: 18px;
        left: auto;
        margin: 0 auto;
        max-width: 348px;
        padding: 20px;
        position: relative;
        top: auto;
        width: auto;
    }
    .nav3 {
        margin: 50px 0;
    }
    .nav3 li {
        font-size: 20px;
    }
    .article-item {
        margin-bottom: 40px;
    }
    .nav-footer ul {
        margin-bottom: 20px;
    }
    .nav-footer li {
        display: block;
    }
    .nav-footer li:after {
        display: none;
    }
    .text-right {
        text-align: left;
    }
    .vertical-ruler {
        height: 50px;
    }

    .col-sm-6{
      padding-bottom: 30px
    }
    .show-mobile{
        display: block;
        margin-right: 100%;
        padding-left: 0;
    }
    .show-desktop{
        display: none;
    }

}

@media screen and (max-width: 480px) {
.title2-headline {
      font-size: 39px;
    line-height: 44px;
    }

    .title3-headline {
      font-size: 16px;
    line-height: 26px;
    }

}

@media screen and (max-height: 640px) {
/*    .nav2-sub{
        width: 30vw;
    }*/
    .nav2-sub{
        top: -100px;
    }

}
@media screen and (max-height: 550px) {
    .nav2-sub{
        top: -150px;
    }

}
@media screen and (max-height: 480px) {
    .nav2-sub{
        top: 0px;
    }

}