@media screen and (min-width: 70em) {
  .header {
      -webkit-transition: all .3s;
      transition: all .3s;
  }

  body.over .header {
      background: transparent;
      color: #000;
  }

  body.over .main, body.over .menu {
      color: #000;
  }

  body.over .menu a:before {
      background-image:url(../images/menu_dot_black.svg);
  }

  body.over .main {
      background: red !important;
  }

  body.over .nav {
      color: #000;
  }

  body.over .back {
      background: url(../images/menu_x_black.svg) no-repeat 50%;
      background-size: .9375rem .9375rem;
  }

  body.over .nav .dots li {
      background: url(../images/menu_dot_black.svg) no-repeat 50%;
  }

  body.over .nav .dots li[hidden] {
      opacity: 0;
      width: 0;
      height: 0;
      margin: 0;
  }
}

.li-text .headline {
  margin-bottom: 1.5em
}

.li-text a:not([href^="tel:"]):hover {
  border-bottom: 1px solid #eee;
}


.li-text-1col-text ul,
.li-text-2col-text ul {
  display: inline;
}

.li-text-1col-text li,
.li-text-2col-text li {
  display: inline-block;
}

.is-chrome li-text-1col-text li,
.is-chrome .li-text-2col-text li {
  padding: .5rem;
  margin: -.5rem;
}

.li-text-1col-text li:not(:last-child):after,
.li-text-2col-text li:not(:last-child):after {
  content: " ・"
}

@media screen and (min-width: 60em) {
  .li-text-2col-text {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 3rem;
      -moz-column-gap: 3rem;
      column-gap: 3rem;
  }
}

.li-text-partners-item {
  margin-top: 3em;
}

@media screen and (min-width: 30em) {
  .li-text-partners .column {
      width: 50%;
  }
}

@media screen and (min-width: 60em) {
  .li-text-contact .column.li-text-address, .li-text-contact .column.li-text-partners {
      width: 50%;
  }

  .li-text-partners {
      margin-top: -3em;
  }
}

@media screen and (max-width: 29.9375em) {
  .li-text-facts {
      display: none;
  }
}

.li-text-facts li {
  list-style: none;
}

.li-text-facts-exhibitions li + li {
  margin-top: 1.5em;
}

.li-text-facts .column {
  margin-top: -3em;
}

.li-text-facts .headline {
  margin-top: 3em;
}

@media screen and (min-width: 30em) {
  .li-text-facts .column {
      width: 50%;
  }
}

@media screen and (min-width: 60em) {
  .li-text-facts .column {
      width: 25%;
  }
}

.li-text-internship-details {
  margin-top: 1.5em;
}

@media screen and (min-width: 30em) {
  .li-text-internship-details .column {
      width: 50%;
  }
}

@media screen and (min-width: 60em) {
  .li-text-internship .li-text-internship-details, .li-text-internship .li-text-internship-text {
      width: 50%;
  }

  .li-text-internship-text {
      padding-right: 5%;
  }

  .li-text-internship-details {
      margin-top: 0;
  }
}

.li-text-imprint {
  display: none;
}

.li-text-imprint:target {
  display: block;
}