.projekt-titel-mobile {

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

  padding-bottom: 20px;

  /* position: sticky;
  top: 10vh; */
}

@media only screen and (max-width: 1200px) {

  .projekt-titel {
    top: 118px;
  }

}

@media only screen and (max-width: 800px) {

  .youtube-iframe {
    height: 30vh;
  }

  .header-blur-mobile {
    /* height: calc(100% + 60px); */
    transform: translateY(-70%) translateX(-3%);
    width: 100vw;
  }

  .header-blur-mobile-color {
    /* height: calc(100% + 60px); */
    transform: translateY(-70%);
  }

  .header-b {
    transform: translateY(-200%);
  }

  .projekte-arrow-mobile {
    width: 100%;
    font-size: 35px;
    display: block;
  }

  .projekte-arrow {
    display: none !important;
  }

  .projekte-spacer-left {
    height: 0px;
  }

  .projekt-titel {
    top: 65px;
  }

  .projekte-spacer {
    height: 60px;
  }

  .projekt-left {
    display: flex;
  }

}


@media only screen and (max-width: 600px) {

.projekt-titel-mobile {
  padding-top: 10px;
  padding-left: 10px;
}

.projekt-beschreibung {
  padding-left: 10px;
  padding-right: 5px;
}

.main {
  flex-direction: column;
  width: 100%;
  /* padding-left: 10px;
  padding-right: calc(10vw + 10px); */
  padding-left: 0;
  padding-right: 10vw;
  overflow-x: hidden;
}

.swiper {
  height: 40vh !important;
  padding-top: 20px;
}

.projekt-left {
  width: 100%;
  overflow-x: clip;
  top: 10vh;
}

.projekt-right {
  overflow-y: visible;
  padding-top: 10vh;
}

.projekte-arrow {
  /* display: hidden; */
  display: block;
position: absolute;
left: 50%;
/* transform: translate(-25%, 0%); */
transform: translate(-0%, 150%);
top: 0;
width: 100%;
}

.header-blur-mobile {
  height: calc(100% + 70px);
  transform: translateY(-70%) translateX(-3%);
  width: 100vw;
}

.header-blur-mobile-color {
  /* height: calc(100% + 60px); */
  transform: translateY(-70%);
}

.header-b {
  transform: translateY(-200%);
}

.swiper-pagination {
  opacity: 0;
  pointer-events: none;
}

.projekt-titel {
  display: none;
}

.projekt-titel-mobile {
  display: block;
  /* font-size: 30px; */
      font-size: 10vw;
}

.projekte-spacer {
  display: none;
}

.projekt-left {
  display: block;
}


}