html {
    scrollbar-gutter: stable both-edges;
}

body * {
    -webkit-tap-highlight-color: transparent;
    color: var(--font-color);
}

blockquote {
    height: 1em;
    margin: 0px;
    padding: 0px;
}

blockquote p {
    font-size: 0.5em;
    margin: 0px;
    line-height: 0;
}

* {
    background-repeat: no-repeat;
}

body {
    --background-color: #000;
    --topbar-background: #000;
    --topbar-button-color: var(--font-color);
    --menu-background: var(--background-color);
    --menu-item-size: 1.25rem;
    --menu-item-color: var(--font-color);
    --menu-item-weight: 900;
    --menu-item-case: uppercase;
    --button-color: #ffffff;
    --font-color: #FFF;
    --font-family-sans: inter, Roboto, opensans, Verdana, Helvetica, Arial, sans-serif;
    --font-family-serif: interitalic, Roboto, opensans;
    --font-size: 1.25rem;
    --f-15-17: clamp(0.9375rem, 0.892rem + 0.2273vw, 1.0625rem);
    --f-16-18: clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
    --f-18-20: clamp(1.125rem, 1.0795rem + 0.2273vw, 1.25rem);
    --f-20-22: clamp(1.25rem, 1.2045rem + 0.2273vw, 1.375rem);
    --slider-bg: #000;
    --fullscreen-button-bg: #00000030;
    --fullscreen-button-color: #ffffff;
    --fullscreen-player-bg: #ffffff;
    --fullscreen-player-button-color: var(--darker);
    --slider-caption-fullscreen-color: #FFF;
    --page-headline-font-family: var(--font-family-sans);
    --page-headline-font-size: 2rem;
    --page-headline-padding: 15px var(--page-padding);
    --page-headline-color: var(--font-color);
    --page-headline-background-color: transparent;
    --large-image-height: 290px;
    --large-image-padding-inline: 8px;
    --list-top-border: var(--list-top-border-width) solid var(--list-border-color);
    --list-top-border-width: 0px;
    --list-item-margin: 0em;
    --list-item-hero-margin: 18px;
    --list-item-background: #ffffff;
    --list-item-hero-background: var(--background-color);
    --list-item-hero-shadow: none;
    --list-item-padding-block: 0px;
    --list-item-hero-padding-block: 0px;
    --list-item-padding-left: 0px;
    --list-item-hero-padding-left: 0px;
    --list-border-color: #000000;
    --list-border-width: 1px;
    --thumb-border-color: #ddd;
    --thumb-border-width: 0px;
    --thumbnail-width: 100px;
    --thumbnail-height: 101px;
    --thumbnail-margin-top-bottom: 12px;
    --list-title1-case: uppercase;
    --list-title1-color: var(--font-color);
    --link-font-color: var(--accent-color), var(--color-primary);
    --richtext-headline-font-family: var(--font-family-sans);
    --richtext-headline-size: 1.6em;
    --richtext-headline-color: var(--font-color);
    --richtext-headline-case: uppercase;
    --richtext-headline-weight: 900;
    --tour-navigation-background-color: var(--lighter);
    --tour-navigation-button-color: var(--font-color);
    --tour-navigation-border-color: #dddddd;
    --tour-headline-color: var(--font-color);
    --tour-headline-margin: .3em;
    --tour-headline-case: uppercase;
    --page-padding: clamp(8px, 2vw, 16px);
    --border-radius: 0px;
    --collapsible-label-color: var(--font-color);
    --main-button-bg: #0088b8;
    --main-button-color: #ffffff;
    --language-flag-size: 45px;
    --vertical-margin: 3vh;
    --player-border-radius: 0px;
    --swiper-button-bg: #0000001f;
    --player-bg: var(--background-color);
    --player-button-color: #FFF;
    background-color: rgb(34, 34, 34);
    --max-page-width: 700px;
    --list-icon-border-radius: 0px !important;
    --list-title1-size: clamp(1.8125rem, 4vw, 2.5rem) !important;
}

body:has(.language-selection) {
    background-color: rgb(3, 3, 3);
}

body.dark {
    background-color: rgb(255, 255, 255);
}

.richtext span[style*="color"] {
    /* color: revert !important; */
    background-color: transparent !important;
    color: unset !important;
}

.dark {
    --topbar-background: #FFF;
    --menu-background: #fff;
    --font-color: #000;
    --background-color: #FFF;
    --list-border-color: #666;
    --player-bg: #FFF;
    --list-item-hero-background: #FFF;
    --list-item-hero-shadow: none;
    --player-button-color: #000;
    --slider-bg: #FFF;
    --slider-caption-fullscreen-color: #000;
    --fullscreen-player-bg: #111;
    --fullscreen-button-bg: #0000003b;
    --fullscreen-button-color: #FFF;
    --fullscreen-player-button-color: #FFF;
    --player-border-color: #FFF;
    --tour-navigation-background-color: var(--darkest);
    --tour-navigation-border-color: var(--darker);
}

