.projects {
  width: 100vw;
  margin: 0 auto;
}

.section {
  background-size: cover;
  height: 100vh;
  width: 100vw;
  position: absolute;
}

.image-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.image-container img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.project {
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  position: relative;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

#fp-nav {
  left: 0 !important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  transition: none !important;
}

/* Landing Header Text */

.project-headline {
  width: 85vw;
  text-align: center;
  margin: auto;
}

.project-headline h1 {
  margin-top: calc(2.5vh + 45px);
}

.landing-button {
  text-align: center;
  margin: auto;
}

.project-headline img, svg {
  width: 40vw;
}

.st0 {
  fill: black;
  stroke: black;
  opacity: 1;
}

/* Text colors */

.text-white {
  color: #ffffff;
}

.text-black {
  color: #000000;
}

/* Hero Header */

.header-menu {
  position: absolute;
  bottom: 5vw;
  right: 5vw;
  color: #ffffff;
  z-index: 2;
}

.header-menu-left {
  position: absolute;
  bottom: 2.5vw;
  left: 2.5vw;
  color: #ffffff;
  z-index: 2;
}

/* Landing Side Navigation */

.side-nav {
  position: absolute;
  top: 50%;
  left: 1vw;
  height: 14px;
  width: 75vh;
  max-width: calc(100vh - 5vw);
  transform: rotate(-90deg) translateX(-50%);
  transform-origin: 0% 0%;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1622.2 23.5' style='enable-background:new 0 0 1622.2 23.5;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M901.2,3.6h-7v-3h17.3v3h-7v19.6h-3.4V3.6H901.2z'/%3E%3Cpath d='M939.3,13.1h-12.5v10.1h-3.4V0.6h3.4V10h12.5V0.6h3.4v22.5h-3.4V13.1z'/%3E%3Cpath d='M956.1,0.6h15.1v3h-11.8v6.6h11.5v3h-11.5v7h11.8v3h-15.1V0.6z'/%3E%3Cpath d='M1001.1,0.6h15.1v3h-11.8v6.6h11.5v3h-11.5v10h-3.4V0.6H1001.1z'/%3E%3Cpath d='M1035.9,14.4h-4.2v8.7h-3.4V0.6h9.5c4.3,0,7.2,2.8,7.2,6.9s-2.7,6.2-5.6,6.6l5.8,9h-3.9L1035.9,14.4z M1037.3,3.6h-5.7v7.9 h5.7c2.4,0,4.2-1.6,4.2-4C1041.5,5.2,1039.8,3.6,1037.3,3.6z'/%3E%3Cpath d='M1057.6,0.6h15.1v3h-11.8v6.6h11.5v3h-11.5v7h11.8v3h-15.1V0.6z'/%3E%3Cpath d='M1085.9,17.3c1.5,1.7,4,3.2,7.1,3.2c3.6,0,4.9-1.9,4.9-3.5c0-2.4-2.6-3-5.4-3.8c-3.6-0.9-7.8-2-7.8-6.6 c0-3.7,3.3-6.4,8-6.4c3.5,0,6.2,1.1,8.2,3.1l-2,2.5c-1.7-1.8-4.1-2.6-6.5-2.6c-2.5,0-4.2,1.3-4.2,3.2c0,2,2.4,2.7,5.2,3.4 c3.7,1,8,2.1,8,6.9c0,3.5-2.4,6.8-8.5,6.8c-4,0-7-1.5-8.9-3.6L1085.9,17.3z'/%3E%3Cpath d='M1129.6,13.1h-12.5v10.1h-3.4V0.6h3.4V10h12.5V0.6h3.4v22.5h-3.4V13.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M376.3,13.1l-2.1,2.4v7.4h-3.4V0.4h3.4v11.2l9.4-11.2h4.2L378.5,11l10,11.9h-4.2L376.3,13.1z'/%3E%3Cpath d='M408.8,0c6.7,0,11.3,5,11.3,11.6c0,6.7-4.6,11.7-11.3,11.7s-11.3-5-11.3-11.7C397.4,5,402,0,408.8,0z M408.8,3 c-4.8,0-7.9,3.7-7.9,8.6s3,8.6,7.9,8.6c4.8,0,7.9-3.7,7.9-8.6C416.6,6.7,413.5,3,408.8,3z'/%3E%3Cpath d='M432.6,0.4h9.5c4.6,0,7.2,3.2,7.2,6.9s-2.6,6.9-7.2,6.9H436v8.7h-3.4V0.4z M441.7,3.3H436v7.9h5.7c2.4,0,4.2-1.6,4.2-4 C445.9,4.9,444.1,3.3,441.7,3.3z'/%3E%3Cpath d='M461.3,0.4h9.5c4.6,0,7.2,3.2,7.2,6.9s-2.6,6.9-7.2,6.9h-6.1v8.7h-3.4V0.4z M470.3,3.3h-5.7v7.9h5.7c2.4,0,4.2-1.6,4.2-4 C474.5,4.9,472.7,3.3,470.3,3.3z'/%3E%3Cpath d='M489.9,0.4H505v3h-11.8V10h11.5v3h-11.5v7H505v3h-15.1V0.4z'/%3E%3Cpath d='M521,5.6v17.3h-3.4V0.4h3.5l12.3,16.9V0.4h3.4v22.5h-3.3L521,5.6z'/%3E%3Cpath d='M566,12.8h-12.5v10.1h-3.4V0.4h3.4v9.5H566V0.4h3.4v22.5H566V12.8z'/%3E%3Cpath d='M597.1,18.2h-11l-1.8,4.7h-3.7l8.9-22.5h4.2l8.9,22.5h-3.7L597.1,18.2z M587,15.2h9.1l-4.6-11.9L587,15.2z'/%3E%3Cpath d='M623.3,0c4.2,0,7,1.9,8.9,4.5L629.5,6c-1.3-1.7-3.5-3-6.2-3c-4.7,0-8.2,3.6-8.2,8.6s3.5,8.7,8.2,8.7c2.5,0,4.6-1.2,5.7-2.2 V14h-7.2v-3h10.6v8.3c-2.2,2.4-5.3,4-9.1,4c-6.5,0-11.7-4.7-11.7-11.7S616.9,0,623.3,0z'/%3E%3Cpath d='M645.2,0.4h15.1v3h-11.8V10H660v3h-11.5v7h11.8v3h-15.1V0.4z'/%3E%3Cpath d='M676.3,5.6v17.3h-3.4V0.4h3.5l12.3,16.9V0.4h3.4v22.5h-3.3L676.3,5.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M11.6,0.1c4.2,0,7,1.9,8.8,4.4l-2.7,1.6c-1.3-1.7-3.5-3-6.1-3c-4.7,0-8.1,3.5-8.1,8.6c0,5,3.5,8.6,8.1,8.6 c2.5,0,4.6-1.2,5.7-2.2v-4h-7.2v-2.9h10.5v8.2c-2.1,2.4-5.2,3.9-9,3.9C5.2,23.3,0,18.7,0,11.7C0,4.7,5.2,0.1,11.6,0.1z'/%3E%3Cpath d='M41.1,14.2h-4.2v8.6h-3.3V0.5H43c4.2,0,7.2,2.7,7.2,6.9c0,4-2.7,6.2-5.6,6.5l5.7,8.9h-3.9L41.1,14.2z M42.5,3.4h-5.6v7.8 h5.6c2.4,0,4.1-1.6,4.1-3.9C46.7,5,44.9,3.4,42.5,3.4z'/%3E%3Cpath d='M62.9,0.5h15v2.9H66.3v6.5h11.4v2.9H66.3v7h11.6v2.9h-15V0.5z'/%3E%3Cpath d='M90.8,0.5h15v2.9H94.2v6.5h11.4v2.9H94.2v7h11.6v2.9h-15V0.5z'/%3E%3Cpath d='M117.7,11.6c0-6.9,5.1-11.5,11.4-11.5c4.4,0,7.1,2.1,8.9,4.7l-2.8,1.5c-1.2-1.9-3.4-3.2-6-3.2c-4.5,0-8,3.5-8,8.6 c0,5,3.5,8.6,8,8.6c2.6,0,4.9-1.4,6-3.2l2.8,1.5c-1.8,2.6-4.5,4.7-8.9,4.7C122.8,23.2,117.7,18.5,117.7,11.6z'/%3E%3Cpath d='M150.1,0.5h15v2.9h-11.6v6.5h11.4v2.9h-11.4v7h11.6v2.9h-15V0.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M1344.9,14.1h-4.2v8.6h-3.3V0.4h9.4c4.2,0,7.2,2.7,7.2,6.9c0,4-2.7,6.2-5.6,6.5l5.7,8.9h-3.9L1344.9,14.1z M1346.4,3.4 h-5.7v7.8h5.7c2.4,0,4.1-1.6,4.1-3.9C1350.5,4.9,1348.8,3.4,1346.4,3.4z'/%3E%3Cpath d='M1366.8,0.4h15v2.9h-11.7v6.5h11.4v2.9h-11.4v7h11.6v2.9h-15L1366.8,0.4L1366.8,0.4z'/%3E%3Cpath d='M1408.8,18.1h-11l-1.8,4.6h-3.6l8.9-22.3h4.1l8.9,22.3h-3.7L1408.8,18.1z M1398.8,15.1h9l-4.5-11.8L1398.8,15.1z'/%3E%3Cpath d='M1425.6,0.4h3.3v19.4h10.1v2.9h-13.4L1425.6,0.4L1425.6,0.4z'/%3E%3Cpath d='M1468.9,0.4h15v2.9h-11.6v6.5h11.4v2.9h-11.4v7h11.6v2.9h-15V0.4z'/%3E%3Cpath d='M1497.3,17c1.5,1.7,3.9,3.1,7,3.1c3.6,0,4.9-1.8,4.9-3.4c0-2.3-2.5-3-5.4-3.7c-3.6-0.9-7.7-2-7.7-6.5 c0-3.7,3.2-6.4,7.9-6.4c3.4,0,6.2,1.1,8.1,3.1l-1.9,2.5c-1.7-1.8-4-2.6-6.5-2.6s-4.2,1.3-4.2,3.1c0,2,2.4,2.6,5.2,3.3 c3.6,1,7.9,2.1,7.9,6.9c0,3.5-2.4,6.7-8.4,6.7c-4,0-6.9-1.4-8.8-3.5L1497.3,17z'/%3E%3Cpath d='M1530.4,3.4h-7v-3h17.2v2.9h-6.9v19.4h-3.3V3.4L1530.4,3.4z'/%3E%3Cpath d='M1564.7,18.1h-10.9l-1.8,4.6h-3.7l8.9-22.3h4.2l8.9,22.3h-3.7L1564.7,18.1z M1554.7,15.1h9l-4.5-11.8L1554.7,15.1z'/%3E%3Cpath d='M1584.8,3.4h-6.9v-3h17.2v2.9h-6.9v19.4h-3.3L1584.8,3.4L1584.8,3.4z'/%3E%3Cpath d='M1607.2,0.4h15v2.9h-11.6v6.5h11.4v2.9h-11.4v7h11.6v2.9h-15V0.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.side-nav {
  height: 1rem;
  width: calc(100vh - 30vw);
  /* max-width: calc(100vh - 1vw); */
  /* min-width: calc(100vh - 1vw); */
}

.side-bar {
  display: flex;
  justify-content: space-around;
  transform: rotate(-90deg) translateX(-50%);
  align-content: center;
  margin: auto 0;
  transform-origin: 0% 0%;
  max-width: 75vh;
  color: #000;
  text-transform: uppercase;
}

.side-bar li {
  font-weight: 500;
}

/* Language Picker */

.language-top-right {
  position: absolute;
  line-height: 0.9rem;
  top: 5vw;
  right: 5vw;
  color: #000000;
  z-index: 100;
}

.home-menu-elements {
  font-size: 1.2rem;
  line-height: 0.9rem;
}

.language-top-right li {
  float: left;
  margin-left: 2vw;
}

.active-link-black {
  border-bottom: 1px solid black;
}

.active-link-white {
  border-bottom: 1px solid white;
}

.project-detail {
  position: relative;
}

/* Home Headline */

.home-header {
  position: relative;
  /* Position and center the image to scale nicely on all screens */
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
}

#page-content {
  will-change: transform;
  backface-visibility: hidden;
}

