@charset "UTF-8";
/*
  SculptureCenter
  Copyright (C) 2017 by Systemantics, Bureau for Informatics

  Systemantics GmbH
  Bleichstr. 11
  41747 Viersen
  GERMANY

  Web:    www.systemantics.net
  Email:  hello@systemantics.net

  Permission granted to use the files associated with this
  website only on your webserver.

  Changes to these files are PROHIBITED due to license restrictions.
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Clearfix hack by http://nicolasgallagher.com/micro-clearfix-hack/ */
@font-face {
  font-family: "Trade Gothic LH Extended";
  src: url("../webfonts/3685CF_3_0.woff2") format("woff2"), url("../webfonts/3685CF_3_0.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Trade Gothic LH Extended";
  src: url("../webfonts/3685CF_2_0.woff2") format("woff2"), url("../webfonts/3685CF_2_0.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Century Schoolbook Regular";
  src: url("../webfonts/3685CF_0_0.woff2") format("woff2"), url("../webfonts/3685CF_0_0.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Century Schoolbook Regular";
  src: url("../webfonts/3685CF_1_0.woff2") format("woff2"), url("../webfonts/3685CF_1_0.woff") format("woff");
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: "Century Schoolbook Regular";
  src: url("../webfonts/373BDD_0_0.woff2") format("woff2"), url("../webfonts/373BDD_0_0.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Century Schoolbook Regular";
  src: url("../webfonts/373BDD_1_0.woff2") format("woff2"), url("../webfonts/373BDD_1_0.woff") format("woff");
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: "Trade Gothic";
  src: url("../webfonts/369961_0_0.woff2") format("woff2"), url("../webfonts/369961_0_0.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}
/* Styles */
body,
input {
  font: normal 22px/28px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  body,
  input {
    font-size: 16px;
    line-height: 20px;
  }
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  -moz-transition: background-color 150ms, color 150ms;
  -o-transition: background-color 150ms, color 150ms;
  -webkit-transition: background-color 150ms, color 150ms;
  transition: background-color 150ms, color 150ms;
  text-decoration: none;
  color: #000;
}
.no-touch a:hover {
  color: #bdbec0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: scroll;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
}

em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
}

.clickable-block,
.clickable--artwork {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.block {
  width: 100%;
}

.block--center {
  margin-left: auto;
  margin-right: auto;
}

.block-content {
  zoom: 1;
}
.block-content:before, .block-content:after {
  content: "";
  display: table;
}
.block-content:after {
  clear: both;
}

.block-content--marginleft {
  margin-left: 80px;
  position: relative;
}

.homepage .main {
  margin-top: 210px;
}

.homepage__text {
  width: 74.70414%;
  float: left;
  margin-right: 1.18343%;
  margin-right: 25.29586%;
  margin-top: 6px;
  margin-bottom: 41px;
}
.homepage__text a {
  color: inherit;
}

.homepage__text--fontsize-s {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .homepage__text--fontsize-s {
    font-size: 16px;
    line-height: 18px;
  }
}

.homepage__text--fontsize-m {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .homepage__text--fontsize-m {
    font-size: 24px;
    line-height: 26px;
  }
}

.homepage__text--fontsize-l {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .homepage__text--fontsize-l {
    font-size: 24px;
    line-height: 26px;
  }
}

.header {
  zoom: 1;
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.header:before, .header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
.header .block-content {
  padding-top: 20px;
  padding-bottom: 14px;
}

.menu {
  width: 49.40828%;
  float: left;
  margin-right: 1.18343%;
}

.menu--fontsmall {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .menu--fontsmall {
    font-size: 16px;
    line-height: 18px;
  }
}

.menu--fontlarge {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .menu--fontlarge {
    font-size: 24px;
    line-height: 26px;
  }
}

.menu__secondary {
  zoom: 1;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  width: 49.40828%;
  float: right;
  margin-right: 0;
  -moz-transition: -moz-transform 250ms ease;
  -o-transition: -o-transform 250ms ease;
  -webkit-transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  text-transform: uppercase;
}
.menu__secondary:before, .menu__secondary:after {
  content: "";
  display: table;
}
.menu__secondary:after {
  clear: both;
}
@media (max-width: 768px) {
  .menu__secondary {
    font-size: 11px;
    line-height: 15px;
  }
}

.menu-secondary__column {
  width: 31.73653%;
  float: left;
  margin-right: 2.39521%;
}

.opening-hours {
  width: 31.73653%;
  float: right;
  margin-right: 0;
  padding-right: 50px;
  text-transform: none;
}

.menu-search-button {
  -moz-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-image: url("../elements/icon_search.svg");
  background-size: 17px;
  background-repeat: no-repeat;
  position: absolute;
  right: 19px;
  top: 22px;
  width: 18px;
  height: 18px;
  opacity: 1;
}
.no-touch .menu-search-button:hover {
  opacity: 0.3;
}

.menu--active {
  color: #bdbec0;
}
.menu--active a {
  color: #bdbec0;
}

.header__fixed {
  width: 49.40828%;
  float: left;
  margin-right: 1.18343%;
  margin-top: 2px;
  display: none;
}

.header__title {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .header__title {
    font-size: 16px;
    line-height: 18px;
  }
}

.article__headertitle {
  display: none;
}

.header__submenu {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  display: flex;
  margin-top: 2px;
}
@media (max-width: 768px) {
  .header__submenu {
    font-size: 11px;
    line-height: 15px;
  }
}
.header__submenu li {
  margin-right: 10px;
}

.menu__item {
  -moz-transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  -o-transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  -webkit-transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  max-height: 54px;
  overflow: hidden;
  opacity: 1;
}

.opening-hours,
.menu-search-button {
  -moz-transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  -o-transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  -webkit-transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  transition: overflow 250ms ease, max-height 250ms ease, opacity 250ms ease;
  overflow: hidden;
  opacity: 1;
}

.menu-search-button {
  max-height: 54px;
}

.opening-hours {
  max-height: 156px;
}

.header-small .header .block-content {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}
.header-small .header .header__fixed {
  display: block;
}
.header-small .header .menu__item:not(.menu--active) {
  max-height: 0;
  opacity: 0;
}
.header-small .header .opening-hours,
.header-small .header .menu-search-button {
  max-height: 0;
  opacity: 0;
}
.header-small.header-hover .menu__item:not(.menu--active) {
  max-height: 22px;
  opacity: 1;
}
.header-small.header-hover .menu__secondary {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.header-small.header-hover .opening-hours,
.header-small.header-hover .menu-search-button {
  max-height: 36px;
  opacity: 1;
}
.header-small.header-hover .header__fixed {
  margin-top: 17px;
}

.header-shadow .header .block-content {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

.header-mobile {
  display: none;
}

.footer {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  margin-top: 100px;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .footer {
    font-size: 11px;
    line-height: 15px;
  }
}
.footer p + p {
  margin-top: 18px;
}

.footer__address {
  width: 24.11243%;
  float: left;
  margin-right: 1.18343%;
}

.footer__socialmedia {
  width: 24.11243%;
  float: left;
  margin-right: 1.18343%;
}

.logo {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
  left: 23px;
  margin-top: -62px;
  position: fixed;
  top: 50%;
  opacity: 1;
  width: 32px;
  z-index: 200;
}
.no-touch .logo:hover {
  opacity: 0.3;
}

.overlayer--active {
  height: 100vh;
  overflow: hidden;
}

.overlayer {
  display: none;
  background-color: #231f20;
  color: #fff;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.overlayer .block-content {
  height: 100%;
}

.overlayer__logo {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 23px;
  margin-top: -62px;
  position: fixed;
  top: 50%;
  width: 32px;
}

.overlayer__close {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  right: 19px;
  top: 17px;
}
@media (max-width: 768px) {
  .overlayer__close {
    font-size: 16px;
    line-height: 18px;
  }
}
.overlayer__close.with--search-icon:after {
  content: "";
  background-image: url("../elements/icon_search_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 3px;
}

.search__form {
  width: 83.13609%;
  margin-top: 8px;
}

.form__input {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
  color: #fff;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  webkit-appearance: none;
  width: 100%;
}
@media (max-width: 768px) {
  .form__input {
    font-size: 24px;
    line-height: 26px;
  }
}
.form__input:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

:-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.filter {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  margin-top: 14px;
  margin-bottom: 38px;
  position: relative;
}
@media (max-width: 768px) {
  .filter {
    font-size: 11px;
    line-height: 15px;
  }
}
.filter.filter--with-tags {
  margin-bottom: 10px;
}
.filtering-active .filter.filter--with-tags {
  margin-bottom: 38px;
}
.filter.with--subcategories {
  margin-bottom: 12px;
}

.filter--active,
.sort--active,
.filteronly--active {
  color: #bdbec0;
}

.filter__close {
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: none;
  float: right;
  text-transform: uppercase;
  margin-right: 12px;
  position: absolute;
  top: 0;
  right: 0;
}
.no-touch .filter__close:hover {
  color: #bdbec0;
}

.filter__group {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  border-bottom: 1px solid;
}
.no-touch .filter__group:hover {
  color: #bdbec0;
}

.filter__items {
  background-color: white;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.filtering-active .filter__items {
  box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.2);
}

.filter__items-group {
  margin-bottom: 11px;
  margin-top: 15px;
}
.filter__items-group.filter--hidden {
  display: none;
}

.filter__years {
  display: flex;
}
.filter__years li {
  margin-right: 14px;
}

.filter__item {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  text-transform: capitalize;
}
.no-touch .filter__item:hover {
  color: #bdbec0;
}

.filter--selected {
  color: #bdbec0;
  position: relative;
}
.filter--selected:after {
  content: "×";
  display: block;
  position: absolute;
  right: -10px;
  top: -2px;
  font-size: 13px;
}

.filtering-active .filter--with-tags .filter__tags {
  display: none;
}
.filtering-active .filter__close {
  display: block;
}

.filter__tags {
  margin-top: 15px;
  display: none;
}
.filter--with-tags .filter__tags {
  display: block;
}

.filter__tag {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  color: #bdbec0;
  position: relative;
  margin-right: 14px;
}
.filter__tag:after {
  content: "×";
  display: block;
  position: absolute;
  right: -10px;
  top: -2px;
  font-size: 13px;
}
.no-touch .filter__tag:hover {
  color: #000;
}

.filter__alphabet {
  zoom: 1;
}
.filter__alphabet:before, .filter__alphabet:after {
  content: "";
  display: table;
}
.filter__alphabet:after {
  clear: both;
}
.filter__alphabet li {
  float: left;
  margin-right: 4px;
}

.filter__char {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
}
.no-touch .filter__char:hover, .filter__char.filter--char-selected {
  color: #bdbec0;
}

.filter__artists {
  -moz-column-count: 6;
  -webkit-column-count: 6;
  column-count: 6;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 11px;
  margin-top: 13px;
}
.filter__artists.artists--hidden {
  display: none;
}

.shop__subcategories {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .shop__subcategories {
    font-size: 11px;
    line-height: 15px;
  }
}

.shop__subcategorie {
  display: inline-block;
  margin-bottom: 8px;
}

.subfilter__group {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.subfilter__group.subfilter--active, .no-touch .subfilter__group:hover {
  color: #bdbec0;
}

.main {
  margin-top: 152px;
  min-height: calc(100vh - 152px);
}
.main .block-content > div:last-child {
  margin-bottom: 0;
}

.overview__title {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .overview__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.wrap-grid {
  zoom: 1;
}
.wrap-grid:before, .wrap-grid:after {
  content: "";
  display: table;
}
.wrap-grid:after {
  clear: both;
}
.overview__title + .wrap-grid {
  margin-top: 17px;
}
.article__header + .wrap-grid {
  margin-top: 28px;
}
.wrap-grid .grid:last-child {
  margin-bottom: 0;
}

.grid {
  zoom: 1;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.grid:before, .grid:after {
  content: "";
  display: table;
}
.grid:after {
  clear: both;
}
.grid.grid--overview .block__characters + .grid__items {
  margin-top: 38px;
}
.overview__title + .grid {
  margin-top: 17px;
}
.article__header + .grid {
  margin-top: 28px;
}
.grid.grid--with-filter {
  margin-top: 0;
}
.grid + .grid.grid--homespace {
  margin-top: 41px;
}

.grid__title {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .grid__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.grid__items {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  margin-left: -1.18343%;
}
.grid__title + .grid__items {
  margin-top: 13px;
}
.block__characters + .grid__items {
  margin-top: 28px;
}
.grid__items.grid--limit .item.item--cols-2:nth-child(n+13) {
  display: none;
}

.item--fontsize-s .item__title {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .item--fontsize-s .item__title {
    font-size: 16px;
    line-height: 18px;
  }
}

.item--fontsize-m .item__title {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .item--fontsize-m .item__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.item--fontsize-l .item__title {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .item--fontsize-l .item__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.item--backgroundcolor {
  -moz-transition: filter 150ms;
  -o-transition: filter 150ms;
  -webkit-transition: filter 150ms;
  transition: filter 150ms;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  position: relative;
  color: #fff;
}
.item--backgroundcolor a {
  color: #fff;
}
.no-touch .item--backgroundcolor a:hover {
  color: #fff;
}
.item--backgroundcolor .item__content {
  padding: 13px 18px;
  position: absolute;
  top: 0;
  left: 0;
}
.item--backgroundcolor:after {
  content: "";
  display: block;
  padding-bottom: 124.413%;
}
.no-touch .item--backgroundcolor:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.item {
  margin-left: 1.18343%;
  margin-bottom: 35px;
}
.item.item--hidden {
  display: none;
}

.no-touch .item__wrap.clickable-block:not(.item--backgroundcolor):hover a,
.no-touch .item__wrap.clickable-block:not(.item--backgroundcolor):hover .item__surtitle,
.no-touch .item__wrap.clickable-block:not(.item--backgroundcolor):hover .item__subtitle, .no-touch
.item__wrap.clickable--artwork:not(.item--backgroundcolor):hover a,
.no-touch
.item__wrap.clickable--artwork:not(.item--backgroundcolor):hover .item__surtitle,
.no-touch
.item__wrap.clickable--artwork:not(.item--backgroundcolor):hover .item__subtitle {
  color: #bdbec0;
}

.item--shadow.item--backgroundcolor {
  box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.3);
}
.item--shadow .item__image {
  box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.3);
}

.item--cols-2 {
  width: calc(16.666% - 1.18343%);
}

.item--cols-3 {
  width: calc(25% - 1.18343%);
}

.item--cols-4 {
  width: calc(33.333% - 1.18343%);
}

.item--cols-6 {
  width: calc(50% - 1.18343%);
}

.item--cols-8 {
  width: calc(66.666% - 1.18343%);
}

.item--cols-12 {
  width: 100%;
}

.item__image {
  position: relative;
  margin-bottom: 10px;
}
.item__image img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.item__image.icon--video:after {
  content: "";
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 26px solid white;
  position: absolute;
  left: 50%;
  top: 50%;
}

.item__surtitle {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .item__surtitle {
    font-size: 11px;
    line-height: 15px;
  }
}

.item__title {
  margin-bottom: 2px;
}

.item__subtitle {
  font: normal 22px/28px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
}
@media (max-width: 768px) {
  .item__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}

.shopify-button {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shopify-buy-button {
  position: relative;
  display: inline-block !important;
}

.item__text {
  margin-top: 28px;
}
.item__text a {
  border-bottom: 1px solid;
}
.item__text.item--more-button p {
  display: none;
}
.item__text.item--more-button p:first-child {
  display: block;
}
.item__text.item--more-button .item__more_button {
  display: inline;
}

.item__more_button {
  display: none;
  border-bottom: 1px solid;
  margin-left: 2px;
}

.article__header {
  zoom: 1;
  float: left;
  width: 100%;
}
.article__header:before, .article__header:after {
  content: "";
  display: table;
}
.article__header:after {
  clear: both;
}

.article__button {
  position: relative;
}

.button__invert {
  -moz-transition: background-color 150ms, color 150ms;
  -o-transition: background-color 150ms, color 150ms;
  -webkit-transition: background-color 150ms, color 150ms;
  transition: background-color 150ms, color 150ms;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border: 1px solid #000;
  padding: 8px 6px 5px 6px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .button__invert {
    font-size: 11px;
    line-height: 15px;
  }
}
.no-touch .button__invert:hover {
  background-color: #000;
  color: #fff;
}
.button__invert.button--article-category {
  margin-left: 67.45562%;
  position: absolute;
  top: 0;
  left: 0;
}
.button__invert.button--display-all {
  display: inline-block;
  margin-bottom: 58px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}
.button__invert.shop__tag {
  position: absolute;
  top: 0;
  left: 0;
}

.article__title {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
  width: 66.27219%;
  float: left;
  margin-right: 1.18343%;
  margin-right: 33.72781%;
}
@media (max-width: 768px) {
  .article__title {
    font-size: 24px;
    line-height: 26px;
  }
}
.article__title + .article__header {
  margin-top: 19px;
}

.article__title_text {
  width: 66.27219%;
  float: left;
  margin-right: 1.18343%;
  margin-top: 13px;
}

.article__subtitle {
  margin-top: 5px;
  clear: both;
  width: 66.27219%;
}
.article__subtitle.subtitle--large {
  font: normal 54px/52px "Century Schoolbook Regular", serif;
}
@media (max-width: 768px) {
  .article__subtitle.subtitle--large {
    font-size: 30px;
    line-height: 30px;
  }
}

.article__subsubtitle {
  width: 66.27219%;
}

.article__infoline {
  margin-top: 10px;
}
.article__infoline a {
  display: inline-block;
}

.article__submenu {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  display: flex;
  margin-top: 23px;
}
@media (max-width: 768px) {
  .article__submenu {
    font-size: 11px;
    line-height: 15px;
  }
}
.article__submenu li {
  margin-right: 10px;
}
.article__submenu + .article__header {
  margin-top: 28px;
}

.submenu__item {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
}
.no-touch .submenu__item:hover, .submenu__item.jump--selected {
  color: #bdbec0;
}

.header__video {
  position: relative;
}
.header__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header__video_item {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
}

.header__caption,
.carousel__caption {
  font: normal 14px/18px "Century Schoolbook Regular", serif;
  width: 24.11243%;
  float: left;
  margin-right: 1.18343%;
  margin-top: 14px;
}
@media (max-width: 768px) {
  .header__caption,
  .carousel__caption {
    font-size: 11px;
    line-height: 14px;
  }
}
.header__caption.overlayer--caption,
.carousel__caption.overlayer--caption {
  font: normal 14px/18px "Century Schoolbook Regular", serif;
  margin-top: 0;
}
@media (max-width: 768px) {
  .header__caption.overlayer--caption,
  .carousel__caption.overlayer--caption {
    font-size: 11px;
    line-height: 14px;
  }
}
.header__caption.overlayer--caption h2,
.carousel__caption.overlayer--caption h2 {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .header__caption.overlayer--caption h2,
  .carousel__caption.overlayer--caption h2 {
    font-size: 16px;
    line-height: 18px;
  }
}
.header__caption.overlayer--caption h3,
.carousel__caption.overlayer--caption h3 {
  font: normal 22px/28px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .header__caption.overlayer--caption h3,
  .carousel__caption.overlayer--caption h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.header__caption.overlayer--caption * + p,
.carousel__caption.overlayer--caption * + p {
  margin-top: 11px;
}
.header__caption a,
.carousel__caption a {
  border-bottom: 1px solid;
}

.article__caption_previewimage {
  font: normal 14px/18px "Century Schoolbook Regular", serif;
  width: 24.11243%;
  float: left;
  margin-right: 1.18343%;
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .article__caption_previewimage {
    font-size: 11px;
    line-height: 14px;
  }
}
.article__caption_previewimage a {
  border-bottom: 1px solid;
}

.inline--slim .carousel__caption {
  width: 49.40828%;
  float: left;
  margin-right: 1.18343%;
}
.inline--mini .carousel__caption {
  margin-right: 0;
  width: 100%;
}

.article__text {
  zoom: 1;
  margin-bottom: 55px;
  float: left;
  width: 100%;
}
.article__text:before, .article__text:after {
  content: "";
  display: table;
}
.article__text:after {
  clear: both;
}
.article__header + .article__text {
  margin-top: 25px;
}
.page__header + .article__text {
  margin-top: 17px;
}

.text {
  width: 66.27219%;
  float: left;
  margin-right: 1.18343%;
}
.text h3 {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
  margin-top: 53px;
  margin-bottom: 29px;
}
@media (max-width: 768px) {
  .text h3 {
    font-size: 24px;
    line-height: 26px;
  }
}
.text h3:first-child {
  margin-top: 0;
}
.text h4 {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .text h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
.text p + h4 {
  margin-top: 25px;
}
.text a {
  border-bottom: 1px solid;
}
.text.text--indent p + p {
  text-indent: 34px;
}
.text.text--paragraph p + p {
  margin-top: 28px;
}

.paragraph-with-margin-bottom {
  margin-bottom: 28px;
}

.text--read-more-initializing > *:nth-child(n+3) {
  visibility: hidden;
}

.text--read-more-hidden > *:nth-child(n+3) {
  display: none;
}

.more__button:before {
  content: '…';
  margin-right: 4px;
}
.more__button.hidden {
  display: none;
}

.text__button {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
  padding: 8px 5px 7px 5px;
  margin-top: 8px;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
  .text__button {
    font-size: 16px;
    line-height: 18px;
  }
}
.text--indent .text__button {
  text-indent: 0;
  margin-left: -34px;
}
.text--indent .text__button + .text__button {
  margin-left: 10px;
}
.no-touch .text__button:hover {
  background-color: #fff;
  color: #000;
}

.inline__images {
  zoom: 1;
  width: 150.89286%;
}
.inline__images:before, .inline__images:after {
  content: "";
  display: table;
}
.inline__images:after {
  clear: both;
}
div + .inline__images, p + .inline__images {
  margin-top: 32px;
}
.inline__images + p, .inline__images + h4, .inline__images + .accordion {
  margin-top: 40px;
}
.inline__images.inline--slim {
  width: 100%;
}
.inline__images.inline--mini {
  width: 50%;
}

.sidebar {
  width: 24.11243%;
  float: right;
  margin-right: 0;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .sidebar {
    font-size: 11px;
    line-height: 15px;
  }
}
.sidebar a {
  border-bottom: 1px solid;
}

.accordion + .accordion {
  margin-top: 4px;
}
p + .accordion {
  margin-top: 25px;
}

.accordion__title:not(.accordion__title--mobile-only) {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .accordion__title:not(.accordion__title--mobile-only) {
    font-size: 16px;
    line-height: 18px;
  }
}
.accordion__title:not(.accordion__title--mobile-only) span {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.accordion__title:not(.accordion__title--mobile-only) span:after {
  content: "";
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -moz-transition: -moz-transform 250ms;
  -o-transition: -o-transform 250ms;
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
  display: inline-block;
  width: 19px;
  height: 11px;
  margin-left: 4px;
  background-image: url("../elements/scon_arrow_down.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.accordion--open .accordion__title:not(.accordion__title--mobile-only) span:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.grid__title + .accordion__content {
  margin-top: 13px;
}

.accordion__content:not(.accordion__content--mobile-only) {
  display: none;
  margin-bottom: 25px;
}

.article__images {
  zoom: 1;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 43px;
}
.article__images:before, .article__images:after {
  content: "";
  display: table;
}
.article__images:after {
  clear: both;
}

.wrap__carousel {
  position: relative;
}
.wrap__carousel.carousel--animated .carousel__prev_next_button {
  opacity: 0 !important;
}

.article__carousel {
  position: relative;
  height: 100%;
}
.article__carousel:focus {
  outline: 0;
}
.article__carousel.carousel--short {
  padding-bottom: 38.529%;
}
.article__carousel.carousel--regular {
  padding-bottom: 56.25%;
}

.carousel__cell {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.single-slide .carousel__cell {
  cursor: auto;
}

.flickity-viewport {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.carousel__image {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.carousel__image.portrait {
  height: 100%;
  width: auto;
}

.carousel__prev_next_button {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
  position: absolute;
  width: 33.33%;
  height: 100%;
  top: 0;
  opacity: 0;
}
.no-touch .carousel__prev_next_button:hover {
  opacity: 1;
}
.carousel__prev_next_button div {
  position: absolute;
  overflow: hidden;
  top: 0;
  height: 100%;
}

.overlayer--carousel-next,
.overlayer--carousel-prev {
  opacity: 1;
}

.carousel__prev {
  left: 0;
}

.carousel__next {
  right: 0;
}

.prev_image,
.next_image {
  width: 100%;
}
.prev_image img,
.next_image img {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  height: 85%;
  width: auto !important;
}

.prev_image {
  margin-left: 47px;
}

.next_image {
  margin-right: 47px;
  right: 0;
}
.next_image img {
  right: 0;
}

.carousel__pagination {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  width: 24.11243%;
  float: right;
  margin-right: 0;
  margin-top: 14px;
}
@media (max-width: 768px) {
  .carousel__pagination {
    font-size: 11px;
    line-height: 15px;
  }
}
.carousel__pagination.overlayer--pagination {
  margin-top: 0;
  width: auto;
  margin-right: 40px;
}

.related {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.article__header + .related {
  margin-top: 84px;
}

.related__subtitle {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .related__subtitle {
    font-size: 24px;
    line-height: 26px;
  }
}

.teaser__carousel {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.teaser__carousel.carousel--related {
  margin-top: 41px;
}
.teaser__carousel.carousel--single .teaser__carousel-navigation {
  display: none;
}

.teaser__carousel-top {
  zoom: 1;
}
.teaser__carousel-top:before, .teaser__carousel-top:after {
  content: "";
  display: table;
}
.teaser__carousel-top:after {
  clear: both;
}

.teaser__carousel-title {
  width: 49.40828%;
  float: left;
  margin-right: 1.18343%;
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .teaser__carousel-title {
    font-size: 24px;
    line-height: 26px;
  }
}

.teaser__carousel-navigation {
  font: normal 36px/36px "Century Schoolbook Regular", serif;
  float: right;
  display: flex;
  margin-right: 16px;
}
@media (max-width: 768px) {
  .teaser__carousel-navigation {
    font-size: 24px;
    line-height: 26px;
  }
}

.teaser__carousel-button {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font: normal 36px/36px "Trade Gothic", Helvetica, Arial, sans-serif;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  text-transform: uppercase;
}
.teaser__carousel-button.button--hidden {
  display: none;
}
.no-touch .teaser__carousel-button:hover {
  color: #bdbec0;
}

.teaser__carousel_pagination-total {
  margin-right: 13px;
}

.teaser__carousel_pagination-space {
  margin-left: 5px;
  margin-right: 5px;
}

.teaser__carousel_pagination-current {
  margin-left: 13px;
}

.teaser__carousel-items {
  margin-top: 15px;
}
.teaser__carousel-items .flickity-viewport {
  position: relative;
}
.teaser__carousel-items.teaser__carousel-grid .flickity-slider {
  left: -1.18343% !important;
}
.teaser__carousel-items .group__cells {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  width: calc(100% + 1.18343%);
}
.teaser__carousel-items:focus {
  outline: none;
}

.teaser__carousel-placeholder {
  zoom: 1;
  width: calc(100% + 1.18343%);
}
.teaser__carousel-placeholder:before, .teaser__carousel-placeholder:after {
  content: "";
  display: table;
}
.teaser__carousel-placeholder:after {
  clear: both;
}

.teaser__carousel-placeholder-cell {
  width: 8.33333%;
}

.teaser__carousel-placeholder-gutter {
  width: 1.18343%;
}

.group__press {
  width: 32.54438%;
  float: left;
  margin-right: 1.18343%;
}
.group__press:last-child {
  margin-right: 0;
}

.press__item {
  margin-bottom: 25px;
}
.no-touch .press__item.clickable-block:hover {
  color: #bdbec0;
}
.no-touch .press__item.clickable-block:hover a {
  color: #bdbec0;
}

.press__date {
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  margin-bottom: 3px;
}
@media (max-width: 768px) {
  .press__date {
    font-size: 11px;
    line-height: 15px;
  }
}

.press__title {
  font: normal 22px/28px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .press__title {
    font-size: 16px;
    line-height: 20px;
  }
}

.press__source {
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  font: normal 22px/28px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
  font-style: italic;
}
@media (max-width: 768px) {
  .press__source {
    font-size: 16px;
    line-height: 20px;
  }
}

.article__sponsors {
  zoom: 1;
  margin-bottom: 55px;
  float: left;
  width: 100%;
}
.article__sponsors:before, .article__sponsors:after {
  content: "";
  display: table;
}
.article__sponsors:after {
  clear: both;
}

.sponsors__title {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
  float: left;
  width: 100%;
}
@media (max-width: 768px) {
  .sponsors__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.sponsors__text {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  width: 40.97633%;
  float: left;
  margin-right: 1.18343%;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .sponsors__text {
    font-size: 11px;
    line-height: 15px;
  }
}
.sponsors__text p + p {
  margin-top: 18px;
}

.sponsors__logos {
  float: left;
  width: 100%;
  height: 30px;
  margin-top: 12px;
}
.sponsors__logos img {
  width: auto;
  height: 100%;
}

.article__participating_artists {
  zoom: 1;
  margin-bottom: 55px;
  float: left;
  width: 100%;
}
.article__participating_artists:before, .article__participating_artists:after {
  content: "";
  display: table;
}
.article__participating_artists:after {
  clear: both;
}

.participating__artists {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  -moz-column-count: 6;
  -webkit-column-count: 6;
  column-count: 6;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  margin-top: 19px;
  width: 100%;
  float: left;
}
@media (max-width: 768px) {
  .participating__artists {
    font-size: 11px;
    line-height: 15px;
  }
}
.participating__artists li {
  text-indent: -24px;
  margin-left: 24px;
}

.block__characters {
  zoom: 1;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
}
.block__characters:before, .block__characters:after {
  content: "";
  display: table;
}
.block__characters:after {
  clear: both;
}
@media (max-width: 768px) {
  .block__characters {
    font-size: 11px;
    line-height: 15px;
  }
}
.grid__title + .block__characters {
  margin-top: 22px;
}
.block__characters li {
  float: left;
  margin-right: 4px;
}

.block__character {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: color 150ms;
  -o-transition: color 150ms;
  -webkit-transition: color 150ms;
  transition: color 150ms;
}
.no-touch .block__character:hover, .block__character.filter--char-selected {
  color: #bdbec0;
}

.index__title {
  font: normal 54px/52px "Century Schoolbook Regular", serif;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .index__title {
    font-size: 30px;
    line-height: 30px;
  }
}

.index {
  margin-top: 17px;
}

.index__group + .index__group {
  margin-top: 52px;
}
.block__characters + .index__group {
  margin-top: 38px;
}

.index__char {
  font: normal 36px/36px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.08em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .index__char {
    font-size: 24px;
    line-height: 26px;
  }
}

.index__items {
  -moz-column-count: 6;
  -webkit-column-count: 6;
  column-count: 6;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  margin-top: 7px;
}

.page__title {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .page__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.page__submenu {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
  zoom: 1;
  margin-top: 14px;
}
@media (max-width: 768px) {
  .page__submenu {
    font-size: 16px;
    line-height: 18px;
  }
}
.page__submenu:before, .page__submenu:after {
  content: "";
  display: table;
}
.page__submenu:after {
  clear: both;
}

.page__submenu_item {
  float: left;
  margin-right: 16px;
}
.page__submenu_item.page--active a {
  color: #bdbec0;
}

.search__pages {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .search__pages {
    font-size: 16px;
    line-height: 18px;
  }
}

.shop__left {
  width: 49.40828%;
  float: left;
  margin-right: 1.18343%;
}

.shop__title {
  font: normal 54px/52px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  word-spacing: -0.12em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .shop__title {
    font-size: 24px;
    line-height: 26px;
  }
}

.shop__subtitle {
  font: normal 54px/52px "Century Schoolbook Regular", serif;
  margin-top: 1px;
}
@media (max-width: 768px) {
  .shop__subtitle {
    font-size: 30px;
    line-height: 30px;
  }
}

.shop__details {
  width: 82.93413%;
  float: left;
  margin-right: 2.39521%;
  margin-top: 30px;
}

.shop__text {
  width: 82.93413%;
  float: left;
  margin-right: 2.39521%;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .shop__text {
    font-size: 11px;
    line-height: 15px;
  }
}

.shop__right {
  width: 49.40828%;
  float: right;
  margin-right: 0;
  zoom: 1;
}
.shop__right:before, .shop__right:after {
  content: "";
  display: table;
}
.shop__right:after {
  clear: both;
}

.shop__image {
  position: relative;
}

.shop__caption {
  font: normal 14px/18px "Century Schoolbook Regular", serif;
  width: 40.26946%;
  float: left;
  margin-right: 2.39521%;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .shop__caption {
    font-size: 11px;
    line-height: 14px;
  }
}

.wrap__overlayer_artwork {
  position: absolute;
  width: 100%;
  margin-top: 90px;
  top: 0;
  bottom: 0;
}

.artwork__top {
  width: 100%;
  flex: 1;
  position: relative;
}

.artwork_bottom {
  zoom: 1;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 42px;
  padding-left: 80px;
}
.artwork_bottom:before, .artwork_bottom:after {
  content: "";
  display: table;
}
.artwork_bottom:after {
  clear: both;
}

.overlayer__carousel {
  position: relative;
  height: 100%;
}
.overlayer__carousel:focus {
  outline: none;
}

.overlayer--carousel-prev img,
.overlayer--carousel-next img {
  height: 100%;
  width: auto;
}

.overlayer--carousel-prev {
  padding-left: 40px;
}

.overlayer--carousel-next {
  padding-right: 40px;
}
.overlayer--carousel-next img {
  float: right;
}

.overlayer--close-artwork {
  right: 40px;
}

.button--visible {
  display: block;
}

.button--hidden {
  display: none;
}

.wrap-map {
  padding-bottom: 38.235%;
  position: relative;
}

.map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fontfix {
  font-size: 106%;
  font-weight: normal;
}

.artists__groups {
  margin-top: 38px;
}

.artists__group + .artists__group {
  margin-top: 40px;
}

.artists__group_char {
  font: normal 24px/26px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
}

.artists__group_items {
  font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
  font-weight: bold;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-gap: 1.18343%;
  -webkit-column-gap: 1.18343%;
  column-gap: 1.18343%;
  margin-top: 18px;
}
@media (max-width: 768px) {
  .artists__group_items {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .artists__group_items {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media (max-width: 768px) {
  .artists__group_items {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.artists__group_item {
  margin-bottom: 12px;
}

.hidden__shop_items {
  display: none;
}

.footer__signup_input {
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  margin: 0;
  max-width: 250px;
  border-radius: 0;
  margin: 0;
  padding: 1px 0 0px;
  border: 0;
  border-bottom: 1px solid #000;
  width: 100%;
}
@media (max-width: 768px) {
  .footer__signup_input {
    font-size: 11px;
    line-height: 15px;
  }
}
.footer__signup_input:focus {
  outline: none;
}

.footer__signup_button {
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  padding: 3px 1em 1px;
  margin-left: 15px;
  border-radius: 0;
}
@media (max-width: 768px) {
  .footer__signup_button {
    font-size: 11px;
    line-height: 15px;
  }
}
.footer__signup_button:hover {
  background-color: #fff;
  color: #000;
}

#mc_embed_signup {
  display: none;
  margin-top: 4px;
}
#mc_embed_signup.newsletter--active {
  display: block;
}

#mc_embed_signup ::-webkit-input-placeholder {
  color: #bdbec0;
  opacity: 1;
}

#mc_embed_signup ::-moz-placeholder {
  color: #bdbec0;
  opacity: 1;
}

#mc_embed_signup :-ms-input-placeholder {
  color: #bdbec0;
  opacity: 1;
}

#mc_embed_signup :-moz-placeholder {
  color: #bdbec0;
  opacity: 1;
}

.mc-field-group {
  display: flex;
}

#mce-responses {
  margin-top: 4px;
}

#mce-error-response {
  color: red;
}

.newsletter__input {
  font: normal 22px/28px "Century Schoolbook Regular", serif;
  word-spacing: -0.08em;
  letter-spacing: -0.01em;
  max-width: 20em !important;
  margin: 0;
  max-width: 250px;
  border-radius: 0;
  margin: 0;
  padding: 1px 0 0px;
  border: 0;
  border-bottom: 1px solid #000;
  width: 100%;
}
@media (max-width: 768px) {
  .newsletter__input {
    font-size: 16px;
    line-height: 20px;
  }
}
.newsletter__input:focus {
  outline: none;
}

.wrap__newsletter_input + .wrap__newsletter_input {
  margin-top: 15px;
}

#bp {
  width: 1px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  #bp {
    width: 2px;
  }

  .teaser__carousel-placeholder-cell {
    width: calc(25% - 1.18343%);
  }
  .teaser__carousel-placeholder-cell.press--placeholder-cell {
    width: 32.54438%;
  }

  .participating__artists {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }

  .item--cols-2 {
    width: calc(25% - 1.18343%);
  }

  .index__items {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media (max-width: 768px) {
  #bp {
    width: 3px;
  }

  .teaser__carousel-placeholder-cell {
    width: calc(50% - 1.18343%);
  }
  .teaser__carousel-placeholder-cell.press--placeholder-cell {
    width: 49.40828%;
  }

  .participating__artists {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }

  .item--cols-2 {
    width: calc(50% - 1.18343%);
  }

  .index__items {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }

  .header-mobile {
    -moz-transition: left 350ms;
    -o-transition: left 350ms;
    -webkit-transition: left 350ms;
    transition: left 350ms;
    background-color: white;
    bottom: 0;
    display: block;
    left: -260px;
    padding-left: 18px;
    padding-top: 14px;
    position: fixed;
    top: 0;
    width: 296px;
    z-index: 100;
  }

  .header-mobile--open {
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
    left: 0;
  }

  .header-mobile .block-content {
    height: 100%;
    overflow: auto;
    width: 100%;
  }

  .header-mobile .logo {
    display: block;
    left: auto;
    right: 7px;
    position: absolute;
    width: 22px;
  }

  .logo {
    display: none;
  }

  .menu {
    width: 100%;
  }

  .menu__secondary {
    float: left;
    margin-top: 10px;
    width: 100%;
  }

  .menu-secondary__column {
    margin-right: 0;
    width: 100%;
  }

  .opening-hours {
    float: left;
    margin-top: 17px;
    width: 100%;
  }

  .menu-search-button {
    float: left;
    margin-top: 17px;
    position: relative;
    right: auto;
    top: auto;
  }

  .additional-footer {
    zoom: 1;
    font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
    float: left;
    margin-bottom: 20px;
    margin-top: 158px;
    padding-right: 30px;
    width: 100%;
  }
  .additional-footer:before, .additional-footer:after {
    content: "";
    display: table;
  }
  .additional-footer:after {
    clear: both;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .additional-footer {
    font-size: 11px;
    line-height: 15px;
  }
}
@media (max-width: 768px) {
  .additional-footer p + p {
    margin-top: 15px;
  }

  .header-mobile__button {
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    right: 3px;
    top: 51px;
  }
  .header-mobile--open .header-mobile__button {
    right: 5px;
  }

  .menu-button-icon {
    background-image: url(../elements/icon_menu.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 20px;
    width: 26px;
  }

  .item--cols-2,
  .item--cols-3,
  .item--cols-4,
  .item--cols-6,
  .item--cols-8,
  .item--cols-12 {
    width: 100%;
  }

  .item {
    margin-bottom: 24px;
  }

  .accordion__content .item {
    margin-bottom: 13px;
  }

  .item__surtitle {
    margin-bottom: 2px;
  }

  .item__title {
    font-size: 24px !important;
    line-height: 26px !important;
  }

  .teaser__carousel .item__title {
    font-size: 16px !important;
    line-height: 18px !important;
  }

  .item--fontsize-l .item__title {
    margin-bottom: 2px;
  }

  .item__text {
    margin-bottom: 13px;
    margin-top: 22px;
  }

  .item--backgroundcolor .item__content {
    position: relative;
    top: auto;
    left: auto;
  }

  .item--backgroundcolor:after {
    padding-bottom: 0;
  }

  .block-content--marginleft {
    margin-left: 40px;
  }

  .header {
    opacity: 0;
    pointer-events: none;
  }
  .header .header__fixed {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    display: block;
  }
  .header .header__submenu {
    zoom: 1;
    display: block;
    margin-top: 4px;
  }
  .header .header__submenu:before, .header .header__submenu:after {
    content: "";
    display: table;
  }
  .header .header__submenu:after {
    clear: both;
  }
  .header .header__submenu li {
    float: left;
  }
  .header .menu-search-button {
    display: none;
  }
  .header .menu,
  .header .menu__secondary {
    display: none;
  }

  .header-small .header {
    opacity: 1;
    pointer-events: all;
  }

  .overlayer__logo {
    left: 9px;
    width: 22px;
  }

  .main {
    margin-top: 19px;
  }
  .homepage .main {
    margin-top: 0;
  }

  .homepage__text {
    margin-bottom: 26px;
    margin-right: 0;
    margin-top: 19px;
    width: 100%;
    padding-right: 10px;
  }

  .teaser__carousel-title {
    margin-right: 0;
    width: 100%;
  }

  .teaser__carousel-navigation {
    display: none;
  }

  .teaser__carousel .item {
    margin-left: calc(2 * 1.18343%);
    width: calc(50% - 2 * 1.18343%);
  }

  .footer {
    margin-bottom: 30px;
    margin-top: 40px;
  }
  .footer p + p {
    margin-top: 15px;
  }

  .footer__address {
    margin-right: 0;
    width: 100%;
  }

  .footer__socialmedia {
    margin-right: 0;
    margin-top: 15px;
    width: 100%;
  }

  .filter {
    margin-bottom: 19px;
    margin-top: 6px;
  }

  .filter__years {
    display: inline-block;
  }

  .filter__years li {
    float: left;
  }

  .filter__artists {
    column-count: 2;
  }

  .grid {
    margin-bottom: 24px;
  }

  .grid__title {
    font-size: 16px;
    line-height: 18px;
  }
  .grid__title + .grid__items {
    margin-top: 10px;
  }

  .grid--mobile-2-cols .item {
    width: calc(50% - 2 * 1.18343%);
    margin-left: calc(2 * 1.18343%);
  }
  .grid--mobile-2-cols .item--cols-4 {
    width: 100%;
  }
  .grid--mobile-2-cols .item__title {
    font-size: 16px !important;
    line-height: 18px !important;
  }

  .article__header {
    display: flex;
    flex-direction: column;
    padding-right: 10px;
  }

  .article__infoline {
    order: 2;
  }

  .article__button {
    margin-top: 8px;
    order: 3;
  }

  .button__invert.button--article-category {
    display: inline-block;
    left: auto;
    margin-left: 0;
    position: relative;
    top: auto;
  }

  .article__title {
    margin-right: 0;
    order: 1;
    width: 100%;
  }

  .article__subtitle {
    margin-top: 0;
    order: 2;
    width: 100%;
  }

  .article__subsubtitle {
    width: 100%;
    order: 2;
  }

  .article__title_text {
    margin-top: 3px;
    order: 2;
  }

  .article__submenu {
    display: inline-block;
    margin-top: 13px;
    order: 4;
  }

  .article__submenu li {
    float: left;
  }

  .article__images {
    margin-bottom: 18px;
  }

  .carousel__caption {
    width: 49.40828%;
    float: left;
    margin-right: 1.18343%;
    margin-top: 11px;
  }

  .article__caption_previewimage {
    width: 49.40828%;
    float: left;
    margin-right: 1.18343%;
  }

  .article__text {
    margin-bottom: 30px;
  }

  .article__text-with-sidebar {
    display: flex;
    flex-direction: column;
  }

  .article__text-with-sidebar .sidebar {
    margin-bottom: 20px;
    order: 1;
    padding-right: 10px;
    width: 100%;
  }

  .article__text-with-sidebar .text {
    order: 2;
  }

  .text {
    padding-right: 10px;
    width: 100%;
  }

  .sponsors__text {
    margin-right: 0;
    padding-right: 10px;
    width: 100%;
  }

  .sponsors__logos {
    margin-bottom: 20px;
  }

  .header__caption {
    width: 49.40828%;
    float: left;
    margin-right: 1.18343%;
  }

  .accordion--mobile-only {
    margin-bottom: 14px;
  }

  .accordion__content--mobile-only {
    display: none;
  }
  .accordion__content--mobile-only .item {
    float: left;
  }

  .accordion__title--mobile-only {
    font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
    letter-spacing: -0.03em;
    word-spacing: -0.1em;
    font-weight: bold;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .accordion__title--mobile-only {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 768px) {
  .accordion__title--mobile-only span {
    cursor: pointer;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
  }
  .accordion__title--mobile-only span:after {
    content: "";
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: -moz-transform 250ms;
    -o-transition: -o-transform 250ms;
    -webkit-transition: -webkit-transform 250ms;
    transition: transform 250ms;
    display: inline-block;
    width: 16px;
    height: 9px;
    margin-left: 4px;
    background-image: url("../elements/scon_arrow_down.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .accordion--open .accordion__title--mobile-only span:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .group__press {
    margin-right: 0;
    padding-right: 10px;
    width: 100%;
  }

  .press__item {
    margin-bottom: 17px;
  }

  .teaser__carousel.carousel--related {
    margin-top: 0;
  }

  .carousel__prev_next_button {
    display: none;
  }

  .article__carousel:not(.carousel--small) .carousel__image {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    left: auto;
  }

  .artwork_bottom {
    padding-left: 40px;
  }

  .page__submenu_item {
    clear: left;
  }

  .inline__images {
    width: calc(100% + 10px);
  }

  .inline__images + p,
  .inline__images + h4 {
    margin-top: 30px;
  }

  .text.text--paragraph p + p {
    margin-top: 20px;
  }

  .text h3 {
    margin-bottom: 20px;
    margin-top: 36px;
  }

  .text p + h4 {
    margin-top: 16px;
  }

  .shop__left {
    margin-right: 0;
    width: 100%;
  }
  .shop__left + .shop__right {
    margin-top: 24px;
  }

  .shop__right {
    margin-right: 0;
    width: 100%;
  }

  .shop__caption {
    width: 49.40828%;
    float: left;
    margin-right: 1.18343%;
  }

  .shop__text {
    margin-top: 18px;
  }

  .index__title {
    margin-bottom: 18px;
  }

  .overlayer__close {
    font: normal 14px/18px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
    top: 12px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .overlayer__close {
    font-size: 11px;
    line-height: 15px;
  }
}

@media (max-width: 768px) {
  .search__form {
    margin-top: 60px;
    padding-right: 20px;
    width: 100%;
  }

  .form__input {
    font: normal 22px/24px "Trade Gothic LH Extended", "Prompt", Helvetica, Arial, sans-serif;
    letter-spacing: -0.03em;
    word-spacing: -0.1em;
    font-weight: bold;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .form__input {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width: 768px) {
  .article__logo {
    width: 100% !important;
  }
}