body {
  font-family: "NeueHaasUnicaW1G-Bold";
  font-weight: normal;
  font-style: normal;
  font-size: calc(100% + 3.5vw);
  color:  #eaeffa;
  background-color: #000000;
  line-height: 1.2;
  transition: background-color 1s ease;
}

p.ausz {
  color: #ff2f4a;
  padding: none;
  margin-bottom: 0;
}

p.ausz-dark {
  color: #ff2f4a;
  padding: none;
  margin-bottom: 0;
}

h1 {
  font-size: calc(100% + 18vw);
  font-weight: normal;
  font-style: normal;
  color: #eaeffa;
  letter-spacing: 1px;
  spacing: 5px;
}

#time {
  font-size: calc(100% + 18vw);
  font-weight: normal;
  font-style: normal;
  color: #eaeffa;
  letter-spacing: 1px;
  spacing: 5px;
}

h5 {
  font-family: "NeueHaasUnicaW1G-Regular";
	font-weight: normal;
	font-style: normal;
  margin-top: calc(15% + 0.1vw);;
}

a{
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.fa {
  color: #ffffff;
}

.hideme {
    opacity:0;
}

.hideme-dark {
    color:#0f1e3e;
    opacity:0;
}

/* .fadeout {
  z-index: 10;
    position: fixed;
    bottom: 0em;
    width:100%;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

*/

.page-header {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  width: 100%;
}

.jumbotron.text-center {
  height: 100%;
  margin-bottom: 0;
  height: 100vh;
  background-color: #000000;
}

.verticaltext_content {
    position: sticky;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    top: 15px;
    font-size:calc(40% + 0.1vw);
    color: #ff2f4a;
    width: auto;
}

.verticaltext_content-dark {
    position: sticky;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    top: 15px;
    font-size:calc(40% + 0.1vw);
    color: #ff2f4a;
    width: auto;
}

.distanz-1 {
  padding-top: 7rem;
  width: 100%
}

.distanz-2 {
  padding-top: 27rem;
  width: 100%
}

.distanz-3 {
  padding-top: 18rem;
  width: 100%
}

.distanz-4 {
  padding-top: 12rem;
  width: 100%
}

.distanz-7 {
  padding-top: 58rem;
  width: 100%
}

.distanz-7 {
  padding-top: 12rem;
  width: 100%
}

.distanz-8 {
  padding-top: 18rem;
  width: 100%
}

.distanz-9 {
  padding-top: 20rem;
  width: 100%
}

.distanz-10 {
  padding-top: 24rem;
  width: 100%
}

.distanz-11 {
  padding-top: 8rem;
  width: 100%
}

.distanz-14 {
  padding-top: 12rem;
  width: 100%
}

.panel {
  min-height: 100vh;
}

.color-dark-1 {
  background-color: #050a15;
}

.color-dark-2 {
  background-color: #0a1429;
}

.color-dark-3 {
  background-color: #0f1e3e;
}

.color-dark-4 {
  background-color: #132753;
}

.color-dark-5 {
  background-color: #183167;
}

.color-dark-6 {
  background-color: #1d3b7c;
}

.color-dark-7 {
  background-color: #224591;
}

.color-dark-8 {
  background-color: #274fa5;
}

.color-dark-9 {
  background-color: #2c59ba;
}

.color-dark-10 {
  background-color: #3063cf;
}

.color-dark-11 {
  background-color: #6e91dd;
}

.color-dark-12 {
  background-color: #83a1e2;
}

.color-dark-13 {
  background-color: #98b1e7;
}

.color-dark-14 {
  background-color: #acc0ec;
}

.color-dark-15 {
  background-color: #c1d0f0;
}

.color-dark-16 {
  background-color: #d6e0f5;
}

@media only screen and (max-width: 600px) {
    body {
      font-size: calc(80% + 3vw);
    }

    .verticaltext_content {
      font-size: calc(20% + 2vw);
    }
}


/* NAVIGATION */
.nav {
  float: right;
  position: sticky;
  height: 97vmin;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  top: 15px;
  font-size:calc(40% + 0.1vw);
}

.nav-item {
  font-family: "NeueHaasUnicaW1G-Regular";
	font-weight: normal;
	font-style: normal;
  margin-top: calc(15% + 0.1vw);;
  color: #ff2f4a;
  mix-blend-mode: screen;
  opacity: 0.7;
}


/* About */

h2.about {
  font-family: "NeueHaasUnicaW1G-Bold";
  font-weight: normal;
  font-style: normal;
  font-size: calc(0.1% + 3vw);
  color:  #eaeffa;
  margin: 0 0 auto;
  padding-top: calc(8% + 0.1vw);
}

p.projekt {
  font-family: "NeueHaasUnicaW1G-Regular";
	font-weight: normal;
	font-style: normal;
  font-size:calc(40% + 0.1vw);
  padding-top: calc(5% + 0.1vw);
  line-height: 1.4;
}

.text-about {
  padding-top: calc(20% + 0.1vw);
}