@media (max-width: 1500px) {
  .oben #SchonMalWasLeuchtendesGegessen {
    margin-top: -22.5vh;
  }
}

@media (max-width: 820px) {

  body {
    font-size: large;
  }

  #bloecke .h1 {
    font-size: 1.3em;
  }

  #background {
    width: 100vw;
    height: 85vh;
  }

  #logo {
    width: 75%;
  }

  #frontContainer {
    margin-top: -10vh;
    padding: 0%;

  }

  #frontpage {
    display: none;
  }

  #mobileFrontpage {
    display: inline-block;
    width: 100vw;
    height: auto;
  }

  #ticketLink {
    position: absolute;
    left: 12%;
    top: 0%;
    width: 76.5%;
    height: 15%;
  }

  #instaLink {
    position: absolute;
    left: 12%;
    top: 31%;
    width: 19%;
    height: 17%;
  }

  .oben #SchonMalWasLeuchtendesGegessen {
    margin-top: -5vh;
  }

  .oben #voll {
    width: 100vw;
    margin-left: 0vw;
  }

  .rechts {
    gap: 8px;
  }

  .links {
    gap: 8px;
  }

  .rechts img {
    height: 55vh;
    max-width: 42vw;
    object-fit: cover;
  }

  .links img {
    height: 55vh;
    max-width: 42vw;
    object-fit: cover;
  }

  #slideCSS img {
    object-fit: cover;
    width: 90vw;
    height: 50vh;
  }

  #searchBox {
    font-size: 2em;
  }

  #searchForm input {
    font-size: 0.55em;
  }

}

@media (max-width: 364px) {
  #searchForm input {
    font-size: 0.48em;
  }
}