:root {
    --font-size-1: 39.9px;
    --line-height-1: 48px;
    --font-size-2: 19.9px;
    --line-height-2: 24px;
    --font-size-3: 16px;
    --line-height-3: 18px;
    --font-size-4: 12px;
    --line-height-4: 14px;

    --font-size-m1: 24px;
    --line-height-m1: 27px;
    --font-size-m2: 13.5px;
    --line-height-m2: 16px;
    --font-size-m3: 11.5px;
    --line-height-m3: 14px;

    --font-size-1: 2.5rem;
    --line-height-1: 3rem;
    --font-size-2: 1.25rem;
    --line-height-2: 1.5rem;
    --font-size-3: 1rem;
    --line-height-3: 1.125rem;
    --font-size-4: 0.75rem;
    --line-height-4: 0.875rem;

    --font-size-m1: 1.5rem;
    --line-height-m1: 1.6875rem;
    --font-size-m2: 0.875rem;
    --line-height-m2: 1rem;
    --font-size-m3: 0.75rem;
    --line-height-m3: 0.875rem;
}
html {
    scroll-behavior: smooth;
    font-feature-settings: "calt" off;
    overflow-x: hidden;
    font-size: 16px;
    font-size: 4vw;
}

body {
    margin: 0;
    font-family: "Syndicat Grotesk Regular", arial, sans-serif;
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 600px) {
    html {
        font-size: 2vw;
    }
    body {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
}
@media (min-width: 600px) {
    html {
        font-size: 1vw;
    }
}
a {
    color: black;
    text-decoration: none;
}
a .linkGrey,
.pressImageLink {
    font-feature-settings: "ss03";
    color: #787878;
    white-space: nowrap;
}
a:hover .linkGrey,
.pressImage:hover > p > .pressImageLink {
    color: black;
}
h1 {
    font-size: var(--font-size-m1);
    line-height: var(--line-height-m1);
    font-weight: normal;
    margin: 0;
}
@media (min-width: 600px) {
    h1 {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
    }
}
h4 {
    margin: 0;
    font-weight: normal;
    /*font-variant-numeric: tabular-nums;  */
}
@media (min-width: 600px) {
    h4.indexSticky {
        /*bottom: -16px;*/
        bottom: 0;
        background-color: white;
        position: sticky;
        position: -webkit-sticky;
    }
}

h1 p,
h4 p {
    display: inline;
}
p,
h3 {
    margin: 0;
}
em {
    font-family: "Syndicat Grotesk Italic", arial, sans-serif;
    font-style: normal;
}
strong {
    text-decoration: underline;
    font-weight: normal;
}
.noWrap {
    white-space: nowrap;
}

#mainContainer {
}
@media (min-width: 600px) {
    #mainContainer {
        position: relative;
        min-height: calc(100vh - 145px);
        min-height: calc(100vh - 9rem);
        padding-bottom: 145px;
        padding-bottom: 9rem;
    }
}
main {
    /*padding-bottom*/
}

main#index,
main#programList {
    display: flex;
    flex-direction: column;
}
figure {
    margin: 0;
}

sup {
    font-feature-settings: "sups" on;
    vertical-align: baseline;
    font-size: inherit;
}
#indexPubCol,
#programEvents {
    display: -ms-grid;
    display: grid;
    ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 3px;
    margin: 0;
}
@media (min-width: 600px) {
    #indexPubCol,
    #programEvents {
        ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin: 0 4px;
    }
}
@media (min-width: 960px) {
    #indexPubCol,
    #programEvents {
        ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

#indexEvents {
    margin-left: 3px;
}
.isotopeItem {
    width: calc(100% - 3px);
    margin: 0 3px 0px 0;
}
@media (min-width: 600px) {
    .isotopeItem {
        width: calc(50% - 3px);
    }
}
@media (min-width: 950px) {
    .isotopeItem {
        width: calc(33.3% - 3px);
    }
}
.isotopeItem h4 {
    text-align: center;
    padding-bottom: 29px;
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 16px;
    padding: 0.4rem 1rem 1.8rem;
}
.isotopeItem.double {
    width: calc(100% - 3px);
}
@media (min-width: 600px) {
    .isotopeItem.double {
        width: calc(100% - 3px);
    }
}
@media (min-width: 950px) {
    .isotopeItem.double {
        width: calc(66.6% - 3px);
    }
    .isotopeItem.double.programPodcast {
        width: calc(66.6% - 5px);
    }
}

