/* --- 1280px --------------------------------------------- */
/* -- iPad --------------------------------------------- */
@media only screen and (max-width: 1080px) and (min-height: 340px) {
  #nav_mobile > li {
    margin-bottom: 15px;
  }
}
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  .topicon.kontakt {
    right: 90px;
  }
  .topicon.spenden {
    right: 160px;
  }
}
/* --- widescreen laptop? --------------------------------------------- */
@media only screen and (max-height: 790px) and (orientation: landscape) {
  #nav_mobile > li {
    margin-bottom: 10px;
  }
}
/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
  /* h2, .h2 { font-size: 40px; } */
  #keyvisual h1 .big {
    font-size: 40px;
  }
  h3, .h3 {
    font-size: 22px;
  }
  #footer .flexcontainer .ext_logo {
    margin-top: 0px;
  }
  #tiles_container .tile_container {
    flex-basis: 50%;
  }
  .tile_container .tile {
    padding: 20px;
  }
  .tile_container .tile.active {
    padding: 30px;
    width: 80vw;
  }
  .tile_container .textbox {
    font-size: 16px;
  }
  .tile_container .title {
    font-size: 24px;
  }
}
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  h1, #keyvisual h1 .big {
    font-size: 35px;
  }
  #keyvisual h1 .small {
    font-size: 25px;
  }
  #tiles_container .tile_container {
    flex-basis: 100%;
    height: 40vh;
  }
  .tile_container .tile.active {
    width: 100vw;
  }
}
/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {
  body {
    font-size: 14px;
  }
  h1, #keyvisual h1 .big {
    font-size: 26px;
  }
  #keyvisual h1 .small {
    font-size: 20px;
  }
  #keyvisual .subline {
    font-size: 14px;
  }
  h2, .h2 {
    font-size: 30px;
  }
  h3, .h3 {
    font-size: 18px;
  }
  #logo {
    max-width: 35%;
  }
  #mobilmenu_trigger, .topicon {
    transform: translateY(-50%) scale(0.86);
  }
  .topicon.kontakt {
    right: 70px;
  }
  .topicon.spenden {
    right: 130px;
  }
  #keyvisual > img {
    height: 40vw;
  }
  .frontpage #keyvisual .slidercontainer img {
    height: 60vw;
  }
  #footer .flexcontainer {
    flex-wrap: wrap;
  }
  .tile_container .tile {
    padding: 10px;
  }
  #nav_mobile {
    padding-left: 5vw;
  }
  #nav_mobile > li {
    margin-bottom: 10px;
  }
  #start_counter .counter_container {
    flex-wrap: wrap;
    justify-content: center;
  }
  #start_counter .counter_container > * {
    width: 100%;
    margin: 10px 0px;
  }
  #start_counter .counter_container .label {
    font-size: 14px;
  }
  .doc_87 #keyvisual img {
    height: 25vw;
  }
}
/* ---  380px --------------------------------------------- */
/* mobile LANDSCAPE ---------------------------------------------*/