@font-face {
  font-family: "soehne";
  src: url("../fonts/soehne-web-buch.woff") format("woff"); }

@font-face {
  font-family: "soehne-semibold";
  src: url("../fonts/soehne-web-halbfett.woff") format("woff"); }

@font-face {
  font-family: "soehne-bold";
  src: url("../fonts/soehne-test-dreiviertelfett.woff") format("woff"); }

@font-face {
  font-family: "soehne-breit";
  src: url("../fonts/soehne-breit-test-buch.woff") format("woff"); }

@font-face {
  font-family: "soehne-breit-bold";
  src: url("../fonts/soehne-breit-test-dreiviertelfett.woff") format("woff"); }

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

html,
body,
h1,
h2,
p {
  margin: 0;
  padding: 0; }

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
  all: unset;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.clear {
  float: none;
  clear: both; }

body {
  width: 100%;
  height: 100%;
  color: white;
  background-color: black;
  font-family: "soehne";
  font-size: 100px;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 400; }

#container {
  visibility: hidden;
  position: relative;
  width: 100%; }
  #container header {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 1.5625% 3.125% 1.5625% 3.125%;
    box-sizing: border-box;
    background-color: black;
    display: flex;
    justify-content: space-between; }
    #container header #pagination,
    #container header #links {
      line-height: 0;
      display: flex; }
      #container header #pagination a,
      #container header #links a {
        display: block;
        text-decoration: none;
        margin-right: 0.4em;
        cursor: pointer; }
        #container header #pagination a svg,
        #container header #links a svg {
          width: auto;
          height: 2em; }
          #container header #pagination a svg path,
          #container header #links a svg path {
            fill: white; }
      #container header #pagination a.last,
      #container header #links a.last {
        margin-right: 0; }
  #container #sections {
    padding: 6.25% 3.125% 0 3.125%;
    width: 100%;
    box-sizing: border-box; }
    #container #sections .page {
      padding: 0 0 12.5% 0; }
      #container #sections .page .title {
        font-family: "soehne-semibold";
        font-size: 2em;
        line-height: 1em; }
      #container #sections .page .text {
        font-size: 1.0em;
        line-height: 1em; }
        #container #sections .page .text a {
          color: unset;
          text-decoration: none;
          cursor: pointer; }
        #container #sections .page .text a:hover {
          text-decoration: line-through; }
      #container #sections .page .disp-desktop {
        display: unset; }
      #container #sections .page .disp-mobile {
        display: none; }

.ie #container header #pagination a svg,
.ie #container header #links a svg {
  width: 2em; }

@media screen and (max-aspect-ratio: 1 / 1) {
  #container header {
    padding: 3.125%;
    padding-top: 6.25%;
    background-color: transparent !important;
    width: unset;
    right: 0; }
    #container header #pagination {
      display: none; }
    #container header #links {
      display: block; }
      #container header #links a {
        margin-right: 0;
        margin-bottom: 0.4em; }
        #container header #links a svg {
          height: 2.5em; }
  #container #sections {
    padding: 6.25% 3.125% 0 3.125%; }
    #container #sections #studio {
      width: 85% !important; }
    #container #sections .page {
      padding: 0 0 6.25% 0; }
      #container #sections .page .text {
        line-height: 1.05em; }
      #container #sections .page .disp-mobile {
        display: unset; }
      #container #sections .page .disp-desktop {
        display: none; }
  .ie #container header #pagination a svg,
  .ie #container header #links a svg {
    width: 2.5em; } }