/* --- 1280px --------------------------------------------- */
/* --- 1024px --------------------------------------------- */
@media only screen and (max-width: 1024px) {
  #mobilemenu, #burgerbutton {
    display: block !important;
  }
  nav {
    display: none;
  }
  #container {
    width: 100%;
  }
  header #header_top {
    width: 100%;
  }
}
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  body {
    font-size: 18px;
  }
  p {
    line-height: 1.5em;
  }
  header #header_top {
    height: 125px;
  }
  header #header_top .logo {
    width: 100%;
    margin: 0 auto;
  }
  header #header_top .logo img {
    width: 125px;
  }
  #head_bild {
    max-height: initial;
  }
  #head_bild #head_overlay {
    display: none;
  }
  #head_overlay_mobil {
    display: flex;
  }
  .zeiten, .dokumente, .asp, .ueber {
    display: block;
  }
  .zeiten .zeiten_h2, .dokumente .zeiten_h2, .asp .zeiten_h2, .ueber .zeiten_h2 {
    height: initial;
    margin-top: 20px;
  }
  .zeiten div:first-of-type .item, .dokumente div:first-of-type .item, .asp div:first-of-type .item, .ueber div:first-of-type .item {
    float: none;
  }
  .anfahrt {
    background-image: none !important;
  }
  .anfahrt .text {
    width: 80%;
  }
  .anfahrt #osmap {
    width: 100%;
  }
  .anfahrt_karte {
    display: block;
  }
  .dokumente > div:first-of-type, .asp > div:first-of-type, .ueber > div:first-of-type {
    width: 100%;
    min-width: initial;
  }
  .dokumente > div:first-of-type .item, .asp > div:first-of-type .item, .ueber > div:first-of-type .item {
    text-align: center;
    margin-top: 50px;
  }
  .dokumente > div:nth-of-type(2), .asp > div:nth-of-type(2), .ueber > div:nth-of-type(2) {
    width: 100%;
    margin-top: 30px;
  }
  .dokumente > div:nth-of-type(2) .item.doc, .asp > div:nth-of-type(2) .item.doc, .ueber > div:nth-of-type(2) .item.doc {
    display: block;
  }
  .dokumente > div:last-of-type, .asp > div:last-of-type, .ueber > div:last-of-type {
    margin-top: 20px;
    width: 100%;
    text-align: left;
  }
  .dokumente > div:last-of-type .item, .asp > div:last-of-type .item, .ueber > div:last-of-type .item {
    margin-top: 50px;
    text-align: center;
  }
  .dokumente > div:last-of-type .item.dt, .asp > div:last-of-type .item.dt, .ueber > div:last-of-type .item.dt {
    display: none;
  }
  .ueber > div:nth-of-type(2) .ueber_galerie {
    display: block;
    text-align: center;
    width: auto;
    margin: 30px auto;
  }
  .ueber > div:nth-of-type(2) .ueber_galerie img {
    margin-bottom: 30px;
    max-width: 100%;
  }
  footer {
    margin-top: 0;
    padding-bottom: 0;
  }
  footer .inner {
    text-align: center;
  }
  footer .inner #footernavi {
    float: none;
    display: block;
  }
  footer .inner #footernavi li {
    margin-right: initial;
    line-height: 1.8em;
    padding-bottom: 10px;
  }
}
/* --- 768px --------------------------------------------- */
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  #head_overlay_mobil .icon {
    width: 30px;
  }
  #head_overlay_mobil .head {
    font-size: 12px;
    padding: 5px 15px;
  }
}
/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
/* --- 320px --------------------------------------------- */