/*
 * css_break_mobile
 *
 * +++++++++++++++++++++++++ 680-small +++++++++++++++++++++ Small viewport (mobile)
 */
@media (max-width: 680px) {

  html {
    font-size: 8.0px;
  }
  header {
    height: 80px;
    min-height: 80px;
  }

  /* FORMS */
  div.form-table .tab-row { /*display: block;*/ margin-left:0; flex-wrap: wrap; }
  div.form-table .a { flex: 0 0 100%; padding: 10px 0 4px 0; }
  div.form-table .b { flex: 0 0 100%; margin-bottom: 14px; padding: 0; }
  div.form-table .captcha small { display: none; }
  div.form-table .p-dd { width: 100%; }

  div[class^=wcol] {
    width:100%;
  }

  div[class^=wcol] {
    float:none !important;
    padding:0 !important;
  }

  .ct-8-img {
    width: 50%;
  }
  .ct-8-image-sub {
    margin:0 0 20px 0;
  }

  div.easy-tab *, div.easy-tab {
    display: block !important;
  }
  div.easy-tab div.easy-tab-row div:not(:last-child) {
    border:none !important;
  }


  /*
******** 50% FLOAT mit 20 Gutter *************
*/

  .subpage.page-grid-1 .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: 100% !important;
    margin:0 auto !important;
    padding: 0 !important;
    float: none;
  }
  [class*="col-block"] div > .co-bl-inn {
    flex-basis: calc(100%);
  }

  .td-1, .td-2, .td-3 { padding-left:0 !important; padding-right:0 !important; width:100% !important;display:block; }
  div.tablizer-2, div.tablizer-3 { display: block; }

  html { overflow-y: auto; }

  .article-div, .iwsetter, .fullwidth-div .content-div-inner {
    padding:0 25px; /* GOLBAL 20px sides */
  }

  .sectiondiv {
    padding: 0 0 15px 0;
  }

  .alt-two .content-wrapper, .two-col {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  #sitemap td {
    column-count: 1;
  }

  .mfp-content {
    width:100% !important;
    height:80% !important;
  }

  footer, footer a, footer a:link, footer a:visited {
    font-size: 1.4rem;
  }

  #consent_info .con-cxs {
    flex-wrap: wrap;
  }
  #consent_info .con-cxs > div {
    flex-basis: 100%;
  }

  footer { position: static; height: auto; min-height: 100%; }



  .intro {
    height: calc(100vh - 80px);
  }

  .circ {
    width: 100%;
  }


  .bubbles {
    max-width: 42vw;
  }
  .bubb-container {

    zoom: 0.5;
  }

} /* END */

