.object-fit-container {
    position: relative
}

.object-fit-container img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.object-fit-container.cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.object-fit-container.cover img {
    -o-object-fit: cover;
    object-fit: cover
}

.no-object-fit .object-fit-container img {
    display: none
}

figure, h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0
}

ul {
    list-style: none;
    padding: 0
}

.visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .2s linear !important
}

.fade-enter, .fade-leave-to {
    opacity: 0 !important
}

.background-fade-enter-active, .background-fade-leave-active {
    transition: background-color .2s linear !important
}

.background-fade-enter, .background-fade-leave-to {
    --background-color: transparent !important
}

:focus {
    outline: none
}

.floating-focus-enabled .focus, .floating-focus-enabled :focus {
    outline: .125rem solid #000;
    outline-offset: .5rem
}

.floating-focus-enabled .floating-focus.moving {
    transition-duration: .2s, .2s, .6s, .6s, .2s, .2s;
    transition-timing-function: linear, ease-in-out, cubic-bezier(.23, 1, .32, 1), cubic-bezier(.23, 1, .32, 1), cubic-bezier(.23, 1, .32, 1)
}

:root {
    --background-color: #fff;
    --sticky-opacity: 1;
    -webkit-text-size-adjust: 100%
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    background-color: var(--background-color);
    font-family: Gotham Rounded SSm, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
    margin: 0;
    transition: background-color .6s linear;
    -webkit-font-smoothing: antialiased;
    overflow: overlay;
    z-index: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden
}

body .page-bar-nav, body .page-bar-summary {
    z-index: 1
}

body .header-image.full-width img, body .header-video.full-width .video {
    z-index: 2
}

body .main-navigation {
    z-index: 4
}

body .calendar-list-filters, body .list-filters {
    z-index: 5
}

body .cookie-banner {
    z-index: 7
}

body.has-filter-overlay {
    overflow: hidden
}

[v-cloak] {
    display: none !important
}

.object-fit-container.contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.image-fit-contain img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
    -o-object-position: bottom !important;
    object-position: bottom !important
}

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
    margin-top: 2.5rem
}

.markdown h1:first-child, .markdown h2:first-child, .markdown h3:first-child, .markdown h4:first-child, .markdown h5:first-child, .markdown h6:first-child {
    margin-top: 0
}

.markdown h1 + p, .markdown h2 + p, .markdown h3 + p, .markdown h4 + p, .markdown h5 + p, .markdown h6 + p, .markdown p + p {
    margin-top: 1.25rem
}

.markdown ol, .markdown ul {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    padding-left: 1.875rem
}

.markdown ul {
    list-style: disc
}

.markdown a {
    color: inherit;
    font-weight: 500;
    text-decoration: none
}

.markdown a:active, .markdown a:hover {
    text-decoration: underline
}

.markdown h1 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.125
}

.markdown h2 {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.143
}

.markdown h3, .markdown h4, .markdown h5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.167
}

.markdown h6 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2
}

.markdown blockquote {
    font-size: 1rem;
    line-height: 1.167;
    margin: 2.5rem 3.75rem
}

.markdown blockquote sub {
    margin-top: .625rem
}

.long-story-page .markdown blockquote {
    border-left: .125rem solid #000;
    font-size: 1rem;
    line-height: 1.375;
    margin: 2.5rem 0;
    padding-left: 1.875rem
}

.markdown sub {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: [object Object]
}

.markdown .inline-modal {
    background: hsla(0, 0%, 100%, .3);
    border: none;
    border-radius: .188rem;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: .1em 1em .1em .5em;
    position: relative;
    transition: background-color .2s linear
}

.markdown .inline-modal:after {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: .2em;
    margin-left: .3em;
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    width: .2em;
    will-change: scale
}

.markdown .inline-modal:focus, .markdown .inline-modal:hover {
    background: hsla(0, 0%, 100%, .6)
}

.markdown .inline-modal:focus:after, .markdown .inline-modal:hover:after {
    transform: translateY(-50%) scale(1.5)
}

.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 85rem;
    padding-left: 28px;
    padding-right: 28px;
    width: 100%
}

.use-text-contrast-color a, .use-text-contrast-color button, .use-text-contrast-color h1, .use-text-contrast-color h2, .use-text-contrast-color h3, .use-text-contrast-color h4, .use-text-contrast-color h5, .use-text-contrast-color h6, .use-text-contrast-color input, .use-text-contrast-color p, .use-text-contrast-color span, .use-text-contrast-color svg {
    color: var(--text-contrast-color)
}

.use-text-contrast-color hr {
    background: var(--text-contrast-color)
}

.btn, .btn-icon, .btn-link, .btn-transparent {
    cursor: pointer;
    font-family: inherit;
    font-weight: 500
}

.btn, .btn-transparent {
    align-items: center;
    background: #000;
    border: 2px solid #000;
    border-radius: .188rem;
    color: #fff;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    height: 3.75rem;
    justify-content: center;
    line-height: 1.375;
    padding: 0 1.875rem
}

.btn, .btn-transparent {
    transition: background .2s linear, color .2s linear
}

.btn-transparent {
    background: transparent;
    color: #000
}

.btn-icon, .btn-link {
    color: currentColor;
    transition: opacity .2s linear
}

.btn-icon:disabled, .btn-link:disabled {
    cursor: default;
    opacity: .3
}

.btn-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    display: inline-block;
    font-size: 1rem;
    text-decoration: none
}

.btn-link * ~ * {
    margin-left: .313rem
}

.btn-icon-round {
    height: 2.5rem;
    padding: .313rem;
    width: 2.5rem
}

.btn-icon-round, .btn-icon-round-medium, .btn-icon-round-small {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #000;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.btn-icon-round-medium {
    height: 2.5rem;
    padding: .313rem;
    width: 2.5rem
}

.btn-icon-round-medium svg {
    height: 1.125rem;
    width: 1.125rem
}

.btn-icon-round-small {
    height: 1.875rem;
    padding: .313rem;
    width: 1.875rem
}

.btn-icon-round-small svg {
    height: 1.125rem;
    width: 1.125rem
}

.btn-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    box-sizing: content-box;
    display: inline-block;
    flex: 0 0 auto;
    line-height: 0;
    margin: -1rem;
    padding: 1rem
}

.btn-icon, .btn-icon > svg {
    height: 1.25rem;
    width: 1.25rem
}

.heading-1 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.125
}

.heading-2 {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.143
}

.heading-3, .heading-4, .heading-5 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.167
}

.heading-6 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2
}

hr {
    background: #000;
    border: 0;
    border-radius: 1px;
    flex: 0 0 auto;
    height: 3px;
    margin: 0;
    transform: rotate(.001deg)
}

hr.animated {
    animation: GrowRightFadeSlide .5s cubic-bezier(.23, 1, .32, 1) forwards;
    opacity: 0;
    transform: scaleX(.75) rotate(.001deg) translateX(-2.5rem);
    transform-origin: left center
}

@keyframes GrowRightFadeSlide {
    0% {
        opacity: 0;
        transform: scaleX(.75) rotate(.001deg) translateX(-2.5rem)
    }
    to {
        opacity: 1;
        transform: scaleX(1) rotate(.001deg) translateX(0)
    }
}

[class^=icon-] {
    fill: currentColor;
    flex-shrink: 0;
    height: 1.25rem;
    vertical-align: middle;
    width: 1.25rem
}

[class^=icon-][class*=-medium] {
    height: 1rem;
    width: 1rem
}

[class^=icon-][class*=-small] {
    height: .75rem;
    width: .75rem
}

.image-fallback {
    align-items: center;
    background: rgba(0, 0, 0, .04);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: .313rem;
    width: 100%
}

.image-fallback p, .image-fallback svg {
    color: rgba(45, 16, 25, .65)
}

.image-fallback p {
    font-size: .875rem;
    margin-top: .625rem;
    text-align: center
}

.lazy-image {
    opacity: 1;
    transition: opacity .2s ease
}

.lazy-image.not-loaded {
    opacity: 0
}

.no-object-fit .object-fit-container img.not-loaded {
    display: block
}

.object-fit-container.cover.no-aspect-ratio img {
    position: static
}

.image-wrapper {
    position: relative
}

.image-wrapper img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.image-wrapper.no-aspect-ratio img {
    position: static
}

.input {
    background: transparent;
    border: none;
    color: #000;
    font-family: Gotham Rounded SSm, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    padding: .313rem
}

.input::-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

.input::placeholder {
    color: rgba(0, 0, 0, .25);
    transition: color .2s linear
}

.input:hover::-moz-placeholder {
    color: #000
}

.input:hover::placeholder {
    color: #000
}

.input::-ms-clear {
    display: none
}

.link {
    color: #000;
    font-weight: 500;
    text-decoration: none
}

.link [class^=icon-] {
    flex-shrink: 0;
    height: .875rem;
    vertical-align: middle;
    width: .875rem
}

.link-icon-left, .link-icon-right {
    align-items: center;
    display: inline-flex
}

.link-icon-left > svg, .link-icon-right > svg {
    transition: transform .1s ease-out
}

.link-icon-right {
    flex-direction: row
}

.link-icon-right > svg {
    margin-left: .625rem
}

.link-icon-right:not(.link-icon-no-animation):hover > svg {
    transform: translateX(.313rem)
}

.link-icon-left {
    flex-direction: row-reverse
}

.link-icon-left > svg {
    margin-right: .625rem
}

.link-icon-left:not(.link-icon-no-animation):hover > svg {
    transform: translateX(-.313rem)
}

.link-cta {
    align-items: center;
    background: #000;
    border: 2px solid #000;
    border-radius: .188rem;
    color: #fff;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    height: 3.75rem;
    justify-content: center;
    justify-content: space-between;
    line-height: 1.375;
    padding: 0 1.875rem;
    transition: background .2s linear, color .2s linear
}

.theme-light-grey {
    --background-color: #ddd
}

.theme-sunflower-yellow {
    --background-color: #ffce01
}

.theme-olive-green {
    --background-color: #998b57
}

.theme-turquoise {
    --background-color: #00b5bd
}

.theme-grass-green {
    --background-color: #5da14d
}

.theme-ruby-red {
    --background-color: #e13b51
}

.theme-tangerine-yellow {
    --background-color: #fbae17
}

.theme-dutch-orange {
    --background-color: #f26f21
}

.theme-blossom-pink {
    --background-color: #f497af
}

.theme-purple {
    --background-color: #886daf
}

.theme-blue {
    --background-color: #0099d9
}

.theme-dark-turquoise {
    --background-color: #0094a3
}

.theme-bright-red {
    --background-color: #ec1f2e
}

.theme-light-teal {
    --background-color: #95d0a9
}

.theme-light-grey-blue {
    --background-color: #a3c8d8
}

.theme-dark-sky-blue {
    --background-color: #56bdda
}

.theme-sandy {
    --background-color: #dacc98
}

.theme-light-beige {
    --background-color: #f4ebc0
}

.loader {
    background-color: #000
}

.loader, .loader-white {
    border-radius: 50%;
    height: 5px;
    position: relative;
    width: 5px
}

.loader-white:after, .loader-white:before, .loader:after, .loader:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 13px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 13px
}

.loader-white:before, .loader:before {
    animation: pulseBefore 1s linear infinite;
    transform: scale(0)
}

.loader-white:after, .loader:after {
    animation: pulseAfter 1s linear infinite
}

.loader:after, .loader:before {
    border: 2px solid #000
}

.loader-white {
    background-color: #fff
}

.loader-white:after, .loader-white:before {
    border: 2px solid #fff
}

@keyframes pulseBefore {
    65% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes pulseAfter {
    65% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(1.4)
    }
}

.progress, .progress-white {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/statics/images/progress-background.svg) repeat-x 50%;
    background-size: auto 3px;
    border: none;
    color: #000;
    height: 3px;
    width: 100%
}

.progress-white::-webkit-progress-bar, .progress::-webkit-progress-bar {
    background: transparent
}

.progress-white::-webkit-progress-value, .progress::-webkit-progress-value {
    background: currentColor;
    height: 3px
}

.progress-white::-moz-progress-bar, .progress::-moz-progress-bar {
    background: currentColor;
    height: 3px
}

.progress-white::-ms-fill, .progress::-ms-fill {
    background: currentColor;
    height: 3px
}

.progress-white {
    background-image: url(/statics/images/progress-background-white.svg);
    color: #fff
}

.slider, .slider-white {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.slider-white::-webkit-slider-runnable-track, .slider::-webkit-slider-runnable-track {
    background: #000;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    height: 3px;
    transform: translate3d(0, -1px, 0);
    width: 100%
}

.slider-white::-webkit-slider-thumb, .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #000;
    border: 3px solid #000;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .25rem #ddd;
    box-sizing: content-box;
    cursor: pointer;
    height: .75rem;
    margin: .063rem 0;
    padding: 0;
    transform: scaleX(1);
    transform: translateY(-.5rem) scaleX(1);
    -webkit-transition: background-color .15s linear, box-shadow .6s linear, transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: background-color .15s linear, box-shadow .6s linear, transform .2s cubic-bezier(.23, 1, .32, 1);
    width: .75rem
}

:hover > .slider-white::-webkit-slider-thumb, :hover > .slider::-webkit-slider-thumb {
    transform: scale3d(1.3, 1.3, 1);
    transform: translateY(-.5rem) scale3d(1.3, 1.3, 1)
}

.slider-white::-moz-range-track, .slider::-moz-range-track {
    background: #000;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    height: 3px;
    width: 100%
}

.slider-white::-moz-range-thumb, .slider::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background: #000;
    border: 3px solid #000;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .25rem #ddd;
    box-sizing: content-box;
    cursor: pointer;
    height: .75rem;
    margin: 0;
    padding: 0;
    transform: scaleX(1);
    -moz-transition: background-color .15s linear, box-shadow .6s linear, transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: background-color .15s linear, box-shadow .6s linear, transform .2s cubic-bezier(.23, 1, .32, 1);
    width: .75rem
}

:hover > .slider-white::-moz-range-thumb, :hover > .slider::-moz-range-thumb {
    transform: scale3d(1.3, 1.3, 1)
}

.slider-white::-ms-track, .slider::-ms-track {
    background: #000;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    height: 3px;
    width: 100%
}

.slider-white::-ms-thumb, .slider::-ms-thumb {
    appearance: none;
    background: #000;
    border: 3px solid #000;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .25rem #ddd;
    box-sizing: content-box;
    cursor: pointer;
    height: .75rem;
    margin: 0;
    padding: 0;
    transform: scaleX(1);
    transform: none;
    -ms-transition: background-color .15s linear, box-shadow .6s linear, transform .2s cubic-bezier(.23, 1, .32, 1);
    transition: background-color .15s linear, box-shadow .6s linear, transform .2s cubic-bezier(.23, 1, .32, 1);
    width: .75rem
}

:hover > .slider-white::-ms-thumb, :hover > .slider::-ms-thumb {
    transform: scale3d(1.3, 1.3, 1)
}

.slider-white::-ms-fill-upper, .slider-white::-ms-tooltip, .slider::-ms-fill-upper, .slider::-ms-tooltip {
    display: none
}

.slider-white::-ms-fill-lower, .slider-white::-ms-ticks-before, .slider::-ms-fill-lower, .slider::-ms-ticks-before {
    display: none
}

.slider-white::-ms-ticks-after, .slider::-ms-ticks-after {
    display: none
}

.slider-white::-webkit-slider-runnable-track {
    background: #fff
}

.slider-white::-webkit-slider-thumb {
    background: #fff;
    border-color: #fff
}

.slider-white::-moz-range-track {
    background: #fff
}

.slider-white::-moz-range-thumb {
    background: #fff;
    border-color: #fff
}

.slider-white::-ms-track {
    background: #fff
}

.slider-white::-ms-thumb {
    background: #fff;
    border-color: #fff
}

.video {
    position: relative
}

.video-inner {
    align-items: center;
    display: flex;
    justify-content: center
}

.video iframe, .video-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video .play-button {
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    height: 3.125rem;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 3.125rem
}

.video .play-button > svg {
    height: 100%;
    width: 100%
}

.video.loading {
    z-index: 0
}

.video.loading .play-button {
    pointer-events: none;
    z-index: 2
}

.video.loading .thumbnail {
    z-index: 1
}

