@media screen and (min-width : 767px)
and (max-width : 1024px)  {
    
    .headerwrapper {
        z-index: 1000;
    }

    #header {
        z-index: 1100;
    }
  #header .navwrapper {
    width: 101vw;
  }
  .navwrapper .close {
    margin-top: 42px;
    margin-right: 42px;  
  }
  .navwrapper .mainnav{
    width:25%;
    padding-top:30px;
    padding-bottom:36px;
  }
    header .navwrapper .newsletter input[type="email"] {
        width: 135px;
    }
  header .navwrapper .newsletter, .navwrapper .social {
    margin-right: 48px;
    width:25%;
  }
  .navwrapper .second .sub-menu {
      width: 390%;
  }

    #nutzen .overview > a {
        width: 50%;
    }

    #funktion .col-sm-5 .teaser {
        padding: 0 0 100px;
    }

    #funktion a.col-sm-4 {
        width: 50%;
    }

    #funktion .col-sm-4.col-spacer {
        display: none;
    }

    #anwendung .hoverbox {
        width: 50%;
    }

    .contentwrapper .container .frame-type-dce_dceuid20 .text h2 {
        margin: 0px 0 42px 0 !important;
    }
  .headerbanner .specialhint {
    left: 18%;
    width:64%;
    top: 0;
    font-size: 1.56em;
  }

    @media (max-width: 900px) {
        #webinar .contentgb .col-sm-6,
        #webinar .contentgb .col-sm-5,
        #webinar .contentgb .container h2 {
            width: 100%;
        }

        #webinar .contentgb .col-sm-offset-1 {
            margin-left: 0;
            padding: 0 8%;
        }
    }
  

    
    .praxis .news-list-view > .article {
        width: 50%;
    }

    
    .unterseite .imgtext .col-sm-5 {
        width: 50%;
        margin: 0;
    }

    .unterseite .imgtext .col-sm-6.col-sm-offset-1 {
        width: 50%;
        margin: 0;
    }

    
    .countries  .col-sm-4 {
        width: 50%;
    padding-bottom: 40px;
    }
  .countries  .col-sm-4.leftie {
        clear:both;
    }

    
    .team .text,
    .team.second {
        padding-top: 0;
    }

    .team .col-sm-4 {
        width: 40%;
    }

    .team .col-sm-7.col-sm-offset-1 {
        width: 60%;
        margin-left: 0;
    }

    .team.second .col-sm-5 img,
    .team.last img {
        margin-top: 0;
    }

    .team.second .col-sm-5.col-sm-offset-2 {
        margin-left: 0;
    }

    .team.last {
        padding-bottom: 100px;
    }

    .team.last .teaser {
        padding: 0 15px;
        bottom: 170px;
    }

    .prozess .row:nth-child(2n) .gepunktete-linie {
        display: none;
    }

    .frame-type-dce_dceuid20 .row.imgtext .image .gestrichelte-linie-right {
        display: none;
    }

    .frame-type-dce_dceuid20 .row.imgtext .image .gestrichelte-linie-left {
        display: none;
    }

    .prozess .row:nth-child(2n - 1) .gepunktete-linie {
        display: none;
    }

    .zufriedeneanwender.team .gepunktete-linie {
        display: none;
    }

    .zufriedeneanwender .frame-type-dce_dceuid20 .row.imgtext .image .gestrichelte-linie-right {
        display: none;
    }

    .wrapperbgwhite .frame-type-dce_dceuid20 .row.imgtext .image .gestrichelte-linie-left {
        display: none;
    }

    .smallwbg.wheader .frame-type-dce_dceuid27 .team .teaser p {
        font-size: 1em;
        width: 74%;
    }

    .smallwbg.wheader .frame-type-dce_dceuid27 .team.last .gepunktete-linie {
        display: none;
    }

    .news-list-view.presse .article:nth-child(2n) .news .gepunktete-linie {
        bottom: 35px;
    }
    .news-list-view.termine .article:nth-child(2n) .news .gepunktete-linie {
        bottom: 45px;
    }

    .news-list-view.presse .article:nth-child(2n) .news .gepunktete-linie-weiss {
        bottom: 35px;
    }
    .news-list-view.termine .article:nth-child(2n) .news .gepunktete-linie-weiss {
        bottom: 45px;
    }

    .news-list-view.presse .article:nth-child(2n - 1) .news .gepunktete-linie-weiss {
        bottom: 35px;
    }
    .news-list-view.termine .article:nth-child(2n - 1) .news .gepunktete-linie-weiss {
        bottom: 45px;
    }

    .news-list-view.presse .article:nth-child(2n - 1) .news .gepunktete-linie {
        bottom: 35px;
    }
    .news-list-view.termine .article:nth-child(2n - 1) .news .gepunktete-linie {
        bottom: 45px;
    }

    .headerbanner .detailtheader .gepunktete-linie {
        display: none;
    }

    footer .socialfooter a {
        margin-left: 0px;
    }

    footer .socialfooter a img {
        margin-bottom: 10px;
    }
  #nutzen .overview .col-sm-3 {
      width: 33.3%;
    }

    
    .termine-themen .termin .person-img img {
        height: auto;
    }

    .termine-themen .termin {
        height: 180px;
    }

}


