@font-face {
    font-family: "NeueHaasGroteskText";
    src: url("fonts/95ea534a-2fc2-4365-9df6-5530cbc58cdf.woff2") format("woff2");
    font-weight: 400; /* muss exakt mit dem genutzten Wert übereinstimmen */
    font-style: normal;
}
@font-face {
    font-family: "NeueHaasGroteskText Italic";
    src: url("fonts/97b5babc-fc62-47c7-9cd0-cfa792128ca9.woff2") format("woff2");
    font-weight: 400; /* muss exakt mit dem genutzten Wert übereinstimmen */
    font-style: normal;
}
@font-face {
    font-family: "JahnAntiqua";
    src: url("fonts/NeueJahnAntiqua-Regular.woff2") format("woff2");
    font-weight: 400; /* muss exakt mit dem genutzten Wert übereinstimmen */
    font-style: normal;
}
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#container {
    font-family: NeueHaasGroteskText;
    display: flex;
    flex-direction: column;
}
a {
    color: black;
    text-decoration: none;
}
a.regular,
.regularLink {
    color: #969696;
}
a.special {
    color: black;
}
a.active {
    font-family: JahnAntiqua;
    line-height: 1.225;
}
@media (min-width: 1100px) {
    a:not(.regular):not(.special):hover {
        font-family: JahnAntiqua;
        line-height: 1.225;
    }
    a.regular:hover,
    .regularLink:hover {
        color: black;
    }
    a.regular:hover img.arrow {
        opacity: 100%;
    }
}
#close {
    align-self: flex-end;
    margin: clamp(9px, 1.333vw, 16px);
    position: absolute;
    z-index: 1;
}
#close > img {
    height: clamp(16px, 2.666vw, 34px);
}
img.arrow {
    height: clamp(12px, 1.5vw, 18px);
    opacity: 40%;
}
#mainList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#topRow {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
}
#pageTitle {
    align-self: center;
    margin-top: clamp(30px, 5vw, 64px);
    /* z-index: -2; */
}
#subMenu {
    margin-top: clamp(30px, 5vw, 64px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: clamp(-32px, -2.7vw, -16px);
}
#subMenuDefault {
    display: flex;
    flex-direction: column;
}
#subMenuArchive {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#gridSwitch {
    display: none;
}
@media (min-width: 1100px) {
    #gridSwitch {
        display: flex;
        gap: 24px;
    }
}
input[type="search"] {
    border: none;
    text-align: right;
    padding: 0;
    margin: 0;
    color: black;
    background-color: white;
    font-family: NeueHaasGroteskText;
    outline: none;
    width: calc(100% - 32px);
}
input[type="search"]::placeholder {
    color: black;
}
#search-clear {
    display: none;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.serif {
    font-family: JahnAntiqua;
    line-height: 1.24;
}
.italic {
    font-family: "NeueHaasGroteskText Italic";
}

.tinyFont {
    font-size: clamp(12px, 1.333vw, 16px);
}

