@font-face {
  font-family: 'PublicSans-Regular';
  src: url("webfont/PublicSans-Regular.woff2") format("woff2"), url("webfont/PublicSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'PublicSans-Bold';
  src: url("webfont/PublicSans-Bold.woff2") format("woff2"), url("webfont/PublicSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'PublicSans-Light';
  src: url("webfont/PublicSans-Light.woff2") format("woff2"), url("webfont/PublicSans-Light.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
html {
  font-size: 10px; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

body {
  background-color: black;
  color: white;
  font-family: "PublicSans-Regular", Verdana, Geneva, Tahoma, sans-serif;
  font-size: 1.6rem;
  font-kerning: none;
  text-decoration: none;
  min-width: 320px;
  margin: 0;
  padding: 5rem;
  box-sizing: border-box;
  min-height: 100vh; }
  body a {
    text-decoration: none;
    color: inherit; }
    body a:hover, body a.current {
      color: #ff66c4; }
  body p {
    font-weight: 400; }
  body header {
    padding-bottom: 5rem; }
    body header .logo img {
      height: 13rem;
      max-height: 25vw;
      min-height: 8rem;
      width: auto; }
  body footer {
    width: 100%;
    box-sizing: border-box; }
    body footer ul {
      float: right;
      margin: 0; }
      body footer ul li {
        float: left;
        list-style: none;
        padding-left: 2rem; }
        body footer ul li:first-child {
          padding-left: 0; }
  body .content {
    position: relative;
    width: 100%;
    max-width: 980px;
    height: 100%;
    min-height: calc(100vh - 9rem);
    margin: 0 auto; }
  body.home {
    color: white;
    text-transform: uppercase;
    height: 100vh; }
    body.home h1 {
      font-family: "PublicSans-Bold", Verdana, Geneva, Tahoma, sans-serif;
      font-size: 9rem;
      font-weight: 700;
      font-style: normal;
      margin: .5em 0 0; }
    body.home h2 {
      font-size: 3.5rem;
      color: #fefe00; }
    body.home header {
      padding-bottom: 0 !important; }
    body.home .content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      max-width: 1480px;
      min-height: calc((var(--vh, 1vh) * 100) - 9rem) !important; }
      body.home .content .copy {
        text-align: right; }
        body.home .content .copy p {
          font-family: "PublicSans-Light", Verdana, Geneva, Tahoma, sans-serif; }
          body.home .content .copy p b {
            font-family: "PublicSans-Bold", Verdana, Geneva, Tahoma, sans-serif; }
    body.home .bg {
      position: absolute;
      top: 0;
      right: 0;
      height: 100vh;
      width: 100vw;
      overflow: hidden; }
      body.home .bg video {
        position: absolute;
        right: 0; }
        @media (min-aspect-ratio: 2409 / 1355) {
          body.home .bg video {
            width: 100vw;
            height: auto; } }
        @media (max-aspect-ratio: 2409 / 1355) {
          body.home .bg video {
            width: auto;
            height: 100vh; } }
  body.imprint .content, body.data-protection .content {
    max-width: 980px;
    margin: 0 auto; }
    body.imprint .content h1, body.data-protection .content h1 {
      font-family: "PublicSans-Bold", Verdana, Geneva, Tahoma, sans-serif;
      font-size: 3rem;
      font-weight: 700;
      font-style: normal;
      margin: 0 0 .75em; }
    body.imprint .content h2, body.data-protection .content h2 {
      font-size: 2rem; }
    body.imprint .content p, body.data-protection .content p {
      font-family: "PublicSans-Light", Verdana, Geneva, Tahoma, sans-serif; }
  @media (max-width: 1280px) {
    body.home h1 {
      font-size: 8rem; }
    body.home h2 {
      font-size: 3.3rem; } }
  @media (max-width: 980px) {
    body.home h1 {
      font-size: 7.5rem; }
    body.home h2 {
      font-size: 2.8rem; } }
  @media (max-width: 780px) {
    body {
      padding: 4rem 4rem 2.5rem; }
      body header {
        padding-bottom: 4rem; }
        body header .logo img {
          height: 12rem; }
      body.home h1 {
        font-size: 7rem; }
      body.home .content {
        min-height: calc((var(--vh, 1vh) * 100) - 6.5rem) !important;
        max-height: calc((var(--vh, 1vh) * 100) - 6.5rem) !important; } }
  @media (max-width: 680px) {
    body.home h1 {
      font-size: 6rem; } }
  @media (max-width: 580px) {
    body {
      padding: 3rem 3rem 2.5rem; }
      body header {
        padding-bottom: 3rem; }
        body header .logo img {
          height: 11rem; }
      body.home h1 {
        font-size: 5rem; }
      body.home h2 {
        font-size: 2.6rem; }
      body.home .content {
        min-height: calc((var(--vh, 1vh) * 100) - 5.5rem) !important;
        max-height: calc((var(--vh, 1vh) * 100) - 5.5rem) !important; } }
  @media (max-width: 480px) {
    body .logo img {
      height: 10rem; }
    body.home h1 {
      font-size: 4.5rem; } }
  @media (max-width: 380px) {
    body {
      padding: 3rem 2rem 2.5rem; }
      body.home h2 {
        font-size: 2.4rem; } }

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