/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {


}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {


}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {


}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/* @media (min-width: 320px) and (max-width: 480px) { */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #newsletterBox h1 { font-size: 25px !important; }
    .btn-nl { padding-left: 10px; padding-right: 10px; min-width: 1px; font-size: 11px; }
}

@media (max-width: 767px) {
    h1 {
        font-size: 20px!important;
    }

    h2 {
        font-size: 14px!important;
    }

    .separator {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .logo {
        margin: 10px 10px 0 5px;;
        float: none;
    }

    .slogan {
        margin-top: 6px;
        margin-bottom: 4px;
    }

    .slogantext {
        font-size: 19px;
    }

    .actioncont {
        position: absolute; 
        top: 60px; 
        right: 3px; 
    }

    .siegel {
        margin-top: 20px;
        margin-right: 30px;
        position: absolute; top: 0; right: 0; 
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    div.circleBlue { 
        font-size: 11pt; 
    }

    .logotext { 
        position: absolute;
        margin-top: 13px;
        font-size: 11px;
        color: #FFFFFF;
        z-index: 10;
        width: 200px;
    }
    .introcontainer { 
        min-height: 1px; 
    }
    .home-main-info .nopadding img { position: relative; width: 100%; height: auto; left: 0; transform: none; }
    .introtitel, .introfoot { position: relative; top: auto; bottom: auto; margin: 10px auto; }
    .introtitel { font-size: 16pt; }
    .introfoot { font-size: 14px; }
    .rightTeaser .content { position: relative; }
    .teaser { flex-direction: row; align-items: stretch;  }
    .teaser > a { flex-shrink: 0; }
    .teaser .content { flex: min-content; flex: 1; font-size: 9pt; }
    .teaser .teasertitel { font-size: 16px; }
    footer { padding: 50px 15px 50px 15px; font-size: 14px; }
    footer img { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
    .impr { text-align: center; }
    .footmnu { float: none; text-align: center; margin: 20px 0 0 0; }
    .rightCol { padding-right: 15px; }
    p.heldenp { font-size: 14pt; }

    .table-responsive > .table > thead > tr > th { white-space: normal; }
    .references { font-size: 15px; }
    .otwBanner h2, .privateBanner h2, .newsBanner h2 { line-height: 1.2em; padding-bottom: 5px; }
    .references .item a.plus span { top: 4px; }
    
    .row-flex { -webkit-flex-wrap: wrap; }

    .navcont {
        padding-left: 0!important;
        padding-right: 0!important;
    }

}
@media (max-width: 991px) {
    .home-main-info { margin-left: 0; margin-right: 0; }
    .teasers .row { margin-left: 0; margin-right: 0; }
    .rightTeaser .titel { font-size: 11px; line-height: 1.5em; }
    .rightTeaser .content { font-size: 11px; }
    #newsletterBox .btn-nl { margin-top: 10px; }
    .rightCol { padding-right: 15px; }
    .moreNewsContainer { margin-left: 0; margin-right: 0; }
}
@media (max-width: 359px) {
    .slogantext {
        font-family: 'Questrial', sans-serif;
        font-size: 14pt;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    .navbar-nav > li > a { padding-left: 13px; padding-right: 13px; }
}
@media (min-width: 768px) and (max-width: 919px) {
    div.circleBlue { 
        font-size: 13pt; 
    }
    .slogan { max-width: 300px; }
    .siegel { margin-top: 45px; }
    .goforzero-nav .navbar-nav>li>a { letter-spacing: 1px; }
    .imgaction { bottom: 55px; right: 50px; }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .slogantext { font-size: 22px; }
    .actioncont {
        position: absolute; 
        top: 67px; 
        right: 23px; 
    }
    div.circleBlue { font-size: 13px; }
    .siegel {
        margin-top: 20px;
        margin-right: 30px;
        position: absolute; top: 0; right: 0; 
    }
    .goforzero-nav { margin-left: -15px; margin-right: -15px; }
    .goforzero-nav + div > hr { margin-left: -15px; margin-right: -15px; }
    h1 {
        font-size: 22px!important;
    }

    h2 {
        font-size: 16px!important;
    }
    .introtitel { font-size: 16pt; }
    .introfoot { font-size: 14px; }
    #newsletterBox h1 { font-size: 20px !important; }
    .references { font-size: 16px; }
    .btn-nl { padding-left: 10px; padding-right: 10px; min-width: 1px; font-size: 11px; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
    #newsletterBox h1 { font-size: 30px; }
    .btn-nl { padding-left: 10px; padding-right: 10px; min-width: 1px; font-size: 11px; }
}
@media (min-width: 990px) and (max-width: 1120px) {
    .btn-nl { font-size: 12px; }
    .imgaction { bottom: 55px; right: 50px; }
    .goforzero-nav .navbar-nav > li > a { letter-spacing: 1px; padding-right: 13px; padding-left: 13px; }
}
@media (min-width: 1680px) {
    .home-main-info .nopadding img { position: relative; width: 100%; height: auto; left: auto; transform: none; right: 0; }
}
@media (min-width: 768px) and (max-width: 1560px) {
    .teaser { font-size: 14px; }
    .teaser .teasertitel { font-size: 18px; line-height: 1.1em; }
}