.shrink {
  height: 25vh;
}

@keyframes slideUpFromBottom {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-75vh);
  }
}

.home-header .logo-top-left {
  opacity: 0;
}

.home-back {
  position: absolute;
  top: 2.5vw;
  right: 2.5vw;
  color: white;
  font-size: 1.25rem;
  z-index: 2;
}

.header-headline {
  color: #000000;
  text-align: center;
}

.content-side-padding {
  padding-left: 5vw;
  padding-right: 5vw;
}

.content-top-padding {
  padding-top: 5vh;
}

.content-bot-padding {
  padding-bottom: 5vh;
}

.contact-headline {
  margin: auto;
  text-align: left;
}

.info-text {
  font-size: 2rem;
}

#animate-section-0, #animate-section-1, #animate-section-2, #animate-section-3, #animate-section-4, #animate-section-5 {
  will-change: transform;
  opacity: 0;
}

.alt-text {
  position: absolute;
  bottom: 8vw;
  color: #ffffff;
  z-index: 2;
  width: 100%;
  padding-left: 5vw;
  text-align: left;
  font-weight: 500;
  display: block;
  font-size: 1rem;
}

.home-header .swiper-container {
  height: 50vh;
  width: auto;
}

.home-header .swiper-container figure, img {
  height: 100%;
  width: 100%;
}