.indexEventItem,
.programEventItem {
    justify-self: center;
}
.indexEventItemImage,
.programEventItemImage {
    max-width: 100%;
}
.indexEventItem h4,
.programEventItem h4,
.publicationItem h4,
.collectionItem h4 {
    text-align: center;
    padding: 5px 8px 30px;
    padding: 0.35rem 1rem 2rem;
}
@media (min-width: 600px) {
    .indexEventItem h4,
    .programEventItem h4,
    .publicationItem h4,
    .collectionItem h4 {
        padding: 10px 16px 30px;
        padding: 0.4rem 1rem 1.8rem;
    }
}
.indexEventItem a,
.programEventItem a,
.publicationItem a,
.collectionItem a {
    display: block;
}
.double {
    ms-grid-column-span: 1;
    grid-column: span 1;
}
@media (min-width: 600px) {
    .double {
        ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
#indexParticipate {
    display: none;
}
@media (min-width: 600px) {
    #indexParticipate {
        display: flex;
        flex-direction: row;
        margin: 0px 64px 62px;
        margin: 0 4rem 3.95rem;
    }
}
#indexParticipate > a {
    cursor: pointer;
    text-align: center;
    flex: 1;
}

#eyeCatcher {
    width: calc(66vw - 3px);
    height: calc(66vw - 3px);
    background-color: white;
    border-radius: 80vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 32px;
    border: 1px solid black;
}
@media (min-width: 600px) {
    #eyeCatcher {
        width: calc(33vw - 3px);
        height: calc(33vw - 3px);
        border-radius: 33vw;
        margin: 0 auto;
    }
}
@media (min-width: 960px) {
    #eyeCatcher {
        width: 21vw;
        height: 21vw;
        border-radius: 21vw;
    }
}
#eyeCatcherText {
    padding: 16px;
}
#eyeCatcherText > p {
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
}
@media (min-width: 1000px) {
    #eyeCatcherText > p {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
@media (min-width: 1444px) {
    #eyeCatcherText > p {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
}

.mobileNavContainer {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: white;
    text-align: center;
    padding: 10px 8px 18px;
    padding: 0.55rem 1rem 1rem;
    z-index: 3;
}
.mobileNavBurger {
    display: block;
    z-index: 4;
    width: 20px;
    /*grid-area: mobileBurger;*/
    padding: 19px 14px 7px;
    padding: 4.4vw 1rem 1rem;
    top: 0;
    position: fixed;
    right: 0;
}
.mobileNavContainer {
    /*grid-area: mobileNav;*/
    /*top: 12px;*/
}
#mobileNavSpacer {
    height: 12px;
    /*grid-area: spacer;*/
}
.mobileDetailNavContainer {
    display: block;
    background-color: white;
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    padding: 1.25rem 2px 1.25rem;
    z-index: 1;
}
@media (min-width: 600px) {
    .mobileDetailNavContainer {
        padding: 1.5rem 2px 1.5rem;
    }
}
.mobileDetailNavContainer > h1 > div {
    width: 17px;
    padding: 0px 15px 0px;
}
#burger {
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
}
.burgerLine {
    width: 18px;
    height: 2px;
    background-color: black;
    display: block;
    margin: 3px 0 0;
    transition: 0.4s;
}
@media (min-width: 600px) {
    #programDetailBurger a {
        display: none;
    }
}
#timesLine1,
#timesLine2 {
    width: 20px;
    height: 2px;
    background-color: black;
    display: block;
    margin: 3px 0 0;
}
@media (min-width: 600px) {
    #timesLine1,
    #timesLine2 {
        width: 25px;
        height: 3px;
    }
}
#timesLine1 {
    transform: rotate(-45deg) translate(1px, -1px);
}
@media (min-width: 600px) {
    #timesLine1 {
        transform: rotate(-45deg) translate(1px, 0px);
    }
}
.toTimes1 {
    transform: rotate(-45deg) translate(1px, 5px);
}
.toTimes2 {
    opacity: 0;
}
#timesLine2 {
    transform: rotate(45deg) translate(-4px, -5px);
}
.toTimes3 {
    transform: rotate(45deg) translate(-2px, -8px);
}
.mobileDetailNavContainer h1 {
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
#navContainer {
    display: none;
}
#navContainer,
#menuContainer {
    text-align: center;
    padding: 8px 8px 57px;
}
@media (min-width: 600px) {
    #navContainer,
    #menuContainer {
        padding: 50px 16px 12px;
        padding: 3rem 1rem 0.75rem;
        margin-bottom: 44px;
        margin-bottom: 2.65rem;
    }
}
@media (min-width: 600px) {
    .mobileNavContainer,
    .mobileNavBurger {
        display: none;
    }
    #navContainer {
        display: block;
        position: sticky;
        position: -webkit-sticky;
        background-color: white;
        top: -50px;
        top: -2.8rem;
        z-index: 2;
    }
}
#navContainer h1 {
    margin: 0;
}
#navContainer a:hover {
    text-decoration-thickness: from-font;
    text-decoration-color: black;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-offset: 0.2rem;
}
.menuActive {
    text-decoration-thickness: from-font;
    text-decoration-color: black;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-offset: 0.2rem;
}

