
ul.navbar-nav li.nav-item.sprache,
ul.navbar-nav li.nav-item.logout,
nav.navbar span.navbar-text.go-back {
  display: none;
}
span.navbar-text.name span.responsive-placeholder {
  display:none!important;
}

div.inhalt .container {
  padding-left: 25px;
  padding-right: 0;
}
div.single.inhalt .container,
div.inhalt .container.beschreibung {
    padding-left: 25px;
    padding-right: 25px;
}

.header-sektion .VueCarousel-navigation .VueCarousel-navigation-prev,
.header-sektion .VueCarousel-navigation .VueCarousel-navigation-next {
    top: 50%;
}

div.inhalt .header-img div.img,
.container.news-header div.img {
  width: 100%!important;
}

.login.container {
    background-position: 50% 0;
}

.container {
  max-width:100%;
  max-width:1024px;
  min-width:1024px;
}

.kategorie-seite div.kachel,
  .inhalt.kurs  div.kachel,
  .news-seite div.kachel,
  .seminarthemen-seite div.kachel,
  .zertifikate-sektion .zertifikate-grid.empty div,
  .zertifikate-sektion .zertifikate-grid a.certs-link {
    width: calc(100% - 25px)!important;
}

.owl-item .item div.kachel {
  width: 100%;
  width: 225px;
  height: 185px;
}



  .zertifikate-grid {
    margin-bottom:25px;
  }

    .zertifikate-grid  img.expired.type-icon {
      top: calc(50% - 10px);
          left: calc(50% - 34px);
    }
    .zertifikate-grid .certs-link,
    .zertifikate-grid a > div.cert-img,
    .zertifikate-grid.empty > div {
      height: 100%;
    }


    .zertifikate-grid a > div.cert-img {
      width:100%!important;
    }


/*Inhaltsdetails*/
.bewertung-favoriten-container a.btn.btn-favorit.btn-secondary {
    width: calc(100% - 62px);
}

/*Training / ZErtifizierung*/
div.training div.intro, div.training div.result {
    max-height: calc(100vh - 50px);
    min-height: 718px;
}
div.training div.result > div {
      bottom: auto;
}

/*Seminarbereich*/
.seminarthemen-seite .seminarthemen-header .btn {
  width: 100%;
  min-width: 100%;
}
.seminarthemen-seite .seminarthemen-header  .v-popover .trigger {
  display: block!important;
}
.seminarthemen-seite .container.seminarthemen-header {
  height: auto!important;
}

@media (min-width: 992px) {
  .single.inhalt .desc-con > div {
    height: 100%;
  }
}

@media (min-width: 1200px) {
  div.responsive .header-sektion .content {
    width: 450px;
  }
  div.responsive .header-sektion .content .title {
    font-size: 18px;
    margin-bottom: 3px;
  }
  div.responsive .header-sektion .content .sub-title {
      font-size: 30px;
      line-height: 38px;
  }
}

@media (min-width: 1800px) {
  div.responsive .header-sektion .content {
    width: 590px;
    padding: 25px;
  }
  div.responsive .header-sektion .content .title {
    font-size: 22px;
    margin-bottom: 5px;
  }
  div.responsive .header-sektion .content .sub-title {
      font-size: 38px;
      line-height: 48px;
  }
}

@media (min-width: 2400px) {
  div.responsive .header-sektion .content {
    width: 800px;
    padding: 25px;
  }
  div.responsive .header-sektion .content .title {
    font-size: 30px;
    margin-bottom: 7px;
  }
  div.responsive .header-sektion .content .sub-title {
      font-size: 54px;
      line-height: 62px;
  }
}

@media (max-width: 1145px) {
  .lity-wrap {
        padding: 0px 25px;
  }
  .lity-wrap.zip_content {
    padding: 0px;
  }
}

@media (max-width: 1080px) {
  div#feedback-wbt-modal .modal-dialog {
        padding: 0px 30px;
  }
}

@media (max-width: 1024px) {
  body,.header {
     min-width: 100%
   }
   div.kachel {
     height: auto;
   }
   div.kachel .content-box {
     min-height: auto;
   }
   .VueCarousel .VueCarousel-slide {
     max-width: 100%!important;
  }

  .news-seite .container.inhalte {
    padding-right:0px;
  }
  .news-seite div.kachel .content-box {
    position: relative;
    background: #e6e6e6;
    top: 0;
  }

  .news-seite div.kachel {
      width: calc(100% - 25px);
      height: 185px;
  }
  .zertifikate-grid .certs-link.last {
    width: 225px!important;
  }
  .zertifikate-sektion > .grid-con > div.zertifikate-grid:nth-of-type(4n+5) {
      clear: none;
  }
  .container.news-header div.img {
    width: 100%!important;
  }
  div.inhalt .header-img img.type-icon{
      left: calc(50% - 60px);
      top: calc(50% - 60px);
  }
  div.inhalt .header-img img.type-icon.pdf {
      left: calc(50% - 44px);
      top: calc(50% - 60px);
  }
  div.kachel span.is_mandatory {
    margin-top: -2px;
  }
}

