.menu-item1 {
    transform: scaleY(100%) !important;
    -webkit-transform: scaleY(1) !important;
    text-decoration: underline;
    text-decoration-color: var(--highlight);

    /* display: flex;
    justify-content: center; */
}

.main {
/* background-color: blue;
  border: solid pink; */

  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;

  display: flex;

  flex-direction: row;

  padding-left: 3vw;
  padding-right: 8vw;

  /* overflow-y: scroll; */
}

.projekt-left {
  flex: 50%;
  /* border: solid red; */
  overflow-x: hidden;
  height: 100vh;
  position: relative;
}

.projekt-right {
  flex: 50%;
  /* border: solid blue; */
  height: 100vh;
  position: relative;

  padding-left: 3vw;
  padding-right: 3vw;

  overflow-y: scroll;
}


.projekte-spacer-left {
  height: calc(30vh - 50px);
  flex-shrink: 0;
}

.projekte-spacer {
  height: calc(20vh - 50px);
  flex-shrink: 0;
}

.projekt-frame {
  width: 100%;
  height: 200px;

  display: flex;

  /* border: solid blue; */

  margin-top: 50px;
}


.projekt-text {
  display: flex;
  flex-direction: column;

  flex: 70%;

  padding-bottom: 5vh;
  padding-top: 30px;
}

.projekt-titel {
  font-size: 45px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  color: black;

  position: sticky;
  /* top: 10vh; */
  top: 98px;

  background-color: var(--background);

  transition: all 0.3s ease;
}

.projekt-titel.shrink {
  font-size: 20px; /* Adjust the size you want when it becomes sticky */
  /* border: solid blue; */
}

.projekt-beschreibung {
  font-size: 20px;
  overflow-y: scroll;
}

.credits {
  font-size: 14px;
}

.projekt-video {
  flex: 30%;
  transition: all 0.15s ease;
  transform-origin: bottom;
  padding-bottom: 7px;
  max-height: 60vh !important;
  max-width: 100%;
}

.projekt-vimeo {
  flex: none;
  width: 100%;
  /* height: 100px; */

  /* border: solid blue; */

  padding-bottom: 7px;
}

.projekt-youtube {
  flex: none;

  width: 100%;
  height: 100%;

  padding-bottom: 7px;
}

#projektvimeoframe {
  /* display: flex; */

}

.youtube {

}

.youtube-iframe {
  width: 100%;
  height: 50vh;
  /* max-height: 30vh; */
}

.projekt-bild {
  flex: 30%;
  transition: all 0.15s ease;
  transform-origin: bottom;
  padding-bottom: 7px;
  max-height: 60vh !important;
}

.projekt-cover {
  height: 200px;
  padding-left: 40px;
  max-width: 30vw;
  object-fit: cover;
}

.projekt-logos {
  background-color: var(--background);
  display: flex;
  padding-bottom: 15vh;
  flex-wrap: wrap;
}

.logo {
  width: calc(33%);
  display: flex;
  padding-right: 20px;
  padding-bottom: 20px;
}