/*
 * +++++++++++++++++++++++++ 1024-large +++++++++++++++++++++ TABLET IPAD
 */
/*
@media (max-width: 1024px) {

}
*/


/*
 * Breakpoint, sobald die max. Seitengröße unterschritten wird
 * +++++++++++++++++++++++++ XXXXX +++++++++++++++++++++
 */
@media (max-width: 1240px) {

  /* prevent too large images! */
  .inline-image {
    width: 100%;
    height: auto;
  }

  .image-hero .row > div {
    min-height: unset;
  }

  .parter {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .parter > div:not(:last-child) {
    text-align: left;
  }

  .foot {
    padding: 30px 0;
  }

  .parter.outer > div {
  }

  .parter.outer > div:last-child {
    text-align: left;
    margin-bottom: 0px;
  }

  .parter.outer > div:last-child {
    order: -10;
  }


  .h1.icon-hl {
    margin-left: 35px;
  }

  .green-hero .hero-pic-box {
    /*padding:0% 0 10% 0 ;*/
    padding: 0;
    margin-top: -4%;
  }

  .platocontent a.p-sb, .platocontent a.roundbutton {
    margin-bottom: 15px;
    margin-left: 0 !important;
  }

  .subhead-1 {
    padding-bottom: 5px;
  }
}

@media (max-width: 820px) {
  .login-bar {
    flex-direction: column;
    width: 100%;
    min-width: unset;
  }

  .login-bar > div {
    width: 100%;
  }
}

/*
 * css_break_tablet
 * +++++++++++++++++++++++++ 960-medium +++++++++++++++++++++
 */
@media (max-width: 960px) {
.menu span:nth-child(2) {
  display: none;
}
  .head-area a.roundbutton span {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* Kill Grid - but not narrow */
  .iwsettergrid, article.subpage:not(.gnarrow) {
    display: block;
    padding: 0 5%;
  }

  /* Kill Grid - full */
  article.subpage.full {
    padding: 0;
  }

  /* MAIN LAYOUT */
  /*.iwsetter, .article-div { width: 100%; max-width: 768px; }*/
  .col-margin {
    float: none;
    width: 100%;
  }

  .col-main {
    float: none;
    width: 100%;
  }

  .col-nav {
    display: none;
  }

  .page {
    overflow: hidden;
  }

  /*footer { position: static; height: auto; min-height: 100%; }*/
  /* nützlich
  .center-content { border-left:20px solid transparent; border-right:20px solid transparent; }
  .content-wrapper { padding:0 20px 0 20px !important; }
  */
  .main-content { /* padding-bottom:20px !important; */ /* height footer */
  }

  /* MOBILE NAV */
  .mobile-navigation li.nomob-1 {
    display: none;
  }

  .mobile-navigation li.nomob-2 {
    display: block;
  }

  .mobinavtoggle.hamburger {
    display: inline-block;
  }


  /* CONTENT TYPES */
  .div-table {
    display: block;
  }

  .div-trow {
    display: block;
  }

  .div-cell {
    display: block;
  }

  .ct-nr-8 .div-cell {
    padding-right: 0;
  }

  .ct-nr-8 .div-cell img {
    width: 100%;
    height: auto;
  }

  /* #0: Standard */
  .div-cell.ct-0-img, .div-cell.ct-0-txt {
    width: 100%;
  }

  .div-cell.ct-0-img img {
    width: 100%;
    height: auto;
    padding: 10px 0 !important;
  }

  /* #6: two-col content type */
  .ct-nr-6 .div-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .ct-nr-6 .div-cell:nth-child(2) {
    padding-top: 1.5em;
  }

  .ct-nr-6 .div-table {
    width: 100% !important;
  }

  /* #8: 2 spaltig mobil */
  .ct-8-img {
    width: 50%;
    /*padding-left: 20px;
    float: left;
    padding-bottom: 40px;
    text-align: left;*/
  }

  .image-dl-float-img {
    padding-right: 5px;
  }

  .image-dl-float:nth-child(even) .image-dl-float-img {
    padding-right: 0px;
    padding-left: 5px;
  }

  .image-dl-float:nth-child(even) .image-dl-float-text {
    margin-left: 5px;
  }


  /*
  ******** X% FLOAT mit 20 Gutter *************
  */
  .subpage.page-grid-1 .article-div > section {
    width: 65% !important;
    float: none;
    padding: 0;
    margin: 0 auto;
  }

  .subpage.page-grid-2 .article-div > section {
  }

  .subpage.page-grid-3 .article-div > section {
  }

  .subpage.page-grid-4 .article-div > section {
  }

  .subpage.page-grid-5 .article-div > section {
  }

  .subpage.page-grid-2 .article-div > section,
  .subpage.page-grid-3 .article-div > section,
  .subpage.page-grid-4 .article-div > section,
  .subpage.page-grid-5 .article-div > section {
    width: 50% !important;
    margin: 0 !important;
  }

  .subpage.page-grid-2 .article-div > section:nth-child(odd),
  .subpage.page-grid-3 .article-div > section:nth-child(odd),
  .subpage.page-grid-4 .article-div > section:nth-child(odd),
  .subpage.page-grid-5 .article-div > section:nth-child(odd) {
    clear: both;
    padding: 0 10px 0 0px;
  }

  .subpage.page-grid-2 .article-div > section:nth-child(even),
  .subpage.page-grid-3 .article-div > section:nth-child(even),
  .subpage.page-grid-4 .article-div > section:nth-child(even),
  .subpage.page-grid-5 .article-div > section:nth-child(even) {
    padding: 0 0 0 10px;

  }

  .mfp-content {
    width: 80% !important;
    height: 80% !important;
  }

  .mfp-figure {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .main-content {
    padding-bottom: 0;
  }

  footer {
    position: relative;
  }

  section .form-table,
  section .mand-hint,
  section .man-err-field {
    width: 100%;
  }

  #sitemap td {
    column-count: 2;
  }

  #sitemap {
    width: 100%;
  }


  .foot-1, .foot-2 {
    flex-direction: column;
    gap: 20px;
  }

  /*
    .iconbox:after {
      top: 0;
      bottom: auto;
      left: -20vw;
      border-right: none;
      border-bottom: 1px solid var(--border-color);
      border-bottom: 2px solid red;

  width: 140vw;

    }
    .iconbox:before {
      border: none;
      border-top: 2px solid blue;
    }

    .iconbox:after, .xiconbox:before {
      display: none;
    }
  */
  .iconbox:after {
    display: none;
  }

  .iconbox:before {
    border: none;
    border-top: 1px solid var(--border-color);
    left: -20vw;
    width: 140vw;
  }

  .four-box .iconbox > div:first-child {

    max-width: 330px;
  }

  .iconbox {
    padding-left: 0;
    padding-right: 0;
  }

  .round-icon.ri-em {
    display: none;
  }

  .lastnav {
    flex-direction: column;
    gap: 5px;
  }


}

/* END */