#headerContainer {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 12px 2px;
    padding-top: 12px;
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
}
#headerContainer a:hover {
    text-decoration: underline;
}
#headerContainer > a:hover {
    text-decoration: none;
}

#mobileHeaderContainer,
#mobileMenuHeaderContainer {
    /*display: grid;*/
    padding: 0px 8px 0px;
    background-color: white;
    /*position: sticky;*/
    /*position: -webkit-sticky;*/
    /*top: -50px;*/
    /*grid-template-columns: 1fr auto;
    grid-template-areas:
        "mobileHeader mobileBurger"
        "mobileNav mobileNav"
        "spacer spacer";
        */
    z-index: 2;
}
#headerInfo {
    padding-top: 5px;
    padding-bottom: 1px;
    grid-area: mobileHeader;
}
#mobileHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (min-width: 600px) {
    #headerInfo {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #headerContainer {
        margin: 0 16px 2px;
        padding: 16px 0 0;
        margin: 0 1rem 0.1rem;
        padding: 1rem 0 0;
        display: flex;
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
    #mobileHeaderContainer {
        display: none;
    }
}

#detailNavContainer {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    width: calc(100% - 32px);
    background-color: white;
    padding: 14px 16px 14px;
    z-index: 2;
}
@media (min-width: 600px) {
    #detailNavContainer {
        display: flex;
    }
}
#detailNavContainer a {
}
#detailNavContainer a:hover {
    text-decoration: underline;
}
#detailNavContainer.list {
    position: fixed;
    top: -50px;
    transition: top 0.2s;
}
#detailNavContainer.list.open {
    top: 0;
}

#detailNavMenu {
    flex: 3;
    text-align: center;
    font-weight: normal;
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
}
@media (min-width: 960px) {
    #detailNavMenu {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
}

#detailNavEmpty,
#detailNavLinks {
    flex: 1;
    text-align: right;
}
#detailNavLinks {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
}
@media (min-width: 960px) {
    #detailNavLinks {
    }
}

#programDetailText,
.programDetailText {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 3px;
    margin: 8px;
    grid-template-areas:
        "title"
        "text"
        "aside"
        "sponsor";
}
#programDetailText.collection {
    grid-template-areas:
        "title"
        "aside"
        "text"
        "sponsor";
}
.programDetailText.about {
    margin-top: 38px;
    margin-top: 2.5rem;
}
#programDetailRelated {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 3px;
    margin: 19px 0 4px;
    margin: 1rem 0 4px;
}
#programDetailRelated.podcast {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
@media (min-width: 600px) {
    #programDetailText,
    .programDetailText,
    #programDetailText.collection {
        -ms-grid-columns: 1fr 1fr;
        margin: 30px 4px 4px;
        margin: 0rem 4px 4px;
        padding-top: 2rem;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "title title"
            "text text"
            "aside aside"
            "sponsor sponsor";
    }
    #programDetailRelated {
        grid-template-columns: 1fr 1fr;
        margin: 61px 4px 4px;
        margin: 4rem 4px 4px;
    }
}
@media (min-width: 960px) {
    #programDetailText,
    .programDetailText,
    #programDetailText.collection {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            "title title title"
            "aside text text"
            "aside sponsor sponsor";
    }
    #programDetailRelated {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

