@font-face {
  font-family: SchauspielhausZweiGX;
  src: url("./SchauspielhausZweiGX.ttf") format("truetype"); }

* {
  font-family: "SchauspielhausZweiGX", sans-serif;
  font-variation-settings: 'MORP' 100;
  font-size: 17px;
  line-height: 1.5;
  text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  vertical-align: top; }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto; }

a {
  text-decoration: none;
  color: #999999; }

h1, h2, h3, h4 {
  margin: 0;
  line-height: 1;
  font-weight: normal; }

div#head {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  height: 120px;
  background-color: #ffffff;
  padding: 0; }
  div#head div#site_title {
    padding: 12px 0 0 16px;
    font-size: 56px;
    line-height: 1;
    margin-bottom: 0.3em; }
  div#head div#menu_line {
    margin: 0 16px 0 18px; }
    div#head div#menu_line a {
      margin-right: 2.5em;
      transition: font-variation-settings 0.6s ease-in-out, color 1s ease-in-out; }
      div#head div#menu_line a.active {
        color: #000000; }
      div#head div#menu_line a:hover {
        color: #000000;
        font-variation-settings: 'MORP' 120; }
      div#head div#menu_line a#language {
        float: right;
        margin-right: 0; }
  div#head div#head_icons {
    position: absolute;
    z-index: 11;
    top: 20px;
    right: 12px; }
    div#head div#head_icons img {
      width: 36px;
      height: 36px;
      margin-left: 8px; }
  div#head:after {
    content: " ";
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -24px;
    height: 24px;
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%); }

div#content {
  margin-top: 120px;
  margin-bottom: 60px;
  width: 100%;
  overflow-x: hidden; }
  div#content div.content-item {
    position: relative;
    float: none;
    clear: both;
    padding: 32px 16px;
    white-space: nowrap; }
    div#content div.content-item > div.column {
      display: inline-block;
      width: 50%;
      text-align: center; }
    div#content div.content-item div.info {
      width: auto;
      text-align: center;
      white-space: normal;
      -webkit-tap-highlight-color: transparent; }
      div#content div.content-item div.info div.top-tag {
        text-transform: uppercase;
        color: #999999;
        margin-top: 4px;
        margin-bottom: 24px; }
      div#content div.content-item div.info h2 {
        width: auto;
        display: table;
        min-width: calc(100% - 40px);
        padding: 0 20px; }
      div#content div.content-item div.info h2.size-1 {
        font-size: 86px; }
      div#content div.content-item div.info h2.size-2 {
        font-size: 72px; }
      div#content div.content-item div.info h2.size-3 {
        font-size: 64px; }
      div#content div.content-item div.info h2.size-4 {
        font-size: 56px; }
      div#content div.content-item div.info div.text {
        width: 80%;
        margin: 0 auto; }
    div#content div.content-item div.image {
      position: relative;
      text-align: center; }
      div#content div.content-item div.image img {
        width: 100%;
        height: auto; }
      div#content div.content-item div.image.video:after {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url("../img/icons/video.svg"); }
    div#content div.content-item:nth-child(odd) div.column:first-child {
      float: right; }
      div#content div.content-item:nth-child(odd) div.column:first-child > div {
        margin-left: 20px; }
    div#content div.content-item:nth-child(odd) div.column:last-child {
      float: left; }
      div#content div.content-item:nth-child(odd) div.column:last-child > div {
        margin-right: 20px; }
    div#content div.content-item:nth-child(even) div.column:first-child {
      float: left; }
      div#content div.content-item:nth-child(even) div.column:first-child > div {
        margin-right: 20px; }
    div#content div.content-item:nth-child(even) div.column:last-child {
      float: right; }
      div#content div.content-item:nth-child(even) div.column:last-child > div {
        margin-left: 20px; }
    div#content div.content-item:not(:first-child):before {
      content: " ";
      font-size: 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 24px;
      display: block;
      background: linear-gradient(to bottom, #d3d3d3 0%, #ffffff 100%); }
    div#content div.content-item:after {
      content: "";
      display: table;
      clear: both; }
    div#content div.content-item:hover div.info h2 {
      font-variation-settings: 'MORP' 135; }
    div#content div.content-item:hover div.info:hover h2, div#content div.content-item:hover div.info.unmorph h2 {
      font-variation-settings: 'MORP' 60; }
    div#content div.content-item:hover div.info:hover p, div#content div.content-item:hover div.info.unmorph p {
      font-variation-settings: 'MORP' 0; }
  div#content:after {
    content: " ";
    font-size: 0;
    height: 24px;
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%); }

@media only screen and (max-width: 840px) {
  div#head {
    height: calc(8vw + 52px); }
    div#head div#site_title {
      font-size: 6.5vw; }
    div#head div#head_icons {
      top: calc(1.5vw + 8px); }
      div#head div#head_icons img {
        width: 4.2vw;
        height: 4.2vw;
        margin-left: 0.93vw; }
  div#content {
    margin-top: calc(8vw + 52px); } }

@media only screen and (max-width: 600px) {
  div#head div#head_icons img:first-child {
    display: none; }
  div#content div.content-item:nth-child(odd) > div.column:first-child, div#content div.content-item:nth-child(odd) > div.column:last-child, div#content div.content-item:nth-child(even) > div.column:first-child, div#content div.content-item:nth-child(even) > div.column:last-child {
    display: block;
    width: 100%; }
    div#content div.content-item:nth-child(odd) > div.column:first-child > div, div#content div.content-item:nth-child(odd) > div.column:last-child > div, div#content div.content-item:nth-child(even) > div.column:first-child > div, div#content div.content-item:nth-child(even) > div.column:last-child > div {
      margin-left: 0;
      margin-right: 0; } }

div#content div.content-item div.info h2, div#content div.content-item div.info p {
  transition: font-variation-settings 1.7s ease-in-out; }

div#content div.content-item div.info:hover h2, div#content div.content-item div.info:hover p {
  transition: font-variation-settings 0.6s ease-in-out; }

@media only screen and (max-width: 440px) {
  div#head div#menu_line a {
    margin-right: 0.8em; } }