@media (max-width: 1023px) {
  div#parentCon > .header {
    min-width: 100%;
  }
  div#datenschutz.popup,
  div#nutzungsbedinungen.popup,
  div#copyright.popup {
    width: 100%!important;
    max-height: 95vh!important;
  }
}



@media (max-width: 991px) {
  .single.inhalt .desc-con {
    margin-bottom: 25px;
  }
  .header-sektion .content {
    width:50%;
        margin-left: 40px;
  }
  nav.navbar .navbar-toggler {
    height:50px;
    color: #fff;
    border:0px;
    outline:0;
  }
  nav.navbar .navbar-toggler.goback-active {
    margin-left:48px;
  }
  nav.navbar .navbar-toggler:focus {
      outline:0;
  }
  nav.navbar .navbar-toggler .line{
      width: 18px;
      /* float: left; */
      height: 1px;
      background-color: #fff;
      margin-bottom: 5px;
      display: block;
  }
  ul.navbar-nav li.nav-item.sprache,
  ul.navbar-nav li.nav-item.logout {
    display: inline-block;
    font-size: 12px;
    padding: .5rem;
    text-transform: uppercase;
  }
  div#navbarNav {
    background: #0087f7;
    color: #fff;
  }
  ul.navbar-nav .trenner,
  nav.navbar span.navbar-text.sprache,
  nav.navbar span.navbar-text.logout,
  ul.navbar-nav li.nav-item.go-back
   {
    display: none;
  }
  nav.navbar span.navbar-text.search {
    position: absolute;
    right: 0;
  }
  nav.navbar span.navbar-text.search svg {
    position: relative;
    top: 2px;
  }
  nav.navbar span.navbar-text.name {
    position: absolute;
    right: 45px;
  }
  .header .navbar.mitte a.navbar-brand {
    left: 50%;
    right: 50%;
  }
  nav.navbar span.navbar-text.go-back {
    display: inline-block;
    position: absolute;
    left: 10px;
  }
  nav.navbar span.navbar-text.go-back img {
    height: 25px;
  }
  .single.seminar .info-con,
  .single.seminar .details-con,
  .single.seminar .trainer-con  {
    padding-top:25px;
  }
}


@media (max-width: 767px) {
  .single-news .container.inhalt .right {
    padding: 20px 40px;
      background: #e6e6e6;
      margin-top: -40px;
      margin-bottom: 40px;
      margin-right: -25px;
      margin-left: -25px;
      width: calc(100% + 50px);
    }
    .single-news .container.inhalt .left {
        padding-right: 15px;
    }
    .suche-container input {
          width: calc(100% - 125px);
    }
    .header-sektion .content {
      padding: 12px;
    }
    .header-sektion .content .title {
      font-size:13px!important;
    }
    .header-sektion .content .sub-title {
      font-size:20px!important;
      line-height: 25px!important;
    }
}

@media (max-width: 700px) {
  .login.container {
    padding: 150px 0 0 0!important;
  }
  .login.container .form-inline, .login.container .alert {
    width: 100%;
    padding: 20px;
  }
  .login.container .form-inline {
    padding-bottom:0px;
    max-width:500px;
  }
  .login.container .form-inline .form-group {
    width: 100%;
    display:block;
    margin: 0!important;
    margin-bottom: 10px!important;
  }
  .login.container .form-inline .form-group .form-control {
    width: 100%!important;
    display: block;
    min-width: auto!important;
  }
  .login.container .form-inline .oeffentlicher_bereich {
    display: block;
    width: 100%;
        margin-top: 15px!important;
  }
  .login.container .form-inline .datenschutzlinks {
    text-align:left;
    width: 100%;
  }
  .lang-selector-container .btn.dropdown-toggle {
    width: auto;
    padding-right: 35px;
  }
  div.training div.intro > div, div.training div.result > div {
    width: calc(100% - 50px);
  }
  .single-news .inhalt iframe {
        width: 100%!important;
  }
}

/*@media (max-width: 815px) and (min-width: 611px)  {
  div.kachel .sub {
    font-size: 12px;
    line-height: 15px;
  }
  div.kachel .title {
    font-size: 10px;
  }
}

@media (max-width: 1000px) and (min-width: 665px)  {
  div.kachel.news .sub {
    font-size: 12px;
    line-height: 15px;
  }
  div.kachel.news .title {
    font-size: 10px;
  }
}*/




