/* Responsive overrides for bob pages (non-invasive, CSS-only) */



@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 1020px) {
  body {
    padding: 10px 10px 10px 10px;
  }

  #navi {
    margin-top: 0px;
    width: 100%;
    margin-right: 20px;
  }

  #navi ul {
    width: 100%;
  }

  #content {
    width: 100%;
  }

  #wrapper {
    max-width: 100% !important;
    padding: 0px; 
    padding-bottom: 10px;
  }

  #legende {
    width: 100%;
    padding: 0px;
    padding-top: 10px;
  }

}

@media only screen and (max-width: 767px) {
  main {
    padding: 20px 0;
  }
  .table-scroll {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; /* angenehmes Scrollen auf iOS */
  }
}