.smallFont {
    font-size: clamp(16px, 2vw, 24px);
}
.largeFont {
    font-size: clamp(24px, 3vw, 48px);
}
.defaultMargin {
    margin: clamp(12px, 1.333vw, 16px);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: clamp(4px, 0.666vw, 8px);
    padding-bottom: clamp(24px, 4vw, 48px);
}
.defaultPadding {
    padding: clamp(12px, 1.333vw, 16px);
    padding-top: clamp(4px, 0.666vw, 8px);
}
#langForm {
    display: inline;
}
#langForm input[type="submit"] {
    all: unset;
    font-size: clamp(24px, 3vw, 48px);
    padding: 0;
    border: none;
    cursor: pointer;
    font-family: NeueHaasGroteskText;
    -webkit-appearance: none; /* Für ältere iOS Safari Versionen */
    appearance: none;
    background-color: white;
    color: black;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-synthesis: none;
}
@media (min-width: 1100px) {
    #langForm input[type="submit"]:hover {
        font-family: JahnAntiqua;
    }
}
#langForm button[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    font-size: clamp(24px, 3vw, 48px);
    padding: 0;
    border: none;
    cursor: pointer;
    font-family: NeueHaasGroteskText;
    font-weight: 400;
    background-color: white;
    color: black;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 1100px) {
    #langForm button[type="submit"]:hover {
        font-family: JahnAntiqua;
    }
}
#content {
    width: 100%;
    margin-top: clamp(30px, 5vw, 64px);
}
#footer {
    margin-top: clamp(30px, 5vw, 64px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#artistList {
    display: flex;
    flex-direction: column;
}
.artistListHoverLink {
    position: relative;
    z-index: 1;
}
.exGrid,
.videoGrid,
.pubGrid,
.artistGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(620px, 100%), 1fr));
    gap: clamp(16px, 2.666vw, 32px) 16px;
    /* gap: 32px 16px; */
}
.exGrid#current {
    grid-template-columns: repeat(auto-fill, minmax(min(750px, 100%), 1fr));
}
.exCard {
    display: flex;
    gap: clamp(4px, 0.666vw, 8px);
    flex-direction: column;
}
.exCardImageContainer,
.pubCardImageContainer {
    position: relative;
}
.videoCard {
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.666vw, 8px);
    position: relative;
}
.videoPlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 84px;
    -webkit-filter: drop-shadow(0px 0px 8px #00000029);
    filter: drop-shadow(0px 0px 8px #00000029);
}
.videoCard:hover {
    font-family: NeueHaasGroteskText;
}
.videoCardImage {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.videoDetailImage,
#videoFrame {
    max-height: calc(100vh - 8em);
    max-width: 150vh;
    width: 100%;
    margin-top: 3em;
}
#videoFrame {
    aspect-ratio: 16 / 9;
}
.exCardImage,
.exCardImagePlaceholder,
.artistCardImage,
.artistCardImagePlaceholder {
    width: 100%;
    height: 100%;
    border-radius: clamp(8px, 1.2vw, 16px);
    aspect-ratio: 3 / 2;
    object-fit: cover;
    background-color: #eaeaea;
    display: block;
}
.artistCard {
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.666vw, 8px);
}
.pubCard {
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.666vw, 8px);
}
.pubCardImageContainer {
    width: 100%;
    height: auto;
    border-radius: clamp(8px, 1.2vw, 16px);
    aspect-ratio: 4 / 3;
    background-color: #eaeaea;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pubCardImage {
    /* max-width: 100%; */
    /* max-height: 100%; */
    object-fit: contain;
    width: 100%;
    height: 100%;
    /* filter: drop-shadow(0 0 30px red) drop-shadow(0 0 30px red); */
    /* box-shadow: 0px 0px 15px; */
}
.exCardLocation {
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    margin-inline: auto;
    top: 16px;
    top: clamp(12px, 1.333vw, 16px);
    padding: 6px 12px;
    border-radius: 20px;
    background-color: white;
    color: #969696;
}
.videoCardTitle {
    align-self: center;
    text-align: center;
}
.exUpcomingItem {
    border-top: 1px solid black;
    padding-top: clamp(12px, 1.333vw, 16px);
    padding-bottom: clamp(12px, 1.333vw, 16px);
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px 48px;
}
@media (min-width: 1100px) {
    .exUpcomingItem {
        grid-template-columns: 1fr 5fr;
    }
}
.exUpcomingItem:last-child {
    border-bottom: 1px solid black;
}
.exUpcomingLocation {
}
.scrollTrigger {
}
.exList {
    display: grid;
    gap: 0 32px;
    grid-template-columns: auto auto 1fr 1fr 33%;
}
.exList.fair {
    grid-template-columns: auto 1fr 1fr 33%;
}
.exListElement {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 5;
    border-top: 1px solid black;
    padding: 8px 0;
}
.exListElement:last-child {
    border-bottom: 1px solid black;
}
/* .exListElement:first-child { */
/*     border-top: none; */
/* } */
.exListLocation,
.exListDate {
    grid-column: span 1;
    font-feature-settings: "tnum" on;
}
.exListArtist,
.exListTitle,
.exListImages {
    grid-column: span 1;
}
.exListImages {
    display: flex;
    overflow: hidden;
    gap: 4px;
    height: 60px;
}
.pubList {
    display: grid;
    gap: 0 32px;
    /* grid-template-columns: 1fr 1fr 2fr 2fr 2fr; */
    grid-template-columns: 1fr 1fr;
}
.pubListElement {
    display: grid;
    grid-template-columns: subgrid;
    /* grid-column: span 5; */
    grid-column: span 2;
    border-top: 1px solid black;
    padding: 8px 0;
}
.pubListElement:last-child {
    border-bottom: 1px solid black;
}
.pubListElement:first-child {
    border-top: none;
}
.pubListLocation,
.pubListDate {
    grid-column: span 1;
}
.pubListArtist,
.pubListTitle,
.pubListImages {
    grid-column: span 1;
}
.pubListImages {
    display: flex;
    overflow: hidden;
    gap: 4px;
}
#mediaContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: clamp(12px, 1.333vw, 16px);
    margin-top: 0;
    padding-top: clamp(4px, 0.666vw, 8px);
    height: calc(100vh - clamp(16px, 2vw, 24px));
}
#mediaPlayer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* gap: clamp(16px, 1.7vw, 32px); */
    gap: clamp(4px, 0.666vw, 8px);
    overflow: hidden;
    align-items: center;
}
#mediaTitle {
    align-self: center;
}
.artistListHoverImage {
    position: fixed;
    max-width: calc(100vw - 256px);
    max-height: calc(100vh - 256px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    /* z-index: -1; */
}
@media (min-width: 1100px) {
    .artistListHoverLink:hover + .artistListHoverImage {
        display: block;
    }
}

#artistDetailContainer,
#pubDetailContainer {
    display: flex;
    flex-direction: column;
    gap: clamp(32px, 3.5vw, 64px);
    /* gap: clamp(16px, 1.7vw, 32px); */
}
#artistDetailText p,
#exDetailText p,
#pubDetailText p {
    margin-top: 0;
    margin-bottom: 1em;
}
#artistDetailText p:last-of-type,
#exDetailText p:last-of-type,
#pubDetailText p:last-of-type {
    margin-bottom: 0;
}

