/*
 * css_break_mobile
 *
 * +++++++++++++++++++++++++ 680-small +++++++++++++++++++++ Small viewport (mobile)
 */
@media (max-width: 680px) {

  html {
    font-size: 8px;
  }
  .clickstream {
    display: block;
  }

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

  /* Feldbeschreibung unter dem Feld?
  div.form-table .a {
    order: 2;
    padding: 3px 0 10px 0;
  }
  div.form-table .b {
    margin:14px 0 0 0;
  }
  */
  /*
******** 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 20px; /* GOLBAL 20px sides */
  }
  #searchformglobal .p-ti {
    width: 120px;
  height: 30px;
    font-size: .9em;
    margin: 0;
  }

  .search-box {
  padding-left: 2rem;
}

  .lang-change > div {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: .9em;
  }
  .sectiondiv {
    padding: 0 0 15px 0;
  }

  .alt-two .content-wrapper, .two-col {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .hamburger {
    right: 0px;
    top: 12px;
  }

  #sitemap td {
    column-count: 1;
  }

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


  #consent_info .con-cxs {
    flex-wrap: wrap;
  }

  #consent_info .con-cxs > div {
    flex-basis: 100%;
    text-align: left;
  }
  
  #cookie_settings_details .p-sb.allcookies {
    
        margin-bottom: 1rem;
    
  }
  #cookie_settings_details button {
           min-width: 320px;
               margin-bottom: 1rem;
  }
  
  #cookie_settings_details input {
           min-width: 0px;
  }
  #consent_first_buttons {
    display: grid;
   margin: 0 1rem 0 0;

   
}
#consent_details input{
       min-width: 66px;
}

  footer nav {
    column-count: 1;
  }
  table.form-table, table.form-table tr, table.form-table td , table.form-table tbody{
    display: block;
  }
  .form-table .a {
    display: block;
    width: 100%;
    padding-top:15px;
  }
  .form-table .b {
    display: block;
    width: 100%;
  }

  input {
    min-width: 80px;
  }

  .form-table h4 {
    margin-top:30px;
  }

  .image-box {
    height: auto;
  }

  .menu_dropdowns{
    display: block;
  }

  .menu_dropdowns > div{
    width: 100% !important;
    padding: 5px 0;
  }

  .menu_dropdowns > div:nth-child(3){
     text-align: unset !important;
  }

  .box-square-bg .box-txt {
    font-size: 2rem !important;
  }

  .box-square img {
    bottom: 25px;
    max-height: 75px;
  }

  .logo img {
    max-height: 80px;
    margin: 20px 0;
  }

     .box-square-bg ,.box-square-bg img {
    max-width: 40vw;
}


.mensa-card-table {
display: block;
column-gap: 0px;
width: 100%;
}

.header-box {
  
  height: 25rem;
  max-height: 35vh;
}

  .main-nav-box {
    bottom: 0;
  }
  #ddnav .lvl-1 {
    padding-right:20px;
  }

.ueber_uns-werben-und-veranstalten-veranstalten-veranstaltungskalender div.content-wrapper{
  
  overflow-x: auto;
}
.canteen-day-nav {
  
  flex-wrap: wrap;
}
}

@media (max-width: 480px) {
.canteen-day-nav {
       flex-direction: column;
       float: none;
}
.canteen-day-nav li {
   text-align: center;
}
}
/* END */