@media (hover: hover) {
    :where(button:hover, .list-item:hover )  {
        filter: brightness(1.05);
    }

    :where(.MainMenu-item:hover, .MainMenu-item:has([data-testid="TranslateIcon"]):hover, .MainMenu-item:has([data-testid="TranslateIcon"]):before:hover) {
        opacity: 0.7;
        margin-inline-start: 4px; transition: 500ms;
    }

    .MainMenu-item:has([data-testid="TranslateIcon"]):hover:before {
         margin-inline-start: 4px; transition: 500ms;
    }
}

[data-placeholder-image] {
    clip-path: inset(50%);
    transform: translateX(500vw);
    opacity: 0 !important;
    visibility: hidden !important;
    background-color: transparent !important;
    transition: all !important;
    inset: unset !important;
}
 
html:has(body.dark) {
    background-color: rgb(51, 51, 51);
}

.MainContainer-main .TopBar-appBar {
    background-color: var(--topbar-background);
}

[data-id="root"] .MainContainer-main .TopBar-appBar {
}

@media (pointer: fine) {
    .MainContainer-main .TopBar-appBar {
        max-width: var(--max-page-width);
    }
}

.MainContainer-main .TopBar-appBar button svg {
    color: var(--topbar-button-color);
    fill: var(--topbar-button-color);
}

.MainContainer-main .MainMenu-menu {
    background-color: var(--menu-background);
}

.MainContainer-main .MainMenu-SlideRoot {
    background-color: var(--menu-background);
}

.MuiMenu-list a {
    font-size: clamp(1.125rem, 2.6vw, 1.25rem);
    font-weight: normal;
    text-transform: none;
    padding: 0px;
    font-family: 'inter';
}

.textsize-xl .TopBar-rightItems .MainMenu-SlideRoot .MainMenu-menu {
    top: 66px;
}

.large-image {
    width: 100%;
    height: clamp(var(--large-image-height, 255px), 60vw, 500px);
    padding-inline: var(--page-padding); margin-bottom: 1em;
}

.large-image > div::before, .large-image > div::after {
    border-radius: var(--border-radius);
    background-clip: border-box;
}

.base ul.base-list {
    margin: 0 var(--page-padding);
    border-top: var(--list-top-border);
}

.base ul.base-list:has(.inline-list-headline) {
    border-top: none;
}

.base .List-listImg.hero {
    height: clamp(270px, 60vw, 550px);
}

.base ul.base-list:has(.hero) {
    border-top: none;
}

.base .list-item:not(.inline-list-headline) {
    margin-bottom: var(--list-item-margin);
    border-bottom: var(--list-border-width) solid var(--list-border-color);
    background: var(--list-item-background);
    padding-block: var(--list-item-padding-block); padding-inline-start: var(--list-item-padding-left);
}

.base .list-item:not(:has(.gatsby-image-wrapper)) .List-titleFlex {
    min-height: 70px;
}

.inline-list[data-collapsed="true"] .list-item {
    transition: max-height 500ms ease-out;
    border: none;
}

.list-item.inline-list-item.inline-list-headline {
    padding: 0px;
    margin-top: var(--list-item-padding-block);
    margin-block-end: 0px; border-radius: var(--border-radius);
    clip-path: padding-box;
    & button {
        color: inherit;
    }

    & svg {
        font-size: 30px;
    }
}

.inline-list-headline + .inline-list-item {
    padding-block-start: 0px !important; }

.list-item.inline-list-item:last-child {
    border: none;
}

.inline-list[data-collapsed="false"]:not(:has(.hero)) .list-item:not(.inline-list-headline) {
    max-height: 220px;
    margin: auto;
}

.inline-list[data-collapsed="false"]:has(.hero) .list-item:not(.inline-list-headline) {
    max-height: 500px;
    margin-block-end: var(--list-item-hero-margin); }

.base .list-item.inline-list-headline.inline-list-item .List-listItem .List-titleFlex {
    padding: 6px 0px;
    min-height: 0px;
}

.base .list-item:has(.hero) {
    margin-block-end: var(--list-item-hero-margin); padding-block: var(--list-item-hero-padding-block);
    padding-left: var(--list-item-hero-padding-left);
    background: var(--list-item-hero-background);
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-radius: var(--border-radius);
    clip-path: margin-box;
    box-shadow: var(--list-item-hero-shadow);
    border-bottom: 0px solid var(--font-color);
}

.base .List-listItem {
    background: var(--background-color);
    position: relative;
}

.base ul div.list-item:last-of-type li.List-listItem {
    border-bottom: unset;
}

.base .list-item:not(.inline-list-headline) .List-titleDiv {
    padding: 0px 28px 0px 0px;
}

.base .List-listImg:not(.hero):not(.icon) {
    width: clamp(var(--thumbnail-width), 20vw, 180px);
    min-width: clamp(var(--thumbnail-width), 20vw, 180px);
    min-height: clamp(var(--thumbnail-height), 20vw, 180px);
    height: clamp(var(--thumbnail-height), 20vw, 180px);
    margin: var(--thumbnail-margin-top-bottom) 0 var(--thumbnail-margin-top-bottom) 0;
    border-width: var(--thumb-border-width);
    border-radius: var(--border-radius);
}

.base .list-item:not(.inline-list-headline) .List-titleFlex {
    min-height: clamp(45px, 16vw, 120px);
}

.base .list-item:not(.inline-list-headline):not(:has(.gatsby-image-wrapper)) .List-titleDiv {
    padding-block: 26px; }

