/* Responsive media queries */

@media screen and (max-width: 1590px) {
  .crash {
    height: 360px;
    top: 120px;
  }
  .leistungen_container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
  }
}

@media screen and (max-width: 1400px) {
  .crash {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .header__inner {
    width: 90%;
  }

  .main__inner {
    width: 90%;
  }

  .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: 0.2fr 3fr;
    grid-template-areas:
      "header"
      "main";
  }

  .leistungen_container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
  }

  .contact__container {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 20px;
  }

  .main__upper {
    margin-top: 0px;
  }
}

@media screen and (max-width: 650px) {
  .main__pretitle {
    margin-top: 60px;
  }
  .main__title {
    font-size: 29px;
  }
  nav a {
    display: none;
  }
  .menu {
    display: block;
  }
  .buttons_container {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 2fr;
    grid-column-gap: 0px;
    grid-row-gap: 15px;
  }

  button {
    max-width: none;
  }

  .leistungen_container {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
  }
}