#restText p:first-child {
    margin-top: 1em;
}
#artistDetailText a,
#exDetailText a,
#pubDetailText a {
    color: #969696;
}
@media (min-width: 1100px) {
    #artistDetailText a:hover,
    #exDetailText a:hover,
    #pubDetailText a:hover {
        color: black;
        font-family: NeueHaasGroteskText;
    }
}
.artistDetailBlock,
.pubDetailBlock,
.exDetailBlock {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.7vw, 32px);
}
.artistDetailBlock.listBlock,
.pubDetailBlock.listBlock,
.exDetailBlock.listBlock {
    gap: clamp(16px, 2vw, 24px);
}

.imageContainer {
    /* width: 100%; */
    /* height: calc(100vh - clamp(24px, 4vw, 48px)); */
    /* height: 100vh; */
    /* height: min(100vh, 88vw); */
    /* max-height: 100vh; */
    padding-top: 16px;
    padding-bottom: clamp(16px, 1.7vw, 32px);
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.666vw, 8px);
    /* aspect-ratio: 1 / 1; */
    overflow: hidden;
}

@media (min-width: 1100px) {
    .imageContainer {
        /* aspect-ratio: 3 / 2; */
    }
}
#artistDetailImageSwiper,
#artistDetailVideoSwiper,
#pubDetailImageSwiper {
    /* height: 100%; */
    /* aspect-ratio: 1 / 1; */
    /* max-width: 150vh; */
    width: 100vw;
    margin-left: clamp(-16px, -1.333vw, -12px);
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.666vw, 8px);
    /* margin-left: clamp(-16px, -1.333vw, -12px); */
}
#artistDetailImageSwiper:not(.single),
#artistDetailVideoSwiper:not(.single),
#pubDetailImageSwiper:not(.single) {
    cursor: pointer;
}