@media (max-width: 575px) {
  .header .navbar span.navbar-text.name{
        padding: 5px;
        right: 32px;
  }
  span.navbar-text.search {
    padding: 13px 10px;
  }
  .header .navbar span.navbar-text.name span.username {
    display:none;
  }
  .header .navbar span.navbar-text.name span.responsive-placeholder {
    display: inline-block!important;
  }
  .suche-container {
    width:100%;
  }
  .single.inhalt .tech-con {
    margin-bottom: 25px;
  }
  .seminarthemen-seite .seminarthemen-header div.row > div.col-lg-9 {
    padding: 0px 15px;
}
  .seminarthema-seite .seminarthemen-header div.row > div.col-lg-3 {
    margin-top:20px;
  }
  .modal-dialog {
    margin: 0 auto;
  }
  div.training div.intro, div.training div.result {
    padding-top: 205px;
  }
  div.training div.fragen button#erklaerungfrage {
    float:left;
  }
  div.training div.fragen button.btn.btn-secondary,
  div.training div.fragen button#erklaerungfrage {
        width: 120px;
  }
}

@media (max-width: 525px) {

  .suche-container .ergebnis .text {
    width: calc(100% - 96px);
  }
  .lity-content .popup,
  .lity-container {
    width: 100%;
  }
}



/*@media (max-width: 500px)  {
  div.kachel .sub {
    font-size: 12px;
    line-height: 15px;
  }
  div.kachel .title {
    font-size: 10px;
        max-height: 14px;
  }
}*/

@media (max-width: 480px) {

  .login.container {
    padding: 100px 0 0 0!important;
  }
}

@media (max-width: 450px) {

  #kommentar.popup .btn-popup-abbrechen,   #kommentar.popup .btn-popup-speichern,
  #rating.popup .btn-popup-abbrechen,   #rating.popup .btn-popup-speichern,
  div#contenttestabbrechen.popup .btn-popup-abbrechen, div#contenttestabbrechen.popup .btn-popup-speichern,
  div#trainingabbrechen.popup .btn-popup-abbrechen, div#trainingabbrechen.popup .btn-popup-speichern {
  width: calc(50% - 10px);
  }

div#passwortaendern .btn-con,
div#soonInvalidCert .btn-con,
div#invalidCert .btn-con {
  overflow: auto;
}
  div#passwortaendern .btn-con .first-half-btn,
  div#soonInvalidCert .btn-con .first-half-btn,
  div#invalidCert .btn-con .first-half-btn {
    width: 48%!important;
    margin-right: 2%!important;
    display: block!important;
    float: left;
  }
  div#passwortaendern .btn-con .second-half-btn,
  div#soonInvalidCert .btn-con .second-half-btn,
  div#invalidCert .btn-con .second-half-btn {
    width: 48%!important;
    margin-right: 2%!important;
    display: block!important;
    float: left;
  }
  .single-news .inhalt iframe {
        max-height: 200px!important;
  }
}

@media (max-width: 420px) {
    div#feedback-wbt-modal .modal-dialog {
          padding: 0px 0px;
    }
  .modal > div.modal-dialog {
    width: calc(100% - 50px)!important;
    margin: 0 auto;
  }
  div#public-user-info .modal-footer button {
    width: 100%!important;
  }
  div#public-user-info .modal-footer button.first-half-btn,
  div#cert-public-user-info .modal-footer button.first-half-btn,
  div#stornieren-bestaetigen-modal .modal-footer button.first-half-btn,
  div#buchen-bestaetigen-modal .modal-footer button.first-half-btn {
    width: 48%!important;
    margin-right: 2%!important;
    display: block!important;
    float: left;
  }
  div#public-user-info .modal-footer button.second-half-btn,
  div#cert-public-user-info .modal-footer button.second-half-btn,
  div#stornieren-bestaetigen-modal .modal-footer button.second-half-btn,
  div#buchen-bestaetigen-modal .modal-footer button.second-half-btn {
    width: 48%!important;
    margin-left: 2%!important;
    display: block!important;
    float: left;
  }
  div.kachel.mandatory .title {
    padding-left: 15px;
  }
  div.kachel span.is_mandatory {
        height: 12px;
    background-color: #0087eb;
    padding: 1px 1px;
    position: absolute;
    margin-top: -2px;
    border-radius: 2px;
  }
  div.kachel span.is_mandatory svg {
      display: block;
      height: 10px;
      width: 10px;
  }
}



@media (max-width: 400px)  {
  .login.container {
    padding: 70px 0 0 0!important;
  }
  /*div.kachel .sub {
    font-size: 11px;
    line-height: 13px;
  }
  div.kachel .title {
    font-size: 9px;
        max-height: 11px;
  }*/
  div.kachel .content-box {
    padding: 6px;
  }
}

@media (max-width: 390px)  {
  .header .navbar.mitte a.navbar-brand img {
    max-width: 190px;
    height: auto;
  }
}

@media (max-height:640px) {
  div.training div.intro, div.training div.result {
        padding-top: 35px;
  }
  div.training div.result > div {
      bottom: auto;
      top: 40px;
  }
}

@media (max-height:700px) {
  .lity-iframe-container {
     min-height: 90vh;
  }
}
@media (max-height: 575px) {
  .modal > div.modal-dialog {
    min-height: calc(100% - 3.5rem)!important;
  }
}
