@font-face {
  font-family: "cru-black-pro";
  src: url("../fonts/cru-black-pro.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Soehne-Leicht";
  src: url("../fonts/soehne-leicht.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Soehne-Leicht-Kursiv";
  src: url("../fonts/soehne-leicht-kursiv.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Soehne-Kraftig";
  src: url("../fonts/soehne-kraftig.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Soehne-Kraftig-Kursiv";
  src: url("../fonts/soehne-kraftig-kursiv.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Soehne-Fett";
  src: url("../fonts/soehne-fett.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Soehne-Fett-Kursiv";
  src: url("../fonts/soehne-fett-kursiv.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}

h1, h2, h4, .Cru-Black {
  font-family: "cru-black-pro";
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

p, #the-future-is-unknown, .Soehne-Leicht {
  font-family: "Soehne-Leicht";
}

em, .person-details p em, .Soehne-Leicht-italic {
  font-family: "Soehne-Leicht-Kursiv";
  font-style: italic;
}

.medium, .Soehne-Kraftig {
  font-family: "Soehne-Kraftig";
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
}

.medium em, .Soehne-Kraftig-italic {
  font-family: "Soehne-Kraftig-Kursiv";
  font-weight: 200;
  font-style: italic;
}

b, h3, .person-details p b, .Soehne-Fett {
  font-family: "Soehne-Fett";
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

b em, em b, .Soehne-Fett-italic {
  font-family: "Soehne-Fett-Kursiv";
  font-weight: bold;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
}

html {
  /* Base pixel ratio for REM is 18px. */
  font-size: 18px;
  font-kerning: normal;
}