@media (min-width: 1100px) {
    #artistDetailImageSwiper,
    #artistDetailVideoSwiper,
    #pubDetailImageSwiper {
        /* aspect-ratio: 3 / 2; */
    }
}
.artistDetailImageSlide,
.pubDetailImageSlide {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 100vw;
    max-width: 150vh;
}
@media (min-width: 1100px) {
    .artistDetailImageSlide,
    .pubDetailImageSlide {
        max-height: calc(100dvh - 8em);
    }
}
.artistDetailImage,
.pubDetailImage {
    width: 100%;
    height: 100vw;
    object-fit: contain;
}
@media (min-width: 1100px) {
    .artistDetailImage,
    .pubDetailImage {
        height: 100%;
    }
}
.artistDetailVideoSlide {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: auto !important; /* wichtig */
    padding-left: clamp(12px, 1.333vw, 16px);
    padding-right: clamp(12px, 1.333vw, 16px);
}
.swiper-slide img {
    object-fit: contain;
    display: block;

    height: 100vw;
    max-width: 150vh;
}
@media (min-width: 1100px) {
    .swiper-slide img {
        height: calc(100dvh - 8em);
    }
}
.swiper-wrapper {
    height: auto !important; /* wichtig */
}
.swiper-slide.video {
    width: auto;
    max-width: 90vw;
    aspect-ratio: 15 / 9;
}
#artistDetailVideoList,
#exDetailVideoList {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.7vw, 32px);
    align-items: center;
}
.artistDetailVideo,
.exDetailVideo {
    /* height: calc(100vh - clamp(24px, 4vw, 48px)); */
    /* height: 100vh; */
    /* height: min(100vh, 70vw); */
    /* max-height: 100vh; */
    max-height: calc(100dvh - 8em);
    padding-top: 16px;
    padding-bottom: clamp(16px, 1.7vw, 32px);
    /* width: 100vw; */
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    max-width: 150vh;
}
.artistDetailVideoCaption,
exDetailVideoCaption {
}
#readMoreButton {
    color: #969696;
    cursor: pointer;
    word-wrap: nowrap;
}
@media (min-width: 1100px) {
    #readMoreButton:hover {
        color: black;
    }
}
#restText {
    display: none;
}
#artistDetailLinks,
#exDetailLinks {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: clamp(12px, 1.333vw, 16px);
}
#artistDetailLinksTitle,
.artistDetailLinksElement,
#exDetailLinksTitle,
.exDetailLinksElement {
    display: grid;
    border-bottom: 1px solid black;
    grid-template-columns: subgrid;
    /* padding: 16px 0; */
    padding: clamp(12px, 1.333vw, 16px) 0;
    grid-column: span 2;
}
#artistDetailLinksTitle,
#exDetailLinksTitle {
    padding-top: 0;
}
#artistDetailImageCaptions,
#pubDetailImageCaptions,
.exDetailImageCaption {
    margin: 0 clamp(12px, 1.333vw, 16px);
}

.swiperCaptions {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    min-height: calc(4em * 1.3);
}
@media (min-width: 1100px) {
    .swiperCaptions {
        min-height: unset;
    }
}
.captions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.captionLinks {
    display: inline-flex;
    margin-left: 0.66em;
    gap: 0.66em;
}
.imageInfo {
    text-align: center;
    display: inline;
}

.captionContainer {
    /* display: flex; */
    /* gap: 0.66em; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    text-align: center;
}

@media (min-width: 1100px) {
    .captionContainer.slideshow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.swiperCaptions:first-child {
    display: flex;
}
.imageCredit {
    display: none;
}
.creditTitle {
    cursor: pointer;
}
#exDetailContainer {
    display: flex;
    flex-direction: column;
    /* gap: 48px; */
    gap: clamp(32px, 3.5vw, 64px);
}
#exDetailLocation {
    /* margin-bottom: 1em; */
}
.exDetailImageContainer {
    /* align-self: center; */
    display: flex;
    flex-direction: column;
    /* width: 100%; */
    /* height: min(100vh, 88vw); */
    /* max-height: 100vh; */
    /* max-width: 150vh; */
    /* padding-top: 16px; */
    /* padding-bottom: clamp(16px, 1.7vw, 32px); */
    /* gap: 16px; */
    gap: clamp(4px, 0.666vw, 8px);
    align-items: center;
    overflow: hidden;
}
@media (min-width: 1100px) {
    .exDetailImageContainer {
        /* aspect-ratio: 3 / 2; */
    }
}
.exDetailImage {
    /* max-width: 100%; */
    /* max-height: 100%; */
    min-height: 0;
    /* aspect-ratio: 1 / 1; */
    /* object-fit: contain; */
    max-height: calc(100dvh - 8em);
    max-width: 150vh;
}
@media (min-width: 1100px) {
    .exDetailImage {
    }
}
#newsListContainer {
    display: flex;
    flex-direction: column;
    margin-bottom: -32px;
    gap: clamp(16px, 2vw, 24px);
}