#programDetailTitle,
.programDetailTitle {
    grid-area: title;
    margin: 11px 8px 18px;
    text-align: center;
}
#programDetailClose {
    display: none;
}
@media (min-width: 600px) {
    #programDetailTitle,
    .programDetailTitle {
        margin: 38px 16px 52px;
        margin: 2.5rem 1rem 4rem;
        /*z-index: 2;*/
        position: relative;
    }

    #programDetailTitle {
        /*position: sticky;
    position: -webkit-sticky;*/
        /*top: -50px;*/
        padding: 50px 90px 12px;
        padding: 3.6rem 4rem 1rem;
        margin: 0 0 44px;
        background-color: white;
    }
    #programDetailClose {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 3;
        background-color: white;
        text-align: right;
        padding: 16px 16px 16px 0;
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
    #programDetailClose a:hover {
        text-decoration: underline;
    }
}
.programDetailTitle.about {
    margin-top: 18px;
    z-index: 1;
}
@media (min-width: 600px) {
    .programDetailTitle.about {
        margin-top: 52px;
        margin-top: 3rem;
    }
}
#programDetailTextAside,
.programDetailTextAside {
    grid-area: aside;
}
#programDetailTextAside.about,
.programDetailTextAside.about {
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
}
@media (min-width: 600px) {
    #programDetailTextAside.about,
    .programDetailTextAside.about {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
.programDetailTextAsideItem {
    margin: 0 0 30px;
    text-align: center;
}
.programDetailTextAsideItem.pdf {
    margin: 0 0 60px;
}
@media (min-width: 600px) {
    .programDetailTextAsideItem {
        margin: 0 0 62px;
        margin: 0 0 3rem;
    }
}
.programDetailTextAsideItem a p {
    display: inline;
}
.programDetailTextAsideItem img {
    max-width: 50%;
}
.programDetailTextAsideItem div {
    margin: 6px 64px 0;
}
@media (min-width: 600px) {
    .programDetailTextAsideItem div {
        margin: 10px 64px 0;
    }
}
div.programDetailTextAsideItem.left:nth-child(1) {
    margin-top: 0;
}
.programDetailTextAsideItem.left {
    text-align: left;
    margin: 0 0px 30px;
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
}
.programDetailTextAsideItem.newsletter {
    display: none;
}
@media (min-width: 600px) {
    div.programDetailTextAsideItem:nth-child(1) {
        margin-top: 64px;
    }
    .programDetailTextAsideItem.newsletter {
        display: block;
    }
    .programDetailTextAsideItem.left {
        margin: 0 12px 64px;
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
.programDetailTextAsideItem.left.about {
    margin-bottom: 26px;
    margin-bottom: 1.4rem;
    margin-top: 0;
}
.aboutSpace {
    margin-bottom: 19px;
    display: block;
}
@media (min-width: 600px) {
    .aboutSpace {
        margin-bottom: 26px;
        margin-bottom: 1.4rem;
    }
}
.programDetailTextAsideItem.about {
    margin-top: 30px;
}
@media (min-width: 600px) {
    .programDetailTextAsideItem.about {
        margin-top: 66px;
        margin-top: 3rem;
    }
}
#programDetailTextBlock,
.programDetailTextBlock {
    grid-area: text;
    margin: 0 0px 26px;
    max-width: 100%;
}
@media (min-width: 600px) {
    #programDetailTextBlock,
    .programDetailTextBlock {
        margin: 0 12px 26px 0;
    }
}
#programDetailTextBlock > div,
.programDetailTextBlock > div {
    margin: 0 0 32px;
}
#programDetailTextBlock p,
.programDetailTextBlock p {
    margin: 0 0 18px;
}
@media (min-width: 600px) {
    #programDetailTextBlock p,
    .programDetailTextBlock p {
        margin: 0 0 1em;
    }
}
#programDetailTextBlock p:last-child,
.programDetailTextBlock p:last-child {
    margin: 0 0;
}
#programDetailTextBlock a,
.programDetailTextBlock a {
    font-feature-settings: "ss03";
    color: #787878;
    white-space: nowrap;
}
#programDetailTextBlock a:hover,
.programDetailTextBlock a:hover {
    color: black;
}
#programDetailTextBlock a::before,
.programDetailTextBlock a::before {
    content: "\2197  ";
}
#programDetailTextBlock a.exclude::before,
.programDetailTextBlock a.exclude::before {
    content: "";
}
#programDetailTextBlock.press a::before,
.programDetailTextBlock.press a::before {
    content: "\2192  ";
}
#programDetailTextBlock.imprint > div {
}
#programDetailTextBlock.imprint > div > p {
    margin-bottom: 0;
}

#programDetailSponsorBlock {
    grid-area: sponsor;
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
}
#programDetailSponsorBlock {
    margin: 0;
}
@media (min-width: 600px) {
    #programDetailSponsorBlock {
        margin: 0 12px 0 0;
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
.logoBlock {
    margin: 0px;
    margin-bottom: 27px;
}
.logoBlock p {
    margin-bottom: 2px;
}
.logoBlock img {
    margin: 13px 28px 11px 0;
}
.logoImageMobile {
    max-width: 50%;
    max-height: 32px;
    display: block;
}
.logoImage {
    display: none;
}
@media (min-width: 600px) {
    .logoBlock {
        margin-bottom: 0;
    }
    .logoImageMobile {
        display: none;
    }
    .logoBlock img {
        margin: 28px 28px 26px 0;
    }
    .logoImage {
        display: initial;
        max-width: 20%;
        max-height: 65px;
    }
}
.programDetailRelatedBlock {
    -ms-grid-column-span: 1;
    grid-column: span 1;
}
.programDetailRelatedBlock h4 {
    text-align: center;
    margin: 8px 16px 30px;
}
.programDetailRelatedBlock.text {
    padding-left: 8px;
    padding-bottom: 14px;
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
}
.programDetailRelatedBlock.text.podcast {
    padding-left: 8px;
    padding-bottom: 14px;
    margin-top: 0px;
}
@media (min-width: 600px) {
    .programDetailRelatedBlock.text {
        padding-left: 14px;
        padding-bottom: 0;
        margin-top: -4px;
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
.programDetailRelatedBlock.podcast:not(.text) {
    border: 1px solid black;
    border-radius: 3rem;
    width: calc(100% - 16px);
    height: 5.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-m2);
    margin-bottom: 14px;
    text-align: center;
}
@media (min-width: 600px) {
    .programDetailRelatedBlock.podcast:not(.text) {
        width: 100%;
        font-size: var(--font-size-2);
    }
}
.programDetailRelatedImage {
    max-width: 100%;
}
#programDetailRelatedEx {
    text-align: center;
    display: block;
    margin: 30px;
}
@media (min-width: 600px) {
    #programDetailRelatedEx {
        margin: 0;
    }
}
#programDetailRelatedEx p {
    display: inline;
}
#programDetailSlideshow,
#programDetailSlideshow2,
#programDetailSlideshow3 {
    overflow-x: hidden;
}

