@charset "UTF-8";
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;
}

@font-face {
  font-family: "NeueHaasLight";
  src: url("../font/NeueHaasUnicaPro-Light.woff") format("woff");
}
@font-face {
  font-family: "NeueHaasLightItalic";
  src: url("../font/NeueHaasUnicaPro-Light-Italic.woff") format("woff");
}
@font-face {
  font-family: "NeueHaasMedium";
  src: url("../font/NeueHaasUnicaPro-Medium.woff") format("woff");
}
@font-face {
  font-family: "NeueHaasRegular";
  src: url("../font/NeueHaasUnicaPro-Regular.woff") format("woff");
}
body,
.layout-subpage .exhibitions h3 {
  font-family: NeueHaasLight, Helvetica-Neue, Helvetica, Arial, sans-serif;
}

em {
  font-family: NeueHaasLightItalic, Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.date {
  letter-spacing: -0.035em;
}

header#header, .exhibitions--overview__current h1,
.news h1,
.exhibitions--overview-home,
.exhibitions--overview__current, .exhibitions header, .artists .exhibitions, header.center h1, .events .exhibition, .events .exhibition h3,
.education header li a,
header.center,
.exhibitions--overview__archive h2.year,
.artists--overview header,
.media .exhibion__current .title,
.media .media__upcomming .title,
.exhibitions--overview__upcomming .flex-container,
.shop--single .exhibition {
  font-family: NeueHaasRegular, Helvetica-Neue, Helvetica, Arial, sans-serif;
}

header#header, .exhibitions--overview__current h1,
.news h1,
.exhibitions--overview__current h2, .exhibitions header h1, .artists .exhibitions h1, .artists .exhibitions h2, header.center h1, .events .exhibition h1,
.education header li a,
.media .exhibion__current .title h1,
.media .media__upcomming .title h1,
.exhibitions--overview__upcomming .flex-container h1,
.shop--single .exhibition h1 {
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: -0.005em;
}

.exhibitions--overview-home h1, .exhibitions--overview-home h2, .exhibitions--overview-home h3, .exhibitions--overview h1, .exhibitions--overview h2, .exhibitions--overview h3, .exhibitions header h1 {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  letter-spacing: -0.03em;
}

.exhibitions--overview__archive .flex-container h1,
.exhibitions--single p a,
.exhibitions--single .exhibition-events h1,
.exhibitions--single .artists,
.artists--overview li,
.artists header h1,
.events--overview li.date h1,
.events--overview-home h1,
.visit h1,
.visit a,
strong,
.events .main h1,
.shop--overview h1,
.info a,
.collection h1,
.about h1,
.about h2,
.about h4,
.education h1,
.imprint a,
.exhibition-publications h1,
.exhibition-sponsors h1,
.layout-subpage header h3,
.no-exhibition,
.press h1,
.docs a,
.media .press h1,
footer h1,
.education .intro .link,
.basisInfo a,
.imprint h2,
input.button,
.education .intro a,
.newsletter h1,
.newsletter a,
.lost h1,
.media .intro a,
.foundations a,
.formular h1 {
  font-family: NeueHaasMedium, Helvetica-Neue, Helvetica, Arial, sans-serif;
}

footer,
form input,
form input.button {
  font-size: 0.8em;
  line-height: 1.3em;
}

body,
.approach p,
.additional-infos p {
  font-size: 15px;
  line-height: 1.25em;
}
@media screen and (min-width: 1024px) {
  body,
  .approach p,
  .additional-infos p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1224px) {
  body,
  .approach p,
  .additional-infos p {
    font-size: 17px;
  }
}
@media screen and (min-width: 1500px) {
  body,
  .approach p,
  .additional-infos p {
    font-size: 18px;
  }
}

.artists--overview li,
.exhibitions--overview__archive .flex-container,
.visit article,
nav ul#main-nav,
.shop--overview,
.collection h1,
.about h2,
.about h3,
.exhibitions--single .exhibition-events > div,
.education .program h2,
.education .register .large p,
.education--overview h1,
.education .content-blocks h1,
.education .content-blocks h2,
.exhibition-publications,
.exhibition-sponsors h1,
.no-exhibition,
.exhibitions .press,
.media .media__archive .title,
.education .basic-infos,
.media__upcomming .docs,
.media__current .docs,
.media .press,
.media .intro h2 {
  line-height: 1.15em;
  font-size: 1em;
}
@media screen and (min-width: 500px) {
  .artists--overview li,
  .exhibitions--overview__archive .flex-container,
  .visit article,
  nav ul#main-nav,
  .shop--overview,
  .collection h1,
  .about h2,
  .about h3,
  .exhibitions--single .exhibition-events > div,
  .education .program h2,
  .education .register .large p,
  .education--overview h1,
  .education .content-blocks h1,
  .education .content-blocks h2,
  .exhibition-publications,
  .exhibition-sponsors h1,
  .no-exhibition,
  .exhibitions .press,
  .media .media__archive .title,
  .education .basic-infos,
  .media__upcomming .docs,
  .media__current .docs,
  .media .press,
  .media .intro h2 {
    font-size: 1.15em;
  }
}
@media screen and (min-width: 480px) {
  .artists--overview li,
  .exhibitions--overview__archive .flex-container,
  .visit article,
  nav ul#main-nav,
  .shop--overview,
  .collection h1,
  .about h2,
  .about h3,
  .exhibitions--single .exhibition-events > div,
  .education .program h2,
  .education .register .large p,
  .education--overview h1,
  .education .content-blocks h1,
  .education .content-blocks h2,
  .exhibition-publications,
  .exhibition-sponsors h1,
  .no-exhibition,
  .exhibitions .press,
  .media .media__archive .title,
  .education .basic-infos,
  .media__upcomming .docs,
  .media__current .docs,
  .media .press,
  .media .intro h2 {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 1224px) {
  .artists--overview li,
  .exhibitions--overview__archive .flex-container,
  .visit article,
  nav ul#main-nav,
  .shop--overview,
  .collection h1,
  .about h2,
  .about h3,
  .exhibitions--single .exhibition-events > div,
  .education .program h2,
  .education .register .large p,
  .education--overview h1,
  .education .content-blocks h1,
  .education .content-blocks h2,
  .exhibition-publications,
  .exhibition-sponsors h1,
  .no-exhibition,
  .exhibitions .press,
  .media .media__archive .title,
  .education .basic-infos,
  .media__upcomming .docs,
  .media__current .docs,
  .media .press,
  .media .intro h2 {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 1500px) {
  .artists--overview li,
  .exhibitions--overview__archive .flex-container,
  .visit article,
  nav ul#main-nav,
  .shop--overview,
  .collection h1,
  .about h2,
  .about h3,
  .exhibitions--single .exhibition-events > div,
  .education .program h2,
  .education .register .large p,
  .education--overview h1,
  .education .content-blocks h1,
  .education .content-blocks h2,
  .exhibition-publications,
  .exhibition-sponsors h1,
  .no-exhibition,
  .exhibitions .press,
  .media .media__archive .title,
  .education .basic-infos,
  .media__upcomming .docs,
  .media__current .docs,
  .media .press,
  .media .intro h2 {
    font-size: 1.35em;
  }
}

.events--overview ul li,
.events--overview-home,
.layout-subpage header.main,
.newsletter.success h1,
.education .member,
.education .intro .link,
.education .intro h1,
.education h1.offer-title,
.shop--single .infos,
.about h1,
.formular h1,
.lost h1 {
  line-height: 1.05em;
  font-size: 1.25em;
}
@media screen and (min-width: 500px) {
  .events--overview ul li,
  .events--overview-home,
  .layout-subpage header.main,
  .newsletter.success h1,
  .education .member,
  .education .intro .link,
  .education .intro h1,
  .education h1.offer-title,
  .shop--single .infos,
  .about h1,
  .formular h1,
  .lost h1 {
    font-size: 1.35em;
  }
}
@media screen and (min-width: 1024px) {
  .events--overview ul li,
  .events--overview-home,
  .layout-subpage header.main,
  .newsletter.success h1,
  .education .member,
  .education .intro .link,
  .education .intro h1,
  .education h1.offer-title,
  .shop--single .infos,
  .about h1,
  .formular h1,
  .lost h1 {
    font-size: 1.35em;
  }
}
@media screen and (min-width: 1224px) {
  .events--overview ul li,
  .events--overview-home,
  .layout-subpage header.main,
  .newsletter.success h1,
  .education .member,
  .education .intro .link,
  .education .intro h1,
  .education h1.offer-title,
  .shop--single .infos,
  .about h1,
  .formular h1,
  .lost h1 {
    letter-spacing: -0.01em;
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1500px) {
  .events--overview ul li,
  .events--overview-home,
  .layout-subpage header.main,
  .newsletter.success h1,
  .education .member,
  .education .intro .link,
  .education .intro h1,
  .education h1.offer-title,
  .shop--single .infos,
  .about h1,
  .formular h1,
  .lost h1 {
    font-size: 1.75em;
  }
}
@media screen and (min-width: 1824px) {
  .events--overview ul li,
  .events--overview-home,
  .layout-subpage header.main,
  .newsletter.success h1,
  .education .member,
  .education .intro .link,
  .education .intro h1,
  .education h1.offer-title,
  .shop--single .infos,
  .about h1,
  .formular h1,
  .lost h1 {
    letter-spacing: -0.015em;
    font-size: 2em;
  }
}

header.center,
.exhibitions--overview-home,
.exhibitions--overview__current > div,
.exhibitions--overview__upcomming > div,
.exhibitions--overview__archive header,
.media .title,
.layout-subpage .exhibition,
.artists--overview header,
.layout-shift .exhibition,
.news h1,
header#header .logo,
.menu-toggle,
.pop-up {
  font-size: 1.75em;
  line-height: 0.95em;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 480px) {
  header.center,
  .exhibitions--overview-home,
  .exhibitions--overview__current > div,
  .exhibitions--overview__upcomming > div,
  .exhibitions--overview__archive header,
  .media .title,
  .layout-subpage .exhibition,
  .artists--overview header,
  .layout-shift .exhibition,
  .news h1,
  header#header .logo,
  .menu-toggle,
  .pop-up {
    font-size: 2em;
  }
}
@media screen and (min-width: 1224px) {
  header.center,
  .exhibitions--overview-home,
  .exhibitions--overview__current > div,
  .exhibitions--overview__upcomming > div,
  .exhibitions--overview__archive header,
  .media .title,
  .layout-subpage .exhibition,
  .artists--overview header,
  .layout-shift .exhibition,
  .news h1,
  header#header .logo,
  .menu-toggle,
  .pop-up {
    letter-spacing: -0.015em;
    font-size: 2.25em;
  }
}
@media screen and (min-width: 1500px) {
  header.center,
  .exhibitions--overview-home,
  .exhibitions--overview__current > div,
  .exhibitions--overview__upcomming > div,
  .exhibitions--overview__archive header,
  .media .title,
  .layout-subpage .exhibition,
  .artists--overview header,
  .layout-shift .exhibition,
  .news h1,
  header#header .logo,
  .menu-toggle,
  .pop-up {
    font-size: 2.75em;
  }
}
@media screen and (min-width: 1824px) {
  header.center,
  .exhibitions--overview-home,
  .exhibitions--overview__current > div,
  .exhibitions--overview__upcomming > div,
  .exhibitions--overview__archive header,
  .media .title,
  .layout-subpage .exhibition,
  .artists--overview header,
  .layout-shift .exhibition,
  .news h1,
  header#header .logo,
  .menu-toggle,
  .pop-up {
    letter-spacing: -0.02em;
    font-size: 3.5em;
  }
}

#container {
  margin: 100px 15px 20px;
}

@media screen and (min-width: 480px) {
  #container {
    margin: 0 15px 20px;
  }
  body.mt #container {
    margin-top: 125px;
  }
}
@media screen and (min-width: 768px) {
  #container {
    margin: 0 30px 20px 40px;
  }
  body.mt #container {
    margin-top: 120px;
  }
  .flex-container {
    width: calc(100% + 30px);
  }
  .flex-container > * {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  body.mt #container {
    margin-top: 250px;
  }
}
@media screen and (min-width: 1500px) {
  #container {
    margin: 0 30px 20px 60px;
  }
}
.layout-subpage {
  margin-bottom: 60px;
}
.layout-subpage header, .layout-subpage header h3 {
  margin-bottom: 1em;
}
.layout-subpage .exhibition {
  margin-bottom: 1em;
}
.layout-subpage .info, .layout-subpage figure {
  margin-bottom: 30px;
}
@media screen and (min-width: 480px) {
  .layout-subpage {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px);
  }
  .layout-subpage > * {
    flex: 0 1 calc(50% - 15px);
    margin-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  .layout-subpage {
    width: calc(100% + 30px);
  }
  .layout-subpage > * {
    flex: 0 1 calc(33.3% - 30px);
    margin-right: 30px;
  }
}

