@font-face {
  font-family: 'Darkwoman';
  src: url("/Darkwoman.otf");
  font-weight: normal;
  font-style: normal;
}
* {
  vertical-align: top;
}

html {
  background-image: linear-gradient(to bottom, #ff8040, #ffa080);
  background-attachment: fixed;
  min-height: 100%;
}

body {
  width: 100%;
  margin: 0 auto;
  font-size: 1.4em;
  font-family: sans-serif;
}

h1, h2, h3 {
  text-align: center;
  font-family: Darkwoman;
}

h1 {
  font-size: calc(2.4em + 3vw);
  margin-top: 5vw;
  margin-bottom: -2vw;
}

h2 {
  font-size: calc(2.2em + 2vw);
  margin-top: 5vw;
  margin-bottom: -2vw;
}

.sprotect {
  display: none;
}

a {
  color: black;
  text-decoration: none;
}

#header {
  width: 100%;
  background: black;
  text-align: left;
  color: #ffa060;
}
#header a {
  color: #ffa060;
}

#footer {
  z-index: 5;
  width: 100%;
  margin-top: calc(2vw + 10vh);
  background: black;
  text-align: center;
  color: #ffa060;
}
#footer a {
  color: #ffa060;
}

#header, #footer {
  padding: 1vh 0;
}

.c {
  margin: 0px auto;
}

#eliteteam {
  border: 1px solid rgba(0, 0, 0, 0);
  /* sonst rutscht das Bild nach unten bis zum ersten Inhalt... */
}

.social {
  display: inline-block;
  width: 49%;
}
.social img {
  width: 100%;
}

.first {
  margin-top: calc(400px + 2.5vw);
}

.legal {
  margin-top: calc(500px + 2.5vw);
}

.twitch {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid white;
}
.twitch img {
  width: 18%;
}
.twitch div {
  display: inline-block;
  width: 80%;
}

.plan {
  display: block;
  margin-top: 5vh;
}
.plan img {
  width: 100%;
  border-top: 3px double black;
  border-bottom: 3px double black;
}

.text {
  text-align: center;
}
.text ul {
  width: 200px;
}
.text ul li:before {
  content: '\1F451';
  margin-left: -20px;
  margin-right: 10px;
}

.rules {
  text-align: left;
}

html, body {
  overflow: hidden;
  overscroll-behavior: auto;
}

.pc {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  perspective: 10px;
  perspective-origin: 50% 50%;
  display: flex;
}

.p1, .p2, .p3, .p4 {
  opacity: 0.7;
  position: absolute;
  transform-origin: 0;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.p1 img, .p2 img, .p3 img, .p4 img {
  margin-top: 400px;
  margin-left: -300px;
}

.p1 {
  transform: translateZ(-10px) scale(2);
}
.p1 img {
  margin-left: calc(-100px - 15vw);
  margin-top: 800px;
}

.p2 {
  transform: translateZ(-6px) scale(0.18);
}
.p2 img {
  margin-left: calc(0px + 450vw);
  margin-top: 8000px;
  border: 8px solid black;
}

.p3 {
  transform: translateZ(-5px) scale(0.33);
}
.p3 img {
  margin-left: calc(-300px + 350vw);
  margin-top: 3000px;
}

.p4 {
  transform: translateZ(-15px) scale(1);
}
.p4 img {
  margin-left: calc(-300px + 140vw);
  margin-top: 700px;
}

.main {
  pointer-events: none;
  width: 100%;
  height: 100%;
  transform-origin: 0;
  transform: translateZ(0px) scale(1);
  background-image: url("/eliteteam.png");
  background-repeat: no-repeat;
  background-position: 50% 24px;
  background-size: 400px;
}
.main a {
  pointer-events: auto;
}

@media (min-width: 599px) {
  .main {
    background-size: calc(400px + 10vw);
  }

  .twitch {
    width: calc(400px + 30vw);
    background: rgba(255, 255, 255, 0.9);
  }

  .sociallinks {
    width: calc(550px + 5vw);
  }
}
@media (min-width: 799px) {
  .plan {
    width: calc(530px + 30vw);
  }
  .plan img {
    border: 3px double black;
  }
}

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