* {
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-drag: none;
  -webkit-user-drag: none;
  -ms-user-drag: none;
}
body {
  font-size: 62.5%;
  background-color: black;
}
button {
  appearance: none;
  background-color: initial;
  border-width: 0;
  padding-block: 0;
  padding-inline: 0;
}
h1,
h2,
h3 {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1em;
  font-weight: normal;
}
h1,
h2,
h3,
p {
  pointer-events: all;
}
a {
  color: #005fff;
  text-decoration: none;
}
#lib {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  left: -1000px;
  top: -1000px;
}
#app {
  overflow: hidden;
  opacity: 0;
  background-color: #000;
}
.interactive {
  pointer-events: all !important;
  cursor: pointer !important;
}
.interactive div,
.interactive span {
  pointer-events: none !important;
}
header > div {
  position: relative;
  height: auto;
}
#ticker {
  font-size: 32px;
  width: auto;
  height: 1em;
  font-family: "geomanist-black", Verdana, Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #005fff;
  overflow: hidden;
}
#ticker .items {
  position: relative;
}
#ticker .items .item {
  position: relative;
  width: auto;
  float: left;
  font-size: 0.7em;
  top: 0.1em;
}
#app.ios #ticker .items {
  top: 0.15em;
}
@font-face {
  font-family: "geomanist-black";
  src: url("../assets/fonts/geomanist-black.woff") format("woff");
  src: url("../assets/fonts/geomanist-black.woff2") format("woff2");
}
@font-face {
  font-family: "geomanist-bold";
  src: url("../assets/fonts/geomanist-bold.woff") format("woff");
  src: url("../assets/fonts/geomanist-bold.woff2") format("woff2");
}
@font-face {
  font-family: "geomanist-regular";
  src: url("../assets/fonts/geomanist-regular.woff") format("woff");
  src: url("../assets/fonts/geomanist-regular.woff2") format("woff2");
}
.text-shadow {
  text-shadow: -2px -2px 1px #000000, 0px -2px 1px #000000, 2px -2px 1px #000000, 0px 2px 1px #000000, -2px 2px 1px #000000, 0px 2px 1px #000000, 2px 2px 1px #000000, 3px 3px 1px #000000, 4px 4px 1px #000000, 0px 3px 1px #000000, 1px 3px 1px #000000;
}
.text-shadow-white {
  text-shadow: -1px -1px 1px #ffffff, 0px -1px 1px #ffffff, 1px -1px 1px #ffffff, 0px 1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 5px 5px 20px rgba(255, 255, 255, 0.6);
}
.text-shadow-glow {
  text-shadow: -2px -2px 1px #000000, 0px -2px 1px #000000, 2px -2px 1px #000000, 0px 2px 1px #000000, -2px 2px 1px #000000, 0px 2px 1px #000000, 2px 2px 1px #000000, 3px 3px 1px #000000, 4px 4px 1px #000000, 0px 3px 1px #000000, 1px 3px 1px #000000, 0 0 60px #00baff;
}
#content {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 100px;
}
#content .logo {
  font-size: 200px;
  width: 1em;
  height: 1em !important;
  left: calc(50% - 0.5em);
  margin: 0.5em 0;
}
#content .page.imprint .logo,
#content .page.policy .logo {
  font-size: 100px;
  pointer-events: all !important;
  cursor: pointer !important;
}
#content .page.imprint .logo div,
#content .page.policy .logo div,
#content .page.imprint .logo span,
#content .page.policy .logo span {
  pointer-events: none !important;
}
#content .page {
  position: relative;
  max-width: 600px;
  padding: 0 20px;
}
#content h1,
#content h2,
#content h3 {
  line-height: 1.2em;
}
#content h1 {
  font-size: 36px;
  font-family: "geomanist-black", Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  margin-bottom: 40px;
}
#content h3 {
  font-size: 22px;
  font-family: "geomanist-bold", Verdana, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  margin-bottom: 15px;
}
#content p {
  font-size: 16px;
  font-family: "geomanist-regular", Verdana, Helvetica, Arial, sans-serif;
  line-height: 1.2em;
}
#content .page {
  color: #fff;
}
#content .page > .content {
  margin-top: 50px;
}
#content .page > div {
  position: relative;
  height: auto;
}
#content .page.home {
  text-align: center;
}
#content .page.imprint {
  display: none;
}
#content .page.policy {
  display: none;
}
footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #000;
}
#nav {
  display: flex;
  justify-content: center;
  height: auto;
  bottom: 0;
}
#nav .item {
  font-size: 18px;
  font-family: "geomanist-black", Verdana, Helvetica, Arial, sans-serif;
  position: relative;
  width: auto;
  height: auto;
  margin: 0.25em 1em;
  color: #fff;
  pointer-events: all !important;
  cursor: pointer !important;
}
#nav .item .label {
  position: relative;
}
#nav .item div,
#nav .item span {
  pointer-events: none !important;
}
/*# sourceMappingURL=main.css.map */