#collectionItemFootnotes,
#collectionItemExtraInfo {
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
}
@media (min-width: 600px) {
    #collectionItemFootnotes,
    #collectionItemExtraInfo {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        margin: 26px 0 0 !important;
    }
}
.footnoteNumber {
    font-variant-numeric: tabular-nums;
    margin-right: 1em;
}
.footnoteContainer {
    display: flex;
    flex-direction: row;
}
.collectionDescription {
    margin: 0 !important;
}
.collectionDescription p {
    display: inline;
    margin: 0;
}

.glide__slide,
.glide__slide2,
.glide__slide3 {
    /*height: calc(66.6vw * 0.695);*/
    display: none;
    max-height: calc((100vw - 26px) / 1.414);
    outline: none;
}
.singleImage {
    max-height: none;
    max-width: 100vw;
}
.slick-slide {
    outline: none;
}
.slick-slider {
    /*cursor: url("/static/webfonts/KHM_Pfeile_rechts.svg.0268b1dbd276.png"), auto;*/
    /*cursor: e-resize;*/
}
.slick-slider.active {
    cursor: grab;
}
.slick-slider.active:active {
    cursor: grabbing;
}
.backArea {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: url("/static/webfonts/KHM_Pfeile_links.svg.e248afb44c8a.png"), auto;
}

@media (min-width: 600px) {
    .backArea {
        display: block;
    }
    .glide__slide,
    .glide__slide2,
    .glide__slide3 {
        max-height: calc(100vh - 7rem);
        min-height: calc(100vh - 7rem);
        padding-left: 3px;
    }
    .glide__slides,
    .glide__slides2,
    .glide__slides3 {
        min-height: calc(100vh - 7rem);
        background-color: lightgrey;
    }
}

#publicationArticles {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3px;
    margin: 0;
}
@media (min-width: 600px) {
    #publicationArticles {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        margin: 0 4px;
    }
}
@media (min-width: 960px) {
    #publicationArticles {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.publicationItem {
    -ms-grid-column-span: 1;
    grid-column: span 1;
}
.publicationItem img {
    width: 100%;
}

#collectionArticles {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 3px;
    margin: 0;
}
@media (min-width: 600px) {
    #collectionArticles {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin: 0 4px;
    }
}
@media (min-width: 960px) {
    #collectionArticles {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
#collectionListText {
    margin: 0px 12px 30px;
}

#collectionListText p {
    margin-bottom: 18px;
}
@media (min-width: 600px) {
    #collectionListText {
        margin: -6px 12px 30px;
    }
    #collectionListText p {
        margin-bottom: 1em;
    }
}
.collectionItem {
    -ms-grid-column-span: 1;
    grid-column: span 1;
}
.collectionItem img {
    max-width: 100%;
}
#imageCaption {
    font-size: var(--font-size-m3);
    line-height: var(--line-height-m3);
    margin: 3px 8px 5px;
}
@media (min-width: 600px) {
    #imageCaption {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        margin: 9px 16px 12px;
        margin: 0.8rem 1.2rem 1rem;
    }
}
#counterContainer {
    margin-right: 1em;
    font-variant-numeric: tabular-nums;
}
#captionCaption p {
    display: inline;
}
#captionCredit,
#captionCredit2 {
    color: #787878;
    margin-left: 1em;
    cursor: pointer;
}

footer {
}

#footerContainer {
    position: absolute;
    display: none;
    bottom: 0;
    width: calc(100% - 32px);
    flex-direction: row;
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    margin: 58px 16px 0;
    margin: 3.8rem 1rem 0;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    align-items: flex-end;
}
#mobileFooterLinks {
    font-size: var(--font-size-m1);
    line-height: var(--line-height-m1);
}
#mobileFooterLogo {
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
    text-align: left;
    margin-top: 42px;
    position: absolute;
    bottom: 8px;
    width: calc(100% - 16px);
}
#mobileFooterLogo img {
    max-width: 50%;
    max-height: 48px;
}
#mobileFooterLogo p {
    margin-bottom: 6px;
}
@media (min-width: 600px) {
    #footerContainer {
        display: flex;
    }
}
#footerContainer a {
    margin-left: 1em;
}
#footerContainer a:hover {
    text-decoration: underline;
}
#footerLogo > a:nth-child(2) {
    margin-left: 0;
}
#footerLinks {
    flex: 3;
    text-align: center;
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
}
#footerLogo,
#footerImprint {
    flex: 1;
}
#footerLogo img {
    height: 2.5em;
    margin-top: 14px;
}
#footerImprint {
    text-align: right;
}

