/* montserrat-regular - latin */
@font-face {
  font-family: "Grotta";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/Grotta-Medium-wo3xds.woff2") format("woff2"), url("../fonts/Grotta-Medium-wnja2a.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* space-mono-regular - latin */
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/space-mono-v12-latin-regular.woff2") format("woff2"), url("../fonts/space-mono-v12-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
*,
*:after,
*:before {
  /* border and padding inside specified width/height, content box shrinks */
  box-sizing: border-box;
  font-family: Grotta, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration-skip-ink: none;
  color: #0084c9;
}

body {
  margin: 0;
  padding: 0;
  scrollbar-width: none; /* Firefox */
}

body::-webkit-scrollbar {
  display: none;
}

.header {
  position: fixed;
  top: 0;
  height: 0;
  background-color: white;
}

.ticker {
  background-color: #0084c9;
  top: 0;
  width: 100vh;
  height: 5.8125vw;
  overflow: hidden;
  z-index: 500;
  transform: translate(1.875vw, -2.875vw) translate(-50vh, 50vh) rotate(-90deg);
}

.scroll {
  display: flex;
  width: 100%;
}

.scroll div {
  color: white;
  font-size: 1.875vw;
  letter-spacing: 0.28125vw;
  text-transform: uppercase;
  padding-top: 2.15625vw;
  white-space: nowrap;
  animation: animate 40s -40s linear infinite;
  will-change: transform;
}

.scroll div:nth-child(2) {
  animation: animate2 40s -20s linear infinite;
}

@keyframes animate {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes animate2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.contentframe {
  width: 100vw;
  padding-left: 0.9375vw;
  padding-right: 0.9375vw;
}

.content {
  padding-top: 0;
  padding-left: 4.5vw;
  z-index: 100;
}

h1 {
  margin-top: 0;
  font-size: 1.875vw;
}

h2 {
  font-size: 1.3541666667vw;
}

.caps {
  text-transform: uppercase;
}

.left {
  width: 50%;
  float: left;
}

.right {
  width: 50%;
  float: right;
}

.lead {
  font-size: 1.6666666667vw;
}

.teilnahme {
  margin-top: 2.7083333333vw;
  margin-bottom: 2.7083333333vw;
}

.anmeldung * {
  font-size: 1.3541666667vw;
}

.facts * {
  font-size: 1.3541666667vw;
}

.bilder img {
  width: 100%;
}

.col {
  padding-top: 1.875vw;
  padding-left: 1vw;
  padding-right: 1vw;
}

.menu {
  margin-bottom: 1vw;
}

.menu ul {
  margin: 0;
  padding: 0;
}

.menu li {
  height: 5.625vw;
}

.menu a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: Space Mono, Monaco, monospace;
  font-size: 1.3541666667vw;
  width: 100%;
  border: 0.15em solid #0084c9;
  padding: 0.8125vw 1.0833333333vw;
}

.menu a:hover {
  color: white;
  background-color: #0084c9;
}

.mobile {
  display: none;
}

.menu.mobile {
  display: none;
  margin-top: 1vw;
}

.menu.mobile ul {
  list-style: none;
  display: inline;
  padding: 0;
}

.menu.mobile li {
  display: inline;
  line-height: 10vw;
}

.logo.mobile {
  display: none;
}

main {
  float: left;
  width: 49vw;
}

main.singlecol {
  width: 74vw;
}

main p {
  margin-top: 0;
}

main h2 {
  margin: 0;
}

footer {
  margin-top: 30vh;
  padding-bottom: 1.875vw;
  width: 49vw;
}

footer.mobile {
  margin-top: 10vh;
  padding-bottom: 1.875vw;
  width: 100vw;
}

.sidecol {
  float: left;
  width: 25vw;
  padding-left: 4vw;
}

.sidecol * {
  font-family: Space Mono, Monaco, monospace;
  font-size: 0.9375vw;
}

.sidecol .item {
  margin-bottom: 2.2vw;
  width: 100%;
  border-color: #0084c9;
  border-top: 0.0885416667vw solid;
}

.sidecol .item * {
  text-transform: uppercase;
}

.sidecol .item h2 {
  margin-top: 0.5vw;
  font-size: 1.3541666667vw;
}

.sidecol .item ul {
  list-style: none;
  padding: 0;
}

.menu.desktop {
  margin: 0;
  position: fixed;
  width: 20vw;
  left: 82vw;
}

.menu.desktop ul {
  padding-top: 1vw;
}

.menu.desktop li {
  display: block;
  height: 5.25vw;
}

.logo.desktop {
  display: block;
  height: 100vh;
  width: 19.0625vw;
  position: fixed;
  top: 0;
  pointer-events: none;
}

.logoimg {
  display: block;
  background-image: url("/media/g70k_logo.png");
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-bottom: 0.9375vw;
  height: 19vw;
  width: 15vw;
  position: fixed;
  bottom: 1.875vw;
}

@media only screen and (max-width: 639.9px) {
  h1 {
    font-size: 5.625vw;
  }
  h2 {
    font-size: 4.0625vw;
  }
  .header {
    height: 5vw;
  }
  .ticker {
    height: 11.25vw;
    width: 100vw;
    transform: none;
  }
  .scroll div {
    font-size: 5.625vw;
    padding-top: 1.96875vw;
    letter-spacing: 0.84375vw;
  }
  .content {
    padding-top: 11.25vw;
    padding-left: 0;
  }
  .lead {
    font-size: 5vw;
  }
  .anmeldung * {
    font-size: 4.0625vw;
  }
  .facts * {
    font-size: 4.0625vw;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: inherit;
  }
  .menu.mobile {
    display: block;
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }
  .menu.mobile a {
    font-size: 3.5vw;
    padding: 0.8125vw 2.4375vw;
    margin-right: 2.4375vw;
  }
  .logo.mobile {
    display: block;
    padding-bottom: 2.8125vw;
  }
  .logo.mobile .logoimg {
    position: inherit;
    width: 50%;
  }
  footer.mobile {
    display: block;
    width: 100%;
  }
  main {
    width: 100%;
  }
  main.singlecol {
    width: 100%;
  }
  .sidecol {
    width: 100%;
    padding-left: 1vw;
  }
  .sidecol * {
    font-size: 3.65625vw;
  }
  .sidecol .item {
    margin-bottom: 10vw;
    border-top: 0.265625vw solid;
  }
  .sidecol .item h2 {
    margin-top: 2vw;
    font-size: 3.65625vw;
  }
}

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