.call-to-action-content {
  text-align: center;
}

@media only screen and (min-width: 600px) {
  #fp-nav {
    left: 1vw !important;
  }

  .alt-text {
    position: absolute;
    padding-left: 2.5vw;
    bottom: 1vw;
    color: #ffffff;
    z-index: 2;
    transform: none;
    width: 100%;
  }

  .header-menu {
    position: absolute;
    bottom: 2.5vw;
    right: 2.5vw;
    font-size: 1.25rem;
    line-height: 0.9rem;
    color: #ffffff;
    z-index: 2;
  }

  .info-text {
    font-size: 3rem;
  }

  .header-prev {
    padding-left: 5vw !important;
  }

  .header-next {
    padding-right: 5vw !important;
  }

  .header-headline {
    text-align: center;
  }

  .call-to-action-content {
    text-align: center;
  }

  .language-top-right {
    top: 2.5vw;
    right: 2.5vw;
  }

  .language-top-right li {
    float: left;
    margin-left: 0.5vw;
  }
}

@media only screen and (min-width: 600px) and (orientation: landscape) {
  #fp-nav {
    left: 0 !important;
  }

  .alt-text {
    bottom: 2vw;
  }

  .side-nav {
    height: 1rem;
    width: 90vh;
  }
}

@media only screen and (min-width: 900px) {
  #fp-nav {
    left: 2.5vw !important;
  }

  .alt-text {
    bottom: 1vw;
  }

  .home-header .swiper-container > figure {
    max-height: 100%;
    width: auto;
  }

  .side-nav {
    height: 2rem;
    width: calc(100vh - 2vw);
  }
}