header#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 3em;
  z-index: 1;
  height: 3em;
}
header#header > div {
  position: relative;
}
header#header .logo {
  padding: 15px;
}
header#header .logo a:hover .black {
  display: none;
}
header#header .logo a:hover .red {
  display: block;
}
header#header .logo .red {
  display: none;
}
header#header .logo img {
  display: block;
  width: 250px;
}
header#header nav {
  display: none;
  margin-left: 15px;
}
header#header nav li:hover a {
  color: var(--random-color);
}
header#header nav ul li.active a {
  color: var(--random-color-2);
}
header#header nav ul#sub-nav li {
  margin-bottom: 0.05em;
  letter-spacing: 0.08em;
}
header#header .menu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
header#header .menu-toggle span {
  display: block;
  background: black;
  height: 3px;
  margin-bottom: 3px;
  width: 20px;
}
header#header.active nav {
  display: block;
}
header#header.active .menu-toggle span {
  background: red;
}
header#header .visit-header {
  display: none;
}
header#header.visible-visit .visit-header {
  display: block;
}
@media only screen and (min-width: 480px) {
  header#header {
    width: 50%;
    right: 0;
    height: 0;
  }
  header#header > div {
    background: white;
    height: 100px;
  }
  header#header .logo {
    padding: 1.1em 15px 1.5em;
    width: 80%;
    position: absolute;
  }
  header#header .logo img {
    width: 180px;
  }
  header#header .menu-toggle {
    top: 1em;
    padding: 1em 0 1em 15px;
    left: 0;
    right: auto;
  }
  header#header.active {
    width: 100%;
  }
  header#header.active .logo {
    width: 100%;
  }
  header#header.active nav {
    background: white;
    display: flex;
  }
  header#header.active nav > * {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 768px) {
  header#header {
    width: calc(33.3% + 15px);
  }
  header#header .logo {
    width: 33.3%;
    position: absolute;
    padding: 1.1em 30px 2em;
  }
  header#header .menu-toggle {
    left: 0;
    top: 1.75em;
    padding: 7px 30px 15px;
    width: calc(33.3% - 60px);
  }
  header#header.active nav {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1024px) {
  header#header {
    background: white;
  }
  header#header.active {
    background: white;
    z-index: 1001;
    height: auto;
  }
  header#header.active nav ul {
    line-height: 1.5em;
  }
  header#header.active nav ul#main-nav {
    font-size: 2em;
    line-height: 1.2em;
  }
}
@media screen and (min-width: 1024px) {
  header#header {
    transition: top 0.25s, height 0.25s;
    width: 100%;
    padding: 0;
    background: none;
  }
  header#header > div {
    background: none;
  }
  header#header .menu-toggle {
    display: none;
  }
  header#header .menu-toggle span {
    display: block;
    background: black;
    height: 3px;
    margin-bottom: 4px;
    width: 30px;
  }
  header#header .menu-toggle span:last-of-type {
    margin-bottom: 0 !important;
  }
  header#header figure.logo {
    padding: 1.1em 30px 3.6em;
    top: 0;
    width: calc(34% - 60px);
    background: white;
  }
  header#header figure.logo img {
    width: 290px;
  }
  header#header.active nav {
    margin-top: 0;
    margin-left: 0;
    padding: 1.7em 0 1em 13px;
  }
  header#header nav {
    display: flex;
    position: absolute;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    left: 66.6%;
    right: 0;
    padding: 1.7em 0 1em 13px;
    background: rgb(255, 255, 255);
    opacity: 1;
    transition: opacity 0.25s, top 0.25s;
  }
  header#header nav > * {
    flex: 0 1 50%;
  }
  header#header nav ul {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1224px) {
  header#header.active nav,
  header#header nav {
    padding: 1.9em 0em 30px 15px;
  }
  header#header figure.logo {
    padding: 1.1em 30px 3.4em;
  }
  header#header figure.logo img {
    width: 350px;
  }
}
@media screen and (min-width: 1500px) {
  header#header.active nav,
  header#header nav {
    padding: 2.7em 0em 30px 20px;
  }
  header#header figure.logo {
    padding: 1.1em 30px 2.75em;
  }
  header#header figure.logo img {
    width: 400px;
  }
}
@media screen and (min-width: 1824px) {
  header#header.active nav,
  header#header nav {
    padding: 3.5em 0em 30px 20px;
  }
  header#header figure.logo {
    padding: 1.1em 30px 2.1em;
  }
  header#header figure.logo img {
    width: 450px;
  }
}