.base .list-item:not(.inline-list-headline):has(.List-listImg.icon) .List-titleFlex {
    min-height: 0px;
}

.base .list-item:has(.hero) .List-titleFlex {
    padding-block-end: 4px; }

.base .base-list .List-listImg.icon {
    border-radius: var(--list-icon-border-radius);
}

.base .List-title1 {
    font-size: var(--list-title1-size);
    text-transform: var(--list-title1-case);
    color: var(--list-title1-color);
    font-weight: 900;
    font-family: var(--font-family-serif);
    font-style: italic;
    letter-spacing: -1px;
}

.base .inline-list-headline .List-title1 {
    font-weight: 700;
    text-transform: uppercase;
    color: inherit;
    font-size: clamp(1.125rem, 2.6vw, 1.4rem) !important;
}

.base .List-title2 {
    font-size: clamp(1rem, 2.6vw, 1.3rem) !important;
}

.base .List-title3 {
    font-size: clamp(0.9375rem, 2.4vw, 1.125rem) !important;
}

.base .List-numCode {
    font-size: 0.875em;
    color: var(--font-color);
    font-weight: 500;
}

.base .teaser-list .List-listImg:not(.hero):not(.icon) {
    width: 100px;
    min-width: 100px;
    min-height: 100px;
    height: 100px;
}

.base .teaser-list + .teaser-list {
    margin-top: calc(var(--vertical-margin) * -1);
    & ul.base-list {
        border-top: none;
    }
}

.base .teaser-list {
    margin-bottom: var(--vertical-margin);
    & ul.base-list {
        border-top: var(--list-border-width) solid var(--list-border-color);
    }
}

.teaser-list .list-type-titleOnly .List-titleDiv :where(.List-title1, .List-title2, .List-title3) {
    display: block !important;
}

.teaser-list .list-type-titleOnly .List-titleDiv :where(.List-title2:empty, .List-title3:empty) {
    display: none !important;
}

.teaser-list ul.list-type-titleOnly:has(.list-item:last-child:nth-child(3)) .list-item {
    background: var(--player-bg);
    border: 1px solid var(--player-border-color);
    border-radius: var(--player-border-radius, 4px);
    margin-bottom: 0.5em;
}

.base .list-marker {
    background-color: var(--list-marker-background-color);
    display: block;
    width: 30px;
    position: absolute;
    top: 8px;
    right: 4px;
    left: unset;
    height: 7px;
    border-radius: 0px;
}
[data-id="root"] h1.page-headline {
    font-size: clamp(2.2rem, 4vw, 2.5rem);
    margin: 1em 0
}
h1.page-headline {
    font-weight: 900;
    text-transform: uppercase;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    margin-inline-start: 4px;
    font-family: var(--font-family-serif);
    font-style: italic;
}

.richtext {
    font-size: clamp(var(--font-size), 3vw, 1.4rem);
    font-family: var(--font-family-sans), sans-serif;
    padding-inline: var(--page-padding, 8px) !important; }

.dark .richtext {
    --font-color: #000;
}

.richtext h2 {
    font-family: var(--font-family-serif);
    text-transform: var(--richtext-headline-case);
    font-size: clamp(var(--richtext-headline-size), 3vw, 1.6rem);
    line-height: 1.2;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 8px;
    color: var(--richtext-headline-color);
    margin-block-start: 6px;
    letter-spacing: -1px;
    }