@media only screen and (min-width: 1200px) {
  .alt-text {
    display: block;
  }

  .header-headline {
    text-align: center;
    max-width: 60vw;
    margin: 0 auto;
  }

  .language-top-right {
    top: 2.5vw;
    right: 2.5vw;
  }

  .header-menu {
    bottom: 2.5vw;
    right: 2.5vw;
  }

  .project-headline h1 {
    margin-top: calc(2.5vh + 54px);
  }

  .project-headline img, svg {
    width: 25vw;
  }

  .contact-headline {
    max-width: 85vw;
  }

  .home-menu-elements > * {
    font-size: 1.5rem;
  }

  .content-top-padding {
    padding-top: 2.5vw;
  }

  .content-bot-padding {
    padding-bottom: 2.5vw;
  }

  .side-nav {
    height: 2rem;
    width: calc(100vh - 2vw);
    max-width: calc(100vh - 2vw);
    min-width: calc(100vh - 2vw);
  }
}

@media only screen and (min-width: 1800px) {
  .alt-text {
    bottom: 0.5vw;
  }

  .project-headline {
    max-width: 70vw;
  }

  .project-headline img, svg {
    width: 20vw;
  }

  .side-nav {
    height: 2rem;
    width: calc(100vh - 2vw);
    max-width: calc(100vh - 2vw);
    min-width: calc(100vh - 2vw);
  }

  .contact-headline {
    max-width: 60vw;
  }
}

@media only screen and (min-width: 2400px) {
  #fp-nav {
    left: 1vw !important;
  }

  .language-top-right {
    top: 2.5vw;
    right: 2.5vw;
  }

  .side-nav {
    height: 2rem;
    width: calc(100vh - 5vw);
    max-width: calc(100vh - 5vw);
    min-width: calc(100vh - 5vw);
  }

  .project-headline {
    max-width: 50vw;
  }

  .home-menu-elements {
    font-size: 1.8rem;
    line-height: 1rem;
  }

  .project-headline h1 {
    margin-top: calc(5vh + 54px);
  }
}

/*# sourceMappingURL=home.css.map */