/* #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) {

  div.tab-mobile-show {
    display: block;
  }

  a.mod-prev {
    margin-left: 3%;
  }

}

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

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

  .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, #platocontent {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }

  .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;
  }

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

  }

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

  footer {
    position: relative;
    padding-bottom: 0;
  }

  /*-------FOOTER---------*/
  .footer-bar {

    padding: 20px 0 20px 0;
    position: relative;
    bottom: -5px;
  }

  .social-footer a {
    padding-left: 0px;
  }

  div.footer-headline {
    border-bottom: 0px;
    margin-top: 1%;
    padding-right: 50px;
  }

  div.footer-vp-logo img {
    max-height: 60px;

  }

  div.footer-vp-logo {
    width: 100%;
  }

  div.footer-hide-mob {
    display: block;
  }

  nav.footerbar-nav {
    display: inline-grid;
    height: 100px;

  }

  div.footer-nl-text {
    padding-bottom: 20px;
    font-weight: bolder
  }

  .cd-top, .cd-top:active {
    bottom: 10px;
  }

  .moodimage-content-block .c-31-1-imgtxt {
    display: none;
  }

  .moodimage-content-block {
    margin: 0;
  }

  .page.open header, header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 500;
    top: 0;
  }

  .page.open {
    height: 100%;
    overflow: hidden;
  }

  .mobile-gsi .search-bar {

    width: 100%;
    left: 0;

  }

  .logo {
    left: 20px;
    top: 10px;
    width: 210px;
  }

  header {
    min-height: 120px;
  }

  .mobile-gsi .search-bar, .slidemenu {
    top: 120px;
  }

  .page.open, .page {
    padding-top: 120px;
  }

  .gsa_infobox {
    float:none;
    max-width: 100%;
    margin:20px 0;

  }


  .content-div-1 {
    max-width: 100%;
    padding: 25px 50px 75px 50px;
  }

  .news-detail img.inline-image {
    width:100%;
    height:auto;
  }

}



/* END */