.FullScreenWrapper-fullscreen .richtext h2 {
    color: var(--slider-caption-fullscreen-color, #fff);
    font-size: 1rem;
    margin-block-end: 0px; }

.richtext h3 {
    margin-bottom: 10px;
    margin-top: 18px;
    line-height: 1.2;
    font-weight: 700;
    font-size: clamp(1rem, 3vw, 1.4rem);
}

.richtext {
    --font-color: #FFF;
}

.FullScreenWrapper-fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

@media (pointer: fine) {
    .FullScreenWrapper-fullscreen {
        max-width: var(--max-page-width, 900px);
    }
}

.TopBar-appBar {
    max-width: unset;
}

@media (pointer: fine) {
    .MainContainer-main .TopBar-appBar {
        overflow: clip visible;
        max-width: var(--max-page-width, 900px);
    }
}

@supports (-webkit-appearance: none) and (stroke-color:transparent) {
    .MainContainer-main .TopBar-appBar {
        overflow-x: visible !important;
    }
}

.TopBar-rightItems .MainMenu-SlideRoot {
    position: absolute;
    z-index: 100;
    height: 100vh;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.TopBar-rightItems .MainMenu-SlideRoot .MainMenu-menu {
    width: 94%;
    height: auto;
    position: absolute;
    right: 0px;
    top: 49px;
    z-index: 8000;
    margin: 0px 10px;
    overflow: auto;
    max-height: 90vh;
}

.MainMenu-menu .MainMenu-item {
    font-size: clamp(var(--menu-item-size), 3vw, var(--menu-item-size) * 1.25);
    border-bottom: 1px solid var(--list-border-color);
    color: var(--menu-item-color);
    text-decoration: none;
    font-weight: 900;
    text-transform: var(--menu-item-case);
    font-family: var(--font-family-serif);
    font-style: italic;
    line-height: 1;
    padding-block: 14px;
    }

.MainMenu-menu a[href*="dsgvo"] {
    font-size: 1.125rem;
    margin-top: 1.5em;
    padding-block: 10px;
    }

.MainMenu-menu a[href*="imprint"] {
    font-size: 1.125rem;
    padding-block: 10px; }

.textsize-switch * {
    font-style: italic;
    font-family: var(--font-family-serif) !important;
    font-weight: 900 !important;
}

html:not(.textsize-large):not(.textsize-xl) .switch-small {
    text-decoration: underline;
    text-underline-offset: 5px;
}

html.textsize-large .switch-large {
    text-decoration: underline;
    text-underline-offset: 5px;
}

html.textsize-xl .switch-xl {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.MainMenu-menu div > div:has(.PrivateSwitchBase-input) {
    margin-left: 0px !important;
}

.MainMenu-menu .MuiSwitch-root:has(.PrivateSwitchBase-input) {
    margin-right: 60px;
}

.TopBar-rightItems button {
    margin-left: 10px;
}

.Collapsible__trigger {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    padding-inline-start: 4px; color: var(--collapsible-label-color);
    position: relative;
    font-weight: 500 !important;
}

.Collapsible__trigger::after {
    font-weight: normal;
    font-family: monospace;
    font-size: clamp(28px, 4vw, 32px);
    line-height: 0;
    content: "+";
    transform: rotate(0deg) translateY(-50%);
    top: 50% !important;
}

.Collapsible__trigger.is-open::after {
    transform: rotate(135deg);
}

.Collapsible__contentOuter {
    transition: height 150ms ease-out !important;
}

main {
    animation: 400ms ease-out 0s 1 normal forwards running fadeup;
}

@keyframes fadeup {
    0% {
        margin-left: 400px;
    }

    100% {
        margin-left: 0px;
    }
}

[data-testid="ArrowForwardIosIcon"] {
    font-size: 1em;
}

.OuterMainContainer-main {
    overflow-x: clip;
}

main {
    min-width: 100%;
}

.entity-overlays {
    max-width: var(--max-page-width, 900px);
    margin: 0px auto;
    pointer-events: none;
}

[data-id="root"] .entity-overlays {
    top: -70px;
    z-index: 900;
    display: none;
}

[data-id="root"] #overlay-0 {
    max-width: 280px;
    left: var(--page-padding) !important;
}

.language-selection {
    --page-padding: 1em;
}

.dark .language-selection {
    background: rgb(0, 0, 0) !important;
}

.language-selection .list-type-standard {
    margin: 10px var(--page-padding);
    display: grid;
}

.language-selection .List-listImg:not(.hero):not(.svg) {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 100%;
    width: var(--language-flag-size);
    min-width: var(--language-flag-size);
    height: var(--language-flag-size);
    margin: 12px;
    margin-inline-start: 0px; }

.language-selection .large-image {
    width: 100%;
    margin-block-start: var(--page-padding); }

.language-selection .List-title1 {
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    text-transform: none;
    font-weight: 900;
    font-family: inter, sans-serif;
}

.dark .language-selection .List-title1 {
    color: rgb(255, 255, 255);
}

.language-selection.wma.wma-list {
    max-width: var(--max-page-width, 811px);
    margin: 0px auto;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 23px;
    background: var(--background-color);
}

.language-selection .EntityPage-root {
    min-height: 100dvh;
}

.language-selection .List-titleFlex {
    min-height: clamp(50px, 9vh, 100px);
}

@media (max-width: 9000px) {
    .language-selection .List-titleFlex {
        min-height: clamp(50px, 6vh, 100px);
    }

    .language-selection .large-image div::after, .language-selection .large-image div::before, .language-selection .large-image div {
        background-size: contain !important;
    }
}

.imageslider-advanced .FullScreenWrapper-fullScreenButton {
    background-color: var(--fullscreen-button-bg) !important;
}

.imageslider-advanced .FullScreenWrapper-fullScreenButton svg {
    color: var(--fullscreen-button-color) !important;
    fill: var(--fullscreen-button-color) !important;
    font-size: 24px;
}

.swiper .overlay-toggle {
    background-color: var(--fullscreen-button-bg) !important;
}

.swiper .overlay-toggle {
    color: var(--fullscreen-button-color);
    font-size: 24px;
    & svg {
        fill: rgb(255, 255, 255);
    }
}

.FullScreenWrapper-fullscreen swiper-container::part(pagination) {
    background: var(--slider-bg);
    height: 25px;
}

.imageslider-advanced .caption-inline {
    text-align: left;
    padding-inline: 0 !important;
    padding-left: 0px;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400;
    }
}

.imageslider-advanced :not(.FullScreenWrapper-fullscreen) .caption-inline {
    font-weight: 400;
    font-size: clamp(1.25rem, 4vw, 1.7rem);
}

.imageslider-advanced.single.with-player .FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .caption-inline {
    bottom: 3px;
    margin: 0px;
    padding: 0px 8px;
}

.imageslider-advanced:not(.single) .FullScreenWrapper-fullscreen:has(.swiper-custom-buttons) .caption-inline {
    bottom: 12px !important;
}

.FullScreenWrapper-fullscreen .player-div {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    background: transparent;
}

.MuiSlider-valueLabelLabel {
    font-family: sans-serif;
    font-weight: 700;
    color: rgb(255, 255, 255) !important;
    font-size: 1em !important;
}

.imageslider-advanced.with-player .FullScreenWrapper-fullscreen .swiper .carousel-child .gatsby-image-wrapper img {
    max-height: 85vh;
    max-width: 96%;
    margin-left: 2%;
    object-position: center center !important;
}

.FullScreenWrapper-fullscreen .swiper-custom-buttons:empty {
    display: none;
}

swiper-container::part(button-prev), swiper-container::part(button-next) {
    background: var(--swiper-button-bg, #000);
    padding: 8px;
}

swiper-container::part(button-prev) {
    padding-left: 4px;
    left: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

swiper-container::part(button-next) {
    padding-right: 6px;
    right: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.tour-dialog {
    background: var(--background-color);
    margin: 0px auto;
    left: 0px;
    right: 0px;
}

@media (pointer: fine) {
    .tour-dialog {
        max-width: var(--max-page-width, 900px);
    }
}

.tour-dialog button {
    width: fit-content;
    max-width: 250px;
    padding: 0.6em 1.5em;
    font-size: var(--font-size);
    margin-bottom: 0.5em;
    margin-top: 0.6em;
    background-color: var(--main-button-bg);
    color: var(--main-button-color);
    font-weight: bold;
    border: 0px;
    border-radius: 5px;
    cursor: pointer;
}

.player-controls:not(.FullScreenWrapper-fullscreen *):not(.inline-player *) {
    height: 56px;
    border-radius: 4px;
    border: 1px solid var(--player-border-color);
}

.inline-player .player-controls {
    border-top: 0px solid rgb(255, 255, 255);
    box-shadow: rgba(230, 230, 230, 0) 0px -1px 1px;
}

.dark .inline-player .player-controls {
}

.player-controls .MuiBox-root {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.tour .imageslider-advanced img {
    max-height: 55vh !important;
}

.tour .imageslider-advanced :not(.FullScreenWrapper-fullscreen) .caption-inline, .tour .imageslider-advanced :not(.FullScreenWrapper-fullscreen) .caption-inline p {
    font-size: 1em;
    line-height: 1.3;
}

.vertically-centered-image-container:has(.swiper-slide-zoomed) swiper-container::part(pagination) {
    display: none;
}

.EntityPage-root:has(.page-headline) > .base-list:first-of-type {
    margin-block-start: 8px; }

.inline-player {
   background-color: var(--background-color);
    margin-inline: var(--page-padding); border-radius: var(--player-border-radius, 4px);
    background-clip: border-box;
    border: 1px solid var(--player-border-color);
    margin-block-end: var(--vertical-margin, 1em); cursor: pointer;
    width: calc(100% - (var(--page-padding) * 2)) !important;
}

.inline-player .title :is(.title1, .title2) {
    font-family: var(--font-family-serif);
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    line-height: 1.2;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 900;
}

.EntityPage-root:has(+ .page-headline) .page-headline {
    padding-top: 0px !important;
}

.inline-player .thumb {
    border: none;
    width: 100px;
    min-width: 100px;
    height: 100px;
}

.inline-player .player-icon {
    opacity: 1;
    padding-right: 0px !important;
    & svg {
        font-size: 2.5em;
    }
}

.inline-player .player-icon svg {
    color: rgb(255, 255, 255);
}

.Collapsible {
    width: calc(100% -(var(--page-padding)* 2));
    margin-inline: var(--page-padding); }

.Collapsible__contentInner .ComponentsWrapper-padding .richtext {
    padding-inline: 4px !important;
}

.Collapsible:not(:has(+ .Collapsible)) {
    border: none;
    margin-block-end: 1em; }

@media (min-width: 900px) {
    body:not(.fullscreen) .outer-main-container {
        box-shadow: none;
        max-width: none;
    }
}

@media (pointer: fine) {
    body .outer-main-container {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 50px !important;
        max-width: var(--max-page-width, 900px) !important;
    }
}

.imageslider-advanced:not(:has(.FullScreenWrapper-fullscreen)) {
    width: calc(100% -(var(--page-padding)* 2));
    margin-inline: var(--page-padding); margin-block-end: var(--vertical-margin, 1em);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border: 1px solid var(--player-border-color);
    border-radius: 0px;
    overflow: hidden;
    background-clip: content-box;
}

.imageslider-advanced:not(:has(.FullScreenWrapper-fullscreen)):has(.player-controls) .player-controls {
    border: none;
}

.tour-navigation {
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: var(--max-page-width, 900px);
}

.tour-navigation button {
    color: var(--tour-navigation-button-color);
}

.tour-navigation button svg {
    font-size: 30px;
}

.tour .EntityPage-root {
    padding-block-end: 60px; }

.tour .richtext h2 {
    color: var(--tour-headline-color);
    font-size: var(--tour-headline-size);
    margin-bottom: var(--tour-headline-margin);
    text-transform: var(--tour-headline-case);
}

.tour .FullScreenWrapper-fullscreen .richtext h2 {
    color: var(--slider-caption-fullscreen-color);
}

[data-id*="_hasbutton"] ul.base-list {
    border: unset;
}

[data-id*="_hasbutton"] .list-item:not(.inline-list-headline) {
    padding: 0px 20px;
    width: fit-content;
    border: none;
    margin: 1em auto;
    border-radius: 0px;
    background: var(--main-button-bg) !important;
}

[data-id*="_hasbutton"] .list-item * {
    color: var(--main-button-color);
    padding: 0px !important;
}

[data-id*="_hasbutton"] .List-playButton {
    display: none;
}

[data-id*="_hasbutton"] .List-titleFlex {
    min-height: unset !important;
}

.tour-dialog main {
    animation: auto ease 0s 1 normal none running none;
}

.player-controls {
    padding: 0px !important;
}

.transcription {
    transform-origin: right bottom;
}

.transcription .MuiBox-root {
    padding-block: 1.6em; padding-inline: 0.2em; }

.ck-table-resized {
    border-spacing: 0px;
    width: 100% !important;
}

figure.table {
    width: 100% !important;
    margin-inline: 0px !important; margin-block-end: 2em !important; }

figure.table td {
    vertical-align: top;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-block: 0.8em; line-height: 1.2;
}

.keypad .MuiGrid-root {
    max-height: 600px;
    max-width: 360px !important;
}

.rm-action-button-container {
    text-align: left;
}

.rm-action-button-container button {
    font-size: 0px;
    padding-block: 10px; padding-inline: 0px; }

.rm-more-button::before, .rm-less-button::before {
    content: "";
    display: inline-block;
    font-size: 16px;
    color: var(--font-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}

[lang="de"] .rm-more-button::before {
    content: "Mehr anzeigen";
}

[lang="de"] .rm-less-button::before {
    content: "Weniger anzeigen";
}

[lang="en"] .rm-more-button::before {
    content: "More";
}

[lang="en"] .rm-less-button::before {
    content: "Less";
}

[lang="fr"] .rm-more-button::before {
    content: "Voir plus";
}

[lang="fr"] .rm-less-button::before {
    content: "Voir moins";
}

[lang="it"] .rm-more-button::before {
    content: "Mostra di più";
}

[lang="it"] .rm-less-button::before {
    content: "Mostra meno";
}

[lang="es"] .rm-more-button::before {
    content: "Ver más";
}

[lang="es"] .rm-less-button::before {
    content: "Ver menos";
}

[lang="nl"] .rm-more-button::before {
    content: "Meer tonen";
}

[lang="nl"] .rm-less-button::before {
    content: "Minder tonen";
}

[data-id="root"] h2 {
    font-size: clamp(4em, 4vw, 4em);
    margin: 0px;
    font-style: italic;
    padding-bottom: 0px;
    line-height: 0.9;
    font-weight: 900;
}

[data-id="root"] h3 {
    font-weight: normal;
    text-transform: none;
    margin-bottom: 6px;
    margin-top: 6px;
    font-size: clamp(1.3rem, 3vw, 2rem);
}

[data-id="root"] .richtext p {
    font-size: clamp(1.125rem, 3vw, 1.6rem);
}

[data-id="root"] ul.base-list {
    margin-top: 1em;
}

.MainMenu-menu .localized-string {
    font-family: var(--fontfamily-serif);
    font-style: italic;
    white-space: break-spaces;
}

.dark .MainMenu-menu {
    --list-border-color: #FFF;
}

.language-selection .List-listItem {
    border-color: transparent;
    margin-left: 0px;
}

.language-selection .List-titleDiv {
    padding: 0px;
}

.base .List-listLink {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--font-color);
}

[data-id="root"] .List-playButton {
    display: none;
}

button[title*="Forward"] {
    order: 3;
    background: rgb(255, 255, 255);
    margin-left: 10px;
    font-size: 1em;
    padding: 4px;
    &:hover {
        background: rgb(255, 255, 255);
    }

    & svg {
        font-size: 1.5em;
        fill: var(--font-color);
    }
}

button[title*="Rewind"] {
    order: 2;
    background: rgb(255, 255, 255);
    margin-left: 10px;
    font-size: 1em;
    padding: 4px;
    &:hover {
        background: rgb(255, 255, 255);
    }

    & svg {
        font-size: 1.5em;
        fill: var(--font-color);
    }

    .dark & svg {
        fill: rgb(0, 0, 0);
    }
}

.light button[title*="Rewind"] svg, .light button[title*="Forward"] svg {
    fill: rgb(0, 0, 0);
}

.inline-player .MuiSlider-root {
}

mainmenu-menu div:has(.textsize-switch) {
    margin-left: 0px !important;
}

button:has(.switch-small) {
    margin-left: 4px !important;
}

.language-selection .List-playButton {
    display: none;
    /* color: #FFF; */
    
    

    & svg {/* fill: #FFF; */}
}

.MuiPopover-paper {
    background-color: rgb(51, 51, 51);
    padding-inline: 1em; .dark & {
        background-color: rgb(255, 255, 255);
    }
}

.inline-player .title {
    padding-left: 8px;
    padding-right: 14px;
}

[data-id="root"] .MainContainer-main .MuiToolbar-root::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='247px' height='40px' viewBox='0 0 247 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Edesktop/global/co-logo%3C/title%3E%3Cg id='desktop/global/co-logo' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M176.3104,11.7087717 C184.746782,11.7087717 188.519071,18.3878873 188.15219,26.1168469 L166.406495,26.1168469 C166.301134,32.4798803 169.655743,38.26343 176.3104,38.26343 C181.392172,38.26343 185.008302,35.2136141 185.950904,30.2202697 L187.939587,30.2202697 C186.893506,36.5268599 182.701655,40 176.3104,40 C168.613503,40 164.48465,34.0490519 164.413101,26.792482 L164.414049,26.3275683 C164.310569,18.9128093 168.186338,11.7087717 176.3104,11.7087717 Z M26.9546265,0.00260320389 L27.5800436,0 C43.3860294,0 52.804523,4.05074246 54.6201135,16.3365522 L36.9966557,16.3365522 C36.7953416,14.0411942 35.7191573,12.6244691 33.8358349,11.6762228 C32.2874089,10.8690846 29.9337262,10.5304253 27.7832392,10.5304253 C20.248068,10.5304253 17.6234578,14.7166315 17.6234578,19.6441254 C17.6234578,25.3129072 20.9874743,28.9591398 27.645894,28.9591398 C32.3551408,28.9591398 35.8527396,27.6101466 36.9966557,22.8181164 L54.6201135,22.8181164 C52.8703734,38.1405719 39.1490242,39.8940749 27.5800436,39.8940749 L26.3495522,39.883885 C11.4699717,39.6345758 9.9475983e-14,34.7611777 9.9475983e-14,19.8473211 C9.9475983e-14,4.93051953 11.7820656,0.129632865 26.9546265,0.00260320389 L26.9546265,0.00260320389 Z M92.2135624,0.000564432299 C111.18225,0.000564432299 119.456828,6.34478347 119.456828,19.9137359 C119.456828,33.5504203 111.18225,39.8946393 92.2135624,39.8946393 C73.2429928,39.8946393 64.9684153,33.5504203 64.9684153,19.9137359 C64.9684153,6.34478347 73.2429928,0.000564432299 92.2135624,0.000564432299 Z M205.284027,12.1813897 L205.284027,14.1794801 C203.189983,13.9160783 200.254935,14.4447632 197.842928,16.8078531 C195.854245,18.8605053 195.013241,20.544395 194.806282,24.5913745 L194.806282,39.3682121 L192.811955,39.3682121 L192.811955,12.3394308 L194.806282,12.3394308 L194.806282,18.3337018 L194.962442,18.3337018 C196.012286,14.8097628 200.411095,11.9706683 205.284027,12.1813897 Z M147.962729,1.82067045 C156.873233,1.82067045 159.751838,6.71429848 159.751838,11.5496018 C159.751838,15.6003443 156.81679,19.0189226 152.46878,19.5438446 L152.572259,19.6492053 C153.571304,19.4911643 161.008641,21.2785332 161.008641,28.8513332 C161.008641,35.6866084 155.77259,39.366707 147.962729,39.366707 L132.977051,39.366707 L132.977051,1.82067045 L147.962729,1.82067045 Z M209.842947,1.82198746 L209.842947,39.3661425 L207.850501,39.3661425 L207.850501,1.82198746 L209.842947,1.82198746 Z M60.8422271,1.82198746 L60.8422271,39.3661425 L58.8535439,39.3661425 L58.8535439,1.82198746 L60.8422271,1.82198746 Z M218.646209,12.3392426 L218.646209,39.3661425 L216.655645,39.3661425 L216.655645,12.3392426 L218.646209,12.3392426 Z M236.722906,11.7082073 C245.855978,11.7082073 246.290196,18.7792975 246.309832,22.2633106 L246.310729,39.3672714 L244.320165,39.3672714 L244.317714,21.8881164 C244.278366,18.9661665 243.679931,13.4447774 236.670226,13.4447774 C230.64397,13.4447774 226.977042,18.1239211 226.977042,24.7503563 L226.977042,39.3672714 L224.986477,39.3672714 L224.986477,12.3403715 L226.977042,12.3403715 L226.977042,18.1239211 L227.082402,18.1239211 C228.444566,14.0750601 232.531056,11.7082073 236.722906,11.7082073 Z M147.962729,20.8589719 L135.281816,20.8589719 L135.281816,37.3704981 L147.962729,37.3704981 C154.564705,37.3704981 158.703875,34.4260429 158.703875,28.8513332 C158.703875,22.4375009 152.888341,20.8589719 147.962729,20.8589719 Z M92.2135624,10.9373809 C85.4874108,10.9373809 82.5937546,14.107609 82.5937546,19.9137359 C82.5937546,25.8534452 85.4874108,28.9615857 92.2135624,28.9615857 C99.0093272,28.9615857 101.83337,25.8534452 101.83337,19.9137359 C101.83337,14.107609 99.0093272,10.9373809 92.2135624,10.9373809 Z M176.3104,13.4453418 C170.336825,13.4453418 166.826056,19.01817 166.406495,24.3821583 L186.159744,24.3821583 C186.054383,18.7020879 182.494697,13.4453418 176.3104,13.4453418 Z M147.962729,3.82252367 L135.281816,3.82252367 L135.281816,18.8608815 L147.962729,18.8608815 C154.199706,18.8608815 157.445191,15.7038236 157.445191,11.1300405 C157.445191,5.71525331 152.93914,3.82252367 147.962729,3.82252367 Z M218.646209,1.8238689 L218.646209,7.24053753 L216.655645,7.24053753 L216.655645,1.8238689 L218.646209,1.8238689 Z' id='Shape' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
    width: clamp(200px, 30vw, 300px);
    height: clamp(40px, 10vw, 60px);
    margin-top: 12px;
    margin-left: var(--page-padding);
    background-repeat: no-repeat;
    background-size: 100%;
}

.dark [data-id="root"] .MainContainer-main .MuiToolbar-root::before {
    filter: invert(1) brightness(2);
}

@media (min-width: 600px) {
    .MuiToolbar-root {
        min-height: 68px;
    }
}

@media (min-width: 600px) {
    .TopBar-toolbarMargin {
        min-height: 68px;
    }
}

a.MainMenu-item:has([data-testid="TranslateIcon"]) {
    padding-left: 0px;
    padding-block: 14px;
    min-height: 0px;
    
    
    
    
    
    
    
    
    
    
    
    
    
    & svg {
        display: none;
    }

    & .localized-string {
        color: transparent;
    }
}

a.MainMenu-item:has([data-testid="TranslateIcon"])::before {
    content: "Home";
}

button:has([data-testid="TranslateIcon"]) svg {
    opacity: 0;
}

[lang="de"] button:has([data-testid="TranslateIcon"])::before {
    content: "De";
    position: absolute;
    font-size: 18px;
    font-weight: 900;
    font-family: inter, sans-serif;
    color: var(--font-color);
    text-decoration: underline;
    text-decoration-thickness:  1.5px;
    text-underline-offset: 4px;
    top: 4px;
}

[lang="en"] button:has([data-testid="TranslateIcon"])::before {
    content: "En";
    position: absolute;
    font-size: 18px;
    font-weight: normal;
    color: var(--font-color);
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
    font-family: inter;
}

.light [data-id*="imprint"] .image-block-image-container img {
    filter: invert(1);
}
.light [data-id*="exhibition"] .image-block img {
    filter: invert(1) brightness(1.5);
}

.light [data-id*="audioguide"] .image-block img {
    filter: invert(1) brightness(1.5);
}

.MainMenu-menu .MuiSwitch-switchBase .MuiSwitch-thumb::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\" viewBox=\"0 0 20 20\"><path fill=\"%23fff\" d=\"M4.2 2.5l-.7 1.8-1.8.7 1.8.7.7 1.8.6-1.8L6.7 5l-1.9-.7-.6-1.8zm15 8.3a6.7 6.7 0 11-6.6-6.6 5.8 5.8 0 006.6 6.6z\"/></svg>");
}

.MainMenu-menu .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" width=\"20\" viewBox=\"0 0 20 20\"><path fill=\"%23fff\" d=\"M9.305 1.667V3.75h1.389V1.667h-1.39zm-4.707 1.95l-.982.982L5.09 6.072l.982-.982-1.473-1.473zm10.802 0L13.927 5.09l.982.982 1.473-1.473-.982-.982zM10 5.139a4.872 4.872 0 00-4.862 4.86A4.872 4.872 0 0010 14.862 4.872 4.872 0 0014.86 10 4.872 4.872 0 0010 5.139zm0 1.389A3.462 3.462 0 0113.471 10a3.462 3.462 0 01-3.473 3.472A3.462 3.462 0 016.527 10 3.462 3.462 0 0110 6.528zM1.665 9.305v1.39h2.083v-1.39H1.666zm14.583 0v1.39h2.084v-1.39h-2.084zM5.09 13.928L3.616 15.4l.982.982 1.473-1.473-.982-.982zm9.82 0l-.982.982 1.473 1.473.982-.982-1.473-1.473zM9.305 16.25v2.083h1.389V16.25h-1.39z\"/></svg>");
}

