@media only screen and (max-width: 1000px) {
  .projektbilder {
    max-width: 70%;
  }
}

@media only screen and (max-width: 1000px) {
  .projektbilder {
    max-width: 100%;
  }

  .projekt-frame {
    flex: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }

  .projektbilder-frame-wrapper {
    flex: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
}



@media only screen and (max-width: 650px) {
  .nav-arrows {
    position: relative;
    left: auto;
  }

  .projektbilder {
    max-width: 100%;
  }

  .projekt-frame {
    flex: 100%;
    flex-basis: 100%;
    max-width: 100%;

    max-height: initial;
    overflow: visible;
    height: auto;
  }

  .projektbilder-frame-wrapper {
    flex: 100%;
    flex-basis: 100%;
    max-width: 100%;

    overflow-y: visible;
  }

  .projektbilder-frame {
    overflow-y: hidden;
    height: auto;
  }

  .top-frame {
    font-size: 120%;

    flex-wrap: wrap;

    height:initial;
  }

  .mobile-menu {
    flex: 50%;
  }

  .languages {
    position: initial;
  }

  .right-text {
    text-align: right;
  }

  .mobile-down {
    transform: translateY(20px);
  }
}