#programArchive {
    background-color: black;
    padding-bottom: 32px;
    position: relative;
    margin-top: -2px;
    color: white;
}
#programArchive.press {
    background-color: white;
    color: black;
}
#programArchive a {
    color: white;
}
#programArchive.press a {
    color: black;
}
.programArchiveYearContainer {
    /*
    position: absolute;
    top: 0;
    width: 100%;
    */
}

.programArchiveTableHead,
.programArchiveTableItem {
    display: flex;
    flex-direction: column;
    border-top: 1px solid white;
    padding: 5px 0 6px;
    margin: 0 8px;
}
a.programArchiveTableItem:last-child {
    border-bottom: 1px solid white;
}
.programArchiveTableItem.press {
    border-top: 1px solid black;
}
a.programArchiveTableItem.press:last-child {
    border-bottom: 1px solid black;
}
@media (min-width: 600px) {
    .programArchiveTableHead,
    .programArchiveTableItem {
        padding: 7px 0 9px;
        margin: 0 1rem;
    }
    a.programArchiveTableItem:last-child {
    }
    #programArchive.press {
        margin-top: -38px;
    }
}
.programArchiveTableItem.pressImage {
    flex-wrap: wrap;
}
.programArchiveTableHead {
    position: sticky;
    position: -webkit-sticky;
    top: 124px;
    /*background-color: #e6e6e6;*/
    display: none;
}
.programArchiveTableHead.press {
    background-color: white;
    border-bottom: 1px solid black;
    margin-bottom: -1px;
}
@media (min-width: 600px) {
    .programArchiveTableHead {
        top: 204px;
        display: flex;
    }
    .programArchiveTableHead.press {
        top: 120px;
        top: 8rem;
        display: flex;
    }
}
.programArchiveTableHead .sorter {
    cursor: pointer;
    display: none;
}
.programArchiveTableHead .sorter.mobile {
    display: block;
}
.tableSize {
    display: none;
}
@media (min-width: 600px) {
    .tableSize {
        display: initial;
    }
    .programArchiveTableHead {
        border-top: 1px solid black;
    }
    .programArchiveTableHead .sorter {
        display: block;
    }
    .programArchiveTableHead .sorter.mobile {
        display: none;
    }
    .programArchiveTableHead,
    .programArchiveTableItem {
        flex-direction: row;
    }
    .programArchiveTableItem:first-of-type {
        margin-top: 3rem;
    }
    .programArchiveTableItem.press:first-of-type {
        margin-top: 0;
    }
    .programArchiveTableHead .tableDate,
    .programArchiveTableItem .tableDate {
        flex-basis: 20%;
        font-variant-numeric: tabular-nums;
    }
    .programArchiveTableHead .tableTitle,
    .programArchiveTableItem .tableTitle {
        flex: 1;
    }
    .programArchiveTableHead .tableTitle.press,
    .programArchiveTableItem .tableTitle.press {
        /*text-align: center*/
    }
    .programArchiveTableHead .tableLocation,
    .programArchiveTableItem .tableLocation,
    .programArchiveTableHead .tableSize,
    .programArchiveTableHead .tableDownload,
    .programArchiveTableItem .tableSize,
    .programArchiveTableItem .tableDownload {
        text-align: right;
        flex: 0;
        flex-basis: 200px;
    }
    .programArchiveTableItem .tableSize {
    }
}