.Toastify__toast-container {
    --toastify-color-light: #FFF;
    --toastify-color-dark: #333;
    --toastify-text-color-dark: var(--background-color);
    --toastify-text-color-light: var(--font-color);
    & * {
        font-weight: 900;
        text-transform: uppercase;
        font-family: inter;
    }
}

.dark .Toastify__toast-container {
    --toastify-color-light: #FFF;
    --toastify-color-dark: #333;
}

.Toastify__close-button--light, .Toastify__close-button {
    opacity: 1;
}

.dark .imageslider-advanced .overlay-text p {
    color: rgb(255 255 255);
}

.richtext a {
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

i {
    font-family: inter-italic, sans-serif;
}

.inline-player .MuiSlider-sizeSmall {
    height: 3px;
}

.inline-player .MuiSlider-thumb {
    height: 12px;
    width: 14px;
    border-radius: 0px;
}

.imageslider-advanced .FullScreenWrapper-fullscreen .caption-inline * {
    color: var(--slider-caption-fullscreen-color, #fff) !important;
}
.imageslider-advanced .overlay-text {
    font-size: 0.9375em;
}

.language-selection .list-item {
    margin-bottom: 8px;
}

[data-id*="107_"] p strong,
[data-id*="105_"] p strong {
    color:red;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1;
    font-weight: 700;
}