.video.loading .video-inner:after {
    background-color: rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video.started .play-button, .video.started .thumbnail {
    display: none
}

.download-link .download-link-icon {
    align-self: flex-start;
    height: 1.25rem;
    overflow: visible;
    width: 1.25rem
}

.download-link:hover .download-link-icon-path {
    animation: downloadBounce .6s linear infinite
}

@keyframes downloadBounce {
    0% {
        transform: translateY(0)
    }
    30% {
        transform: translateY(-.313rem)
    }
    70% {
        transform: translateY(0)
    }
    to {
        transform: translateY(0)
    }
}

.download-link-info {
    color: rgba(0, 0, 0, .5);
    display: block;
    font-size: .875rem;
    font-weight: 400
}

.checkbox-wrapper {
    cursor: pointer;
    display: block;
    line-height: 1.25rem;
    padding-left: 1.875rem;
    position: relative
}

.checkbox-wrapper.disabled {
    color: rgba(0, 0, 0, .3);
    cursor: default
}

.checkbox-wrapper.disabled > * {
    color: rgba(0, 0, 0, .3)
}

.checkbox-icon, .checkbox-input {
    height: 1.25rem;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 1.25rem
}

.checkbox-icon.checked, .checkbox-input {
    opacity: 0
}

.checkbox-input:checked + .checkbox-icon.checked {
    opacity: 1
}

.is-part-of-set {
    background-color: #fff;
    border-radius: 1.25rem;
    color: #000;
    height: 2.5rem;
    left: .5rem;
    padding: .5rem;
    pointer-events: none;
    position: absolute;
    top: .5rem;
    transition: transform .4s;
    width: 2.5rem;
    z-index: 1
}

.is-part-of-set svg {
    transform: translateX(1px)
}

.is-part-of-set .explanation-tooltip {
    background-color: #000;
    border-radius: 1.125rem;
    bottom: calc(-100%);
    color: #fff;
    font-size: .75rem;
    left: -80%;
    opacity: 0;
    padding: .5rem;
    position: absolute;
    transition: opacity .4s;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.accordion-item {
    border-bottom: 1px solid #000
}

.accordion-item:first-child {
    border-top: 1px solid #000
}

.accordion-item-button {
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.accordion-item-button button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    display: flex;
    font: inherit;
    padding: 1.25rem 0;
    text-align: left;
    width: 100%;
    word-break: break-word
}

.accordion-item-button-icon {
    height: 1.25rem;
    margin-right: 2.5rem;
    position: relative;
    width: 1.25rem
}

.accordion-item-button-icon svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: rotate(-90deg);
    transform: translate(-50%, -50%)
}

.accordion-item-button-icon svg + svg {
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.expanded .accordion-item-button-icon svg + svg {
    transform: translate(-50%, -50%) rotate(0)
}

.accordion-item-content {
    opacity: 0;
    overflow: hidden;
    transition: all .4s cubic-bezier(.23, 1, .32, 1)
}

.accordion-item-content .markdown {
    padding-bottom: 2.5rem
}

.art-object-zoom-popup {
    height: 100vh;
    left: 0;
    max-height: calc(var(--vh, 1vh) * 100);
    max-height: -webkit-fill-available;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 4
}

.art-object-zoom-popup-buttons {
    margin: 1.25rem 28px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.art-object-zoom-popup.fade-enter-active {
    transition-delay: .4s !important
}

.calendar-item {
    border-bottom: 3px solid #000;
    color: currentColor;
    padding: 2.5rem 0;
    text-decoration: none
}

.calendar-item[href]:hover .calendar-item-link-icon {
    transform: translateX(.313rem)
}

.calendar-item[href]:hover .calendar-item-heading {
    text-decoration: underline
}

.calendar-item[href]:hover .calendar-item-image {
    transform: scale(1.075)
}

.calendar-item-image {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.calendar-item-image-wrapper {
    margin-bottom: 1.25rem;
    overflow: hidden;
    position: relative
}

.calendar-item:last-child {
    border-bottom: 0
}

.calendar-item-date, .calendar-item-info {
    padding-right: 3.125rem
}

.calendar-item-date {
    font-size: .875rem;
    height: 100%;
    padding-top: 1.25rem
}

.calendar-item-description {
    padding-top: 1.25rem
}

.calendar-item-category {
    background: transparent;
    border: none;
    color: rgba(0, 0, 0, .5);
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .313rem;
    padding: 0
}

.calendar-item-category:hover {
    text-decoration: underline
}

.calendar-item-day {
    font-weight: 500;
    margin-bottom: .313rem
}

.calendar-item-location {
    font-weight: 500;
    padding-top: 1.25rem
}

.calendar-item-heading {
    position: relative
}

.calendar-item-link-icon {
    position: absolute;
    right: -3.125rem;
    top: 0;
    transition: transform .1s ease-out
}

.collection-list-grid-slider {
    flex: 1 1 auto
}

.collection-list-grid-slider input {
    direction: rtl;
    margin: 0
}

.collection-list-grid-slider-button {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.collection-list-grid-slider-button:first-child {
    margin-left: 0
}

.collection-list-grid-slider-button:last-child {
    margin-right: 0
}

.collection-list-grid-slider-button svg {
    transition-duration: .2s;
    transition-property: width, height, margin;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    will-change: width, height, margin
}

.collection-list-grid-slider-button:hover svg {
    height: 1.625rem;
    margin: -.188rem;
    width: 1.625rem
}

:not(.collection-list-grid-slider-sticky) > .collection-list-grid-slider-wrapper {
    display: none
}

.collection-list-grid-slider-wrapper {
    display: flex;
    flex-direction: row
}

.collection-list-grid-slider-sticky {
    background-color: var(--background-color);
    border-top: 3px solid #000;
    bottom: 0;
    left: 0;
    opacity: var(--sticky-opacity);
    padding: 1.25rem 28px 1.25rem 0;
    position: sticky;
    right: 0;
    transition: background-color .6s linear, opacity .2s linear
}

.collection-art-object-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.collection-art-object-item-wrapper {
    transform: translateY(30px);
    transition: transform .5s ease-out
}

.collection-art-object-item .collection-art-object-item-image-wrapper {
    overflow: visible
}

.collection-art-object-item:hover .collection-art-object-item-image-wrapper, .collection-art-object-item:hover .image-fallback {
    transform: scale(var(--hover-scale))
}

.collection-art-object-item:hover .is-part-of-set {
    transform: translateX(-1.25rem) translateY(-1.25rem)
}

.collection-art-object-item:hover .is-part-of-set .explanation-tooltip {
    opacity: 1
}

.collection-art-object-item .image-fallback, .collection-art-object-item-image-wrapper {
    overflow: visible;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.collection-art-object-item-image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.collection-art-object-item-image.lazy-image {
    transition: opacity .4s linear, transform .4s cubic-bezier(.23, 1, .32, 1)
}

.collection-art-object-item-image-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.collection-art-object-item-image-wrapper.loading {
    animation: shimmer 6s linear infinite;
    background: linear-gradient(90deg, rgba(0, 0, 0, .04) 4%, rgba(0, 0, 0, .01) 25%, rgba(0, 0, 0, .04) 36%);
    background-size: 300% 100%;
    height: 100%
}

@keyframes shimmer {
    0% {
        background-position: -300% 0
    }
    to {
        background-position: 300% 0
    }
}

.collection-art-object-item-creator, .collection-art-object-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collection-art-object-item-creator {
    font-size: .875rem;
    font-weight: 500
}

.collection-art-object-item-details {
    display: none;
    margin-top: 1.25rem;
    max-width: 100%;
    text-align: center
}

.columns-1 .collection-art-object-item-details {
    display: block
}

.collection-art-object-item-creator {
    margin-top: .625rem
}

.search-field {
    display: flex
}

.search-field-input-wrapper {
    display: flex;
    flex: 1
}

.search-field-input {
    background: transparent;
    border: none;
    color: #000;
    flex: 1;
    font-family: Gotham Rounded SSm, Arial, sans-serif;
    font-family: inherit;
    font-size: 1.25rem;
    font-size: inherit;
    height: 100%;
    line-height: 1;
    padding: 0;
    width: 0
}

.search-field-input::-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

.search-field-input::placeholder {
    color: rgba(0, 0, 0, .25);
    transition: color .2s linear
}

.search-field-input:hover::-moz-placeholder {
    color: #000
}

.search-field-input:hover::placeholder {
    color: #000
}

.search-field-input::-ms-clear {
    display: none
}

.search-field-clear-button, .search-field-search-button {
    margin-left: 0;
    margin-right: 0
}

.search-field-clear-button svg, .search-field-search-button svg {
    transition-duration: .2s;
    transition-property: width, height, margin;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    will-change: width, height, margin
}

.search-field-clear-button {
    align-items: center;
    display: flex;
    justify-content: center
}

.search-field-clear-button svg {
    height: 1rem;
    width: 1rem
}

.search-field:hover .search-field-search-button svg {
    height: 1.625rem;
    margin: -.188rem;
    width: 1.625rem
}

.search-field:hover .search-field-clear-button svg {
    height: .75rem;
    margin: .125rem;
    width: .75rem
}

.intro-block {
    font-size: 1.5rem;
    line-height: 1.333
}

.intro-block .markdown {
    font-size: inherit;
    line-height: inherit
}

.logo-block-markdown, .logo-block-title {
    margin-bottom: 1rem
}

.logo-block-markdown + .logo-block-logos, .logo-block-title + .logo-block-logos {
    margin-top: 1.5rem
}

.logo-block-logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: -1.875rem;
    margin-left: -3.125rem
}

.logo-block-logo {
    flex: 0 1 7.5rem;
    margin-bottom: 1.875rem;
    margin-left: 3.125rem
}

.media-block .description {
    font-size: .875rem;
    padding-top: .625rem
}

.media-block .video {
    padding-bottom: 56.25%
}

.cta-list-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.cta-list-item + .cta-list-item {
    margin-top: 1.25rem
}

.header-image img {
    width: 100%
}

.header-video .video {
    padding-bottom: 56.25%
}

.page-teaser-highlight > * {
    color: currentColor;
    text-decoration: none
}

.page-teaser-highlight-image-wrapper {
    overflow: hidden
}

.page-teaser-highlight-image-wrapper + * {
    margin-top: 1.25rem
}

.page-teaser-highlight-image {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.page-teaser-highlight-label {
    color: rgba(0, 0, 0, .5);
    display: block;
    font-size: .875rem;
    font-weight: 500
}

.page-teaser-highlight-date {
    font-weight: 500
}

.page-teaser-highlight-date, .page-teaser-highlight-label, .page-teaser-highlight-time-indication {
    margin-bottom: .313rem
}

.page-teaser-highlight-date + .markdown, .page-teaser-highlight-label + .markdown, .page-teaser-highlight-time-indication + .markdown {
    margin-top: 1.25rem
}

.page-teaser-highlight-date-last-child, .page-teaser-highlight-label-last-child, .page-teaser-highlight-time-indication-last-child {
    margin-bottom: 0
}

.page-teaser-highlight-title {
    line-height: 1.2
}

.page-teaser-highlight-title + * {
    margin-top: 2.25rem
}

.page-teaser-highlight-title > span {
    margin-right: .313rem
}

.page-teaser-highlight-title > svg {
    transition: transform .1s ease-out
}

.page-teaser-highlight-link-wrapper:hover .page-teaser-highlight-title > svg {
    transform: translateX(.313rem)
}

.page-teaser-highlight-link-wrapper:hover .page-teaser-highlight-image {
    transform: scale(1.025)
}

.richtext-block-heading {
    margin-bottom: 1rem
}

.numbered-story-page .richtext-block .richtext-block-heading {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.143
}

.scroll-indicator {
    align-items: center;
    display: flex
}

.scroll-indicator-progress {
    margin: 0 .625rem;
    width: 10rem
}

.scroll-indicator-button {
    height: .75rem;
    width: .75rem
}

.scroll-indicator-help {
    font-size: .875rem;
    font-weight: 500;
    margin-left: 1.25rem;
    opacity: 0;
    transition: opacity .4s linear
}

.scroll-indicator-help.visible {
    opacity: 1
}

.scroll-indicator-right .scroll-indicator-help {
    margin: 0 1.25rem
}

.divider hr {
    margin: .938rem 0
}

.media-item {
    width: 100%
}

.media-item .caption {
    display: flex;
    font-size: .875rem;
    min-height: 3rem;
    padding-top: .625rem
}

.media-item .caption > :not(.markdown) {
    flex: 0 0 auto
}

.media-item .caption .markdown {
    align-self: center
}

.media-item .caption > * + .markdown {
    margin-left: .625rem
}

.media-item .video {
    padding-bottom: 56.25%
}

.media-item .media-item-button {
    background-color: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    width: 100%
}

.media-item .media-item-button:not(:disabled) {
    cursor: pointer
}

.media-item .media-item-button .image-wrapper {
    overflow: hidden
}

.media-item .media-item-button .image-wrapper img {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.media-item .media-item-button .btn-icon-round-small {
    align-items: center;
    display: flex;
    justify-content: center
}

.media-item .media-item-button:active .image-wrapper img, .media-item .media-item-button:hover .image-wrapper img {
    transform: scale(1.075)
}

.media-item-list {
    overflow-x: auto
}

.media-item-list .media-item {
    margin-top: 3.75rem
}

.media-item-list .media-item:first-child {
    margin-top: 0
}

.micrio-embed {
    --aspect-ratio: 1.5/1;
    padding-bottom: calc(var(--aspect-ratio) * 100% + var(--zoom-bar-height));
    position: relative
}

.micrio-embed.zoom-hidden {
    --zoom-bar-height: 0px
}

.micrio-embed .micrio:not(canvas) {
    left: 0;
    position: absolute;
    top: 0
}

:root {
    --zoom-bar-height: 5rem
}

.micrio:not(canvas) {
    background-color: var(--background-color);
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: background-color .6s linear;
    width: 100%
}

.micrio:not(canvas) .micrio-buttons {
    left: 0;
    margin: 1.25rem 0 0 1.25rem;
    position: absolute;
    top: 0
}

.micrio:not(canvas) .micrio-buttons-fullscreen {
    display: none
}

@supports (-webkit-touch-callout:none) {
    .micrio:not(canvas) .micrio-buttons-fullscreen {
        display: none
    }
}

.micrio:not(canvas) .micrio-marker-tour {
    margin-bottom: 3.125rem
}

.micrio:not(canvas) .micrio-marker-tour-button {
    width: 100%
}

.micrio:not(canvas) .micrio-marker-tour-button-wrapper {
    bottom: var(--zoom-bar-height);
    left: 50%;
    padding: 0 28px 1.563rem;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.micrio:not(canvas) div.marker button.marker {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    overflow: visible;
    position: relative;
    --micrio-marker-highlight: var(--micrio-marker-color, #000)
}

.micrio:not(canvas) div.marker button.marker label {
    font-size: .75rem;
    font-weight: 400;
    padding: .125rem;
    text-shadow: 0 .125rem .5rem rgba(0, 0, 0, .5);
    transform: translate(-50%, 10px)
}

.micrio:not(canvas) div.marker:not(.has-custom-icon) button.marker:after {
    border: calc(.125rem * var(--marker-scale, 1)) solid;
    border-color: var(--micrio-marker-color);
    border-radius: 50%;
    content: "";
    height: calc(100% + 10px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .2s;
    transition-property: width, height;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    width: calc(100% + 10px)
}

.micrio:not(canvas) div.static.marker-popup {
    background: var(--background-color);
    bottom: calc(-1 * var(--zoom-bar-height));
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: calc(100% + var(--zoom-bar-height));
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1
}

.micrio:not(canvas) div.static.marker-popup > aside {
    justify-content: space-between;
    left: 0;
    margin: 0;
    padding: 28px 28px 1.875rem;
    position: relative
}

.micrio:not(canvas) div.static.marker-popup > aside button {
    display: inline-block !important;
    font-weight: 500;
    height: auto;
    margin: -1rem;
    min-width: auto;
    padding: 1rem
}

.micrio:not(canvas) div.static.marker-popup > aside button.cancel {
    position: absolute;
    right: 3.125rem
}

.micrio:not(canvas) div.static.marker-popup > aside progress {
    display: block;
    margin-top: 3rem;
    width: 16.25rem
}

.micrio:not(canvas) div.static.marker-popup > aside .micrio-action-group {
    display: inline-block
}

.micrio:not(canvas) div.static.marker-popup > aside .micrio-action-group.tour-controls * + * {
    margin-left: 2.188rem !important
}

.micrio:not(canvas) div.static.marker-popup > main {
    max-height: 100%;
    padding: .625rem 28px 28px;
    width: 100%
}

.micrio:not(canvas) div.static.marker-popup > main > * {
    margin-bottom: 1.875rem
}

.micrio:not(canvas) div.static.marker-popup > main > :last-child {
    margin-bottom: 0
}

.micrio:not(canvas) div.static.marker-popup > main h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.167
}

.micrio:not(canvas) div.static.marker-popup > main figure.media {
    background: transparent;
    margin-left: 0;
    margin-right: 0
}

.micrio:not(canvas) div.static.marker-popup > main figure.media aside.media {
    background: var(--background-color);
    padding: 0
}

.micrio:not(canvas) div.static.marker-popup > main .media-video:not(.is-fullscreen) {
    height: 0;
    padding-bottom: calc((9 / 16) * 100% + var(--micrio-button-size));
    position: relative;
    width: 100%
}

.micrio:not(canvas) div.static.marker-popup > main .media-video:not(.is-fullscreen) > div.media {
    border: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.micrio:not(canvas) div.static.marker-popup > main .media-video:not(.is-fullscreen) > div.media iframe {
    flex: 1
}

.micrio:not(canvas) div.static.marker-popup > main figure.images {
    margin: 0 0 var(--micrio-popup-padding) 0;
    pointer-events: none
}

.micrio:not(canvas) div.static.marker-popup > main figure.images img.marker-popup {
    max-height: unset
}

.micrio:not(canvas) div.static.marker-popup > main article p {
    margin-bottom: 1rem
}

.micrio:not(canvas) div.static.marker-popup > main article p:last-child {
    margin-bottom: 0
}

.micrio:not(canvas) .micrio-zoom {
    align-items: center;
    background: #000;
    color: #fff;
    display: flex;
    height: 5rem;
    justify-content: center;
    padding: 0 28px;
    width: 100%
}

.micrio:not(canvas) .micrio-zoom-button:focus, .micrio:not(canvas) .micrio-zoom-slider:focus {
    outline-color: #fff
}

.micrio:not(canvas) .micrio-zoom-slider {
    --background-color: #000;
    margin: 0 1.25rem
}

.micrio:not(canvas) .micrio-zoom-slider::-webkit-slider-runnable-track {
    height: 2px
}

.micrio:not(canvas) .micrio-zoom-slider::-moz-range-track {
    height: 2px
}

.micrio:not(canvas) .micrio-zoom-slider::-ms-track {
    height: 2px
}

.micrio:not(canvas) .micrio-zoom-slider::-webkit-slider-thumb {
    border: 2px solid #fff;
    box-shadow: inset 0 0 0 .188rem var(--background-color);
    height: .625rem;
    transform: translateY(-.4375rem);
    width: .625rem
}

.micrio:not(canvas) .micrio-zoom-slider::-moz-range-thumb {
    border: 2px solid #fff;
    box-shadow: inset 0 0 0 .188rem var(--background-color);
    height: .625rem;
    width: .625rem
}

.micrio:not(canvas) .micrio-zoom-slider::-ms-thumb {
    border: 2px solid #fff;
    box-shadow: inset 0 0 0 .188rem var(--background-color);
    height: .625rem;
    width: .625rem
}

.micrio:not(canvas) .micrio-zoom-button > svg {
    height: .875rem;
    width: .875rem
}

.micrio:not(canvas) section.popover {
    background: var(--background-color);
    display: flex;
    flex-direction: column-reverse;
    padding: 1.25rem
}

.micrio:not(canvas) section.popover .media-video {
    background: var(--background-color)
}

.micrio:not(canvas) section.popover figcaption.media {
    color: var(--micrio-color);
    font-size: .75rem;
    margin-top: -.375rem
}

.micrio:not(canvas) section.popover aside.popover {
    left: auto;
    right: 20px;
    top: 40px
}

.micrio:not(canvas) micr-io {
    align-items: center;
    display: flex;
    font-family: inherit;
    height: calc(100% - 5rem);
    justify-content: center;
    overflow: visible;
    width: 100%;
    --micrio-color: #000;
    --micrio-color-hover: #000;
    --micrio-background: transparent;
    --micrio-background-hover: transparent;
    --micrio-icon-size: 20px;
    --micrio-border-radius: none;
    --micrio-border-margin: 0;
    --micrio-marker-border: none;
    --micrio-marker-color: #000;
    --micrio-marker-size: 26px;
    --micrio-popup-filter: none;
    --micrio-popup-background: none;
    --micrio-popup-shadow: none;
    --micrio-button-filter: none;
    --micrio-button-shadow: none
}

.micrio:not(canvas) canvas.minimap {
    bottom: 1.25rem;
    right: 1.25rem
}

.micrio:not(canvas):not(.fullscreen).zoom-hidden {
    --zoom-bar-height: 0px
}

.micrio:not(canvas):not(.fullscreen).zoom-hidden .micrio:not(canvas) -popup {
    max-height: 100%
}

.micrio:not(canvas):not(.fullscreen).zoom-hidden .micrio:not(canvas) -buttons, .micrio:not(canvas):not(.fullscreen).zoom-hidden .micrio:not(canvas) -marker-tour-button-wrapper, .micrio:not(canvas):not(.fullscreen).zoom-hidden .micrio:not(canvas) -popup {
    bottom: 0
}

.micrio:not(canvas):not(.fullscreen).zoom-hidden .micrio:not(canvas) -zoom {
    display: none
}

.micrio:not(canvas):not(.fullscreen).zoom-hidden micr-io {
    height: 100%
}

.micrio:not(canvas).embedded.fullscreen-buttons, .micrio:not(canvas):not(.embedded) -buttons {
    margin-left: 28px
}

.micrio:not(canvas).embedded.fullscreen canvas.minimap, .micrio:not(canvas):not(.embedded) canvas.minimap {
    bottom: 7.5rem;
    right: 28px
}

.super-text {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 10rem;
    font-weight: 400;
    justify-content: flex-start
}

.definition-list-item {
    margin-bottom: 1.875rem
}

.definition-list-item-label {
    font-weight: 700
}

.definition-list-item-label:first-letter {
    text-transform: uppercase
}

.definition-list-item-value {
    margin: 0
}

.page-teaser-date {
    font-weight: 500
}

.page-teaser-date, .page-teaser-time-indication {
    margin-bottom: .313rem
}

.page-teaser-date:last-child, .page-teaser-time-indication:last-child {
    margin-bottom: 0
}

.sidebar .page-teaser .markdown {
    font-size: .875rem
}

.art-object-teaser .image-fallback {
    height: 15.625rem;
    margin-bottom: 1.25rem
}

.art-object-teaser-art-object-image {
    margin-bottom: 1.25rem
}

.art-object-teaser-art-object-image img {
    width: 100%
}

.art-object-teaser .part-of-set-text {
    display: flex;
    margin: 1rem 0
}

.art-object-teaser .part-of-set-text p, .art-object-teaser .part-of-set-text > svg {
    font-size: .875rem;
    margin-right: .5rem
}

.art-object-teaser-description {
    font-weight: 500;
    margin-bottom: .313rem
}

.art-object-teaser-description:last-child {
    margin-bottom: 0
}

.teaser-card {
    color: #fff;
    position: relative
}

.teaser-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%
}

.teaser-card-content > * {
    color: #fff
}

.teaser-card-content .link {
    margin-top: 1.25rem
}

.teaser-card-content:hover .link > svg {
    transform: translateX(.313rem)
}

.teaser-card-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.teaser-card-image, .teaser-card-image img, .teaser-card-image:after {
    border-radius: .75rem;
    overflow: hidden
}

.teaser-card-image:after {
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .3) 67%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.teaser-card-image .focus-point-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    width: 100%;
    will-change: transform
}

.teaser-card:hover .teaser-card-image .focus-point-image {
    transform: scale(1.075)
}

.teaser-card-label {
    font-size: .875rem;
    margin-bottom: .625rem
}

.teaser-card-text {
    font-size: .875rem;
    margin-top: .938rem
}

.card-overview .teaser-card {
    height: 0;
    padding-bottom: 137.5%;
    width: 100%
}

.card-overview .teaser-card + .teaser-card {
    margin-top: 1.875rem
}

.card-overview .teaser-card:hover .teaser-card-image .focus-point-image {
    transform: scale(1.05)
}

.teaser * {
    color: currentColor !important;
    text-decoration: none
}

.teaser-image-wrapper {
    margin-bottom: 1.25rem;
    overflow: hidden
}

.teaser-image {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.teaser-label {
    color: rgba(0, 0, 0, .5);
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .625rem
}

.teaser-title {
    margin-bottom: 1.25rem
}

.teaser-title > span {
    margin-right: .313rem
}

.teaser-title > svg {
    transition: transform .1s ease-out
}

.teaser-link-wrapper:hover .teaser-title > svg {
    transform: translateX(.313rem)
}

.teaser-link-wrapper:hover .teaser-image {
    transform: scale(1.075)
}

.sidebar .teaser .teaser-title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2
}

.date-selector-container {
    margin-bottom: 3.125rem
}

.date-selector-container.vc-container {
    font-family: Gotham Rounded SSm, Arial, sans-serif;
    --highlight-width: 5rem;
    --highlight-height: 5rem;
    --day-content-width: 5rem;
    --day-content-height: 5rem;
    --day-content-bg-color-focus: #ffce01;
    --day-content-bg-color-hover: #fff;
    --weeks-padding: 0;
    --weekday-padding: 0.625rem
}

.date-selector-container .vc-weeks {
    grid-template-columns:repeat(7, var(--day-content-width)) !important;
    justify-content: space-between !important
}

.date-selector-container .vc-header {
    margin-bottom: 2.5rem
}

.date-selector-container .vc-text-white {
    color: var(--background-color)
}

.date-selector-container .vc-arrows-container {
    align-items: flex-end;
    height: 2.75rem
}

.date-selector-title {
    cursor: default !important;
    font-size: 1.5rem;
    text-transform: capitalize
}

.date-selector-fieldset {
    position: relative
}

.date-selector-input-label {
    display: inline-block;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.date-selector-input-fields {
    border-bottom: 1px solid #000;
    max-width: 22.5rem;
    padding-bottom: .313rem;
    position: relative
}

.date-selector-input-date {
    padding: .313rem 0;
    width: 100%
}

.date-selector-helper-text {
    font-size: .875rem;
    opacity: .5;
    padding-top: .625rem
}

.date-selector-accent-high, .date-selector-accent-low {
    background-color: #000
}

.date-selector-date {
    cursor: pointer;
    font-size: 1.5rem;
    transition: background-color .2s linear, color .2s linear
}

.date-selector-date-selected {
    animation: ExpandBackground .4s cubic-bezier(.23, 1, .32, 1) forwards, FadeSelected .2s linear forwards;
    background-clip: content-box;
    position: relative;
    z-index: 1
}

.date-selector-date-disabled {
    pointer-events: none
}

.date-selector-date-disabled:focus {
    background-color: rgba(0, 0, 0, .05) !important
}

.date-selector-date-disabled, .date-selector-date-not-in-month {
    color: rgba(0, 0, 0, .2)
}

.is-today .date-selector-date {
    font-weight: 500
}

.date-selector-date:focus, .date-selector-date:hover {
    animation: ExpandBackground .4s cubic-bezier(.23, 1, .32, 1) forwards;
    background-clip: content-box
}

.date-selector-date:focus {
    outline-color: transparent !important
}

* + .date-selector-date:focus, * + .date-selector-date:hover {
    background-color: transparent !important
}

.date-selector-weekday {
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: capitalize
}

.date-selector-arrows button {
    align-items: center;
    background: transparent;
    border: none;
    display: flex;
    font-family: Gotham Rounded SSm, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding: 0;
    text-transform: capitalize
}

.date-selector-arrows button.next svg {
    margin-left: .625rem
}

.date-selector-arrows button.prev svg {
    margin-right: .625rem
}

.date-selector-keyboard-info {
    background-color: #000;
    color: #fff;
    font-size: .875rem;
    margin: 1.25rem 0;
    padding: 1.875rem;
    width: 100%
}

.date-selector-keyboard-info.slide-fade-enter-active, .date-selector-keyboard-info.slide-fade-leave-active {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), opacity .2s linear
}

.date-selector-keyboard-info.slide-fade-enter, .date-selector-keyboard-info.slide-fade-leave-to {
    opacity: 0;
    transform: translateY(-1.25rem)
}

@keyframes FadeSelected {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ExpandBackground {
    0% {
        padding: 1.875rem
    }
    to {
        padding: 0
    }
}

.compare-image-item {
    cursor: pointer;
    position: relative
}

.compare-image-item, .compare-image-item-before, .compare-image-item-before picture {
    height: 100%;
    width: 100%
}

.compare-image-item-before img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.fullscreen .compare-image-item.landscape .compare-image-item-before img {
    height: auto;
    max-height: 100%;
    width: 100%
}

.fullscreen .compare-image-item.portrait .compare-image-item-before img {
    height: 100%;
    max-width: 100%;
    width: auto
}

.compare-image-item-after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.compare-image-item-button {
    cursor: grab;
    padding: .313rem;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.compare-image-item-button-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.compare-image-item-button-wrapper.vertical {
    transform: translate(-50%, -50%) rotate(90deg)
}

.compare-image-item-button svg {
    height: 1.25rem;
    width: 1.25rem
}

.compare-image-item-info {
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: .875rem;
    left: 50%;
    opacity: 0;
    padding: .625rem;
    pointer-events: none;
    position: absolute;
    top: .625rem;
    transform: translateX(-50%);
    transition: opacity .4s cubic-bezier(.23, 1, .32, 1);
    width: 85%
}

.compare-image-item-info [class^=icon-] {
    height: .875rem;
    vertical-align: -.094rem;
    width: .875rem
}

.floating-focus-enabled .compare-image-item-info.show {
    opacity: 1
}

.long-story-page .story-media-text-block .compare-image-item .compare-image-item-before img {
    width: 100%
}

.page-text-teaser {
    margin-bottom: 3.125rem
}

.page-text-teaser-link {
    text-decoration: none
}

.page-text-teaser-link:hover {
    text-decoration: underline;
    text-decoration-color: #000
}

.page-text-teaser-label {
    color: rgba(0, 0, 0, .5);
    font-size: .875rem;
    margin-bottom: 1.25rem
}

.page-text-teaser-title {
    color: #000
}

.page-text-teaser-description {
    color: #000;
    font-size: 1rem;
    margin-top: .938rem
}

.embedded-block {
    width: 100%
}

.embedded-block iframe {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 100%
}

.embedded-block-cookie-consent {
    background-color: #f4ebc0;
    padding: 1.875rem
}

* + .embedded-block-cookie-consent-button {
    margin-top: 1.875rem
}

.content-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.167
}

.content-title-wrapper {
    pointer-events: none
}

.page-loader {
    height: 4px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-4px);
    transition: transform .5s;
    z-index: 10
}

.page-loader-bar {
    animation: loading 1.5s ease-in-out infinite;
    background-color: #000;
    height: 4px;
    width: 25vw
}

.page-loader.visible {
    transform: translateY(0)
}

@keyframes loading {
    0% {
        transform: translateX(-25vw)
    }
    to {
        transform: translateX(125vw)
    }
}

.tag-list {
    display: flex;
    flex-wrap: wrap
}

.tag-list-item {
    border: .094rem solid rgba(0, 0, 0, .2);
    color: inherit;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.429;
    margin: .313rem;
    padding: .625rem 1.25rem;
    text-decoration: none;
    transition: border-color .4s linear
}

.tag-list-item.is-highlighted {
    background-color: #fff;
    color: #000
}

.tag-list-item.has-link {
    cursor: pointer
}

.tag-list-item.has-link:hover {
    border-color: #000
}

.taglink-list {
    display: flex;
    flex-wrap: wrap;
    margin: -.313rem
}

.taglink-list-link {
    border: .094rem solid rgba(0, 0, 0, .2);
    color: inherit;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.429;
    margin: .313rem;
    padding: .625rem 1.25rem;
    text-decoration: none;
    transition: border-color .4s linear
}

.taglink-list-link:hover {
    border-color: #000
}

.tag-list-grouped {
    margin-bottom: 1.5rem
}

.tag-list-grouped .tag-group {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 1.5rem
}

.tag-list-grouped .tag-group-header {
    margin-right: 1.5rem;
    min-width: 15.625rem
}

.main-navigation {
    min-height: 7.5rem;
    position: relative;
    width: 100vw
}

.main-navigation-mobile {
    height: 7.5rem;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem
}

.main-navigation-mobile-header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.main-navigation-mobile-buttons {
    display: flex
}

.main-navigation-mobile-buttons > li {
    margin: 0 1.25rem
}

.main-navigation-mobile-buttons > li:first-child {
    margin-left: 0
}

.main-navigation-mobile-buttons > li:last-child {
    margin-right: 0
}

.main-navigation-mobile-buttons > li .btn-icon {
    color: var(--main-nav-text-color);
    transition: color .2s linear
}

.is-open .main-navigation-mobile-buttons > li .btn-icon {
    color: var(--text-contrast-color)
}

.main-navigation-mobile-button {
    margin: -1rem;
    padding: 1rem
}

.main-navigation-mobile-menu, .main-navigation-mobile-screen {
    background-color: var(--background-color);
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    min-height: calc(var(--vh, 1vh) * 100);
    position: absolute;
    right: 0;
    top: 3.75rem;
    transition: background-color .6s linear
}

.main-navigation-mobile-menu-header, .main-navigation-mobile-screen-header {
    animation: SlideFade .5s cubic-bezier(.23, 1, .32, 1) forwards;
    opacity: 0;
    transform: translateX(-2.5rem)
}

.main-navigation-mobile-menu-back, .main-navigation-mobile-screen-back {
    height: 1.25rem;
    margin: 1.875rem 0
}

.main-navigation-mobile-menu-heading, .main-navigation-mobile-screen-heading {
    margin-bottom: 1.875rem
}

.main-navigation-mobile-menu-items, .main-navigation-mobile-screen-items {
    animation: SlideFade .5s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: .2s;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 1.875rem 0;
    transform: translateX(-2.5rem)
}

.language-switch-screen .main-navigation-mobile-menu-items li a, .language-switch-screen .main-navigation-mobile-screen-items li a {
    font-size: 1.25rem
}

.main-navigation-mobile-menu-items > li:first-child, .main-navigation-mobile-screen-items > li:first-child {
    margin-top: -.938rem
}

.main-navigation-mobile-menu-items > li:last-child, .main-navigation-mobile-screen-items > li:last-child {
    margin-bottom: -.938rem
}

.main-navigation-mobile-menu-language-switch, .main-navigation-mobile-screen-language-switch {
    padding: .938rem 0
}

.main-navigation-mobile-menu-item, .main-navigation-mobile-screen-item {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    padding: .938rem 0
}

.main-navigation-mobile-menu-item span, .main-navigation-mobile-screen-item span {
    position: relative
}

.main-navigation-mobile-menu-item span:after, .main-navigation-mobile-screen-item span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .125rem;
    margin-top: .25rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.main-navigation-mobile-menu-item span:hover:after, .main-navigation-mobile-screen-item span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.main-navigation-mobile-menu-item svg, .main-navigation-mobile-screen-item svg {
    margin-right: .625rem
}

.main-navigation-mobile-menu-item.selected span, .main-navigation-mobile-screen-item.selected span {
    position: relative
}

.main-navigation-mobile-menu-item.selected span:after, .main-navigation-mobile-screen-item.selected span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .125rem;
    margin-top: .25rem;
    max-width: 1.25rem;
    position: absolute;
    top: 100%;
    transform: rotate(.001deg);
    transition: max-width .4s cubic-bezier(.23, 1, .32, 1);
    width: 100%
}

.main-navigation-mobile-menu-item.selected span:hover:after, .main-navigation-mobile-screen-item.selected span:hover:after {
    max-width: 100%
}

.main-navigation-mobile-screen-sidebar-items > li + li {
    margin-top: 1.25rem
}

.language-screen .main-navigation-mobile-screen-items li a {
    font-size: 1.25rem
}

.language-screen .main-navigation-mobile-screen-items li a span {
    position: relative
}

.language-screen .main-navigation-mobile-screen-items li a span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .063rem;
    margin-top: .25rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.language-screen .main-navigation-mobile-screen-items li a span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.language-screen .main-navigation-mobile-screen-items li a.open span:after {
    transform: none
}

.main-navigation-mobile-footer-items {
    animation: Fade .6s forwards;
    opacity: 0;
    padding: 1.25rem 0
}

.main-navigation-mobile-footer-item {
    font-weight: 400;
    padding: .625rem 0
}

.main-navigation-mobile-footer-item span {
    position: relative
}

.main-navigation-mobile-footer-item span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .063rem;
    margin-top: .125rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.main-navigation-mobile-footer-item span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.main-navigation-mobile-logo {
    display: block;
    height: 5rem;
    min-width: 5rem;
    position: absolute;
    right: 1.875rem;
    top: 1.875rem
}

.main-navigation-desktop {
    display: none
}

.main-navigation-desktop-items {
    align-items: center;
    display: flex;
    height: 6.875rem
}

.main-navigation-desktop-items > li:first-child {
    margin-left: -1.875rem
}

.main-navigation-desktop-items > li:last-child {
    margin-right: -1.875rem
}

.main-navigation-desktop-item {
    color: var(--main-nav-text-color);
    display: flex;
    font-size: .875rem;
    line-height: 1;
    margin: 0;
    padding: 1rem 1.875rem;
    transition: color .2s linear;
    white-space: nowrap
}

.has-open-screen .main-navigation-desktop-item {
    color: var(--text-contrast-color)
}

.main-navigation-desktop-item span {
    position: relative
}

.main-navigation-desktop-item span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .125rem;
    margin-top: .125rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.main-navigation-desktop-item span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.main-navigation-desktop-item.selected span {
    position: relative
}

.main-navigation-desktop-item.selected span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .125rem;
    margin-top: .125rem;
    max-width: .938rem;
    position: absolute;
    top: 100%;
    transform: rotate(.001deg);
    transition: max-width .4s cubic-bezier(.23, 1, .32, 1);
    width: 100%
}

.main-navigation-desktop-item.selected span:hover:after {
    max-width: 100%
}

.main-navigation-desktop-item.open span:after {
    max-width: 100%;
    transform: rotate(.001deg)
}

.main-navigation-desktop-screen {
    background-color: var(--background-color);
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    min-height: calc(100% - 6.875rem);
    position: absolute;
    right: 0;
    top: 6.875rem;
    transition: background-color .6s linear
}

.main-navigation-desktop-screen.screen-fade-enter-active, .main-navigation-desktop-screen.screen-fade-leave-active {
    transition: background-color .6s linear, opacity .2s linear
}

.main-navigation-desktop-screen.screen-fade-enter, .main-navigation-desktop-screen.screen-fade-leave-to {
    opacity: 0
}

.main-navigation-desktop-screen-heading {
    animation: SlideFade .5s cubic-bezier(.23, 1, .32, 1) forwards;
    margin-bottom: 1.875rem;
    opacity: 0;
    transform: translateX(-2.5rem)
}

.main-navigation-desktop-screen-wrapper {
    flex: 1 1 auto
}

.main-navigation-desktop-screen-sidebar {
    padding: 1.875rem 0
}

.main-navigation-desktop-screen-sidebar .language-switch {
    animation: SlideFade .5s cubic-bezier(.23, 1, .32, 1) forwards;
    opacity: 0;
    transform: translateX(-2.5rem)
}

.main-navigation-desktop-screen-sidebar-items > li + li {
    margin-top: 1.25rem
}

.main-navigation-desktop-screen-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.main-navigation-desktop-screen-items {
    animation: SlideFade .5s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: .1s;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 2.5rem 0;
    transform: translateX(-2.5rem)
}

.main-navigation-desktop-screen-items > li:first-child {
    margin-top: -.938rem
}

.main-navigation-desktop-screen-items > li:last-child {
    margin-bottom: -.938rem
}

.main-navigation-desktop-screen-item {
    align-items: center;
    display: flex;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    padding: .938rem 0
}

.main-navigation-desktop-screen-item span {
    position: relative
}

.main-navigation-desktop-screen-item span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .156rem;
    margin-top: .25rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.main-navigation-desktop-screen-item span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.main-navigation-desktop-screen-item svg {
    margin-right: 1.25rem
}

.main-navigation-desktop-screen-item.selected span {
    position: relative
}

.main-navigation-desktop-screen-item.selected span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .156rem;
    margin-top: .25rem;
    max-width: 2.5rem;
    position: absolute;
    top: 100%;
    transform: rotate(.001deg);
    transition: max-width .4s cubic-bezier(.23, 1, .32, 1);
    width: 100%
}

.main-navigation-desktop-screen-item.selected span:hover:after {
    max-width: 100%
}

.language-screen .main-navigation-desktop-screen-items li a {
    font-size: 1.25rem
}

.language-screen .main-navigation-desktop-screen-items li a span {
    position: relative
}

.language-screen .main-navigation-desktop-screen-items li a span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .125rem;
    margin-top: .25rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.language-screen .main-navigation-desktop-screen-items li a span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.language-screen .main-navigation-desktop-screen-items li a.open span:after {
    transform: none
}

.main-navigation-desktop-footer-items {
    animation: UpFade .5s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: .1s;
    display: flex;
    opacity: 0;
    transform: translateY(.625rem)
}

.main-navigation-desktop-footer-items > li:first-child {
    margin-left: -.938rem
}

.main-navigation-desktop-footer-items > li:last-child {
    margin-right: -.938rem
}

.main-navigation-desktop-footer-item {
    padding: 1.25rem .938rem
}

.main-navigation-desktop-footer-item span {
    position: relative
}

.main-navigation-desktop-footer-item span:after {
    background: currentColor;
    content: "";
    display: block;
    height: .125rem;
    margin-top: .125rem;
    position: absolute;
    top: 100%;
    transform: scaleX(0) rotate(.001deg);
    transform-origin: left center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), transform-origin 0s .4s;
    width: 100%
}

.main-navigation-desktop-footer-item span:hover:after {
    transform: scaleX(1) rotate(.001deg);
    transform-origin: right center
}

.main-navigation-desktop-logo {
    display: block;
    height: 5rem;
    margin-bottom: -1.875rem;
    min-width: 5rem;
    position: absolute;
    right: 3.125rem;
    top: 3.125rem
}

.main-navigation-desktop-logo img {
    height: 100%;
    width: 100%
}

.main-navigation-desktop-logo.logo-slide-enter-active, .main-navigation-desktop-logo.logo-slide-leave-active {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.main-navigation-desktop-logo.logo-slide-enter, .main-navigation-desktop-logo.logo-slide-leave-to {
    transform: translateX(calc(100% + 3.125rem))
}

.main-navigation.has-open-screen {
    background-color: var(--background-color);
    transition: background-color .6s linear
}

.main-navigation.has-open-screen > *, .main-navigation.is-open > * {
    bottom: 0;
    left: 0;
    overflow: overlay;
    position: fixed;
    right: 0;
    top: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden
}

.main-navigation.is-fixed {
    position: fixed;
    top: 0
}

@keyframes SlideFade {
    0% {
        opacity: 0;
        transform: translateX(-2.5rem)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes UpFade {
    0% {
        opacity: 0;
        transform: translateY(.625rem)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cookie-banner {
    background: var(--cookie-banner-color);
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

.cookie-banner-content {
    padding: 1.875rem 0
}

.cookie-banner-info {
    margin-bottom: 1.875rem
}

.cookie-banner-title {
    margin-bottom: .625rem
}

.cookie-banner-button {
    justify-content: flex-start;
    width: 100%
}

.cookie-banner-button + .cookie-banner-button {
    margin-top: .625rem
}

.cookie-banner.slide-enter-active, .cookie-banner.slide-leave-active {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.cookie-banner.slide-enter, .cookie-banner.slide-leave-to {
    transform: translateY(100%)
}

.art-object-header {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 6.875rem - 3.125rem);
    margin-top: -.625rem;
    padding-bottom: 5rem;
    padding-top: 1.875rem;
    position: relative
}

.art-object-header.extra-part-of-set-height {
    height: calc(100vh - 8.125rem - 3.438rem - 2rem)
}

.art-object-header-image {
    flex: 1;
    pointer-events: none;
    transform-origin: top center;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.art-object-header-image.transitioning {
    z-index: 4
}

.art-object-header-image img {
    -o-object-fit: contain;
    object-fit: contain
}

.art-object-header-image-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.art-object-header .image-fallback-wrapper {
    height: 100%;
    padding: .625rem 0 1.875rem;
    width: 100%
}

.art-object-header-buttons {
    bottom: 0;
    display: flex;
    margin: 0 1.875rem 2.5rem 0;
    position: absolute;
    right: 0;
    z-index: 4
}

.art-object-header-buttons.fade-enter-active {
    transition-delay: .4s !important
}

.art-object-header-button {
    align-items: center;
    display: flex;
    justify-content: center
}

.art-object-header-button + .art-object-header-button {
    margin-left: 1.25rem
}

.art-object-header-vfs-popup {
    background: var(--background-color);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 4
}

.art-object-header-vfs-popup.fade-enter-active {
    transition-delay: .4s !important
}

.art-object-header-vfs-close {
    margin: 1.25rem 28px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.page-header-link, .page-header-row + .page-header-row {
    padding-top: .625rem
}

.page-header .markdown {
    padding-top: 1.25rem
}

.page-transition {
    position: relative
}

.page-transition-fade-enter-active, .page-transition-fade-leave-active {
    position: absolute;
    transition: .4s cubic-bezier(.23, 1, .32, 1), opacity .2s linear;
    width: 100%
}

.page-transition-fade-enter, .page-transition-fade-leave-to {
    opacity: 0
}

.page-transition-fade-leave-to {
    transform: translateY(-1.25rem)
}

.page-transition-fade-enter {
    transform: translateY(1.25rem)
}

.search-overlay {
    background-color: var(--background-color);
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding-bottom: 5rem;
    position: fixed;
    top: 0;
    transition: background-color .6s linear;
    width: 100%;
    z-index: 4
}

.search-overlay.background-fade-enter, .search-overlay.background-fade-leave-to {
    --sticky-opacity: 0
}

.search-overlay .search-input-wrapper {
    animation: MoveFade .8s cubic-bezier(.23, 1, .32, 1) forwards;
    opacity: 0;
    transform: translateY(2.5rem)
}

.search-overlay .search-input-button {
    transition: transform .6s cubic-bezier(.23, 1, .32, 1)
}

.search-overlay .search-input-button-close {
    animation: Fade .4s forwards;
    opacity: 0
}

@keyframes MoveFade {
    0% {
        opacity: 0;
        transform: translateY(2.5rem)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.search-form {
    background-color: var(--background-color);
    opacity: var(--sticky-opacity);
    position: sticky;
    top: 0;
    transition: background-color .6s linear, opacity .2s linear;
    z-index: 1
}

.search-form-wrapper {
    align-items: center;
    display: flex;
    padding: 1.875rem 0
}

.search-input {
    flex: 0 1 auto;
    max-width: 100%;
    transition: width .4s cubic-bezier(.23, 1, .32, 1)
}

.search-input-wrapper {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    margin-right: .938rem;
    overflow: hidden
}

.search-input-button-clear {
    color: rgba(0, 0, 0, .5);
    height: .75rem;
    width: .75rem
}

.search-input-button-clear > svg {
    height: .75rem;
    width: .75rem
}

.search-input-button {
    margin: -1rem;
    padding: 1rem
}

.search-input-button + .search-input-button {
    margin-left: 1.25rem
}

.search-query-width {
    display: none;
    padding: 0;
    position: absolute
}

.search-results-loader {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.search-results-loader .loader {
    margin: 3.75rem 0
}

.search-results-total {
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    margin-top: 1.875rem
}

.search-results-section-footer, .search-results-section-header {
    font-weight: 500;
    margin-bottom: 1.875rem;
    margin-top: 3.125rem
}

.search-results-art-objects-teaser {
    margin-top: 3.75rem;
    position: relative
}

.search-results-art-objects-teaser:hover .explanation-tooltip {
    opacity: 1
}

.search-results-art-objects-teaser .art-object-teaser-title {
    font-size: 1.25rem;
    line-height: 1.2
}

.search-results-art-objects-teaser .art-object-teaser-desription {
    font-size: .875rem;
    line-height: 1.286
}

.search-results-stories-teaser {
    display: none;
    padding-bottom: 155.55555556%;
    position: relative
}

.search-results-stories-teaser > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.search-results-stories-teaser:first-child {
    display: block
}

.card-story-block {
    min-height: calc(var(--vh, 1vh) * 100);
    position: relative;
    width: 100%;
    z-index: 4
}

.card-story-block-inner {
    height: 100%;
    position: relative;
    width: 100vw
}

.card-story-block-fixed .card-story-block-inner {
    bottom: 0;
    position: fixed
}

.card-story-block-top.card-story-block-fixed .card-story-block-inner {
    bottom: auto;
    top: 0
}

.card-story-block .story-video-block {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.card-story-page {
    z-index: 0
}

.story-content-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%
}

.story-content-row, .story-content-row .content {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.story-quote-block {
    padding-bottom: 9.375rem;
    padding-top: 9.375rem
}

.story-quote-block .quote {
    grid-column: 1/span 11
}

.card-story-page .story-quote-block .quote, .story-quote-block .quote {
    font-size: 1.75rem;
    line-height: 1.143;
    text-align: center
}

.story-quote-block .subtitle {
    font-weight: 400;
    grid-column: 1/span 11;
    padding-top: 1.875rem;
    text-align: center
}

.card-story-page .story-quote-block .subtitle, .story-quote-block .subtitle {
    font-size: .875rem;
    line-height: 1.286
}

.story-text-block-content {
    width: 100%
}

.story-text-block .fill-screen {
    align-items: center;
    display: flex;
    flex-grow: 1;
    width: 100%
}

.card-story-page .intro-block .story-text-block-text {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.143
}

.long-story-page .intro-block .story-text-block-text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.167
}

.long-story-page .story-text-block-text {
    font-size: 1rem;
    line-height: 1.375
}

.story-cta-image {
    background: var(--background-color);
    height: 100%;
    position: relative
}

.story-cta-image .focus-point-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.story-cta-image-content {
    justify-content: flex-end;
    position: relative
}

.story-cta-image-content .download-link {
    align-items: center;
    background: #000;
    border: 2px solid #000;
    border-radius: .188rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 500;
    height: 3.75rem;
    justify-content: center;
    justify-content: space-between;
    line-height: 1.375;
    padding: 0 1.875rem;
    transition: background .2s linear, color .2s linear
}

.story-cta-image-content .download-link > svg {
    margin-left: .625rem
}

.story-cta-image-content .download-link:not(.link-icon-no-animation):hover > svg {
    transform: translateX(.313rem)
}

.story-cta-image-content .download-link > svg {
    align-self: center
}

.story-cta-image-content .download-link-info {
    color: hsla(0, 0%, 100%, .5)
}

.story-cta-image-content .download-link:hover .download-link-info {
    color: rgba(0, 0, 0, .5)
}

.story-video-block {
    background-color: #000;
    max-height: calc(var(--vh, 1vh) * 100);
    position: relative
}

.story-video-block .video {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: calc(9 / 16 * 100%);
    position: static
}

.story-header {
    background-color: var(--background-color);
    display: flex;
    margin-top: -7.5rem;
    min-height: calc(var(--vh, 1vh) * 93);
    position: relative;
    transition: background-color .6s linear;
    width: 100%;
    z-index: 3
}

@supports (-webkit-touch-callout:none) {
    .story-header {
        min-height: calc(var(--vh, 1vh) * 85)
    }
}

.story-header-inner {
    align-items: flex-end;
    display: flex;
    height: auto
}

.story-header-inner:after {
    animation: Fade .6s linear forwards;
    background-image: linear-gradient(transparent 30%, hsla(0, 0%, 8%, .3)), linear-gradient(hsla(0, 0%, 8%, .3), transparent 30%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes Fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.story-header-content-wrapper {
    color: #fff;
    padding-top: calc(7.5rem + 1.25rem);
    width: 100%;
    z-index: 1
}

.story-header-content {
    padding-bottom: 1.875rem
}

.story-header-label {
    font-weight: 500;
    margin-bottom: .313rem
}

.long-story-page .story-header-label {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    margin: .313rem 0 0
}

.story-header .focus-point-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.story-media-text-block-row {
    align-items: center
}

.story-media-text-block-text {
    margin-top: 1.25rem
}

.card-story-page .story-media-text-block-text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.167
}

.long-story-page .story-media-text-block-text {
    align-self: flex-end;
    font-size: 1rem;
    line-height: 1.375
}

.story-media-text-block.story-block-animated .media-item-button, .story-media-text-block.story-block-animated .teaser-link-wrapper {
    pointer-events: none
}

.story-media-text-block.story-block-animated .image-wrapper {
    overflow: hidden
}

.story-media-text-block.story-block-animated .image-wrapper img {
    transform: scale(1.05);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.story-media-text-block.show-animation .media-item-button, .story-media-text-block.show-animation .teaser-link-wrapper {
    animation: pointerEvents .1ms cubic-bezier(.23, 1, .32, 1) 1s forwards
}

.story-media-text-block.show-animation .image-wrapper img {
    transform: scale(1)
}

.story-micrio-row {
    height: 100%;
    width: 100%
}

.long-story-page .story-micrio-row {
    height: 100vh
}

.story-scroll-indicator {
    background: #000;
    color: #fff;
    height: 1.313rem;
    margin-bottom: -1.313rem;
    opacity: 0;
    position: sticky;
    top: 0;
    transform: translateY(-100%);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1) .2s, opacity .2s linear;
    z-index: 5
}

.story-scroll-indicator.is-sticky {
    opacity: 1;
    transform: translateY(0);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.story-scroll-indicator-content {
    align-items: center;
    display: flex;
    height: 100%
}

.story-scroll-indicator-title {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.667;
    max-width: calc(50% - 16.25rem / 2 - 2.5rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.story-scroll-indicator-progress {
    width: 100%
}

.story-numbered-row {
    justify-content: flex-start
}

.story-numbered-row-number {
    font-size: 12.5rem;
    line-height: 1
}

.story-numbered-row > .grid-row {
    margin-bottom: 2.5rem
}

.story-numbered-row > .grid-row:first-child {
    margin-top: 2.5rem
}

.story-scrollable-media-row {
    overflow-x: auto;
    scroll-snap-type: x mandatory
}

.story-scrollable-media-row .content {
    display: flex;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.story-scrollable-media-row .content > .media-item {
    box-sizing: content-box;
    flex: 1 0 72.72727273vw;
    padding-left: 9.09090909vw;
    scroll-snap-align: start
}

.story-scrollable-media-row .content > .media-item:first-child {
    padding-left: 28px
}

.story-scrollable-media-row .content > .media-item:last-child {
    padding-right: 28px
}

.story-scrollable-media-row.full-screen {
    height: 100vh;
    width: 100%
}

.story-scrollable-media-row.full-screen .content, .story-scrollable-media-row.full-screen .media-item-compare {
    height: 100%;
    width: 100%
}

.story-scrollable-media-row.full-screen .media-item-compare > figure {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.long-story-page .story-scrollable-media-row.full-screen {
    height: auto
}

.story-scrollable-media-row-progress {
    align-self: flex-start;
    left: 28px;
    margin: 1.25rem 0;
    position: sticky
}

.story-scrollable-media-row:not(.scrollable).story-block-animated .media-item-button, .story-scrollable-media-row:not(.scrollable).story-block-animated .teaser-link-wrapper {
    pointer-events: none
}

.story-scrollable-media-row:not(.scrollable).story-block-animated .image-wrapper {
    overflow: hidden
}

.story-scrollable-media-row:not(.scrollable).story-block-animated .image-wrapper img {
    transform: scale(1.05);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.story-scrollable-media-row:not(.scrollable).show-animation .media-item-button, .story-scrollable-media-row:not(.scrollable).show-animation .teaser-link-wrapper {
    animation: pointerEvents .1ms cubic-bezier(.23, 1, .32, 1) 1s forwards
}

.story-scrollable-media-row:not(.scrollable).show-animation .image-wrapper img {
    transform: scale(1)
}

.story-scrollable-media-row.scrollable.story-block-animated {
    pointer-events: none;
    scroll-snap-type: none
}

.story-scrollable-media-row.scrollable.story-block-animated .content {
    transform: translateX(3.75rem)
}

.story-scrollable-media-row.scrollable.story-block-animated .content > .media-item:nth-child(2) {
    transform: translateX(.938rem)
}

.story-scrollable-media-row.scrollable.story-block-animated .content > .media-item:nth-child(3) {
    transform: translateX(1.875rem)
}

.story-scrollable-media-row.scrollable.story-block-animated .story-scrollable-media-row-progress {
    opacity: 0
}

.story-scrollable-media-row.scrollable.show-animation {
    animation: disableInteraction .1ms linear 1.5s forwards
}

.story-scrollable-media-row.scrollable.show-animation .content {
    animation: slideInMobile 1.5s cubic-bezier(.23, 1, .32, 1) forwards
}

.story-scrollable-media-row.scrollable.show-animation .content > .media-item:nth-child(2) {
    animation: slideInSecond 1.5s cubic-bezier(.23, 1, .32, 1) .5s forwards
}

.story-scrollable-media-row.scrollable.show-animation .content > .media-item:nth-child(3) {
    animation: slideInThird 1.5s cubic-bezier(.23, 1, .32, 1) .5s forwards
}

.story-scrollable-media-row.scrollable.show-animation .story-scrollable-media-row-progress {
    animation: fadeIn .5s cubic-bezier(.23, 1, .32, 1) 1.5s forwards
}

@keyframes slideInMobile {
    0% {
        transform: translateX(3.75rem)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes disableInteraction {
    0% {
        pointer-events: none;
        scroll-snap-type: none
    }
    to {
        pointer-events: auto;
        scroll-snap-type: x mandatory
    }
}

@keyframes slideInDesktop {
    0% {
        transform: translateX(17.39130435vw)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes slideInSecond {
    0% {
        transform: translateX(.938rem)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes slideInThird {
    0% {
        transform: translateX(1.875rem)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.collection-art-object-list {
    display: flex;
    flex-wrap: wrap;
    margin: -4.54545455vw;
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1)
}

.collection-art-object-list-item {
    display: flex;
    flex: 0 0 auto;
    padding: 4.54545455vw;
    transition: flex .5s cubic-bezier(.23, 1, .32, 1)
}

.columns-1 .collection-art-object-list-item {
    --hover-scale: 1.035;
    flex: 0 0 100%
}

.columns-2 .collection-art-object-list-item {
    --hover-scale: 1.11;
    flex: 0 0 50%
}

.columns-3 .collection-art-object-list-item {
    --hover-scale: 1.185;
    flex: 0 0 33.33333333%
}

.columns-4 .collection-art-object-list-item {
    --hover-scale: 1.26;
    flex: 0 0 25%
}

.columns-5 .collection-art-object-list-item {
    --hover-scale: 1.335;
    flex: 0 0 20%
}

.columns-6 .collection-art-object-list-item {
    --hover-scale: 1.41;
    flex: 0 0 16.66666667%
}

.show-filters .collection-art-object-list {
    transform: translateY(100%)
}

.collection-art-object-list-results {
    margin-bottom: 3.125rem
}

.collection-art-object-list-results .results {
    font-weight: 500
}

.collection-art-object-wrapper {
    color: inherit;
    height: 0;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.collection-art-object-item-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.content-row .content, .content-row .sidebar {
    padding-bottom: 1.25rem
}

.content-row .content + .sidebar, .content-row ~ .content-row .content, .content-row ~ .content-row .sidebar {
    padding-top: 1.25rem
}

.content-row:last-of-type .sidebar {
    padding-bottom: 0
}

.content-row .content article, .content-row .content section, .content-row .sidebar article, .content-row .sidebar section {
    padding: .938rem 0
}

.content-row .content article:first-child, .content-row .content section:first-child, .content-row .sidebar article:first-child, .content-row .sidebar section:first-child {
    padding-top: 0
}

.content-row .content article:last-child, .content-row .content section:last-child, .content-row .sidebar article:last-child, .content-row .sidebar section:last-child {
    padding-bottom: 0
}

.infinite-scroller-loader {
    align-items: center;
    display: flex;
    height: 30vh;
    justify-content: center;
    margin: 3.75rem 0;
    width: 100%
}

.modal {
    background: #68555b;
    bottom: 0;
    color: #fff;
    overflow: auto;
    padding: 116px 0 28px;
    z-index: 6
}

.modal, .modal-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%
}

.modal-overlay {
    background: rgba(0, 0, 0, .5);
    top: 0;
    z-index: 5
}

.modal-overlay.fade-enter-active, .modal-overlay.fade-leave-active {
    transition: opacity .2s linear
}

.modal-overlay.fade-enter, .modal-overlay.fade-leave-to {
    opacity: 0
}

.modal-overlay.fade-leave-to {
    transition-delay: .1s
}

.modal-close {
    margin: 28px 28px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.modal-title {
    margin-bottom: 1.875rem
}

.modal-image + .modal-text {
    margin-top: 2.5rem
}

.modal.slide-fade-enter-active, .modal.slide-fade-leave-active {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), opacity .2s linear
}

.modal.slide-fade-enter, .modal.slide-fade-leave-to {
    opacity: 0;
    transform: translateY(50%)
}

.modal.slide-fade-enter {
    transition-delay: .1s
}

.page-bar-summary {
    background-color: var(--background-color);
    opacity: var(--sticky-opacity);
    transition: background-color .6s linear, opacity .2s linear
}

.page-bar-summary.mobile {
    position: sticky;
    top: 0
}

.page-bar-summary.mobile .page-bar-summary-hr:only-child {
    margin-top: .625rem
}

.page-bar-summary:not(.mobile) .page-bar-summary-hr, .page-bar-summary:not(.mobile) .page-bar-summary-link {
    display: none
}

.page-bar-summary-items {
    align-content: flex-start;
    align-items: flex-start;
    display: grid;
    grid-template-columns:repeat(11, 1fr);
    list-style: none;
    margin: 0;
    padding: 1.25rem 0 .625rem
}

.page-bar-summary-items > * {
    grid-column: 1/span 11
}

.page-bar-summary-item {
    margin-bottom: 1.563rem
}

.page-bar-summary-item > span {
    display: block
}

.page-bar-summary-item .label {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .313rem
}

.page-bar-summary-item:last-of-type {
    margin-bottom: 0
}

.page-bar-summary-link {
    font-size: 1.25rem;
    padding: 1.25rem 0
}

.page-bar-nav {
    background-color: var(--background-color);
    max-height: 100vh;
    opacity: var(--sticky-opacity);
    overflow-y: auto;
    position: sticky;
    top: 0;
    transition: background-color .6s linear, opacity .2s linear
}

.page-bar-nav-mobile-expander {
    border-bottom: 3px solid #000;
    padding: 1.25rem 0;
    width: 100%
}

.page-bar-nav-mobile-expander > svg {
    transition: transform .15s ease-out
}

.page-bar-nav-mobile-expander.open > svg {
    transform: rotate(180deg)
}

.page-bar-nav-items-mobile {
    border-bottom: 3px solid #000;
    padding: 1.875rem 0
}

.page-bar-nav-items-desktop {
    display: none
}

.page-bar-nav-item {
    display: flex;
    flex: 1 1 auto
}

.page-bar-nav-item + .page-bar-nav-item {
    margin-top: 1.875rem
}

.page-bar-nav-item > a {
    flex: 1 1 auto;
    margin: -1rem 0;
    padding: 1rem 0
}

.page-bar-nav-item > a:focus {
    outline-offset: .25rem
}

.page-bar-nav-progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, .2);
    border: none;
    display: none;
    height: 3px;
    width: 100%
}

.page-bar-nav-progress::-webkit-progress-bar {
    background: transparent
}

.page-bar-nav-progress::-webkit-progress-value {
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.page-bar-nav-progress::-moz-progress-bar {
    background: #000;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.page-bar-nav-progress::-ms-fill {
    background: #000;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out
}

.page-bar-nav-link {
    font-size: 1.5rem;
    font-weight: 400
}

.page-bar-nav-title {
    margin-top: -5rem;
    padding-top: 5rem
}

.page-bar-empty {
    padding-top: 1.25rem
}

.super-text-row {
    display: flex;
    overflow: hidden
}

.content-row + .teaser-highlight-row, .content-row + .teaser-row {
    margin-top: 3.75rem
}

.content-page .content-row + .teaser-row {
    margin-top: 1.25rem
}

.teaser-row-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.875rem
}

* + .teaser-row-header-link {
    margin-top: .938rem
}

.teaser-row-title {
    grid-column: 1/span 16
}

.teaser-row-header-link {
    grid-column: 17/span 23
}

.teaser-row .teaser + .teaser {
    margin-top: 2.5rem
}

.story-block-animated .teaser-row .media-item-button, .story-block-animated .teaser-row .teaser-link-wrapper {
    pointer-events: none
}

.story-block-animated .teaser-row .image-wrapper {
    overflow: hidden
}

.story-block-animated .teaser-row .image-wrapper img {
    transform: scale(1.05);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.show-animation .teaser-row .media-item-button, .show-animation .teaser-row .teaser-link-wrapper {
    animation: pointerEvents .1ms cubic-bezier(.23, 1, .32, 1) 1s forwards
}

.show-animation .teaser-row .image-wrapper img {
    transform: scale(1)
}

.vincent-for-scale {
    height: 100%;
    padding: 10.625rem 1.25rem;
    width: 100%
}

.vincent-for-scale-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.vincent-for-scale-dimension {
    align-items: center;
    border-left: 2px dotted #000;
    display: flex;
    height: 100%;
    margin: 0 .625rem;
    position: relative
}

.vincent-for-scale-dimension:after, .vincent-for-scale-dimension:before {
    border: solid #000;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    margin-left: -5px;
    padding: 3px;
    position: absolute
}

.vincent-for-scale-dimension:before {
    top: 0;
    transform: rotate(-135deg)
}

.vincent-for-scale-dimension:after {
    bottom: 0;
    transform: rotate(45deg)
}

.vincent-for-scale-dimension-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    top: 0
}

.vincent-for-scale-dimension-text {
    font-weight: 500;
    white-space: nowrap
}

.vincent-for-scale-person-wrapper {
    height: 100%;
    right: 0;
    top: 0
}

@supports (display:grid) {
    .vincent-for-scale-person-wrapper {
        position: absolute
    }
}

.vincent-for-scale-person-wrapper .vincent-for-scale-dimension-wrapper {
    right: -.625rem
}

.vincent-for-scale-person-wrapper .vincent-for-scale-dimension-text {
    position: absolute;
    right: 0;
    top: calc(100% + .625rem)
}

.vincent-for-scale-person {
    height: 100%;
    position: absolute;
    right: -.625rem
}

.vincent-for-scale-person-wrapper.neutral .vincent-for-scale-person {
    right: -2.5rem
}

.big-painting .vincent-for-scale-person-wrapper.neutral .vincent-for-scale-person {
    right: 0
}

.vincent-for-scale-painting-wrapper {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.big-painting .vincent-for-scale-painting-wrapper {
    width: 100%
}

.big-painting .vincent-for-scale-painting-wrapper > img {
    height: auto;
    width: 100%
}

.big-painting.portrait .vincent-for-scale-painting-wrapper, .big-painting.portrait .vincent-for-scale-painting-wrapper > img {
    height: 100%;
    width: auto
}

.vincent-for-scale-painting-wrapper .vincent-for-scale-dimension-wrapper {
    margin-right: .625rem;
    right: 100%
}

.big-painting .vincent-for-scale-painting-wrapper .vincent-for-scale-dimension-wrapper {
    margin-right: 0
}

.vincent-for-scale-painting-wrapper .vincent-for-scale-dimension-text {
    left: 0;
    position: absolute;
    top: calc(100% + .625rem)
}

.vincent-for-scale-painting {
    height: 100%;
    pointer-events: none
}

.story-compare-image-item {
    background-color: #000;
    height: 100vh;
    width: 100%
}

.story-compare-image-item-inner {
    height: 100%;
    position: relative
}

.story-compare-image-item .compare-image-item-before, .story-compare-image-item .compare-image-item-before picture, .story-compare-image-item-inner {
    align-items: center;
    display: flex;
    justify-content: center
}

.filter-list {
    padding-bottom: 3.75rem
}

.filter-list-screenreader-update {
    bottom: 0;
    position: fixed;
    visibility: hidden
}

.filter-list-show-results-button.link-cta {
    align-items: center;
    border: none;
    border-radius: 0;
    bottom: 0;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    justify-content: space-between;
    left: 0;
    padding: 0;
    position: fixed;
    width: 100%
}

.filter-list-show-results-button svg {
    margin-left: .625rem;
    transition: transform .1s ease-out
}

.filter-list-show-results-button-content {
    display: flex;
    justify-content: flex-end
}

.filter-list-show-results-button .loader-white {
    margin-right: .625rem
}

.filter-list-show-results-button.link-cta:hover {
    background-color: #000;
    color: #fff
}

.filter-list-show-results-button.link-cta:hover svg {
    transform: translateX(.313rem)
}

.filter-list-category, .filter-list-show-more {
    background-color: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    text-align: left;
    width: 100%
}

.filter-list-category:not(:disabled), .filter-list-show-more:not(:disabled) {
    cursor: pointer
}

.filter-list-show-more {
    cursor: pointer;
    margin-bottom: 1.563rem
}

.filter-list-show-more .link:hover svg {
    transform: none
}

.filter-list-category {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    padding: .938rem 0;
    position: relative
}

.filter-list-category svg {
    position: absolute;
    right: 0;
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.expanded .filter-list-category svg {
    transform: rotate(180deg)
}

.filter-list-category-count {
    color: #6e6e6e;
    font-size: .875rem;
    font-weight: 500
}

.filter-list-search-field {
    border-bottom: 3px solid #000;
    margin-bottom: 1.875rem;
    padding: 1.25rem 0 .938rem
}

.filter-list .search-field-search-button {
    margin-right: -1rem
}

.filter-list-items-wrapper {
    opacity: 0;
    overflow: hidden;
    transition: all .4s cubic-bezier(.23, 1, .32, 1)
}

.filter-list-items {
    margin: 1.563rem 0
}

.filter-list-item {
    font-weight: 500
}

.filter-list-item + .filter-list-item {
    margin-top: 1.875rem
}

.filter-list-item-count {
    color: #6e6e6e;
    font-size: .875rem
}

.card-overview {
    padding-bottom: 15.625rem
}

.card-overview-content-start {
    padding-bottom: 6.25rem;
    padding-top: 3.75rem
}

.card-overview-content-start-intro {
    margin-top: 2.5rem
}

.card-overview-content-start .cta-list {
    margin-top: 1.875rem
}

.card-overview-content-end {
    padding-top: 6.25rem
}

.card-overview-content-end-heading {
    margin-bottom: 5.625rem
}

.card-overview-progress {
    display: none
}

.card-overview .logo-block {
    font-size: .875rem;
    margin-top: 3.75rem
}

.card-overview .logo-block-title {
    font-size: .875rem;
    font-weight: 500
}

.card-overview .logo-block-markdown + .logo-block-logos, .card-overview .logo-block-title + .logo-block-logos {
    margin-top: 1.875rem
}

.card-overview .logo-block-logos {
    display: block;
    margin: 0
}

.card-overview .logo-block-logo {
    display: block;
    margin: 0;
    max-width: 8.125rem
}

.card-overview .logo-block-logo + .logo-block-logo {
    margin-top: 1.875rem
}

.list-filters {
    background-color: var(--background-color);
    margin-bottom: 1.875rem;
    opacity: var(--sticky-opacity);
    position: sticky;
    top: 0;
    transition: background-color .6s linear, opacity .2s linear
}

.show-filters .list-filters {
    position: fixed;
    width: 100%
}

.list-filters-form {
    background-color: var(--background-color);
    position: relative;
    transition: background-color .6s linear;
    z-index: 1
}

.list-filters-form-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.list-filters-form-filter {
    display: flex;
    text-align: left
}

.list-filters-form-filter > * + * {
    order: 1
}

.list-filters-form-filter, .list-filters-form-left {
    border-bottom: 3px solid #000;
    padding: 1.25rem 0;
    width: 100%
}

.list-filters-form-reset-button {
    background-color: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    margin-left: auto;
    order: 2;
    padding: 0;
    text-align: right
}

.list-filters-form-reset-button:not(:disabled) {
    cursor: pointer
}

.list-filters-form-reset-button:disabled {
    color: rgba(0, 0, 0, .3)
}

.list-filters-form-filter-button {
    background-color: transparent;
    border: none;
    color: inherit;
    flex-shrink: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    padding: 0
}

.list-filters-form-filter-button:not(:disabled) {
    cursor: pointer
}

.list-filters-form-filter-button:not(.open):hover svg {
    animation: bounceDown .45s linear infinite
}

.list-filters-form-filter-button.open svg {
    animation: Twist .4s cubic-bezier(.23, 1, .32, 1) forwards
}

.list-filters-form-label {
    color: #6e6e6e;
    display: none
}

.list-filters-form-left {
    order: 1
}

.list-filters-filter-window {
    background-color: var(--background-color);
    height: 100vh;
    left: 0;
    overflow-y: hidden;
    overflow: overlay;
    position: absolute;
    transition: background-color .6s linear;
    width: 100%;
    z-index: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.show-filters .list-filters-filter-window {
    overflow-y: auto
}

.list-filters-filter-window .filter-list-show-results-button {
    transition: opacity .2s linear
}

.list-filters-filter-window.show-filters-enter-active, .list-filters-filter-window.show-filters-leave-active {
    transition: transform .5s cubic-bezier(.23, 1, .32, 1)
}

.list-filters-filter-window.show-filters-enter-active .filter-list-show-results-button, .list-filters-filter-window.show-filters-leave-active .filter-list-show-results-button {
    opacity: 0
}

.list-filters-filter-window.show-filters-enter, .list-filters-filter-window.show-filters-leave-to {
    transform: translateY(-100%)
}

@keyframes Twist {
    to {
        transform: rotate(180deg)
    }
}

.calendar-list-filters {
    background-color: var(--background-color);
    margin-bottom: 1.875rem;
    opacity: var(--sticky-opacity);
    position: sticky;
    top: 0;
    transition: background-color .6s linear, opacity .2s linear
}

.show-date-picker .calendar-list-filters {
    position: fixed;
    width: 100%
}

.calendar-list-filters-form {
    background-color: var(--background-color);
    position: relative;
    z-index: 1
}

.calendar-list-filters-form-inner {
    border-bottom: 3px solid #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -28px;
    padding: 1.25rem 28px 1.25rem 0
}

.calendar-list-filters-form-date-button {
    background-color: transparent;
    border: none;
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    padding: 0;
    text-align: left
}

.calendar-list-filters-form-date-button:not(:disabled) {
    cursor: pointer
}

.calendar-list-filters-form-date-button:first-letter {
    text-transform: uppercase
}

.calendar-list-filters-form-date-button svg, .calendar-list-filters-form-date-button.open svg {
    transition: transform .4s cubic-bezier(.23, 1, .32, 1)
}

.calendar-list-filters-form-date-button.open svg {
    transform: rotate(180deg)
}

.calendar-list-filters-date-picker-window {
    background-color: var(--background-color);
    height: calc(var(--vh, 1vh) * 100);
    left: 0;
    overflow: hidden;
    padding: 1.875rem 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.show-date-picker .calendar-list-filters-date-picker-window {
    overflow: overlay;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.calendar-list-filters-date-picker-window.show-date-picker-enter-active, .calendar-list-filters-date-picker-window.show-date-picker-leave-active {
    transition: transform .5s cubic-bezier(.23, 1, .32, 1)
}

.calendar-list-filters-date-picker-window.show-date-picker-enter, .calendar-list-filters-date-picker-window.show-date-picker-leave-to {
    transform: translateY(-100%)
}

.search-suggestions {
    border-bottom: 3px solid #000;
    padding: 1.875rem 0 2.5rem
}

.search-suggestions-no-result {
    color: rgba(0, 0, 0, .5);
    font-weight: 500
}

.search-suggestions-suggestion {
    padding-bottom: 1.875rem
}

.search-suggestions-suggestion a {
    color: #000;
    font-weight: 500;
    text-decoration: none
}

.search-suggestions-suggestion a:active, .search-suggestions-suggestion a:hover {
    text-decoration: underline
}

.search-suggestions-cta-list {
    padding-top: 2.5rem
}

.reading-time-row {
    background-color: #ddd
}

.reading-time-row-content {
    align-items: center;
    display: flex;
    height: calc(var(--vh, 1vh) * 11);
    justify-content: center;
    padding-bottom: .938rem;
    padding-top: .938rem
}

.reading-time-row-button {
    align-items: center;
    display: flex;
    flex-direction: column-reverse
}

.reading-time-row-button svg {
    margin-top: .313rem
}

.reading-time-row .fade-enter-active, .reading-time-row .fade-leave-active {
    transition: opacity .2s linear
}

.reading-time-row .fade-enter-active {
    transition-delay: .2s !important
}

.reading-time-row .fade-enter, .reading-time-row .fade-leave-to {
    opacity: 0
}

.back-to-top {
    bottom: 0;
    margin: 0 3.125rem 3.125rem 0;
    opacity: 1;
    position: fixed;
    right: 0;
    transition: opacity .1s;
    z-index: 10
}

.back-to-top.fade-enter-active, .back-to-top.fade-leave-active {
    transition: opacity .3s !important
}

.back-to-top.hidden {
    opacity: 1
}

.story-image-block.big .media-item, .story-image-block.small .media-item {
    width: 100%
}

.story-image-block:not(.super-zoom).story-block-animated .media-item-button, .story-image-block:not(.super-zoom).story-block-animated .teaser-link-wrapper {
    pointer-events: none
}

.story-image-block:not(.super-zoom).story-block-animated .image-wrapper {
    overflow: hidden
}

.story-image-block:not(.super-zoom).story-block-animated .image-wrapper img {
    transform: scale(1.05);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.story-image-block:not(.super-zoom).show-animation .media-item-button, .story-image-block:not(.super-zoom).show-animation .teaser-link-wrapper {
    animation: pointerEvents .1ms cubic-bezier(.23, 1, .32, 1) 1s forwards
}

.story-image-block:not(.super-zoom).show-animation .image-wrapper img {
    transform: scale(1)
}

@keyframes pointerEvents {
    0% {
        pointer-events: none
    }
    to {
        pointer-events: auto
    }
}

.story-image-block.super-zoom .caption {
    padding-left: 28px
}

.story-image-block.super-zoom .media-item img {
    height: auto;
    left: 28px;
    width: calc(100% - 28px * 2)
}

.search-in-collection {
    background-color: var(--background-color);
    background-color: var(--collection-search-background-color);
    color: var(--collection-search-text-color);
    min-height: 100vh;
    transition: background-color .6s linear
}

.search-in-collection .image-fallback p, .search-in-collection .image-fallback svg {
    color: var(--collection-search-text-color);
    opacity: .65
}

.search-in-collection .collection-list-grid-slider-sticky, .search-in-collection .list-filters, .search-in-collection .list-filters-filter-window, .search-in-collection .list-filters-form {
    background-color: var(--collection-search-background-color)
}

.search-in-collection .slider::-webkit-slider-runnable-track {
    background: var(--collection-search-text-color)
}

.search-in-collection .slider::-webkit-slider-thumb {
    background: var(--collection-search-text-color);
    border-color: var(--collection-search-text-color);
    box-shadow: inset 0 0 0 .25rem var(--collection-search-background-color)
}

.search-in-collection .slider::-moz-range-track {
    background: var(--collection-search-text-color)
}

.search-in-collection .slider::-moz-range-thumb {
    background: var(--collection-search-text-color);
    border-color: var(--collection-search-text-color);
    box-shadow: inset 0 0 0 .25rem var(--collection-search-background-color)
}

.search-in-collection .slider::-ms-thumb, .search-in-collection .slider::-ms-track {
    background: var(--collection-search-text-color)
}

.search-in-collection .slider::-ms-thumb {
    border-color: var(--collection-search-text-color);
    box-shadow: inset 0 0 0 .25rem var(--collection-search-background-color)
}

.search-in-collection .list-filters-form-filter, .search-in-collection .list-filters-form-inner, .search-in-collection .list-filters-form-left {
    border-color: var(--collection-search-text-color)
}

.search-in-collection .list-filters-form-reset-button:disabled {
    color: var(--collection-search-text-color);
    opacity: .3
}

.search-in-collection .collection-list-grid-slider-sticky, .search-in-collection .filter-list-search-field {
    border-color: var(--collection-search-text-color)
}

.search-in-collection .search-field-input {
    color: var(--collection-search-text-color)
}

.search-in-collection .search-field-input::-moz-placeholder {
    color: var(--collection-search-text-color);
    opacity: .25
}

.search-in-collection .search-field-input::placeholder {
    color: var(--collection-search-text-color);
    opacity: .25
}

.search-in-collection .search-field-input:hover::-moz-placeholder {
    color: var(--collection-search-text-color)
}

.search-in-collection .search-field-input:hover::placeholder {
    color: var(--collection-search-text-color)
}

.search-in-collection .filter-list-category-count, .search-in-collection .filter-list-item-count {
    color: var(--collection-search-text-color);
    opacity: .5
}

.search-in-collection .filter-list-show-more .link {
    color: var(--collection-search-text-color)
}

.search-in-collection .filter-list-item .checkbox-wrapper.disabled {
    color: var(--collection-search-text-color);
    opacity: .3
}

.search-in-collection .filter-list-item .checkbox-wrapper.disabled > * {
    color: var(--collection-search-text-color)
}

.base-page {
    padding: 2.5rem 0
}

.base-page .page-bar-empty, .base-page .page-bar-nav, .base-page .page-bar-summary.mobile {
    margin-bottom: 2.5rem
}

.base-page .page-header {
    padding-bottom: 1.25rem
}

.content-page .header-image, .content-page .header-video {
    margin-bottom: 2.5rem
}

.calendar {
    overflow-x: hidden
}

.calendar-month-header {
    margin: 1.25rem 0
}

.calendar-day {
    padding-top: 1.25rem
}

.calendar-day-header {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.calendar-day-header:first-letter {
    text-transform: uppercase
}

.calendar-day-empty {
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    padding: 2.5rem 0
}

.art-object-page {
    width: 100%
}

.art-object-page-more-info {
    align-items: center;
    display: flex;
    height: 3.125rem;
    justify-content: center;
    margin-left: [object Object];
    position: relative;
    top: [object Object];
    width: 100%
}

.art-object-page-more-info-link {
    margin: -1rem;
    padding: 1rem
}

.art-object-page-more-info-link span {
    display: none
}

.art-object-page .navigation-bar-container {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: .5rem 1rem
}

.art-object-page .set-navigation-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.art-object-page .set-navigation-bar-backlink {
    color: #000;
    font-size: .875rem;
    font-weight: 500
}

.art-object-page .set-navigation-bar-backlink a {
    color: #000;
    text-decoration: underline
}

.art-object-page .set-navigation-bar .set-navigation-controls {
    align-items: center;
    display: flex;
    margin: .75rem
}

.art-object-page .set-navigation-bar .set-navigation-controls-indication {
    font-size: .875rem;
    font-weight: 500;
    margin-left: .875rem;
    margin-right: .875rem
}

.art-object-page .set-navigation-bar .set-navigation-controls .icon-arrow svg {
    height: .875rem;
    margin-left: 0;
    margin-right: 0;
    width: .875rem
}

.art-object-page-content {
    background-color: #ddd;
    padding-bottom: 6.25rem
}

.art-object-page-content .tag-group-header {
    min-width: 7.5rem
}

.art-object-page-content-on-view {
    font-weight: 500;
    margin-bottom: 1.875rem;
    margin-top: 1.25rem
}

.art-object-page-content-on-view svg {
    margin-right: .625rem;
    vertical-align: text-bottom
}

.art-object-page-content .teaser-row {
    margin-top: 3.75rem
}

.art-object-page-content .teaser-row.grid-row, .art-object-page-content .teaser-row > .grid-row {
    padding-top: 0
}

.art-object-page-content .context-tags-title {
    padding-top: 1.5rem
}

.art-object-page-content .top-line {
    border-top: 1px solid #000;
    padding-top: 2.5rem
}

.art-object-page-content .tags-title {
    margin-bottom: 2.5rem;
    margin-right: 5rem
}

.art-object-page-content .print-tags-container {
    display: flex;
    padding-bottom: 2.5rem
}

.art-object-page .show-more-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem
}

.art-object-page .show-more-btn-container .show-more-btn {
    width: -moz-fit-content;
    width: fit-content
}

.art-object-page-collection-links-header {
    margin-bottom: .75rem
}

.generated-overview-page {
    overflow: hidden
}

.generated-overview-page-item {
    border-bottom: 3px solid #000;
    padding: 2.5rem 0
}

.generated-overview-page-item-link {
    color: inherit;
    display: block;
    text-decoration: none
}

.generated-overview-page-item-link:first-child .generated-overview-page-item {
    border-top: 3px solid #000
}

.generated-overview-page-item-link-icon {
    display: none;
    transition: transform .1s ease-out
}

.generated-overview-page-item-link:hover .generated-overview-page-item-link-icon {
    transform: translateX(.313rem)
}

.generated-overview-page-item-content {
    height: 100%;
    position: relative
}

.generated-overview-page-item-image {
    height: 100%;
    padding-bottom: 1.25rem
}

.generated-overview-page-item-image img {
    position: relative;
    width: 100%
}

.generated-overview-page-item-heading {
    margin-bottom: 1.25rem
}

.generated-overview-page-item-date {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .938rem
}

.art-object-set-page .header {
    padding: 1.25rem
}

.art-object-set-page .header .header-image {
    grid-column: 1/span 20;
    height: 60vh
}

.art-object-set-page .header .header-image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.art-object-set-page .header .header-text {
    color: #000;
    grid-column: 1/span 20;
    margin-bottom: 1.563rem;
    margin-top: 1.563rem
}

.art-object-set-page .header .header-text h2, .art-object-set-page .header .header-text h4 {
    margin-bottom: 2.5rem
}

.art-object-set-page .header .header-text p {
    margin-bottom: 1.5rem
}

.art-object-set-page .set-items {
    background-color: #ddd;
    min-height: 70vh;
    padding-bottom: 3.125rem
}

.art-object-set-page .set-items .grid-size-control-container {
    border-bottom: 2px solid #000;
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
    width: 100%
}

.art-object-set-page .set-items .grid-size-control-container .grid-size-control {
    min-width: 18.75rem;
    width: 20%
}

.art-object-set-page .set-items .art-objects-list-container {
    margin-top: 1.875rem
}

.art-object-set-page .collection-list-grid-slider-sticky {
    background-color: #ddd;
    margin-left: 0
}

.error-page {
    padding-bottom: 2.5rem
}

.error-page-text-wrapper {
    margin-bottom: 3.125rem
}

.error-page-content .super-text-row {
    padding: 0;
    width: 100%
}

.error-page-content .super-text-row .super-text {
    line-height: 1.3
}

.error-page-image {
    padding-top: 2.5rem
}

.error-page-image img {
    width: 100%
}

.error-page-image figcaption {
    font-size: .875rem
}

.error-page-heading {
    margin-bottom: 2.5rem
}

.error-page-status {
    font-size: 6.875rem
}

.home-page-animated .main-navigation-desktop-items, .home-page-animated .main-navigation-mobile-buttons {
    animation: homeSlideToBottom .5s cubic-bezier(.33, 1, .68, 1) forwards;
    opacity: 0
}

.home-page-animated .card-overview-content-start-heading, .home-page-animated .teaser-card {
    animation: homeSlideToTop .5s cubic-bezier(.33, 1, .68, 1) forwards, homeFade .5s cubic-bezier(.33, 1, .68, 1) forwards;
    opacity: 0
}

.home-page-animated .card-overview-content-start-intro {
    animation: homeSlideToTop .5s cubic-bezier(.33, 1, .68, 1) .1s forwards, homeFade .5s cubic-bezier(.33, 1, .68, 1) .1s forwards;
    opacity: 0
}

.home-page-animated .card-overview-content-start .cta-list {
    animation: homeSlideToTop .5s cubic-bezier(.33, 1, .68, 1) .15s forwards, homeFade .5s cubic-bezier(.33, 1, .68, 1) .15s forwards;
    opacity: 0
}

.home-page-animated .card-overview-progress .progress, .home-page-animated .card-overview-progress .scroll-indicator-help {
    animation: homeFade .5s cubic-bezier(.33, 1, .68, 1) forwards;
    opacity: 0
}

.home-page-animated .card-overview-progress .scroll-indicator-button.animated {
    animation: indicatorSlideLeft .5s cubic-bezier(.33, 1, .68, 1) .2s forwards;
    opacity: 0
}

.home-page-animated .card-overview-progress .scroll-indicator-button.animated:last-of-type {
    animation: indicatorSlideRight .5s cubic-bezier(.33, 1, .68, 1) .2s forwards
}

.home-page-animated .card-overview-progress .scroll-indicator-button.animated:disabled {
    animation: indicatorDisabledSlideLeft .5s cubic-bezier(.33, 1, .68, 1) .2s forwards
}

@keyframes indicatorSlideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes indicatorSlideRight {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes indicatorDisabledSlideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    to {
        opacity: .3;
        transform: translateX(0)
    }
}

@keyframes homeSlideToLeft {
    0% {
        opacity: 0;
        transform: translateX(60px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes homeSlideToTop {
    0% {
        transform: translateY(30px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes homeSlideToBottom {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes homeFade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.lesson-up-page {
    overflow: hidden
}

.lesson-up-page-item {
    background: transparent;
    border: none;
    border-bottom: 3px solid #000;
    color: #000;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 2.5rem 0;
    text-align: left
}

.lesson-up-page-item:hover .lesson-up-page-item-button svg {
    transform: scaleX(1)
}

.lesson-up-page-item-link {
    color: inherit;
    display: block;
    text-decoration: none
}

.lesson-up-page-item-link-icon {
    display: none;
    transition: transform .1s ease-out
}

.lesson-up-page-item-content {
    height: 100%;
    position: relative
}

.lesson-up-page-item-image {
    height: 100%;
    padding-bottom: 1.25rem
}

.lesson-up-page-item-image img {
    position: relative;
    width: 100%
}

.lesson-up-page-item-heading {
    margin-bottom: 1.875rem
}

.lesson-up-page-item-date, .lesson-up-page-item-info {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .938rem
}

.lesson-up-page-item-date * + p, .lesson-up-page-item-info * + p {
    margin-top: .313rem
}

.lesson-up-page-item-date {
    color: rgba(0, 0, 0, .3);
    margin-bottom: .625rem
}

.lesson-up-page-item-button {
    margin-top: 2.5rem
}

.lesson-up-page-item-button svg {
    height: 1.625rem;
    margin-right: .625rem;
    transform: scale3d(20/26, 20/26, 20/26);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    width: 1.625rem;
    will-change: transform
}

.lesson-up-page-item-iframe {
    background: #fff;
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lesson-up-page .lesson-up-list.isloading {
    min-height: 100vh
}

.long-story-page-content {
    position: relative;
    z-index: 4
}

.long-story-page .story-header {
    position: sticky;
    top: 0;
    z-index: 0
}

.long-story-page .story-content-row {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.long-story-page .story-content-row .content {
    padding-bottom: 0;
    padding-top: 0
}

.long-story-page .padding-top .story-content-row {
    padding-top: 2.5rem
}

.long-story-page .padding-bottom .story-content-row {
    padding-bottom: 2.5rem
}

.education-page {
    position: relative;
    z-index: 4
}

.education-page .story-header {
    position: sticky;
    top: 0;
    z-index: 0
}

.theme-page .header {
    min-height: 30vh;
    padding-bottom: 1.5rem
}

.theme-page .header .image-container {
    grid-column: 1/span 11
}

.theme-page .header .header-text {
    grid-column: 12/span 23;
    padding-top: 5rem
}

.theme-page .header.text-only .image-container {
    display: none
}

.theme-page .header.text-only .header-text {
    grid-column: 1/span 11
}

.theme-page .header .description {
    font-size: 1rem;
    margin-top: 1.25rem
}

.theme-page .header .image-container {
    margin: 2rem
}

.theme-page .header .header-text {
    margin-bottom: 1.5rem;
    margin-left: 1rem;
    margin-top: 1.5rem
}

.theme-page-content {
    position: relative;
    z-index: 4
}

.theme-page .story-content-row {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.theme-page .story-content-row .content {
    padding-bottom: 0;
    padding-top: 0
}

.theme-page .padding-top .story-content-row {
    padding-top: 2.5rem
}

.theme-page .padding-bottom .story-content-row {
    padding-bottom: 2.5rem
}

.subcollection-landing-page .header {
    display: flex;
    min-height: 31.25rem;
    padding-block: 5rem
}

.subcollection-landing-page .header .description {
    margin-top: 1.25rem
}

.subcollection-landing-page .header .text-and-image-container .header-text {
    transform: translateY(50px);
    transition: transform .8s ease-out;
    word-break: break-word
}

.subcollection-landing-page .header .text-and-image-container .description-container {
    transform: translateY(30px);
    transition: transform .8s ease-out;
    transition-delay: .1s
}

.subcollection-landing-page .header .text-and-image-container .links-container {
    margin-top: 1.5rem
}

.subcollection-landing-page .search-in-collection-wrapper {
    transform: translateY(30px);
    transition: transform .7s ease-out;
    transition-delay: .2s
}

@media (min-width: 641px) {
    .micrio:not(canvas) section.popover aside.popover {
        align-self: end;
        padding: 0 0 1.25rem 1.25rem;
        position: static
    }

    .micrio:not(canvas) section.popover aside.popover > .micrio-action {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 45em) {
    .markdown h1 {
        font-size: 3.5rem;
        line-height: 1.071
    }

    .markdown h2 {
        font-size: 3rem;
        line-height: 1.083
    }

    .markdown h3 {
        font-size: 2.5rem;
        line-height: 1.1
    }

    .markdown h4 {
        font-size: 2rem;
        line-height: 1.125
    }

    .long-story-page .markdown blockquote {
        font-size: 1.25rem;
        line-height: 1.2;
        margin: 2.5rem 3.75rem 2.5rem 0;
        padding-left: 3.75rem
    }

    .grid-container {
        padding-left: 44px;
        padding-right: 44px
    }

    .grid-row {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns:repeat(11, 1fr)
    }

    .grid-row > * {
        grid-column: 1/span 11
    }

    .heading-1 {
        font-size: 3.5rem;
        line-height: 1.071
    }

    .heading-2 {
        font-size: 3rem;
        line-height: 1.083
    }

    .heading-3 {
        font-size: 2.5rem;
        line-height: 1.1
    }

    .heading-4 {
        font-size: 2rem;
        line-height: 1.125
    }

    .input {
        font-size: 1.5rem;
        line-height: 1.2
    }

    .art-object-zoom-popup-buttons {
        margin-right: 44px
    }

    .columns-2 .collection-art-object-item-details {
        display: block
    }

    .search-field-input {
        font-family: inherit;
        font-size: 1.5rem;
        font-size: inherit;
        line-height: 1.2
    }

    .page-teaser-highlight-image-wrapper {
        grid-column: 1/span 5
    }

    @supports (display:grid) {
        .page-teaser-highlight-image-wrapper + * {
            margin-top: 0
        }
    }.page-teaser-highlight-main {
         grid-column: 7/span 11
     }

    .numbered-story-page .richtext-block .richtext-block-heading {
        font-size: 3rem;
        line-height: 1.083
    }

    .media-item-list .media-item {
        margin-top: 0
    }

    .media-item-list .media-item:nth-of-type(3n+1) {
        grid-column: 1/span 3
    }

    .media-item-list .media-item:nth-of-type(3n+2) {
        grid-column: 5/span 3
    }

    .media-item-list .media-item:nth-of-type(3n+3) {
        grid-column: 9/span 3
    }

    .media-item-list.columns-2 .media-item:first-of-type {
        grid-column: 1/span 5
    }

    .media-item-list.columns-2 .media-item:nth-of-type(2) {
        grid-column: 7/span 5
    }

    .media-item-list.columns-1 .media-item:first-of-type {
        grid-column: 5/span 6
    }

    .media-item-list.columns-1 .media-item.micrio-item {
        grid-column: 1/span 11
    }

    .micrio-embed {
        --aspect-ratio: 3.25/4
    }

    .micrio:not(canvas) .micrio-buttons {
        bottom: var(--zoom-bar-height);
        left: auto;
        margin: 0 3.125rem 3.125rem 0;
        right: 0;
        top: auto
    }

    .micrio:not(canvas) .micrio-marker-tour-button {
        min-width: 22.5rem;
        width: auto
    }

    .micrio:not(canvas) .micrio-marker-tour-button-wrapper {
        padding: 0 0 3.125rem;
        width: auto
    }

    .micrio:not(canvas) div.static.marker-popup > aside {
        padding: 3.125rem 3.125rem 1.875rem
    }

    .micrio:not(canvas) div.static.marker-popup > main {
        padding: 1.25rem 3.125rem 3.125rem
    }

    .micrio:not(canvas) div.static.marker-popup > main > * {
        margin-bottom: 3.125rem
    }

    .micrio:not(canvas) div.static.marker-popup > main h3 {
        font-size: 2rem;
        line-height: 1.125
    }

    .micrio:not(canvas) .micrio-zoom-slider {
        max-width: 12.5rem
    }

    .micrio:not(canvas) canvas.minimap {
        bottom: auto;
        right: 1.25rem;
        top: 1.25rem
    }

    .micrio:not(canvas).embedded.fullscreen-buttons, .micrio:not(canvas):not(.embedded) -buttons {
        margin-right: 44px
    }

    .micrio:not(canvas).embedded.fullscreen div.marker-popup, .micrio:not(canvas):not(.embedded) div.marker-popup {
        width: 34.375rem
    }

    .micrio:not(canvas).embedded.fullscreen canvas.minimap, .micrio:not(canvas):not(.embedded) canvas.minimap {
        bottom: auto;
        right: 44px;
        top: 2rem
    }

    .micrio:not(canvas).embedded.fullscreen-zoom, .micrio:not(canvas):not(.embedded) -zoom {
        position: relative;
        z-index: 2
    }

    .super-text {
        font-size: 1rem
    }

    .grid-row > .page-text-teaser-title {
        grid-column: 1/span 11
    }

    .grid-row > .page-text-teaser-description {
        grid-column: 1/span 10
    }

    .embedded-block-cookie-consent {
        padding: 3.125rem
    }

    * + .embedded-block-cookie-consent-button {
        margin-top: 3.125rem
    }

    .content-title {
        font-size: 2.5rem;
        line-height: 1.1
    }

    .main-navigation {
        min-height: 6.875rem
    }

    .art-object-header {
        padding-bottom: 2.5rem;
        padding-top: 1.875rem
    }

    .art-object-header-buttons {
        flex-direction: column;
        margin-bottom: 2.5rem;
        margin-right: 1.875rem
    }

    .art-object-header-button + .art-object-header-button {
        margin-left: 0;
        margin-top: .625rem
    }

    .art-object-header-vfs-close {
        margin-right: 44px
    }

    .search-form-wrapper {
        padding: 2.5rem 0
    }

    .search-input {
        max-width: calc(100% - 3.75rem)
    }

    .search-results-total {
        margin-top: 1.25rem
    }

    .search-results-art-objects-teaser {
        margin-top: 0
    }

    .search-results-art-objects-teaser:nth-of-type(odd) {
        grid-column: 1/span 5
    }

    .search-results-art-objects-teaser:nth-of-type(2n) {
        grid-column: 7/span 11
    }

    .search-results-art-objects-teaser:nth-of-type(n+3) {
        margin-top: 3.75rem
    }

    .story-content-row, .story-content-row .content {
        padding-bottom: 1.875rem;
        padding-top: 1.875rem
    }

    .story-quote-block .quote {
        font-size: 2.5rem;
        line-height: 1.1
    }

    .card-story-page .story-quote-block .quote {
        font-size: 3.5rem;
        line-height: 1.107
    }

    .card-story-page .story-quote-block .subtitle, .story-quote-block .subtitle {
        font-size: .875rem;
        line-height: 1.286
    }

    @supports (display:grid) {
        .story-text-block-text {
            grid-column: 1/span 11
        }
    }.card-story-page .story-text-block-text, .intro-block .story-text-block-text {
         font-size: 2.5rem;
         line-height: 1.1
     }

    .card-story-page .intro-block .story-text-block-text {
        font-size: 3rem;
        line-height: 1.083
    }

    .long-story-page .intro-block .story-text-block-text {
        font-size: 2.5rem;
        line-height: 1.1
    }

    .long-story-page .story-text-block-text {
        font-size: 1.25rem;
        line-height: 1.2
    }

    .story-cta-image-content .download-link, .story-cta-image-content-link, .story-text-block-link {
        grid-column: 4/span 5
    }

    .story-header {
        min-height: calc(var(--vh, 1vh) * 93)
    }

    .story-media-text-block .left-item {
        grid-column: 1/span 5
    }

    .story-media-text-block .right-item {
        grid-column: 7/span 11
    }

    .story-media-text-block .media-item figure {
        position: relative
    }

    .story-media-text-block .media-item figure .caption {
        position: absolute
    }

    @supports (display:grid) {
        .story-media-text-block-text {
            margin-top: 0
        }
    }.card-story-page .story-media-text-block-text {
         font-size: 2rem;
         line-height: 1.125
     }

    .long-story-page .story-media-text-block-text {
        font-size: 1.25rem;
        line-height: 1.2
    }

    .story-scroll-indicator-progress {
        left: 50%;
        max-width: 16.25rem;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -2px)
    }

    .story-numbered-row .sidebar {
        grid-column: 1/span 3
    }

    .story-numbered-row .content {
        grid-column: 5/span 11
    }

    .story-scrollable-media-row {
        scroll-snap-type: none
    }

    .story-scrollable-media-row .content {
        padding-bottom: 1.875rem;
        padding-top: 1.875rem
    }

    .story-scrollable-media-row .content > .media-item:first-child {
        padding-left: 44px
    }

    .story-scrollable-media-row .content > .media-item:last-child {
        padding-right: 44px
    }

    .story-scrollable-media-row-progress {
        left: 44px
    }

    .story-scrollable-media-row.scrollable.show-animation {
        scroll-snap-type: none
    }

    .content-row .content + .sidebar {
        padding-top: 0
    }

    .content-row .sidebar {
        grid-column: 1/span 3
    }

    .content-row .content {
        grid-column: 5/span 11
    }

    .modal {
        height: calc(var(--vh, 1vh) * 93);
        padding: 44px 0
    }

    .modal-close {
        bottom: calc(93vh - 2.5rem);
        margin: 2.5rem 2.5rem 0 0;
        position: fixed;
        top: auto;
        transform: translateY(100%)
    }

    .modal-text {
        grid-column: 1/span 11
    }

    .modal-image {
        grid-column: 1/span 3
    }

    .modal-image + .modal-text {
        grid-column: 5/span 11;
        margin-top: 0
    }

    .page-bar-summary-item:first-of-type {
        grid-column: 1/span 5
    }

    .page-bar-summary-item:nth-of-type(2) {
        grid-column: 7/span 5
    }

    .page-bar-summary-item:nth-of-type(3) {
        grid-column: 1/span 5
    }

    .teaser-row .teaser + .teaser {
        margin-top: 0
    }

    .teaser-row .teaser:nth-of-type(odd) {
        grid-column: 1/span 5
    }

    .teaser-row .teaser:nth-of-type(2n) {
        grid-column: 7/span 11
    }

    .calendar-list-filters-form-inner {
        margin-right: 0;
        padding-right: 0
    }

    .calendar-list-filters-date-picker-window {
        padding: 3.125rem 0
    }

    .reading-time-row-content {
        height: calc(var(--vh, 1vh) * 7);
        justify-content: flex-start
    }

    .reading-time-row-button {
        flex-direction: row
    }

    .reading-time-row-button svg {
        margin-right: 1.25rem;
        margin-top: 0
    }

    .back-to-top.hidden {
        opacity: 0;
        pointer-events: none
    }

    @supports (display:grid) {
        .story-image-block.big .media-item, .story-image-block.small .media-item {
            grid-column: 1/span 11
        }

        .story-image-block.super-zoom .caption {
            padding-left: 44px
        }

        .story-image-block.super-zoom .media-item img {
            left: 44px;
            width: calc(100% - 44px * 2)
        }

        .numbered-story-page .story-link-row .cta-list {
            grid-column: 5/span 11
        }
    }.art-object-page-content .grid-row {
         padding-top: 6.25rem
     }

    .content-row .art-object-page-content-title {
        margin-bottom: 1.875rem
    }

    .content-row .art-object-page-content-creator-info {
        font-weight: 700;
        grid-column: 1/span 7;
        margin-bottom: 1.25rem
    }

    .content-row .art-object-page-content-credit {
        grid-column: 1/span 7;
        margin-bottom: 1.25rem
    }

    .long-story-page .story-content-row {
        padding-bottom: .938rem;
        padding-top: .938rem
    }

    .long-story-page .padding-top .story-content-row {
        padding-top: 3.75rem
    }

    .long-story-page .padding-bottom .story-content-row {
        padding-bottom: 3.75rem
    }

    .theme-page .story-content-row {
        padding-bottom: .938rem;
        padding-top: .938rem
    }

    .theme-page .padding-top .story-content-row {
        padding-top: 3.75rem
    }

    .theme-page .padding-bottom .story-content-row {
        padding-bottom: 3.75rem
    }
}

@media only screen and (max-width: 44.9375em) and only screen and

(
min-width:

45
em

)
{
.content-title {
    font-size: 3rem;
    line-height: 1.083
}

}
@media only screen and (min-width: 45em) and (orientation: landscape) {
    .art-object-header {
        padding-bottom: 5rem;
        padding-top: 0
    }

    .art-object-header-buttons {
        flex-direction: row;
        margin: 0 1.875rem 1.25rem 0
    }

    .art-object-header-button + .art-object-header-button {
        margin-left: 1.25rem;
        margin-top: 0
    }
}

@media only screen and (min-width: 45em) and (max-width: 63.9375em) and (orientation: landscape) {
    .story-scroll-indicator-title {
        display: none
    }
}

@media only screen and (min-width: 64em) {
    .markdown h1 {
        font-size: 5rem;
        line-height: 1.05
    }

    .markdown h2 {
        font-size: 3.5rem;
        line-height: 1.071
    }

    .grid-container {
        padding-left: 85px;
        padding-right: 85px
    }

    .grid-row {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-template-columns:repeat(23, 1fr)
    }

    .grid-row > * {
        grid-column: 1/span 23
    }

    .btn-icon-round {
        height: 3.75rem;
        padding: .938rem;
        transform: scale3d(52/60, 52/60, 52/60);
        width: 3.75rem
    }

    .btn-icon-round, .btn-icon-round-medium, .btn-icon-round-small {
        height: 3.75rem;
        transform: scale3d(.86666667, .86666667, .86666667);
        width: 3.75rem
    }

    .btn-icon-round, .btn-icon-round svg, .btn-icon-round-medium, .btn-icon-round-medium svg, .btn-icon-round-small, .btn-icon-round-small svg {
        transition: transform .4s cubic-bezier(.23, 1, .32, 1);
        will-change: transform
    }

    .btn-icon-round-medium:active, .btn-icon-round-medium:hover, .btn-icon-round-small:active, .btn-icon-round-small:hover, .btn-icon-round:active, .btn-icon-round:hover {
        transform: scaleX(1)
    }

    .btn-icon-round-medium:active svg, .btn-icon-round-medium:hover svg, .btn-icon-round-small:active svg, .btn-icon-round-small:hover svg, .btn-icon-round:active svg, .btn-icon-round:hover svg {
        transform: scale3d(.86666667, .86666667, .86666667)
    }

    .btn-icon-round-medium {
        height: 3.375rem;
        width: 3.375rem
    }

    .btn-icon-round-medium, .btn-icon-round-medium:active svg, .btn-icon-round-medium:hover svg {
        transform: scale3d(48/54, 48/54, 48/54)
    }

    .btn-icon-round-small {
        height: 2.25rem;
        width: 2.25rem
    }

    .btn-icon-round-small, .btn-icon-round-small:active svg, .btn-icon-round-small:hover svg {
        transform: scale3d(calc(30 / 36), calc(30 / 36), calc(30 / 36))
    }

    .heading-1 {
        font-size: 5rem;
        line-height: 1.05
    }

    .heading-2 {
        font-size: 3.5rem;
        line-height: 1.071
    }

    .image-fallback {
        padding: .625rem
    }

    .video .play-button {
        height: 4.063rem;
        width: 4.063rem
    }

    .accordion-item-button button {
        padding: 1.875rem 0
    }

    .accordion-item-button {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .art-object-zoom-popup-buttons {
        margin-right: 85px
    }

    @supports (display:grid) {
        .calendar-item {
            border: none;
            padding: 0
        }

        .calendar-item-date, .calendar-item-info {
            min-height: 6.875rem
        }

        .calendar-item-image-wrapper {
            grid-column: 3/span 5;
            margin: 2.5rem 0
        }

        .calendar-item-inner {
            align-content: flex-start;
            align-items: flex-start;
            border-bottom: 3px solid #000;
            display: grid;
            grid-column: 9/span 15;
            grid-template-columns:repeat(15, 1fr);
            padding: 2.5rem 0
        }

        .calendar-item-inner > * {
            grid-column: 1/span 15
        }

        .calendar-item:last-child .calendar-item-inner {
            border-bottom: 0
        }

        .calendar-item-info {
            grid-column: 7/span 9;
            order: 2
        }

        .calendar-item-date {
            display: flex;
            flex-direction: column;
            grid-column: 1/span 5;
            order: 1;
            padding-right: 0;
            padding-top: 0
        }

        .calendar-item-date .calendar-item-location {
            margin-top: auto
        }
    }.calendar-item-category {
         margin-bottom: .625rem
     }

    .collection-list-grid-slider {
        flex: 1 1 7.5rem
    }

    :not(.collection-list-grid-slider-sticky) > .collection-list-grid-slider-wrapper {
        display: flex
    }

    .collection-list-grid-slider-sticky {
        display: none
    }

    .search-field-search-button {
        margin-left: -1rem
    }

    .logo-block-markdown, .logo-block-title {
        margin-bottom: 1.875rem
    }

    .logo-block-markdown + .logo-block-logos, .logo-block-title + .logo-block-logos {
        margin-top: 3.125rem
    }

    .header-image:not(.full-width) .image-wrapper {
        grid-column: 1/span 23
    }

    .header-image.portrait .image-wrapper {
        grid-column: 5/span 15
    }

    .header-video:not(.full-width) .video {
        grid-column: 1/span 23
    }

    .header-video.portrait .image-wrapper {
        grid-column: 5/span 15
    }

    .page-teaser-highlight-image-wrapper {
        grid-column: 1/span 15
    }

    .page-teaser-highlight-date, .page-teaser-highlight-label, .page-teaser-highlight-time-indication {
        margin-bottom: .625rem
    }

    .page-teaser-highlight-date + .markdown, .page-teaser-highlight-label + .markdown, .page-teaser-highlight-time-indication + .markdown {
        margin-top: 1.875rem
    }

    .page-teaser-highlight-main {
        grid-column: 17/span 7
    }

    .numbered-story-page .richtext-block .richtext-block-heading {
        font-size: 3.5rem;
        line-height: 1.071
    }

    .scroll-indicator-progress {
        width: 13.75rem
    }

    .divider hr {
        margin: 1.25rem 0
    }

    .media-item .media-item-button:active .btn-icon-round-small, .media-item .media-item-button:hover .btn-icon-round-small {
        transform: scaleX(1)
    }

    .media-item .media-item-button:active .btn-icon-round-small svg, .media-item .media-item-button:hover .btn-icon-round-small svg {
        transform: scale3d(calc(30 / 36), calc(30 / 36), calc(30 / 36))
    }

    @supports (display:grid) {
        .media-item-list .media-item:nth-of-type(3n+1) {
            grid-column: 1/span 7
        }

        .media-item-list .media-item:nth-of-type(3n+2) {
            grid-column: 9/span 7
        }

        .media-item-list .media-item:nth-of-type(3n+3) {
            grid-column: 17/span 7
        }

        .media-item-list.columns-2 .media-item:first-of-type {
            grid-column: 9/span 7
        }

        .media-item-list.columns-2 .media-item:nth-of-type(2) {
            grid-column: 17/span 7
        }

        .media-item-list.columns-1 .media-item:first-of-type {
            grid-column: 9/span 11
        }

        .media-item-list.columns-1 .media-item.micrio-item {
            grid-column: 9/span 15
        }
    }.micrio:not(canvas) .micrio-buttons-fullscreen {
         display: inline-block
     }

    .micrio:not(canvas) canvas.minimap {
        right: 1.25rem;
        top: 1.25rem
    }

    .micrio:not(canvas).embedded.fullscreen-buttons, .micrio:not(canvas):not(.embedded) -buttons {
        margin-right: 85px
    }

    .micrio:not(canvas).embedded.fullscreen div.marker-popup > .marker-popup, .micrio:not(canvas):not(.embedded) div.marker-popup > .marker-popup {
        padding-left: 85px
    }

    .micrio:not(canvas).embedded.fullscreen canvas.minimap, .micrio:not(canvas):not(.embedded) canvas.minimap {
        right: 85px;
        top: 3.125rem
    }

    .art-object-teaser-description, .page-teaser-date, .page-teaser-time-indication {
        margin-bottom: .625rem
    }

    @supports (display:grid) {
        .teaser-card-content .link {
            margin-top: 1.875rem
        }

        .teaser-card-content {
            padding: 1.875rem
        }
    }.teaser-card-text {
         margin-top: 1.25rem
     }

    @supports (display:grid) {
        .card-overview .teaser-card + .teaser-card {
            margin-left: 4vw;
            margin-top: 0
        }

        .card-overview .teaser-card {
            height: 100%;
            padding-bottom: 0;
            padding-right: calc(.54545455 * calc(calc(100vh - 6.875rem) - 5.5vmin - 9vmin));
            position: relative;
            width: 0
        }

        .card-overview .teaser-card .teaser-card-content {
            padding: 4.5vmin
        }
    }.compare-image-item-button svg {
         height: 1.75rem;
         width: 1.75rem
     }

    .compare-image-item-button {
        padding: .625rem
    }

    @supports (display:grid) {
        .main-navigation-mobile {
            display: none
        }

        .main-navigation-desktop {
            align-items: center;
            display: flex;
            justify-content: space-between
        }
    }.main-navigation-desktop-screen-sidebar {
         grid-column: 1/span 6
     }

    .main-navigation-desktop-screen-content {
        grid-column: 9/span 23
    }

    .cookie-banner-content {
        padding: 3.125rem 0
    }

    @supports (display:grid) {
        .cookie-banner-info {
            grid-column: 1/span 13;
            margin-bottom: 0
        }
    }.cookie-banner-buttons {
         grid-column: 18/span 6
     }

    .art-object-header {
        height: calc(100vh - 8.125rem - 3.438rem);
        margin-top: 1.25rem;
        padding-bottom: 1rem;
        padding-top: 1.875rem
    }

    .art-object-header.extra-part-of-set-height {
        height: calc(100vh - 8.125rem - 3.438rem - 2rem)
    }

    .art-object-header .image-fallback-wrapper {
        padding: 3.75rem 0
    }

    .art-object-header-buttons {
        flex-direction: column;
        margin-bottom: 2.5rem;
        margin-right: 3.125rem
    }

    .art-object-header-button + .art-object-header-button {
        margin-left: 0;
        margin-top: .625rem
    }

    .art-object-header-vfs-close {
        margin-right: 85px
    }

    .page-header-row + .page-header-row {
        padding-top: 1.25rem
    }

    .page-header-heading {
        grid-column: 1/span 16
    }

    .page-header-link {
        align-items: flex-end;
        align-self: flex-end;
        display: flex;
        grid-column: 17/span 7;
        justify-content: flex-end;
        padding: .625rem 0
    }

    .page-header .markdown {
        grid-column: 1/span 11
    }

    .search-results-art-objects-teaser {
        margin-top: 0
    }

    .search-results-art-objects-teaser:nth-of-type(4n+1) {
        grid-column: 1/span 5
    }

    .search-results-art-objects-teaser:nth-of-type(4n+2) {
        grid-column: 7/span 5
    }

    .search-results-art-objects-teaser:nth-of-type(4n+3) {
        grid-column: 13/span 5
    }

    .search-results-art-objects-teaser:nth-of-type(4n+4) {
        grid-column: 19/span 5
    }

    .search-results-art-objects-teaser:nth-of-type(n+3) {
        margin-top: 0
    }

    .search-results-art-objects-teaser:nth-of-type(n+5) {
        margin-top: 3.75rem
    }

    @supports (display:grid) {
        .search-results-stories-teaser {
            display: block;
            margin-top: 0
        }

        .search-results-stories-teaser:nth-of-type(3n+1) {
            grid-column: 1/span 7
        }

        .search-results-stories-teaser:nth-of-type(3n+2) {
            grid-column: 9/span 7
        }

        .search-results-stories-teaser:nth-of-type(3n+3) {
            grid-column: 17/span 7
        }

        .search-results-stories-teaser:nth-of-type(n+4) {
            margin-top: 3.75rem
        }
    }.story-content-row {
         padding-bottom: 3.125rem;
         padding-top: 3.125rem
     }

    @supports (display:grid) {
        .story-quote-block .quote {
            grid-column: 3/span 19
        }

        .long-story-page .story-quote-block .quote {
            grid-column: 5/span 15
        }

        .story-quote-block .subtitle {
            grid-column: 3/span 19
        }

        .long-story-page .story-quote-block .subtitle {
            grid-column: 5/span 15
        }

        .story-text-block-text {
            grid-column: 3/span 19
        }

        .card-story-page .story-text-block-text {
            grid-column: 4/span 17
        }
    }.card-story-page .intro-block .story-text-block-text {
         font-size: 3.5rem;
         line-height: 1.071
     }

    @supports (display:grid) {
        .long-story-page .story-text-block-text {
            grid-column: 5/span 15
        }
    }.story-cta-image-content .download-link, .story-cta-image-content-link, .story-text-block-link {
         grid-column: 9/span 7
     }

    @supports (display:grid) {
        .story-header {
            margin-top: -6.875rem
        }
    }.story-header-content-wrapper {
         padding-top: 6.875rem
     }

    .story-header-content {
        grid-column: 1/span 12;
        padding-bottom: 3.125rem
    }

    .story-header-label {
        margin-bottom: .938rem
    }

    .long-story-page .story-header-label {
        font-size: 1.5rem;
        line-height: 1.167;
        margin-top: .938rem
    }

    .story-media-text-block .left-item {
        grid-column: 3/span 7
    }

    .story-media-text-block .right-item {
        grid-column: 12/span 10
    }

    @supports (display:grid) {
        .long-story-page .story-media-text-block.layout-half .left-item {
            grid-column: 1/span 10
        }

        .long-story-page .story-media-text-block.layout-half .right-item {
            grid-column: 12/span 23
        }

        .long-story-page .story-media-text-block.layout-two-third .left-item {
            grid-column: 1/span 15
        }

        .long-story-page .story-media-text-block.layout-two-third .right-item {
            grid-column: 17/span 23
        }
    }.story-numbered-row > .grid-row {
         margin-bottom: 5rem
     }

    .story-numbered-row > .grid-row:first-child {
        margin-top: 5rem
    }

    .story-numbered-row .sidebar {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-column: 1/span 6;
        grid-template-columns:repeat(6, 1fr)
    }

    .story-numbered-row .sidebar > * {
        grid-column: 1/span 6
    }

    .story-numbered-row .content {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-column: 9/span 23;
        grid-template-columns:repeat(15, 1fr);
        padding-top: 0
    }

    .story-numbered-row .content > * {
        grid-column: 1/span 15
    }

    .story-numbered-row .content .richtext-block {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-column: 1/span 15;
        grid-template-columns:repeat(15, 1fr)
    }

    .story-numbered-row .content .richtext-block > * {
        grid-column: 1/span 15
    }

    .story-numbered-row .content .richtext-block .markdown {
        grid-column: 1/span 9
    }

    .story-scrollable-media-row {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .story-scrollable-media-row::-webkit-scrollbar {
        display: none
    }

    .story-scrollable-media-row .content > .media-item {
        flex: 1 0 34.7826087vw
    }

    .story-scrollable-media-row .content > .media-item + * {
        padding-left: 4.34782609vw
    }

    .story-scrollable-media-row .content > .media-item:first-child {
        padding-left: 85px
    }

    .story-scrollable-media-row .content > .media-item:last-child {
        padding-right: 85px
    }

    .story-scrollable-media-row.columns-2 .content > .media-item {
        flex: 1 0 26.08695652vw
    }

    .long-story-page .story-scrollable-media-row.one-item .content > .media-item:first-child {
        padding-left: calc(85px + 4.34782609vw)
    }

    .long-story-page .story-scrollable-media-row.one-item .content > .media-item:last-child {
        padding-right: calc(85px + 4.34782609vw)
    }

    .story-scrollable-media-row-progress {
        left: 85px
    }

    .story-scrollable-media-row.scrollable.story-block-animated .content {
        transform: translateX(17.39130435vw)
    }

    .story-scrollable-media-row.scrollable.show-animation .content {
        animation: slideInDesktop 1.5s cubic-bezier(.23, 1, .32, 1) forwards
    }

    .collection-art-object-list {
        margin: -2.17391304vw
    }

    .collection-art-object-list-item {
        padding: 2.17391304vw
    }

    .content-row .content + .sidebar {
        padding-top: 0
    }

    .content-row .content, .content-row .sidebar {
        padding-bottom: 1.875rem
    }

    .content-row ~ .content-row .content, .content-row ~ .content-row .sidebar {
        padding-top: 1.875rem
    }

    .content-row:last-of-type .content, .content-row:last-of-type .sidebar {
        padding-bottom: 0
    }

    .content-row .content article, .content-row .content section, .content-row .sidebar article, .content-row .sidebar section {
        padding: 1.25rem 0
    }

    .content-row .sidebar {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-column: 1/span 6;
        grid-template-columns:repeat(6, 1fr)
    }

    .content-row .sidebar > * {
        grid-column: 1/span 6
    }

    .content-row .content {
        align-content: flex-start;
        align-items: flex-start;
        display: grid;
        grid-column: 9/span 23;
        grid-template-columns:repeat(15, 1fr)
    }

    .content-row .content > * {
        grid-column: 1/span 15
    }

    .content-row .content .richtext-block {
        grid-column: 1/span 9
    }

    .content-row .content .intro-block {
        grid-column: 1/span 11
    }

    .content-row .content .logo-block {
        grid-column: 1/span 10
    }

    .modal {
        padding: 85px 0
    }

    @supports (display:grid) {
        .modal-image {
            grid-column: 3/span 9
        }

        .modal-image + .modal-text {
            grid-column: 13/span 7
        }
    }.page-bar-summary {
         position: sticky;
         top: 0
     }

    .page-bar-summary.mobile {
        display: none
    }

    .page-bar-summary:not(.mobile) .page-bar-summary-hr, .page-bar-summary:not(.mobile) .page-bar-summary-link {
        display: flex
    }

    .page-bar-summary-items {
        grid-column: 1/span 19;
        grid-template-columns:repeat(19, 1fr);
        padding: 1.25rem 0
    }

    .page-bar-summary-items > * {
        grid-column: 1/span 19
    }

    .page-bar-summary-item {
        margin-bottom: 0
    }

    .page-bar-summary-item:first-of-type {
        grid-column: 1/span 7
    }

    .page-bar-summary-item:nth-of-type(2) {
        grid-column: 9/span 5
    }

    .page-bar-summary-item:nth-of-type(3) {
        grid-column: 15/span 5
    }

    .page-bar-summary-link {
        align-items: flex-end;
        display: flex;
        font-size: 1rem;
        grid-column: 21/span 3;
        height: 100%;
        justify-content: flex-end
    }

    @supports (display:grid) {
        .page-bar-nav-mobile-expander {
            display: none
        }

        .page-bar-nav-items-desktop {
            display: flex
        }

        .page-bar-nav-items-desktop.columns-3, .page-bar-nav-items-desktop.columns-4 {
            align-content: flex-start;
            align-items: flex-start;
            display: grid;
            grid-template-columns:repeat(23, 1fr)
        }

        .page-bar-nav-items-desktop.columns-3 > *, .page-bar-nav-items-desktop.columns-4 > * {
            grid-column: 1/span 23
        }

        .page-bar-nav-item {
            padding: 1.25rem 0
        }

        .page-bar-nav-item + .page-bar-nav-item {
            margin-top: 0
        }

        .columns-3 .page-bar-nav-item:first-of-type {
            grid-column: 1/span 8
        }

        .columns-3 .page-bar-nav-item:nth-of-type(2) {
            grid-column: 9/span 8
        }

        .columns-3 .page-bar-nav-item:nth-of-type(3) {
            grid-column: 17/span 8
        }

        .columns-4 .page-bar-nav-item:first-of-type {
            grid-column: 1/span 6
        }

        .columns-4 .page-bar-nav-item:nth-of-type(2) {
            grid-column: 7/span 6
        }

        .columns-4 .page-bar-nav-item:nth-of-type(3) {
            grid-column: 13/span 6
        }

        .columns-4 .page-bar-nav-item:nth-of-type(4) {
            grid-column: 19/span 6
        }

        .page-bar-nav-item svg {
            transition: transform .15s ease-out, opacity .2s
        }

        .page-bar-nav-item > a:hover svg {
            animation: bounceDown .45s linear infinite
        }

        .page-bar-nav-item.has-active svg {
            transform: rotate(180deg)
        }

        .page-bar-nav-item.has-active > a:hover svg {
            animation: bounceUp .45s linear infinite
        }

        .page-bar-nav-item.active svg {
            opacity: 0;
            transform: rotate(90deg)
        }

        .page-bar-nav-item.active ~ .page-bar-nav-item svg {
            transform: rotate(0deg)
        }

        .page-bar-nav-item.active ~ .page-bar-nav-item > a:hover svg {
            animation: bounceDown .45s linear infinite
        }
    }@supports (display:grid) {
    @keyframes bounceUp {
        0% {
            transform: rotate(180deg) translateY(0)
        }
        25% {
            transform: rotate(180deg) translateY(-.25rem)
        }
        50% {
            transform: rotate(180deg) translateY(0)
        }
        75% {
            transform: rotate(180deg) translateY(.25rem)
        }
        to {
            transform: rotate(180deg) translateY(0)
        }
    }@keyframes bounceDown {
         0% {
             transform: translateY(0)
         }
         25% {
             transform: translateY(-.25rem)
         }
         50% {
             transform: translateY(0)
         }
         75% {
             transform: translateY(.25rem)
         }
         to {
             transform: translateY(0)
         }
     }
}@supports (display:grid) {
    .page-bar-nav-progress {
        display: block
    }

    .page-bar-nav {
        font-size: 1rem;
        font-weight: 500
    }
}.content-page .content-row + .teaser-row, .content-row + .teaser-highlight-row, .content-row + .teaser-row {
     margin-top: 5.625rem
 }

    @supports (display:grid) {
        .teaser-row-header {
            align-items: baseline;
            flex-direction: row;
            justify-content: space-between
        }

        * + .teaser-row-header-link {
            margin-left: 1.875rem
        }

        .teaser-row .teaser {
            margin-top: 0
        }

        .teaser-row .teaser:nth-of-type(3n+1) {
            grid-column: 1/span 7
        }

        .teaser-row .teaser:nth-of-type(3n+2) {
            grid-column: 9/span 7
        }

        .teaser-row .teaser:nth-of-type(3n+3) {
            grid-column: 17/span 7
        }

        .teaser-row .teaser:nth-of-type(n+4) {
            margin-top: 3.75rem
        }

        .content-page .teaser-row .columns-2 .teaser-row-header {
            grid-column: 9/span 15
        }

        .content-page .teaser-row .columns-2 .teaser:first-of-type {
            grid-column: 9/span 7
        }

        .content-page .teaser-row .columns-2 .teaser:nth-of-type(2) {
            grid-column: 17/span 7
        }
    }.vincent-for-scale {
         padding: 12.5rem 0 8.125rem
     }

    @supports (display:grid) {
        .filter-list {
            margin-top: 2.188rem
        }

        .filter-list-facet {
            margin-bottom: 1.563rem
        }

        .filter-list-facet:nth-of-type(3n+1) {
            grid-column: 1/span 5
        }

        .filter-list-facet:nth-of-type(3n+2) {
            grid-column: 7/span 5
        }

        .filter-list-facet:nth-of-type(3n+3) {
            grid-column: 13/span 5
        }

        .filter-list-facet:nth-of-type(3n+4) {
            grid-column: 19/span 5
        }
    }.filter-list-show-results-button {
         justify-content: flex-end
     }

    @supports (display:grid) {
        .filter-list-items-wrapper {
            max-height: none !important;
            transition: none
        }

        .card-overview {
            display: flex;
            height: calc(100vh - 6.875rem);
            max-width: 100%;
            overflow-x: auto;
            overflow: overlay;
            padding-bottom: 9vmin;
            padding-top: 5.5vmin;
            position: relative;
            -ms-overflow-style: -ms-autohiding-scrollbar
        }

        .card-overview-content-start {
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            justify-content: center;
            margin-right: 4vw;
            padding: 0 8vw 0 0;
            width: 44vw
        }

        .card-overview-content-start-intro {
            padding-right: 8vw
        }

        .card-overview-content-end {
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            justify-content: center;
            padding-left: 20vw;
            padding-right: 32vw;
            padding-top: 0;
            width: 92.5vw
        }

        .card-overview-content-end-heading {
            margin-bottom: 1.25rem
        }

        .card-overview-progress {
            bottom: 20px;
            display: flex;
            height: calc(9vmin - 20px);
            justify-content: flex-end;
            left: 0;
            padding: 20px 85px 0;
            position: fixed;
            width: 100%
        }
    }.card-overview .logo-block {
         margin-top: 7.5rem
     }

    .card-overview .logo-block-logos {
        display: flex
    }

    .card-overview .logo-block-logo {
        margin-right: 3.75rem
    }

    .card-overview .logo-block-logo:last-child {
        margin-right: 0
    }

    .card-overview .logo-block-logo + .logo-block-logo {
        margin-top: 0
    }

    @supports (display:grid) {
        .list-filters-form-inner {
            align-content: flex-start;
            align-items: flex-start;
            border-bottom: 3px solid #000;
            display: grid;
            grid-template-columns:repeat(23, 1fr);
            padding: 1.25rem 0
        }

        .list-filters-form-inner > * {
            grid-column: 1/span 23
        }

        .list-filters-form-middle {
            grid-column: 10/span 5
        }

        .list-filters-form-left {
            grid-column: 1/span 8
        }

        .list-filters-form-filter {
            grid-column: 15/span 10;
            text-align: right
        }
    }.list-filters-form-filter > :first-child {
         margin-left: auto
     }

    .list-filters-form-filter > * + * {
        margin-left: 2.5rem
    }

    @supports (display:grid) {
        .list-filters-form-filter, .list-filters-form-left {
            border-bottom: none;
            padding: 0;
            width: auto
        }
    }.list-filters-form-reset-button {
         order: 1
     }

    .list-filters-form-label {
        display: block
    }

    @supports (display:grid) {
        .list-filters-form-left {
            order: 0
        }

        .calendar-list-filters-form-inner {
            align-content: flex-start;
            align-items: flex-start;
            display: grid;
            grid-template-columns:repeat(23, 1fr)
        }

        .calendar-list-filters-form-inner > * {
            grid-column: 1/span 23
        }
    }.search-suggestions {
         padding: 1.875rem 0 3.125rem
     }

    .search-suggestions-cta-list {
        padding-top: 3.125rem
    }

    @supports (display:grid) {
        .story-image-block.big .media-item {
            grid-column: 2/span 21
        }

        .story-image-block.small .media-item {
            grid-column: 5/span 11
        }

        .story-image-block.super-zoom .caption {
            padding-left: calc(4.34782609vw + 85px)
        }

        .story-image-block.super-zoom .media-item img {
            left: calc(4.34782609vw + 85px);
            width: calc(100% - 4.34782609vw * 2 - 85px * 2)
        }

        .numbered-story-page .story-link-row .cta-list {
            grid-column: 9/span 23
        }

        .long-story-page .story-link-row .cta-list {
            grid-column: 5/span 15
        }

        .card-story-page .story-link-row .cta-list {
            grid-column: 4/span 17
        }
    }.base-page {
         padding: 5rem 0
     }

    .base-page .page-bar-empty, .base-page .page-bar-nav, .base-page .page-bar-summary {
        margin-bottom: 5rem
    }

    .base-page .page-header {
        padding-bottom: 3.75rem
    }

    .content-page .header-image, .content-page .header-video {
        margin-bottom: 5rem
    }

    .calendar-month-header {
        margin: 3.75rem 0
    }

    .calendar-day {
        padding-top: 0
    }

    @supports (display:grid) {
        .calendar-day-empty {
            grid-column: 9/span 15
        }
    }.art-object-page-more-info {
         height: 3.438rem;
         justify-content: flex-start
     }

    .art-object-page-more-info-link span {
        display: inline
    }

    .art-object-page .set-navigation-bar .set-navigation-controls {
        margin: 0
    }

    .art-object-page-content-on-view {
        margin-top: 0
    }

    .art-object-page-content .teaser-row {
        margin-top: 5.625rem
    }

    .art-object-page-content .tags-title {
        min-width: 18.75rem
    }

    @supports (display:grid) {
        .generated-overview-page-item {
            border: none;
            padding: 0
        }

        .generated-overview-page-item-link-icon {
            display: block;
            position: absolute;
            right: 0;
            top: 2.5rem
        }

        .generated-overview-page-item-content {
            align-content: flex-start;
            align-items: flex-start;
            border-bottom: 3px solid #000;
            display: grid;
            grid-column: 9/span 15;
            grid-template-columns:repeat(15, 1fr);
            padding: 2.5rem 0
        }

        .generated-overview-page-item-content > * {
            grid-column: 1/span 15
        }

        .generated-overview-page-item-content-inner {
            grid-column: 1/span 11
        }

        .generated-overview-page-item-image {
            grid-column: 1/span 7;
            padding: 2.5rem 0
        }

        .generated-overview-page-item-image .calendar-item-image-wrapper {
            height: 100%;
            position: relative
        }

        .generated-overview-page-item-image .calendar-item-image-wrapper img {
            height: auto;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: auto
        }
    }.generated-overview-page-item-date {
         margin-bottom: 1.875rem
     }

    .art-object-set-page .header {
        padding: 5rem
    }

    .art-object-set-page .header .header-image {
        grid-column: 1/span 10;
        margin-right: 2.625rem
    }

    .art-object-set-page .header .header-text {
        grid-column: 11/span 20;
        margin-top: 0
    }

    .error-page {
        padding-bottom: 5rem
    }

    .error-page-text-wrapper {
        grid-column: 1/span 10;
        margin-bottom: 0
    }

    .error-page-text-wrapper:last-of-type {
        grid-column: 14/span 10
    }

    .error-page-content {
        grid-column: 1/span 14
    }

    .error-page-image {
        grid-column: 17/span 7;
        padding-top: 5rem
    }

    .error-page-status {
        font-size: 18.75rem
    }

    @supports (display:grid) {
        .home-page-animated .teaser-card {
            animation: homeSlideToLeft .5s cubic-bezier(.33, 1, .68, 1) forwards
        }

        .home-page-animated .teaser-card:nth-of-type(3) {
            animation: homeSlideToLeft .5s cubic-bezier(.33, 1, .68, 1) .15s forwards
        }

        .home-page-animated .teaser-card:nth-of-type(4) {
            animation: homeSlideToLeft .5s cubic-bezier(.33, 1, .68, 1) .3s forwards
        }

        .lesson-up-page-item {
            border-bottom: 0;
            padding: 0
        }

        .lesson-up-page-item-link-icon {
            display: block;
            position: absolute;
            right: 0;
            top: 2.5rem
        }

        .lesson-up-page-item-content {
            align-content: flex-start;
            align-items: flex-start;
            border-bottom: 3px solid #000;
            display: grid;
            grid-column: 9/span 15;
            grid-template-columns:repeat(15, 1fr);
            padding: 3.75rem 0
        }

        .lesson-up-page-item-content > * {
            grid-column: 1/span 15
        }

        .lesson-up-page-item-image {
            grid-column: 1/span 7;
            padding: 3.75rem 0
        }
    }.lesson-up-page-item-date, .lesson-up-page-item-info {
         margin-bottom: 1.875rem
     }

    @supports (display:grid) {
        .lesson-up-page-item-description {
            grid-column: 1/span 9
        }

        .lesson-up-page-item-button {
            align-items: center;
            align-self: flex-end;
            display: flex;
            grid-column: 11/span 5;
            justify-content: flex-end;
            margin-top: 2.5rem;
            margin-top: 0;
            text-align: left
        }

        .lesson-up-page .list-filters-form-inner {
            display: flex;
            justify-content: space-between
        }
    }.long-story-page .story-content-row {
         padding-bottom: 1.875rem;
         padding-top: 1.875rem
     }

    .long-story-page .padding-top .story-content-row {
        padding-top: 7.5rem
    }

    .long-story-page .padding-bottom .story-content-row {
        padding-bottom: 7.5rem
    }

    .theme-page .story-content-row {
        padding-bottom: 1.875rem;
        padding-top: 1.875rem
    }

    .theme-page .padding-top .story-content-row {
        padding-top: 7.5rem
    }

    .theme-page .padding-bottom .story-content-row {
        padding-bottom: 7.5rem
    }

    .subcollection-landing-page .header .text-and-image-container .header-text {
        grid-column: 1/span 11
    }

    .subcollection-landing-page .header .text-and-image-container .description-container {
        grid-column: 13/span 11
    }
}

@media only screen and (max-width: 44.9375em) and only screen and

(
min-width:

64
em

)
{
.content-title {
    font-size: 3.5rem;
    line-height: 1.071
}

}
@media (orientation: landscape), only screen and (min-width: 64em) {
    .vincent-for-scale-wrapper {
        margin: 0 auto;
        max-width: 70vh
    }

    .vincent-for-scale-person-wrapper .vincent-for-scale-dimension-wrapper {
        left: 100%;
        margin-left: .625rem;
        right: auto
    }

    .vincent-for-scale-person-wrapper .vincent-for-scale-dimension-text {
        position: relative;
        right: auto;
        top: auto
    }

    .vincent-for-scale-person, .vincent-for-scale-person-wrapper.neutral .vincent-for-scale-person {
        right: 0
    }

    @supports (display:grid) {
        .vincent-for-scale-painting-wrapper .vincent-for-scale-dimension-text {
            left: auto;
            position: relative;
            top: auto
        }
    }
}

@media only screen and (min-width: 120em) {
    .story-scrollable-media-row .content > .media-item:first-child {
        padding-left: calc((100vw - 85rem) / 2 + 85px)
    }

    .story-scrollable-media-row .content > .media-item:last-child {
        padding-right: calc((100vw - 85rem) / 2 + 85px)
    }

    .long-story-page .story-scrollable-media-row.one-item .content > .media-item:first-child {
        padding-left: calc(calc((100vw - 85rem) / 2 + 85px) + 4.34782609vw)
    }

    .long-story-page .story-scrollable-media-row.one-item .content > .media-item:last-child {
        padding-right: calc(calc((100vw - 85rem) / 2 + 85px) + 4.34782609vw)
    }

    .story-scrollable-media-row-progress {
        left: calc((100vw - 85rem) / 2 + 85px)
    }

    @supports (display:grid) {
        .card-overview-content-start {
            padding-left: calc((100vw - 85rem) / 2)
        }
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important
    }

    .accordion-item-content, .calendar-list-filters-date-picker-window.show-date-picker-enter-active, .calendar-list-filters-date-picker-window.show-date-picker-leave-active, .collection-art-object-item .image-fallback, .collection-art-object-item-image-wrapper, .collection-art-object-list, .collection-art-object-list-item, .list-filters-filter-window.show-filters-enter-active, .list-filters-filter-window.show-filters-leave-active, .main-navigation-desktop-footer-items, .main-navigation-desktop-logo.logo-slide-enter-active, .main-navigation-desktop-logo.logo-slide-leave-active, .main-navigation-desktop-screen-heading, .main-navigation-desktop-screen-items, .main-navigation-desktop-screen-sidebar .language-switch, .main-navigation-mobile-menu-header, .main-navigation-mobile-menu-items, .main-navigation-mobile-screen-header, .main-navigation-mobile-screen-items, .modal-overlay.fade-enter-active, .modal-overlay.fade-leave-active, .modal.slide-fade-enter-active, .modal.slide-fade-leave-active, .page-transition-fade-enter-active, .page-transition-fade-leave-active, hr.animated {
        animation-delay: 0s !important;
        animation-duration: .1ms !important;
        transition-delay: 0s !important;
        transition-duration: .1ms !important
    }

    .story-image-block.super-zoom .media-item img {
        left: 0;
        width: 100%
    }
}

@media screen and (-ms-high-contrast: none) {
    body {
        transition: none
    }

    .grid-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 48rem
    }

    .grid-row {
        display: flex;
        flex-direction: column
    }

    .grid-row > * {
        width: 100%
    }

    .progress, .progress-white {
        background-size: 6px 100%
    }

    .collection-art-object-item .image-fallback, .collection-art-object-item-image-wrapper, .collection-list-grid-slider-sticky {
        transition: none
    }

    .collection-art-object-item-image {
        flex-shrink: 0
    }

    .main-navigation-desktop-screen, .main-navigation-mobile-menu, .main-navigation-mobile-screen, .micrio:not(canvas), .search-form, .search-overlay, .story-header {
        transition: none
    }

    .story-scroll-indicator {
        position: fixed;
        width: 100%
    }

    .columns-1 .collection-art-object-list-item {
        flex-basis: calc((100% / 1) - 4.34782609vw)
    }

    .columns-2 .collection-art-object-list-item {
        flex-basis: calc((100% / 2) - 4.34782609vw)
    }

    .columns-3 .collection-art-object-list-item {
        flex-basis: calc((100% / 3) - 4.34782609vw)
    }

    .columns-4 .collection-art-object-list-item {
        flex-basis: calc((100% / 4) - 4.34782609vw)
    }

    .columns-5 .collection-art-object-list-item {
        flex-basis: calc((100% / 5) - 4.34782609vw)
    }

    .columns-6 .collection-art-object-list-item {
        flex-basis: calc((100% / 6) - 4.34782609vw)
    }

    .calendar-list-filters, .list-filters, .list-filters-filter-window, .list-filters-form, .page-bar-nav, .page-bar-summary, .search-in-collection {
        transition: none
    }
}

@media only screen and (max-width: 44.9375em) {
    .grid-row {
        display: block
    }

    .btn-icon-round svg {
        height: 1.125rem;
        width: 1.125rem
    }

    .is-part-of-set {
        left: .5rem;
        top: .5rem
    }

    .micrio:not(canvas) div.static.marker-popup > aside button {
        margin: 0
    }

    .micrio:not(canvas) div.static.marker-popup > aside button.cancel {
        right: 28px
    }

    .content-title {
        font-size: 1.75rem;
        font-weight: 400;
        line-height: 1.143
    }

    .tag-list-grouped .tag-group {
        align-items: flex-start;
        flex-direction: column
    }

    .tag-list-grouped .tag-group-header {
        min-width: unset
    }

    .search-form hr {
        margin-right: -28px
    }

    .search-results-art-objects-teaser .art-object-teaser a {
        display: flex
    }

    .search-results-art-objects-teaser .art-object-teaser .image-fallback, .search-results-art-objects-teaser .art-object-teaser-image {
        flex: 1;
        margin-bottom: 0;
        margin-right: 1.875rem
    }

    .search-results-art-objects-teaser .art-object-teaser-captions {
        flex: 2
    }

    .search-results-art-objects-teaser .art-object-teaser .image-fallback {
        height: auto
    }

    .search-results-art-objects-teaser .art-object-teaser .image-fallback p {
        font-size: .75rem
    }

    .search-results-art-objects-teaser .art-object-teaser-title {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .columns-3 .collection-art-object-item-wrapper .image-fallback p, .story-scroll-indicator-title, .story-scrollable-media-row-progress .scroll-indicator-button, .story-scrollable-media-row-progress .scroll-indicator-help {
        display: none
    }

    .art-object-page .set-navigation-bar {
        justify-content: center
    }

    .art-object-page-content .print-tags-container {
        flex-direction: column
    }

    .art-object-page-content .art-object-page-content-title, .art-object-page-content .print-tags-container .tags-title {
        margin-bottom: 1rem
    }

    .error-page-content .super-text-row .super-text {
        font-size: 7.5rem
    }

    .long-story-page .story-header {
        min-height: calc(var(--vh, 1vh) * 90)
    }

    .theme-page .header .header-text {
        padding-top: 2.5rem
    }

    .theme-page .header .image-container {
        margin: 1rem 0 0
    }

    .subcollection-landing-page .header {
        padding-block: 2rem
    }

    .subcollection-landing-page .header .text-and-image-container .description-container {
        margin-top: 1.5rem
    }
}

@media (hover: hover) {
    .btn-transparent:hover, .btn:hover {
        background: transparent;
        color: #000
    }

    .btn-transparent:hover {
        background: #000;
        color: #fff
    }

    .link-cta:hover {
        background: transparent;
        color: #000
    }

    .micrio:not(canvas) .micrio-marker-tour-button:hover {
        background: #fff
    }

    .micrio:not(canvas) div.marker:not(.has-custom-icon):hover button.marker:after {
        height: calc(100% + 20px);
        width: calc(100% + 20px)
    }

    .story-cta-image-content .download-link:hover {
        background: transparent;
        color: #000
    }
}

@media only screen and (max-width: 44.9375em) and (orientation: landscape) {
    .art-object-header {
        padding-bottom: 2.5rem;
        padding-top: 0
    }

    .art-object-header-buttons {
        margin: 0 1.875rem 1.25rem 0
    }
}

@media (-ms-high-contrast: none) {
    .page-bar-summary-item {
        margin-bottom: 1.563rem
    }

    .page-bar-summary-link {
        justify-content: flex-start
    }
}

@media (orientation: landscape) {
    .vincent-for-scale {
        padding: 4.375rem 0
    }
}

@media (orientation: portrait) {
    .vincent-for-scale-person-wrapper .vincent-for-scale-dimension-wrapper {
        left: auto;
        right: -.625rem
    }
}