/*
 * +++++++++++++++++++++++++ 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;
  }

}

@media (max-width: 1000px) {
.lefty {
  transform: translateX(0px);
}
}
/*
 * css_break_tablet
 * +++++++++++++++++++++++++ 960-medium +++++++++++++++++++++
 */
@media (max-width: 960px) {

header nav {
  display: none;
}

  /* MAIN LAYOUT */
  .iwsetter, .article-div { width: 100%; max-width: 768px; }
  .article-div {
    padding: 0 25px;
  }
  .col-margin { float: none; width: 100%; }
  .col-main { float: none; width: 100%; }
  .col-nav { display: none; }
  .page { overflow: hidden; }



  /* 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%;
  }
  .intro h1 {
    white-space: normal;
  }

  .logo {
    top: 15px;
    left: 18px;
    width: 105px;
  }

  .circ.lefty.off {
     transform: translateX(0);
  }

  .txtsliderbox.off {
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0.4s;
    pointer-events: unset;
  }


  .bubb-container {
    display: flex;
    width: auto;
    margin: 0 auto;
    zoom: 0.85;



  }

} /* END */