/* #3
################ PAD LANDSCAPE ################# */
@media all and (min-width: 769px) and (max-width: 1024px) {
  #css-debug:after {
    content: "PAD L 1200";
  }

  #css-debug-3 {
    display: block;
  }

  img.thumb {
    width: 100%;
    height: auto;
  }

  .left-float-image {
    max-width: 50%;
    height: auto;
  }

  .right-float-image {
    max-width: 50%;
    height: auto;
  }


}

/* #3 END */

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

    
}

/*
 * css_break_tablet
 *
 * +++++++++++++++++++++++++ 960-medium +++++++++++++++++++++  Medium viewport (tablets)
 */
@media (max-width: 960px) {

  .mobile-navigation {
    position: fixed;
    max-width: 100%;
    width: 100vw;
    left: 0;
  }
  .ipad .mobile-navigation {
    position: absolute;
    max-width: 100%;
    padding-bottom:30px;
  }


  .mobile-navigation li {

    flex-basis: calc(100% / 6);
  }

  /* GALLERY */
  .gallery_overview {
    margin-bottom: 20px;
    background: #eee;
  }

  .gallery_overview img {
    float: none;
    margin: 0 20px 0 0;
    width: 100%;
  }

  .gallery_albuminfo a, .gallery_description {
    margin: 15px 15px;
    display: block;
  }

  .galleria-container.fullscreen .galleria-info {
    width: 50%;
  }

  .gallery_fancy_image {
    margin-left: 0;
  }

  .gallery_fancy_image a {
    float: left;
    margin: 3.33% 0 0 0;
    width: 100%;
  }

  /* IMAGE */
  #fancybox-img {
    width: 80%;
  }

  img.thumb {
    width: 100%;
    height: auto;
    padding: 10px 0px !important;
  }

  .left-float-image {
    float: none !important;
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .right-float-image {
    float: none !important;
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .left-float-image img, .right-float-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  div.image-subscription {
    padding: 1px 4px;
    font-size: 10px;
  }

  /* MAIN LAYOUT */
  .iwsetter {
    width: 100%;
    max-width: 768px;
  }

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

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

  .col-nav {
    display: none;
  }

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

  .mobile-navigation {
    height: calc(100vh - 70px);
    /*max-height: calc(60vh - 80px);*/

  }

  .fct-nav .menu-text {
    padding-top: 11px;
  }

  .mn-inner {
    padding: 30px 0 30px 0;
  }

  /* 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-bottom: 20px;
    /*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;
  }

  .subpage.page-grid-1 section {

    max-width: 100%;
    flex-basis: 100%;

  }


  .sectiondiv {
    padding: 15px 0;
  }

  .article-div, .iwsetter {
    padding: 0 20px; /* GOLBAL 20px sides */
  }

  header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;

  }

  .header-fix-height {
    height: 100px;
  }

  .nav-divider {
    margin: 10px 50px 30px 50px;

  }

  .fct-nav {
    bottom: 0;
    /*top: calc(100% - 150px);*/
  }
  
  
  /*---------form radio button position + size------------*/  

  .form-table input[type="radio"] + label, .form-table input[type="checkbox"] + label{
          padding: 4px 30px 0 40px;
  }
  
  .form-table input[type="radio"] + label:before, .form-table input[type="checkbox"] + label:before{
      width: 29px;
      height: 29px;
  }

  .form-table input[type="checkbox"]:checked + label:before {
    background: #fff url(/layout/checkmark.png) no-repeat center center / 18px;
  }

  .form-table input[type="radio"]:checked + label:after {

    top:7px;
    left: 7px;
    height: 15px;
    width: 15px;


  }

  .ra-divider {

    height:12px;
  }


}



/* END */



@media (max-width: 760px) {


  .mobile-navigation li {

    flex-basis: calc(100% / 5);
  }

  
.setalias-wrapper.form-table {
    height: 8rem;
}
}