.newsList {
    display: flex;
    flex-direction: column;
    margin-bottom: clamp(16px, 1.7vw, 32px);
}
.newsItem {
    border-bottom: 1px solid black;
    padding-top: clamp(12px, 1.333vw, 16px);
    padding-bottom: clamp(12px, 1.333vw, 16px);
}
.newsItem:first-child {
    border-top: 1px solid black;
}
.newsItemText {
}

#pubOrderLine {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 8px 0;
}
#pubOrderGroup {
    display: flex;
    gap: 0 24px;
    flex-direction: column;
}
@media (min-width: 1100px) {
    #pubOrderGroup {
        flex-direction: row;
    }
}
#orderButton {
}
#pubArtists {
}
.aboutTitle {
    margin-top: clamp(32px, 3.5vw, 64px);
    margin-bottom: clamp(16px, 1.7vw, 32px);
}
.aboutTitle:first-child {
    margin-top: 0;
}
.aboutBlock {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 16px 0;
}
.aboutBlock.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
.aboutBlock.flex > div {
    flex: 1;
    white-space: nowrap;
}

form#mc-embedded-subscribe-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "NeueHaasGroteskText";
    font-size: clamp(16px, 2vw, 24px);
    margin-top: 32px;
    width: 100%;
}
@media (min-width: 1100px) {
    form#mc-embedded-subscribe-form {
        /* width: 50%; */
    }
}
form#mc-embedded-subscribe-form p {
    margin: 0;
}
form#mc-embedded-subscribe-form input {
    border: none;
    border-radius: 30px;
    background-color: #eaeaea;
    padding: 12px 24px;
    color: #969696;
    font-family: "NeueHaasGroteskText";
    font-size: clamp(16px, 2vw, 24px);
    width: 100%;
    outline-color: #969696;
}
form#mc-embedded-subscribe-form input[type="submit"] {
    color: white;
    background-color: black;
    width: auto;
}
.mc-field-group {
    width: 100%;
}

::-webkit-input-placeholder {
    color: #969696;
}
#mc_embed_signup div.mce_inline_error {
    color: #ff0000 !important;
    background-color: white !important;
    font-family: "NeueHaasGroteskText";
    font-size: clamp(16px, 2vw, 24px);
    padding: 12px 24px !important;
    margin: 0 !important;
    font-weight: normal !important;
}
.imprintDetailBlock:last-child {
    border-bottom: 1px solid black;
}
.imprintDetailBlock {
    border-top: 1px solid black;
    padding: 12px 0;
}
.imprintDetailBlock p {
    margin-top: 0;
}
.imprintDetailBlock p:last-child {
    margin-bottom: 0;
}
#imprintDetailTitle {
    margin-bottom: clamp(16px, 1.7vw, 32px);
}
#footnoteList {
    margin-top: clamp(16px, 1.7vw, 32px);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 clamp(16px, 2vw, 24px);
}
.footnote {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2;
    font-feature-settings: "tnum" on;
}
sup {
    font-size: 1em;
    vertical-align: top;
    position: relative;
    /* left: 0.1em; */
    font-feature-settings: "sups" on;
    /* top: -0.2em; */
}
#blinker {
    font-family: "Times New Roman", serif;
}
.noBreak {
    white-space: nowrap;
}
#isbn {
    display: none;
}

@media (min-width: 1100px) {
    #isbn {
        display: block;
    }
}
#pubDetailArtistNames,
#exDetailLocation,
#artistDetailTitle {
    margin-right: calc(clamp(16px, 2.666vw, 34px) + 8px);
}
#worksBy {
    margin: 1em 0;
}
#NotFoundContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 5em);
}