.programArchiveTableItem .pressImageSet {
    flex-basis: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.programArchiveTableItem .tableDownloadMobile {
}
.programArchiveTableItem .pressImage {
    padding: 11px 0;
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    text-align: center;
    flex-basis: 50%;
}
.programArchiveTableItem .pressImage img {
    max-width: 90%;
}
@media (min-width: 600px) {
    .programArchiveTableItem .tableDownloadMobile {
        display: none;
    }
    .programArchiveTableItem .pressImage {
        padding: 12px 16px 16px;
        flex-basis: 200px;
    }
    .programArchiveTableItem .pressImageSet {
        justify-content: normal;
    }
    .programArchiveTableItem .pressImage img {
        max-width: none;
    }
}
.programArchiveTableItem .pressImage p {
    margin-top: 4px;
}
.pressImageLink {
    display: block;
}

.programArchiveArchive {
    font-size: var(--font-size-m1);
    line-height: var(--line-height-m1);
    text-align: center;
    padding: 11px 0px 18px;
    margin: 0 8px;
    position: sticky;
    position: -webkit-sticky;
    top: 55px;
    top: 3.2rem;
    z-index: 1;
    background-color: black;
    color: white;
}
.programArchiveArchive.press {
    background-color: white;
    color: black;
}
.programArchiveYear {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: var(--font-size-m1);
    line-height: var(--line-height-m1);
    padding: 11px 0px 18px;
    padding: 3.6rem 0px 0.8rem;
    margin: 0 8px;
    margin: 0 0.4rem 0rem;
    position: sticky;
    position: -webkit-sticky;
    top: 55px;
    top: 0.4rem;
    z-index: 1;
    width: 100px;
}
.programArchiveYear.first {
    margin-top: -56px;
    margin-top: -6.6rem;
}
@media (min-width: 600px) {
    .programArchiveYear.first {
        margin-top: -157px;
        margin-top: -10rem;
    }
    .programArchiveYear {
        padding: 52px 0px 56px;
        padding: 3.6rem 0px 0.8rem;
        margin: 0 16px;
        margin: 0 1rem 0rem;
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        top: 56px;
        top: 0.6rem;
    }
    .programArchiveArchive {
        padding: 52px 0px 12px;
        padding: 3.6rem 0px 0.8rem;
        margin: 0 16px 39px;
        margin: 0 0.5rem 2.7rem;
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        top: 56px;
        top: 0.6rem;
        /*border-bottom: 1px solid black;*/
        /*height: 90px*/
    }
    .programArchiveArchive > #Archive {
        /*position: sticky;
    position: -webkit-sticky;*/
        /*top: 108px;*/
    }
}

@media (min-width: 1200px) {
    .programArchiveYear {
        /*top: 10px;*/
    }
    .programArchiveArchive {
        /*top: 8px;*/
    }
    .programArchiveArchive > #Archive {
        /*top: 62px;*/
    }
}

#indexCurve {
    margin-bottom: 30px;
}
@media (min-width: 600px) {
    #indexCurve {
        margin-top: 56px;
        margin-bottom: 62px;
        margin: 3.55rem 0 4rem;
    }
}

#audioPlayer,
.audioPlayer {
    margin: 0 8px 6px;
    width: calc(100% - 16px);
    height: 80px;
    height: 5.25rem;
    background-color: white;
    position: relative;
    text-align: center;
    border-radius: 3rem;
    border: 1px solid black;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#audioPlayer div,
.audioPlayer div {
    /*margin: 0;*/
}
.audioPlayer.podcast {
    margin: 0 0 30px;
}
@media (min-width: 600px) {
    #audioPlayer,
    .audioPlayer {
        margin: 0 4px 12px;
        width: calc(100% - 8px);
        height: 80px;
        height: 5.25rem;
    }
    .audioPlayer.podcast {
        margin-bottom: 3rem;
    }
}

#videoBack {
    width: 100%;
    height: 44px;
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    z-index: 2;
    padding-top: 5px;
}
#videoBack a {
    margin: 0 20px 0 32px;
}

#videoPlayer {
    color: black;
    width: 100%;
    height: 50px;
    border-top: 1px solid white;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#audioPlayer:hover {
    /*background-color: rgb(245, 198, 133);*/
    background-color: rgb(243, 199, 63);
    border: 1px solid white;
}
#audioPlayer:hover #audioTitle {
    color: white !important;
}
#audioPlayer:hover #playButton,
#audioPlayer:hover #pauseButton {
    -webkit-text-stroke: 1px white;
}
#audioTitle,
.audioTitle {
    flex-basis: 100%;
}
#playerControl,
.playerControl {
    cursor: pointer;
    margin: 0 20px 0 30px !important;
}
#playButton,
.playButton {
    font-size: 24px;
    color: transparent;
    -webkit-text-stroke: 1px black;
}
#pauseButton,
.pauseButton {
    font-size: 15px;
    color: transparent;
    -webkit-text-stroke: 1px black;
}
#playButton,
#pauseButton,
.playButton,
.pauseButton {
    width: 20px;
    margin: 0 !important;
}

#playerCenter,
.playerCenter {
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/
    font-variant-numeric: tabular-nums;
    margin: 0 32px 0 0 !important;
}
@media (min-width: 600px) {
    #playerCenter,
    .playerCenter {
        /*margin-right: 0;*/
    }
}
#progressBar,
.progressBar {
    flex-grow: 1;
    padding: 10px 0;
    cursor: pointer;
    margin: 0 !important;
    text-align: left;
}
#progressBar.video {
    padding: 0;
    margin: 10px 0;
    background-color: black;
    height: 1px;
}