@media screen and (min-width : 767px)
and (max-width : 1024px)
and (orientation : landscape)  {
    #webinar .specialbuttons .gepunktete-linie {
        width: calc(((100vw - 1150px) / 2) + 185px);
        right: calc(((100vw - 963px) / 2) * -1);
    }

    .scrolldown {
        bottom:0;
    }

    .team.last .teaser {
        bottom: 180px;
    }

    .smallwbg.wheader .frame-type-dce_dceuid27 .team .teaser p {
        width: 73%;
    }

    .press-news-detail #header > .lang,
    .press-news-detail #header > .nav  {
        position: sticky;
    }

    .press-news-detail .col-sm-6 {
        width: 40%;
    }

    .press-news-detail .news-single .col-sm-6 {
        width: 50%;
    }


    .press-news-detail #wrapper div #c1160 div.ce-image.ce-center.ce-above {
        width: 120%;
    }

    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article .col-sm-4 div figure.image img {
        
        max-width: 880px;
    }

    .press-news-detail .container.insingle,
    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single {
        width: 90%;
    }
}


@media screen and (min-width : 767px)
and (max-width : 1024px)
and (orientation : portrait)  { 

  .navwrapper .mainnav {
    width: 75%;
    width:calc(100% - 120px);
    padding-top: 30px;
    padding-bottom: 36px;
  }
  .navwrapper .second .sub-menu {
      width: 100%;
    position:static;
    padding:0;
    text-align:left;
  }
  .navwrapper li.second {
    margin-bottom: 10px;
  }
  header .navwrapper  a {
    line-height: 44px;
    margin-bottom: 5px;
  }
  .navwrapper .sub-menu li {
    width: auto;
  }
  header .navwrapper .sub-menu a {
    line-height: 36px;
    margin-right:5px;
  }
  .navwrapper .close {
    margin-right: 30px;
    margin-left: 20px;
  }
  header .navwrapper .newsletter, .navwrapper .social {
    width:calc(100% - 110px);
  }
body.Kontakt form .powermail_label {
  width:100%;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article .col-sm-4 div figure.image img {
    width: 95%;
}

.press-news-overview .body-wrapper.unterseite.dark-nav #wrapper .contentwrapper.bgyellow .frame .container.insingle .news-list-view.row.presse.insingle .article.col-sm-6 a .news.media-news {
    min-height: 463px;
}

.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article div.col-sm-4 {
    margin-top: 11px;
}

}

.team .text .gepunktete-linie-left {
     width: calc(100% - 30px);
    left: 15px;
}
 
.team .text .gepunktete-linie-right {
    width: calc(100% - 30px);
    right: 15px;
}



.press-news-overview #wrapper div.contentwrapper div div.container div.news-list-view.row.presse div.article a div.news.media-news {
    height: auto;
}

.press-news-detail .container.insingle,
.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single,
.press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.container.seitentitel {
    width: 91%;
    margin-left: 4%;
}

@media screen and (min-width : 940px)
and (max-width : 990px) {

    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div#c1160 div.news.news-single div.article .col-sm-4 div figure.image img {
        
        max-width: 800px;
    }

    .press-news-detail div.body-wrapper.unterseite div#wrapper div.contentwrapper.bgyellow div.news.news-single div.article div.col-sm-4 {
        margin-top: 10px;
    }
}