

      @media only screen and (max-width: 1000px) {
        /* .projekt-frame {
          flex: 33%;
          flex-basis: 33%;
          max-width: 33%;
        } */

        .sidepanel {
          width: 90vw;
        }
        .projektbilder {
          max-width: 100%;
        }

        .sidepanel-closer {
          width: 10vw;
        }

        .projektbilder-frame {
          margin: 0px;
          margin-top: 15px;
          margin-bottom: 15px;
        }
      }


      @media only screen and (max-width: 650px) {
        /* .projekt-frame {
          flex: 50%;
          flex-basis: 50%;
          max-width: 50%;
        } */
      }


      @media only screen and (max-width: 650px) {
        .top-frame {
          font-size: 120%;
        }

        .mobile-menu {
          flex: 50%;
        }

        .languages {
          position: initial;
        }
      }

      @media only screen and (max-width: 350px) {
        .projekt-frame {
          flex: 100%;
          flex-basis: 100%;
          max-width: 100%;
        }
      }
