@media (min-width: 1px) {
    #nav1 {
      justify-content: space-between;
    }
    .nav-links-container {
      display: none;
    }

    .counter-container {
      padding: 0;
    }


    .logo {
      height: 60px;
      margin-top: -5px;
    }
    .logo > img {
      max-height: 100%;
    }
    .landing-page {
      background-image: url("assets/hero-mobile.jpg");
      background-position: 50% 50%;
      background-attachment: fixed;
    }
    .lp-banner-text {
      line-height: 1.1;
      font-size: 2.5em;
      font-weight: 300;
    }
    .leistung-caption {
      margin-bottom: 5vh;
    }
    .leistung {
      padding-top: 5vh;
      min-width: 90vw;
    }
    .image-container {
      height: 50vh;
      overflow: hidden;
      padding: 20px 50px;
      position: relative;
    }
    .image-container > img {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    #ueberuns {
      margin-top: 0;
    }
    .ueberuns-text-container {
      padding: 8vh 0;
    }
    #email-field {
      width: 100%;
      margin: 0 auto;
    }
    #email-message {
      width: 100%;
      margin: 0 auto;
    }
  }
  
 /* Media Queries for larger screens */
  @media (min-width: 576px) {
    .leistung {
      min-width: 80vw;
      padding-bottom: 10vh;
    }
    .logo > a > img{
      height: 11vh;
    }
    .landing-page {
      background-image: url('assets/hero.jpg');
      height: 100vh;
      height: 100dvh;
    }
    
  }
  
  @media (min-width: 768px) {
    .logo {
      height: 80px;
    }
    .logo > a > img{
      height: 10vh;
    }
    .nav-mobile {
      margin-right: 10vw;
    }
  }
  
  @media (min-width: 992px) {
    #nav1 {
      justify-content: space-evenly;
    }
  .logo > a > img{
    height: 100px;
    margin-top: -2px;
  }
  .nav-links-container {
    display: flex;
  }
  .landing-page {
    background-position: 100% 10%;
    height: 110vh;
    height: 110dvh;
  }

  .lp-banner {
    bottom: 20vh;
  }
  .lp-banner-text {
    font-size: 3em;
  }
  .scrolldown {
    bottom: 15vh;
  }

    #navMobile {
      display: none;
    }
    .leistung {
      min-width: inherit;
    }
    .ueberuns-image {
      height: 120%;
      right: 0;
      top: 0;
    }
    .ueberuns-text-container {
      padding: 15vh 5vw;
    }
  }

  .counter-container {
    padding: 0 120px;
  }
  
  @media (min-width: 1200px) {
    .nav-links-container {
      margin-right: 10vw;
    }
  }
  
  @media (min-width: 1400px) {
    .nav-links-container {
      margin-right: 2vw;
    }
  }