@media screen and (min-width: 480px) {
  body.scrolled header#header {
    top: -50vh;
  }
  body.scrolled.scrollUp header#header {
    top: 0;
    background: white;
  }
}
@media screen and (min-width: 1024px) {
  body.scrolled.scrollUp header#header {
    height: 12em;
  }
}
@media screen and (min-width: 1500px) {
  body.scrolled.scrollUp header#header {
    height: 13em;
  }
}

.exhibitions--overview-home > div {
  margin-bottom: 1em;
}
.exhibitions--overview-home > div:hover a {
  color: var(--random-color);
}
.exhibitions--overview-home > div figure {
  margin-bottom: 0.15em;
}
.exhibitions--overview .flex-container > *:hover a {
  color: var(--random-color);
}
.exhibitions--overview .no-exhibition {
  margin-bottom: 4em;
}
.exhibitions--overview .flex-container {
  margin-bottom: 2em;
}
.exhibitions--overview .flex-container > * {
  margin-bottom: 1em;
}
.exhibitions--overview__archive .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: calc(100% + 15px);
}
.exhibitions--overview__archive .flex-container > * {
  flex: 0 0 calc(50% - 15px);
  margin-right: 15px;
}
@media screen and (min-width: 480px) {
  .exhibitions--overview-home {
    width: calc(100% + 15px);
  }
  .exhibitions--overview-home > div {
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .exhibitions--overview-home > div:nth-child(1) {
    margin-top: 100px;
  }
}
@media screen and (min-width: 600px) {
  .exhibitions--overview__current .flex-container, .exhibitions--overview__upcomming .flex-container, .exhibitions--overview__archive .flex-container {
    width: calc(100% + 15px);
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
  }
  .exhibitions--overview__current .flex-container > *, .exhibitions--overview__upcomming .flex-container > *, .exhibitions--overview__archive .flex-container > * {
    margin-right: 30px;
    flex: 0 0 calc(50% - 30px);
  }
}
@media screen and (min-width: 1024px) {
  .exhibitions--overview-home > div {
    width: calc(33.3% - 30px);
    margin-right: 30px;
  }
  .exhibitions--overview-home > div:nth-child(1), .exhibitions--overview-home > div:nth-child(3) {
    margin-top: 250px;
  }
  .exhibitions--overview__current .flex-container > *, .exhibitions--overview__upcomming .flex-container > * {
    flex: 0 0 calc(33.3% - 30px);
  }
  .exhibitions--overview__archive .flex-container {
    margin-bottom: 2em;
  }
  .exhibitions--overview__archive .flex-container > * {
    flex: 0 0 calc(33.3% - 30px);
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 1500px) {
  .exhibitions--overview__archive .flex-container {
    margin-bottom: 2em;
  }
  .exhibitions--overview__archive .flex-container > * {
    flex: 0 0 calc(16.66% - 30px);
  }
}

.exhibitions--single header,
.exhibitions--single .artists,
.exhibitions--single .intro,
.exhibitions--single .exhibition-text,
.exhibitions--single .exhibition-text p {
  margin-bottom: 1em;
}
.exhibitions--single figure {
  margin-bottom: 1em;
}
.exhibitions--single .exhibition-events > div,
.exhibitions--single .exhibition-publications > div,
.exhibitions--single .exhibition-sponsors > div {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
}
.exhibitions--single .exhibition-events > div > *,
.exhibitions--single .exhibition-publications > div > *,
.exhibitions--single .exhibition-sponsors > div > * {
  flex: 0 1 calc(50% - 30px);
  margin-bottom: 1em;
  margin-right: 30px;
}
.exhibitions--single .exhibition-sponsors > div {
  margin-bottom: 2em;
  width: calc(100% + 30px);
}
.exhibitions--single .exhibition-sponsors > div > * {
  flex: 0 1 auto;
}
.exhibitions--single .grid > * {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .exhibitions--single .magazin {
    width: calc(100% + 30px);
  }
  .exhibitions--single .magazin > * {
    width: calc(50% - 30px);
    margin-right: 30px;
  }
  .exhibitions--single .magazin > *:nth-child(2) {
    margin-top: 100px;
  }
  .exhibitions--single .magazin .exhibition-events > div,
  .exhibitions--single .magazin .exhibition-publications > div {
    margin-bottom: 2em;
    width: 100%;
  }
  .exhibitions--single .magazin .exhibition-events > div > *,
  .exhibitions--single .magazin .exhibition-publications > div > * {
    flex: 0 1 calc(25% - 30px);
  }
  .exhibitions--single .magazin .exhibition-sponsors > div {
    margin-bottom: 2em;
    width: 100%;
  }
  .exhibitions--single .magazin .exhibition-sponsors > div > * {
    flex: 0 1 auto;
  }
  .exhibitions--single .no-magazin {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .exhibitions--single .no-magazin > * {
    flex: 0 1 48%;
  }
  .exhibitions--single .no-magazin .exhibition-text {
    order: 1;
  }
  .exhibitions--single .no-magazin .exhibition-images {
    order: 2;
    margin-top: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .exhibitions--single .magazin {
    width: calc(100% + 30px);
  }
  .exhibitions--single .magazin > * {
    width: calc(33.3% - 30px);
    margin-right: 30px;
  }
  .exhibitions--single .magazin > *:nth-child(1) {
    margin-top: 0;
  }
  .exhibitions--single .magazin > *:nth-child(2) {
    margin-top: 100px;
  }
  .exhibitions--single .magazin .exhibition-events > div > *,
  .exhibitions--single .magazin .exhibition-publications > div > * {
    flex: 0 1 calc(20% - 30px);
  }
  .exhibitions--single .no-magazin {
    width: calc(100% + 30px);
  }
  .exhibitions--single .no-magazin .exhibition-info {
    flex: 0 1 calc(33.3% - 30px);
  }
  .exhibitions--single .no-magazin .exhibition-info > * {
    margin-right: 15px;
  }
  .exhibitions--single .no-magazin .exhibition-images {
    flex: 0 1 66.6%;
    margin-top: 0;
  }
  .exhibitions--single .no-magazin .exhibition-images figure.grid-item {
    width: calc(50% - 30px);
    padding-right: 30px;
  }
  .exhibitions--single .no-magazin .exhibition-images figure.grid-item:nth-child(1) {
    margin-top: 100px;
  }
  .exhibitions--single .exhibition-events > div,
  .exhibitions--single .exhibition-publications > div {
    width: 100%;
  }
  .exhibitions--single .exhibition-events > div figure,
  .exhibitions--single .exhibition-publications > div figure {
    margin-bottom: 0;
  }
  .exhibitions--single .exhibition-events > div > *,
  .exhibitions--single .exhibition-publications > div > * {
    flex: 0 1 calc(33.3% - 30px);
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1500px) {
  .exhibitions--single .magazin > *:nth-child(2) {
    margin-top: 200px;
  }
  .exhibitions--single .magazin .exhibition-events > div > *,
  .exhibitions--single .magazin .exhibition-publications > div > * {
    flex: 0 1 calc(16.6% - 30px);
  }
  .exhibitions--single .exhibition-events > div > *,
  .exhibitions--single .exhibition-publications > div > * {
    flex: 0 1 calc(25% - 30px);
    margin-bottom: 1em;
  }
}

.visit p, .visit figure {
  margin-bottom: 1em;
}
.visit article {
  display: flex;
  flex-wrap: wrap;
}
.visit article > * {
  flex: 0 1 100%;
  margin-bottom: 1em;
}
.visit article > * > * {
  margin-bottom: 1em;
}
.visit section {
  display: flex;
  flex-wrap: wrap;
  order: 2;
  width: calc(100% + 15px);
}
.visit section.opening-hours ul li {
  margin-bottom: 1em;
}
.visit section.entry ul li {
  margin-left: 0.7em;
  text-indent: -0.7em;
}
.visit section.entry ul li:before {
  content: "– ";
}
.visit section.address {
  order: 1;
}
.visit section > * {
  flex: 0 1 calc(50% - 15px);
}
.visit section > *:nth-child(1) {
  margin-right: 15px;
}
.visit section > *.approach {
  order: 3;
  flex: 0 1 100%;
}
.visit section > *.additional-infos {
  order: 5;
  flex: 0 1 100%;
}
@media only screen and (min-width: 1024px) {
  .visit header.center {
    margin-bottom: 0.5em;
  }
  .visit article {
    width: calc(100% + 30px);
  }
  .visit article > * {
    flex: 0 1 calc(33.3% - 30px);
    padding-right: 30px;
    display: block;
  }
  .visit article > * > * {
    display: block;
  }
  .visit article > *.entry {
    order: 1;
  }
  .visit article > *.address {
    order: 2;
  }
}
@media only screen and (min-width: 1500px) {
  .visit article section {
    width: calc(100% + 30px);
    display: flex;
  }
  .visit article section > * {
    flex: 0 1 calc(50% - 30px);
  }
  .visit article section > *:nth-child(1) {
    margin-right: 30px;
  }
}

.events--overview-home {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 15px);
}
.events--overview-home > * {
  flex: 0 1 calc(50% - 15px);
  margin-right: 15px;
  margin-bottom: 3em;
}
.events--overview-home > *:hover a {
  color: var(--random-color);
}
.events--overview ul {
  margin-bottom: 3em;
}
.events--overview li {
  margin-bottom: 1em;
}
.events--overview li:hover a {
  color: var(--random-color);
}
.events--single p:not(.date) {
  margin-bottom: 1em;
}
@media screen and (min-width: 480px) {
  .events--overview-home > * {
    flex: 0 1 calc(33% - 15px);
  }
  .events--overview ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px);
  }
  .events--overview ul li {
    flex: 0 1 calc(50% - 15px);
    margin-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  .events--overview-home {
    width: calc(100% + 30px);
  }
  .events--overview-home > * {
    flex: 0 1 calc(25% - 30px);
    margin-right: 30px;
  }
  .events--overview ul {
    width: calc(100% + 30px);
  }
  .events--overview ul li {
    flex: 0 1 calc(33.3% - 30px);
    margin-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .events--overview-home > * {
    flex: 0 1 calc(20% - 30px);
  }
}
@media screen and (min-width: 1500px) {
  .events--overview ul {
    margin-bottom: 5em;
  }
}

article.artists--overview .group ul {
  margin-bottom: 5em;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 15px;
       column-gap: 15px;
  -moz-column-fill: balance;
       column-fill: balance;
}
article.artists--overview .group ul li {
  margin-bottom: 0.5em;
  line-height: 1.3em;
}
article.artists--overview .group ul li:hover a {
  color: var(--random-color);
}
article.artists--overview header {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 480px) {
  article.artists--overview .group ul {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  article.artists--overview .group ul li {
    line-height: 1.3em;
  }
  article.artists--overview header {
    margin-left: calc(47% + 30px);
  }
}
@media screen and (min-width: 768px) {
  article.artists--overview .group ul {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  article.artists--overview .group ul li {
    margin-bottom: 0;
  }
  article.artists--overview header {
    margin-left: calc(30.5% + 30px);
  }
}
@media screen and (min-width: 1024px) {
  article.artists--overview {
    margin-top: 1em;
  }
  article.artists--overview .group ul {
    -moz-column-count: 4;
         column-count: 4;
  }
  article.artists--overview header {
    margin-left: calc(22.5% + 30px);
  }
}
@media screen and (min-width: 1224px) {
  article.artists--overview .group ul {
    -moz-column-count: 5;
         column-count: 5;
  }
  article.artists--overview header {
    margin-left: calc(36% + 60px);
  }
}
@media screen and (min-width: 1500px) {
  article.artists--overview .group ul {
    -moz-column-count: 6;
         column-count: 6;
    -moz-column-fill: balance;
         column-fill: balance;
  }
  article.artists--overview header {
    margin-left: calc(32% + 30px);
  }
}

header.center {
  z-index: 2;
  position: relative;
  margin-bottom: 1em;
}
header.center.sub-group {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 480px) {
  header.center {
    margin-left: calc(50% + 15px);
  }
}
@media screen and (min-width: 1024px) {
  header.center {
    margin-left: calc(33.3% + 10px);
    width: calc(33.3% - 30px);
    padding-right: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .exhibitions--single header.center,
  .artists--single header.center,
  .events--single header.center,
  .shop--single header.center,
  .visit header.center,
  .education header.center {
    min-height: 5.5em !important;
  }
}
.shop--overview .flex-container {
  display: flex;
  flex-wrap: wrap;
}
.shop--overview .flex-container > * {
  flex: 0 0 calc(50% - 15px);
  margin-bottom: 3em;
}
.shop--overview .flex-container > *:hover a {
  color: var(--random-color);
}
@media only screen and (min-width: 768px) {
  .shop--overview .flex-container > * {
    flex: 0 1 calc(33.3% - 30px);
  }
}
@media only screen and (min-width: 1024px) {
  .shop--overview .flex-container > * {
    flex: 0 1 calc(25% - 30px);
  }
}
@media only screen and (min-width: 1224px) {
  .shop--overview .flex-container > * {
    flex: 0 1 calc(16.6% - 30px);
  }
}
.shop--single article {
  width: 50%;
}

.layout-shift > * {
  margin-bottom: 2em;
}
@media screen and (min-width: 480px) {
  .layout-shift {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px);
  }
  .layout-shift > * {
    flex: 0 1 calc(50% - 15px);
  }
  .layout-shift > *:nth-child(2) {
    margin-top: 75px;
  }
}
@media screen and (min-width: 768px) {
  .layout-shift {
    width: calc(100% + 30px);
  }
  .layout-shift > * {
    flex: 0 1 calc(33.3% - 30px);
    margin-right: 30px;
  }
  .layout-shift > *:nth-child(2) {
    margin-top: 100px;
  }
}

.about > div {
  margin-bottom: 2em;
}
.about p, .about ul {
  margin-bottom: 1em;
}
.about ul li {
  padding-left: 0.6em;
  text-indent: -0.6em;
}
.about ul li:before {
  content: "– ";
}
@media only screen and (min-width: 768px) {
  .about {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
  }
  .about > * {
    flex: 0 1 calc(33.3% - 30px);
    padding-right: 30px;
  }
  .about > div {
    margin-bottom: 5em;
  }
}
@media only screen and (min-width: 768px) {
  .about > * {
    flex: 0 1 calc(33.3% - 30px);
    padding-right: 30px;
  }
}

.education p {
  margin-bottom: 1em;
}
.education .text-column-two {
  display: flex;
}
.education .text-column-two > * {
  flex: 0 1 calc(50% - 15px);
}
.education .block-intro, .education figure {
  margin-bottom: 1em;
}
.education .content-blocks > * {
  margin-bottom: 60px;
}
.education .intro > div {
  margin-bottom: 60px;
}
.education header li.active a {
  color: var(--random-color-2);
}
.education header a:hover {
  color: var(--random-color);
}
.education--overview figure {
  margin-bottom: 0;
}
.education--overview .cats > * {
  margin-bottom: 1em;
}
.education--overview .cats > *:hover h1 {
  color: var(--random-color);
}
@media only screen and (min-width: 480px) {
  .education .wrapper {
    display: flex;
    width: calc(100% + 15px);
  }
  .education .wrapper > * {
    flex: 0 1 calc(50% - 15px);
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .education .text-column-two > * {
    flex: 0 1 calc(50% - 30px);
  }
  .education .wrapper {
    width: calc(100% + 30px);
  }
  .education .wrapper > * {
    flex: 0 1 calc(50% - 30px);
  }
}
@media only screen and (min-width: 1224px) {
  .education .wrapper > *:nth-child(1) {
    flex: 0 1 calc(33.3% - 30px);
  }
  .education .wrapper > *:nth-child(2) {
    flex: 0 1 66.6%;
    margin-right: 0;
  }
  .education .wrapper > *:nth-child(2) > * {
    width: calc(50% - 30px);
    padding-right: 30px;
  }
  .education .wrapper > *:nth-child(2) .flex-container {
    display: flex;
    flex-wrap: wrap;
  }
  .education .wrapper > *:nth-child(2) .flex-container > * {
    flex: 0 1 calc(50% - 30px);
    margin-right: 30px;
  }
}

.news h1 {
  margin-bottom: 0.2em;
}
.news > * {
  margin-bottom: 2em;
}
@media only screen and (min-width: 480px) {
  .news {
    display: flex;
    flex-wrap: wrap;
  }
  .news > * {
    flex: 0 1 calc(50% - 30px);
    padding-right: 30px;
  }
  .news > *.img {
    flex: 0 1 100%;
    display: flex;
  }
  .news > *.img > * {
    flex: 0 1 calc(50% - 15px);
    padding-right: 30px;
  }
  .news > *.img > *:nth-child(2n) {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .news > * {
    flex: 0 1 calc(33.3% - 30px);
  }
  .news > *.img {
    flex: 0 1 calc(66% - 30px);
  }
}
@media only screen and (min-width: 1024px) {
  .news > * {
    flex: 0 1 calc(25% - 30px);
  }
  .news > *.img {
    flex: 0 1 calc(50% - 30px);
  }
}

.media .flex-container {
  margin-bottom: 3em;
}
.media .flex-container > * {
  flex: 0 1 100%;
}
.media .docs, .media .title {
  margin-bottom: 1em;
}
.media .flex-container {
  display: flex;
  flex-wrap: wrap;
}
.media .intro {
  margin-bottom: 2em;
}
.media .intro h2 {
  margin-bottom: 1em;
}
@media only screen and (min-width: 480px) {
  .media .intro {
    display: flex;
    justify-content: space-between;
  }
  .media .intro > * {
    flex: 0 1 calc(50% - 15px);
  }
  .media .intro > *:first-child {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .media .intro {
    margin-bottom: 6em;
  }
  .media .intro > * {
    flex: 0 1 calc(33.3% - 15px);
  }
}
.media__archive .flex-container > * {
  flex: 0 1 calc(50% - 15px);
  margin-bottom: 2em;
}
.media__archive .flex-container > * > * {
  margin-right: 30px;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .media__archive .flex-container > * {
    flex: 0 1 calc(33.3% - 30px);
  }
}
@media screen and (min-width: 1024px) {
  .media__current .flex-container > *, .media__upcomming .flex-container > * {
    flex: 0 1 calc(33.3% - 30px);
  }
  .media__archive .flex-container > * {
    flex: 0 1 calc(25% - 30px);
  }
}
@media screen and (min-width: 1224px) {
  .media__archive .flex-container > * {
    flex: 0 1 calc(16.66% - 30px);
  }
}

@media screen and (min-width: 480px) {
  .collection {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px);
  }
  .collection > * {
    flex: 0 1 calc(50% - 15px);
  }
}
@media screen and (min-width: 768px) {
  .collection {
    width: calc(100% + 30px);
  }
  .collection > * {
    flex: 0 1 calc(33.3% - 30px);
    margin-right: 30px;
  }
}

.newsletter > div {
  margin-top: 1em;
}
.newsletter form label {
  margin-right: 0.5em;
}
.newsletter form .indicates-required {
  margin-bottom: 1em;
}
.newsletter form .content__gdpr {
  margin-top: 1em;
}
.newsletter form .gdprRequired {
  margin-bottom: 0.5em;
}
.newsletter form input {
  background-color: white;
  border: none;
  border-bottom: solid 1px;
  font-size: 1em;
}
.newsletter form input#gdpr_1483 {
  border: solid 1px black;
}
.newsletter form input#mc-embedded-subscribe {
  margin-top: 1em;
}
.newsletter form input#preferredKitten {
  display: none;
}
.newsletter form h3 {
  margin-bottom: 0.5em;
}
.newsletter form textarea#message {
  display: none;
}

body {
  scroll-behavior: smooth;
}

.pop-up {
  position: fixed;
  width: calc(90vw - 2em);
  top: 10vh;
  margin: auto;
  background: white;
  border: solid black;
  z-index: 99999;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 1.5em 1em 0.5em;
}
.pop-up p {
  margin-bottom: 1em;
}
.pop-up .dismiss {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  cursor: pointer;
}
@media (min-width: 900px) {
  .pop-up {
    width: 800px;
    left: calc(50% - 400px - 1em);
  }
}

.formular a {
  text-decoration: underline;
}
.formular header {
  margin-bottom: 2em;
}
.formular header h1 {
  margin-bottom: 0.1em;
}
.formular h2 {
  margin-bottom: 0.5em;
}
.formular form {
  max-width: 550px;
  margin-bottom: 2em;
}
.formular form .form-group {
  margin-bottom: 1em;
}
.formular form .form-group label,
.formular form .form-group input {
  display: block;
  font-family: NeueHaasLight, Helvetica-Neue, Helvetica, Arial, sans-serif;
}
.formular form .form-group input {
  font-size: 1em;
}
.formular form .form-radio,
.formular form .form-checkbox {
  margin-bottom: 2em;
}
.formular .btn {
  border: solid 1px;
  padding: 0.5em 0.75em 0.5em;
  background: white;
  line-height: 1.3em;
}
.formular .btn:hover {
  background: black;
  color: white;
}
@media (min-width: 600px) {
  .formular form .form-group,
  .formular form .flex {
    display: flex;
  }
  .formular form .form-group label,
  .formular form .flex label {
    flex: 0 1 30%;
  }
  .formular form .form-group input,
  .formular form .flex input {
    flex: 0 1 70%;
  }
}

.newsletter form input.input-text,
.formular form input.input-text {
  border: none;
  border-bottom: solid 1px;
  width: 90%;
}
.newsletter form input.button,
.formular form input.button {
  border-radius: 0;
  border: solid 1px;
  padding: 0.5em 0.75em 0.7em;
  margin-top: 0.5em;
  cursor: pointer;
  background: white;
}
.newsletter form input.button:hover,
.formular form input.button:hover {
  background: black;
  color: white;
}
.newsletter form .errors,
.formular form .errors {
  color: red;
}

a:hover {
  color: var(--random-color);
}

.about video {
  width: 100%;
}

.imprint p {
  margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
  .home section {
    margin-bottom: 100px;
  }
}

.logos figure {
  margin-bottom: 1em;
  max-width: 200px;
}
.logos figure.l {
  width: 200px;
}
.logos figure.m {
  width: 100px;
}
.logos figure.s {
  width: 50px;
}

html {
  overflow-x: hidden;
}

.visit iframe {
  width: 100%;
}

a {
  color: black;
  text-decoration: none;
}

img {
  width: 100%;
}

.success h1,
.success p {
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .success {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .success {
    width: 33%;
  }
}

section,
article {
  margin-bottom: 2em;
}

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 30px) !important;
  height: 100% !important;
}

footer {
  padding-top: 50px;
  margin: 15px;
}
footer .info {
  margin-bottom: 3em;
}
footer .footer-nav {
  display: flex;
}
footer .footer-nav > * {
  flex: 0 1 auto;
  margin-right: 1.5em;
}
footer .footer-nav li.active a,
footer .footer-nav li:hover a {
  color: var(--random-color);
}
footer .partners.logos > *:first-child figure.l img {
  max-width: 220px;
}
footer .partners.logos > *:nth-child(2) figure.m img {
  max-width: 80px;
}
footer .partners.logos figure {
  margin-bottom: 1em;
  max-width: 200px;
}
footer .partners.logos figure.l img {
  max-width: 120px;
}
footer .partners.logos figure.m img {
  max-width: 75px;
}
footer .partners.logos figure.s img {
  max-width: 50px;
}
@media only screen and (min-width: 420px) {
  footer > div.info {
    display: flex;
    flex-wrap: wrap;
  }
  footer > div.info > * {
    flex: 0 1 calc(50% - 15px);
    padding-right: 15px;
  }
  footer .partners > * img {
    max-width: 200px;
  }
}
@media only screen and (min-width: 768px) {
  footer > div.info {
    width: calc(100% + 30px);
  }
  footer > div.info > * {
    flex: 0 1 calc(24.5% - 30px);
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1224px) {
  footer {
    margin: 30px;
    padding-top: 100px;
  }
  footer > div.info {
    width: calc(100% + 30px);
  }
  footer > div.info > * {
    flex: 0 1 calc(16.3% - 30px);
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1500px) {
  footer > div.info > * {
    flex: 0 1 calc(16.6% - 30px);
  }
}
.imprint > * {
  margin-bottom: 2em;
}
@media only screen and (min-width: 500px) {
  .imprint {
    display: flex;
    flex-wrap: wrap;
  }
  .imprint > * {
    flex: 1 0 calc(50% - 15px);
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .imprint > * {
    flex: 0 1 calc(33% - 30px);
    padding-right: 30px;
  }
}

.exhibitions--overview article h1 {
  margin-bottom: 0;
}

header nav {
  margin-bottom: 2em;
}
header nav ul {
  margin-bottom: 0.5em;
}

footer nav ul#footer-nav li ul {
  margin-bottom: 1em;
}

@media only screen and (min-width: 800px) {
  footer nav ul#footer-nav {
    display: flex;
  }
  footer nav ul#footer-nav li ul {
    margin-bottom: 2em;
  }
  footer nav ul#footer-nav li {
    flex: 0 1 auto;
    margin-right: 15px;
  }
  footer nav ul#footer-nav li ul li {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  footer nav ul#footer-nav li {
    margin-right: 30px;
  }
}/*# sourceMappingURL=styles.css.map */