/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1280px) {
  article {
    max-width: 95%;
    margin: 0 auto;
  }
  header #header_top .logo {
    left: 20px;
  }
}
/* --- 1070px --------------------------------------------- */
@media only screen and (max-width: 1070px) {
  #mainnavi {
    width: 65%;
  }
  #mainnavi li a {
    font-size: 20px;
  }
}
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  #mobilemenu, #burgerbutton {
    display: block !important;
  }
  #head_bild #slider_container, #head_bild .img_ct {
    height: initial;
    min-height: initial;
  }
  #head_bild.start {
    margin-bottom: 20px;
  }
  #fontbox {
    display: none;
  }
  header #header_top .logo {
    left: 20px;
  }
  header #header_top .logo img {
    width: 70%;
  }
  nav {
    display: none;
  }
  #container {
    width: 100%;
  }
  .inner {
    width: 100%;
    max-width: 100%;
  }
  .ka2 .item {
    margin: 0 0 20px 0;
    width: calc(50% - 65px);
    min-width: 340px;
  }
  .ka2 .item img {
    width: 100%;
  }
  .ka3 .item {
    margin: 0 0 20px 0;
    width: calc(50% - 40px);
  }
  .ka3 .item img {
    width: 100%;
  }
  #gallery, .gallery {
    margin-top: 20px;
    text-align: center;
  }
  #gallery.cols, .gallery.cols {
    column-count: 1;
    column-gap: initial;
    column-width: auto;
    column-fill: auto;
  }
  #gallery.cols .item, .gallery.cols .item {
    margin: 0 auto 15px auto;
    display: inline-block;
  }
}
/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
  #head_bild #slider_container .bild .overlay {
    font-size: 17px;
    padding: 12px 30px 12px 40px;
  }
  #head_bild #slider_container .bild .overlay .headline {
    font-size: 32px !important;
  }
  .ka2 .item {
    margin: 0 auto 40px auto;
    width: 100%;
  }
  .ka2 .item img {
    width: 100%;
  }
  .ka3 .item {
    margin: 0 auto 40px auto;
    width: 100%;
  }
  .ka3 .item img {
    width: 100%;
  }
  footer .ct .inner div {
    width: 44%;
    margin-bottom: 30px;
  }
  #terminuebersicht .item .kurztext {
    width: 100%;
  }
}
@media only screen and (max-width: 670px) {
  header #header_top {
    height: 70px;
  }
  header #header_top .logo {
    top: 17px;
  }
  header #burgerbutton {
    top: 20px;
  }
  #content {
    padding-top: 70px;
  }
  section {
    margin: 0 10px;
    width: calc(100% - 20px);
  }
  h1, #seitennavi {
    margin-left: 10px;
  }
  h1 {
    font-size: 30px;
  }
  footer .ct div {
    width: 100%;
    margin-bottom: 40px;
  }
  footer .footernavi_ct {
    justify-content: space-around;
  }
  footer .footernavi_ct .footernavi {
    display: block;
  }
  #logos {
    margin-top: 30px;
  }
}
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  #slider_container .bild .overlay {
    left: 0;
    width: calc(100% - 20px);
    padding: 5px 10px 10px 10px;
  }
  #slider_container .bild .overlay .headline {
    font-size: 22px;
  }
  #formular .row {
    max-width: 100%;
  }
  #formular .row .desc, #formular .row .value {
    max-width: 100%;
  }
  #formular .row .desc input[type="text"], #formular .row .desc input[type="password"], #formular .row .desc input[type="url"], #formular .row .desc input[type="submit"], #formular .row .desc input[type="email"], #formular .row .value input[type="text"], #formular .row .value input[type="password"], #formular .row .value input[type="url"], #formular .row .value input[type="submit"], #formular .row .value input[type="email"] {
    max-width: 100%;
  }
  footer .ct .inner div {
    width: 100%;
  }
}
/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
@media only screen and (max-width: 479px) {
  .ka2 .item, .ka3 .item {
    min-width: initial;
  }
}
/* --- 320px --------------------------------------------- */