#progressTime {
    margin: 0 20px 0 0 !important;
}
#endTime {
    margin: 0 0 0 20px !important;
    /*margin: 0 32px 0;*/
}
#progressLine {
    width: 1%;
    background-color: white;
    height: 1px;
    margin: 0 !important;
}
.regular #progressLine {
    background-color: black;
}
#progressLine.video {
    background-color: black;
    height: 3px;
    margin-top: -1px;
}
#weather {
    text-align: center;
    font-size: var(--font-size-m2);
    line-height: var(--line-height-m2);
    font-variant-numeric: tabular-nums;
    margin: 0 8px;
}
@media (min-width: 600px) {
    #weather {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        margin: 0;
    }
}
.lineThrough {
    text-decoration: line-through;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-family: "Syndicat Grotesk Italic", arial, sans-serif;
    font-style: normal;
}

#pressArchiveHead {
    margin: 64px auto;
}
#pressArchiveHead a:hover {
    text-decoration: underline;
}

#headerLinks {
    display: none;
}
#headerLinks > a:nth-child(1) {
    margin-right: 11px;
    margin-right: 0.7rem;
}
#mobileHeaderLinks {
    margin: 18px 0 16px;
}
@media (min-width: 600px) {
    #headerLinks {
        display: block;
        white-space: nowrap;
    }
    #mobileHeaderLinks {
    }
}

#pressEvent a p {
    display: inline;
}

#pressEvent p {
    margin: 0;
}
.pressEventLineBreak p {
    display: inline;
}

.headerRemove1 {
    display: none;
}
@media (min-width: 400px) {
    .headerRemove1 {
        display: inline;
    }
}
#headerRemove2 {
    display: none;
}
#headerRemove3 {
    display: none;
}
#headerRemove4 {
    display: block;
}
#headerRemove5 {
    display: none;
}
@media (min-width: 420px) {
    #headerRemove2 {
        display: inline;
    }
    #headerRemove3 {
        display: none;
    }
    #headerRemove4 {
        display: block;
    }
    #headerRemove5 {
        display: none;
    }
}

#readMore,
#readMore3,
#readMore4,
#readMore5 {
    color: #787878;
}
#readMore:hover,
#readMore3:hover,
#readMore4:hover,
#readMore5:hover {
    color: black;
}
.moreText,
.moreText3,
.moreText4,
.moreText5 {
    display: none;
}
#readMore2 {
    display: none;
    color: #787878;
}
#readMore2:hover {
    color: black;
}
@media (min-width: 600px) {
    .moreText,
    .moreText3,
    .moreText4,
    .moreText5 {
        display: inline-block;
    }
    .moreText2 {
        display: none;
    }
    #readMore2 {
        display: inline;
        cursor: pointer;
    }
    #readMore,
    #readMore3,
    #readMore4,
    #readMore5 {
        display: none;
    }
}

#times {
    font-size: 30px;
}

#friends,
#vielen {
    padding-top: 50px;
    margin-top: -45px;
}
@media (min-width: 600px) {
    #friends,
    #vielen {
        margin-top: -48px;
    }
}
#residence {
    padding-top: 50px;
    margin-top: -48px;
}
#contactAnchor {
    padding-top: 50px;
    margin-top: -50px;
}
#agreementContainer {
    display: flex;
    flex-direction: row;
    margin-bottom: 17px;
}

input#email {
    border: none;
    border-bottom: 1px solid #787878;
    width: 100%;
    margin-bottom: 28px;
    padding-bottom: 8px;
}
input#agreement {
    margin-right: 1em;
}
input#submit {
    margin-top: 1em;
    margin-bottom: 25px;
    background-color: white;
    border: 1px solid #787878;
    color: #787878;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}
input#submit:hover {
    border: 1px solid black;
    color: black;
}
@media (min-width: 600px) {
    input#submit {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        width: auto;
        padding: 11px 16px 13px;
        margin-top: 11px;
    }
    input#agreement {
        margin-left: 1em;
    }
    input#email {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        margin-top: 3px;
    }
}
.forceBreak {
    display: none;
}
@media (min-width: 900px) {
    .forceBreak {
        display: inline;
        display: none;
    }
}
@media (min-width: 1200px) {
    .forceBreak {
        display: none;
    }
}
.nobreak {
    white-space: nowrap;
}

.recentPodcast {
    border: 1px solid black;
    margin: 10px;
    border-radius: 4rem;
    width: calc(100% - 23px) !important;
}
@media (min-width: 600px) {
    .recentPodcast {
        width: calc(66.6% - 20px) !important;
    }
}
.recentPodcast h4 {
    padding: 1.8rem 1rem;
}
.programPodcast {
    border: 1px solid black;
    margin-bottom: 1.8rem;
    border-radius: 4rem;
}
.programPodcast h4 {
    padding: 1.8rem 1rem;
}

.olderPodcast {
    border-radius: 50%/35%;
    border: 1px solid black;
    width: 100%;
    height: 92%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.podcastLink {
    color: #787878;
}
.podcastLink:hover {
    color: black;
}