.object-fit-container {
    position: relative
}

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

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

.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;
    width: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0
}

.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);
    transition: background-color .6s linear;
    margin: 0;
    font-family: Gotham Rounded SSm,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    z-index: 0;
    overflow: overlay;
    -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-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.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 {
    padding-left: 1.875rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.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;
    line-height: 1.125;
    font-weight: 400
}

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

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

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

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

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

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

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

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

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

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

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

.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 {
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto
}

.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)!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.heading-5 {
    font-size: 1.3rem;
    line-height: 1.167;
    font-weight: 400
}

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

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

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

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

    to {
        opacity: 1;
        transform: scaleX(1) rotate(.001deg) translateX(0)
    }
}

@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;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    flex-shrink: 0
}

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

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

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

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

.image-fallback p {
    margin-top: .625rem;
    font-size: .875rem;
    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 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

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

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

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

.input:-ms-input-placeholder {
    color: rgba(0,0,0,.25);
    -ms-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:-ms-input-placeholder {
    color: #000
}

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

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

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

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

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

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

.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 {
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

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

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

.loader-white:after,.loader:after {
    -webkit-animation: pulseAfter 1s linear infinite;
    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
}

@-webkit-keyframes pulseBefore {
    65% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

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

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes pulseAfter {
    65% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

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

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

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

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

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

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

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

.progress-white {
    background-image: url("");
    color: #fff
}

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

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

.slider-white::-webkit-slider-thumb,.slider::-webkit-slider-thumb {
    background: #000;
    width: .75rem;
    height: .75rem;
    padding: 0;
    border-radius: 50%;
    border: 3px solid #000;
    box-shadow: inset 0 0 0 .25rem #ddd;
    box-sizing: content-box;
    -webkit-appearance: none;
    appearance: none;
    -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);
    cursor: pointer;
    transform: scaleX(1);
    transform: translateY(-.5rem) scaleX(1);
    margin: .063rem 0
}

: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 {
    height: 3px;
    width: 100%;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    background: #000
}

.slider-white::-moz-range-thumb,.slider::-moz-range-thumb {
    background: #000;
    width: .75rem;
    height: .75rem;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    border: 3px solid #000;
    box-shadow: inset 0 0 0 .25rem #ddd;
    box-sizing: content-box;
    -moz-appearance: none;
    appearance: none;
    -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);
    cursor: pointer;
    transform: scaleX(1)
}

: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 {
    height: 3px;
    width: 100%;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    background: #000
}

.slider-white::-ms-thumb,.slider::-ms-thumb {
    width: .75rem;
    height: .75rem;
    padding: 0;
    border-radius: 50%;
    border: 3px solid #000;
    box-shadow: inset 0 0 0 .25rem #ddd;
    box-sizing: content-box;
    appearance: 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);
    cursor: pointer;
    transform: scaleX(1);
    background: #000;
    margin: 0;
    transform: none
}

: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 {
    display: flex;
    align-items: center;
    justify-content: center
}

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

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

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

.video.loading {
    z-index: 0
}

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

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

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

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

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

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

@-webkit-keyframes downloadBounce {
    0% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-.313rem)
    }

    70% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes downloadBounce {
    0% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-.313rem)
    }

    70% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion-item-button-icon svg {
    position: absolute;
    transform: rotate(-90deg);
    top: 50%;
    left: 50%;
    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 {
    width: 100vw;
    height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    max-height: -webkit-fill-available;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4
}

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

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

.calendar-item {
    padding: 2.5rem 0;
    border-bottom: 3px solid #000;
    color: currentColor;
    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 {
    will-change: transform;
    transition: transform .4s cubic-bezier(.23,1,.32,1)
}

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

@supports (display: grid) {
}

@supports (display: grid) {
}

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

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

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

@supports (display: grid) {
}

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

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

.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;
    top: 0;
    right: -3.125rem;
    transition: transform .1s ease-out
}

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

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

.collection-list-grid-slider-button {
    margin-right: 1.25rem;
    margin-left: 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 {
    will-change: width,height,margin;
    transition-property: width,height,margin;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

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

: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);
    opacity: var(--sticky-opacity);
    transition: background-color .6s linear,opacity .2s linear;
    border-top: 3px solid #000;
    padding: 1.25rem 28px 1.25rem 0;
    margin-left: 28px;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0
}

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

.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-wrapper,.collection-art-object-item .image-fallback {
    overflow: visible;
    transition: transform .4s cubic-bezier(.23,1,.32,1)
}

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

.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 {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.collection-art-object-item-image-wrapper.loading {
    height: 100%;
    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%;
    -webkit-animation: shimmer 6s linear infinite;
    animation: shimmer 6s linear infinite
}

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

    to {
        background-position: 300% 0
    }
}

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

    to {
        background-position: 300% 0
    }
}

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

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

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

.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 {
    flex: 1;
    display: flex
}

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

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

.search-field-input:-ms-input-placeholder {
    color: rgba(0,0,0,.25);
    -ms-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:-ms-input-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 {
    will-change: width,height,margin;
    transition-property: width,height,margin;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

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

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

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

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

.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 {
    margin-left: -3.125rem;
    margin-bottom: -1.875rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

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

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

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

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

.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>* {
    text-decoration: none;
    color: currentColor
}

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

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

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

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

.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;
    line-height: 1.143;
    font-weight: 400
}

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

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

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

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

.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 {
    min-height: 3rem;
    font-size: .875rem;
    padding-top: .625rem;
    display: flex
}

.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;
    font-family: inherit;
    border: none;
    font-size: inherit;
    color: 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 {
    will-change: transform;
    transition: transform .4s cubic-bezier(.23,1,.32,1)
}

.media-item .media-item-button .btn-icon-round-small {
    display: flex;
    justify-content: center;
    align-items: 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;
    position: relative;
    padding-bottom: calc(var(--aspect-ratio) * 100% + var(--zoom-bar-height))
}

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

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

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

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

.micrio:not(canvas) .micrio-buttons {
    margin: 1.25rem 0 0 1.25rem;
    position: absolute;
    top: 0;
    left: 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 {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: var(--zoom-bar-height);
    transform: translateX(-50%);
    padding: 0 28px 1.563rem
}

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

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

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

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

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

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

.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;
    width: 16.25rem;
    margin-top: 3rem
}

.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 {
    width: 100%;
    max-height: 100%;
    padding: .625rem 28px 28px
}

.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;
    line-height: 1.167;
    font-weight: 400
}

.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 {
    padding: 0;
    background: var(--background-color)
}

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

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

.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 {
    pointer-events: none;
    margin: 0 0 var(--micrio-popup-padding) 0
}

.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 {
    background: #000;
    width: 100%;
    height: 5rem;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.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 {
    width: .625rem;
    height: .625rem;
    border: 2px solid #fff;
    box-shadow: inset 0 0 0 .188rem var(--background-color);
    transform: translateY(-.4375rem)
}

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

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

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

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

.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 {
    right: 20px;
    left: auto;
    top: 40px
}

.micrio:not(canvas) micr-io {
    width: 100%;
    height: calc(100% - 5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    overflow: visible;
    --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 {
    font-size: 10rem;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: 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>svg,.art-object-teaser .part-of-set-text p {
    margin-right: .5rem;
    font-size: .875rem
}

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

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

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

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

.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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

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

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

.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 {
    width: 100%;
    height: 0;
    padding-bottom: 137.5%
}

.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>* {
    text-decoration: none;
    color: currentColor
}

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

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

.teaser-label {
    font-size: .875rem;
    font-weight: 500;
    color: rgba(0,0,0,.5);
    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;
    line-height: 1.2;
    font-weight: 400
}

.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 {
    height: 2.75rem;
    align-items: flex-end
}

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

.date-selector-fieldset {
    position: relative
}

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

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

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

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

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

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

.date-selector-date-selected {
    background-clip: content-box;
    -webkit-animation: ExpandBackground .4s cubic-bezier(.23,1,.32,1) forwards,FadeSelected .2s linear forwards;
    animation: ExpandBackground .4s cubic-bezier(.23,1,.32,1) forwards,FadeSelected .2s linear forwards;
    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 {
    background-clip: content-box;
    -webkit-animation: ExpandBackground .4s cubic-bezier(.23,1,.32,1) forwards;
    animation: ExpandBackground .4s cubic-bezier(.23,1,.32,1) forwards
}

.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 {
    background: transparent;
    border: none;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: Gotham Rounded SSm,Arial,sans-serif;
    font-weight: 500;
    padding: 0
}

.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;
    width: 100%;
    margin: 1.25rem 0;
    padding: 1.875rem;
    font-size: .875rem;
    color: #fff
}

.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)
}

@-webkit-keyframes FadeSelected {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes FadeSelected {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes ExpandBackground {
    0% {
        padding: 1.875rem
    }

    to {
        padding: 0
    }
}

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

    to {
        padding: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

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

.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 {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

.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;
    line-height: 1.167;
    font-weight: 400
}

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

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

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

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

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

    to {
        transform: translateX(125vw)
    }
}

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

    to {
        transform: translateX(125vw)
    }
}

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

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

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

.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 {
    display: inline-block;
    margin: .313rem;
    padding: .625rem 1.25rem;
    border: .094rem solid rgba(0,0,0,.2);
    color: inherit;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.429;
    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 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 1.5rem
}

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

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

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

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

.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 {
    padding: 1rem;
    margin: -1rem
}

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

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

.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 {
    opacity: 0;
    transform: translateX(-2.5rem);
    -webkit-animation: SlideFade .5s cubic-bezier(.23,1,.32,1) forwards;
    animation: SlideFade .5s cubic-bezier(.23,1,.32,1) forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    display: flex;
    flex-direction: column;
    padding: 1.875rem 0
}

.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 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    padding: .938rem 0;
    display: flex;
    align-items: center
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .125rem;
    display: block;
    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
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .125rem;
    display: block;
    margin-top: .25rem;
    position: absolute;
    top: 100%;
    max-width: 1.25rem;
    transform: rotate(.001deg);
    transition: max-width .4s cubic-bezier(.23,1,.32,1)
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .063rem;
    display: block;
    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
}

.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 {
    opacity: 0;
    -webkit-animation: Fade .6s forwards;
    animation: Fade .6s forwards;
    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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .063rem;
    display: block;
    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
}

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

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

.main-navigation-desktop {
    display: none
}

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

.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 {
    padding: 1rem 1.875rem;
    margin: 0;
    font-size: .875rem;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    color: var(--main-nav-text-color);
    transition: color .2s linear
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .125rem;
    display: block;
    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
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .125rem;
    display: block;
    margin-top: .125rem;
    position: absolute;
    top: 100%;
    max-width: .938rem;
    transform: rotate(.001deg);
    transition: max-width .4s cubic-bezier(.23,1,.32,1)
}

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

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

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

.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 {
    opacity: 0;
    transform: translateX(-2.5rem);
    -webkit-animation: SlideFade .5s cubic-bezier(.23,1,.32,1) forwards;
    animation: SlideFade .5s cubic-bezier(.23,1,.32,1) forwards;
    margin-bottom: 1.875rem
}

.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 {
    opacity: 0;
    transform: translateX(-2.5rem);
    -webkit-animation: SlideFade .5s cubic-bezier(.23,1,.32,1) forwards;
    animation: SlideFade .5s cubic-bezier(.23,1,.32,1) forwards
}

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

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

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

.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 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    padding: .938rem 0;
    display: flex;
    align-items: center
}

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

.main-navigation-desktop-screen-item span:after {
    content: "";
    background: currentColor;
    width: 100%;
    height: .156rem;
    display: block;
    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
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .156rem;
    display: block;
    margin-top: .25rem;
    position: absolute;
    top: 100%;
    max-width: 2.5rem;
    transform: rotate(.001deg);
    transition: max-width .4s cubic-bezier(.23,1,.32,1)
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .125rem;
    display: block;
    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
}

.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 {
    opacity: 0;
    transform: translateY(.625rem);
    -webkit-animation: UpFade .5s cubic-bezier(.23,1,.32,1) forwards;
    animation: UpFade .5s cubic-bezier(.23,1,.32,1) forwards;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    display: flex
}

.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 {
    content: "";
    background: currentColor;
    width: 100%;
    height: .125rem;
    display: block;
    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
}

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

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

.main-navigation-desktop-logo img {
    width: 100%;
    height: 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>* {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: overlay;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden
}

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

@-webkit-keyframes Fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

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

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

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

@supports (display: grid) {
}

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

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

.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 {
    height: calc(100vh - 6.875rem - 3.125rem);
    margin-top: -.625rem;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 1.875rem;
    padding-bottom: 7.5rem
}

.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;
    transition: transform .4s cubic-bezier(.23,1,.32,1);
    transform-origin: top center
}

.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 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

.page-transition {
    position: relative
}

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

.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);
    transition: background-color .6s linear;
    width: 100%;
    height: 100%;
    padding-bottom: 5rem;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    z-index: 4
}

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

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

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

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

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

    to {
        opacity: 1;
        transform: translateY(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);
    transition: background-color .6s linear,opacity .2s linear;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    padding-bottom: 155.55555556%;
    position: relative;
    display: none
}

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

.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%;
    width: 100vw;
    position: relative
}

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

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

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

.story-content-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

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

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

.story-quote-block .quote {
    grid-column: 1/span 11;
    font-size: 1.75rem;
    line-height: 1.143;
    text-align: center
}

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

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

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

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

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

@supports (display: grid) {
}

@supports (display: grid) {
}

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

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

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

@supports (display: grid) {
}

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

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

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

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

.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
}

.story-video-block .video {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

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

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

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

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

@keyframes Fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.story-header-content-wrapper {
    width: 100%;
    padding-top: calc(7.5rem + 1.25rem);
    color: #fff;
    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;
    line-height: 1.2;
    font-weight: 400;
    margin: .313rem 0 0
}

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

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

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

@supports (display: grid) {
}

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

.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);
    will-change: transform;
    transition: transform 1s cubic-bezier(.23,1,.32,1)
}

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

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

@-webkit-keyframes pointerEvents {
    0% {
        pointer-events: none
    }

    to {
        pointer-events: auto
    }
}

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

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

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

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

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

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

.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;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

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

.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 {
    width: 100%;
    height: 100%
}

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

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

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

.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);
    will-change: transform;
    transition: transform 1s cubic-bezier(.23,1,.32,1)
}

.story-scrollable-media-row:not(.scrollable).show-animation .media-item-button,.story-scrollable-media-row:not(.scrollable).show-animation .teaser-link-wrapper {
    -webkit-animation: pointerEvents .1ms cubic-bezier(.23,1,.32,1) 1s forwards;
    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 {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
    pointer-events: 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 {
    -webkit-animation: disableInteraction .1ms linear 1.5s forwards;
    animation: disableInteraction .1ms linear 1.5s forwards
}

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

.story-scrollable-media-row.scrollable.show-animation .content>.media-item:nth-child(2) {
    -webkit-animation: slideInSecond 1.5s cubic-bezier(.23,1,.32,1) .5s forwards;
    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) {
    -webkit-animation: slideInThird 1.5s cubic-bezier(.23,1,.32,1) .5s forwards;
    animation: slideInThird 1.5s cubic-bezier(.23,1,.32,1) .5s forwards
}

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

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

    to {
        transform: translateX(0)
    }
}

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

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes disableInteraction {
    0% {
        scroll-snap-type: none;
        pointer-events: none
    }

    to {
        scroll-snap-type: x mandatory;
        pointer-events: auto
    }
}

@keyframes disableInteraction {
    0% {
        -ms-scroll-snap-type: none;
        scroll-snap-type: none;
        pointer-events: none
    }

    to {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        pointer-events: auto
    }
}

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

    to {
        transform: translateX(0)
    }
}

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

    to {
        transform: translateX(0)
    }
}

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

    to {
        transform: translateX(0)
    }
}

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

    to {
        transform: translateX(0)
    }
}

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

    to {
        transform: translateX(0)
    }
}

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

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@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 {
    height: 0;
    width: 100%;
    padding-top: 100%;
    position: relative;
    color: inherit
}

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

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

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

.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 {
    width: 100%;
    height: 30vh;
    margin: 3.75rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal {
    background: #68555b;
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
    color: #fff;
    padding: 116px 0 28px;
    overflow: auto
}

.modal-overlay {
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 28px 28px 0 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: -webkit-sticky;
    position: sticky;
    top: 0
}

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

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

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

.page-bar-summary-items+.page-bar-summary-hr {
    margin-top: .625rem
}

.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 {
    padding: 1.25rem 0;
    font-size: 1.25rem
}

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

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

.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 {
    padding: 1.875rem 0;
    border-bottom: 3px solid #000
}

.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;
    padding: 1rem 0;
    margin: -1rem 0
}

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

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

.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-weight: 400;
    font-size: 1.5rem
}

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

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

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

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

.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);
    will-change: transform;
    transition: transform 1s cubic-bezier(.23,1,.32,1)
}

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

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

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

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

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

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

.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 {
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center
}

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

.vincent-for-scale-person-wrapper {
    height: 100%;
    top: 0;
    right: 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 {
    position: absolute;
    right: -.625rem;
    height: 100%
}

.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 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

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

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

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

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

.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 {
    position: absolute;
    left: 0;
    top: calc(100% + .625rem)
}

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

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

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

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

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

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

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

.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:hover {
    color: #fff;
    background-color: #000
}

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

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

.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 {
    position: relative;
    padding: .938rem 0;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 400
}

.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 {
    font-size: .875rem;
    font-weight: 500;
    color: #6e6e6e
}

.filter-list-search-field {
    border-bottom: 3px solid #000;
    padding: 1.25rem 0 .938rem;
    margin-bottom: 1.875rem
}

.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 {
    font-size: .875rem;
    color: #6e6e6e
}

.card-overview {
    padding-bottom: 15.625rem
}

.card-overview-content-start {
    padding-top: 3.75rem;
    padding-bottom: 6.25rem
}

.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 {
    max-width: 8.125rem;
    display: block;
    margin: 0
}

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

.list-filters {
    background-color: var(--background-color);
    opacity: var(--sticky-opacity);
    transition: background-color .6s linear,opacity .2s linear;
    margin-bottom: 1.875rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.show-filters .list-filters {
    position: fixed;
    width: 100%
}

.list-filters-form {
    background-color: var(--background-color);
    transition: background-color .6s linear;
    position: relative;
    z-index: 1
}

.list-filters-form-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@supports (display: grid) {
}

@supports (display: grid) {
}

@supports (display: grid) {
}

.list-filters-form-filter {
    text-align: left;
    display: flex
}

.list-filters-form-filter>*+* {
    order: 1
}

@supports (display: grid) {
}

.list-filters-form-filter,.list-filters-form-left {
    width: 100%;
    padding: 1.25rem 0;
    border-bottom: 3px solid #000
}

@supports (display: grid) {
}

.list-filters-form-reset-button {
    background-color: transparent;
    font-family: inherit;
    border: none;
    font-size: inherit;
    color: inherit;
    padding: 0;
    font-weight: 500;
    margin-left: auto;
    text-align: right;
    order: 2
}

.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;
    font-family: inherit;
    border: none;
    font-size: inherit;
    color: inherit;
    padding: 0;
    font-weight: 500;
    flex-shrink: 0
}

.list-filters-form-filter-button:not(:disabled) {
    cursor: pointer
}

.list-filters-form-filter-button:not(.open):hover svg {
    -webkit-animation: bounceDown .45s linear infinite;
    animation: bounceDown .45s linear infinite
}

.list-filters-form-filter-button.open svg {
    -webkit-animation: Twist .4s cubic-bezier(.23,1,.32,1) forwards;
    animation: Twist .4s cubic-bezier(.23,1,.32,1) forwards
}

.list-filters-form-label {
    color: #6e6e6e;
    display: none
}

.list-filters-form-left {
    order: 1
}

@supports (display: grid) {
}

.list-filters-filter-window {
    background-color: var(--background-color);
    transition: background-color .6s linear;
    height: 100vh;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    overflow-y: hidden;
    overflow: overlay;
    -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%)
}

@-webkit-keyframes Twist {
    to {
        transform: rotate(180deg)
    }
}

@keyframes Twist {
    to {
        transform: rotate(180deg)
    }
}

.calendar-list-filters {
    opacity: var(--sticky-opacity);
    transition: background-color .6s linear,opacity .2s linear;
    background-color: var(--background-color);
    margin-bottom: 1.875rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.show-date-picker .calendar-list-filters {
    position: fixed;
    width: 100%
}

.calendar-list-filters-form {
    position: relative;
    z-index: 1;
    background-color: var(--background-color)
}

.calendar-list-filters-form-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1.25rem 28px 1.25rem 0;
    margin-right: -28px;
    border-bottom: 3px solid #000
}

@supports (display: grid) {
}

.calendar-list-filters-form-date-button {
    background-color: transparent;
    font-family: inherit;
    border: none;
    font-size: inherit;
    color: inherit;
    padding: 0;
    font-weight: 500;
    display: inline-block;
    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.open svg,.calendar-list-filters-form-date-button 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);
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    position: absolute;
    left: 0;
    padding: 1.875rem 0;
    overflow: hidden;
    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 {
    padding: 1.875rem 0 2.5rem;
    border-bottom: 3px solid #000
}

.search-suggestions-no-result {
    font-weight: 500;
    color: rgba(0,0,0,.5)
}

.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 {
    height: calc(var(--vh, 1vh) * 11);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .938rem;
    padding-bottom: .938rem
}

.reading-time-row-button {
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

.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 {
    z-index: 10;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 1;
    margin: 0 3.125rem 3.125rem 0;
    transition: opacity .1s
}

.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 {
    width: 100%
}

@supports (display: grid) {
}

.story-image-block.small .media-item {
    width: 100%
}

@supports (display: grid) {
}

.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);
    will-change: transform;
    transition: transform 1s cubic-bezier(.23,1,.32,1)
}

.story-image-block:not(.super-zoom).show-animation .media-item-button,.story-image-block:not(.super-zoom).show-animation .teaser-link-wrapper {
    -webkit-animation: pointerEvents .1ms cubic-bezier(.23,1,.32,1) 1s forwards;
    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
}

@supports (display: grid) {
}

.story-image-block.super-zoom .media-item img {
    width: calc(100% - 28px * 2);
    height: auto;
    left: 28px
}

@supports (display: grid) {
}

@supports (display: grid) {
}

@supports (display: grid) {
}

@supports (display: grid) {
}

.base-page {
    padding: 2.5rem 0
}

.base-page .page-bar-summary.mobile {
    margin-bottom: 2.5rem
}

.base-page .page-bar-empty,.base-page .page-bar-nav {
    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 {
    width: 100%;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.art-object-page-more-info-link {
    padding: 1rem;
    margin: -1rem
}

.art-object-page-more-info-link span {
    display: none
}

.art-object-page .navigation-bar-container {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: .5rem 1rem
}

.art-object-page .set-navigation-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.art-object-page .set-navigation-bar-backlink {
    font-weight: 500;
    color: #000;
    font-size: .875rem
}

.art-object-page .set-navigation-bar-backlink a {
    text-decoration: underline;
    color: #000
}

.art-object-page .set-navigation-bar .set-navigation-controls {
    display: flex;
    align-items: center;
    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 {
    width: .875rem;
    height: .875rem;
    margin-left: 0;
    margin-right: 0
}

.art-object-page-content {
    padding-bottom: 6.25rem;
    background-color: #ddd
}

.art-object-page-content .tag-group-header {
    min-width: 7.5rem
}

.art-object-page-content-on-view {
    font-weight: 500;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem
}

.art-object-page-content-on-view svg {
    vertical-align: text-bottom;
    margin-right: .625rem
}

.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-right: 5rem;
    margin-bottom: 2.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: -webkit-fit-content;
    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 {
    padding: 2.5rem 0;
    border-bottom: 3px solid #000
}

.generated-overview-page-item-link {
    display: block;
    text-decoration: none;
    color: inherit
}

.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 {
    position: relative;
    height: 100%
}

.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 {
    margin-bottom: .938rem;
    font-size: .875rem;
    font-weight: 500
}

.art-object-set-page .header {
    padding: 1.25rem
}

.art-object-set-page .header .header-image {
    height: 60vh;
    grid-column: 1/span 20
}

.art-object-set-page .header .header-image img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.art-object-set-page .header .header-text {
    grid-column: 1/span 20;
    margin-top: 1.563rem;
    margin-bottom: 1.563rem;
    color: #000
}

.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;
    padding-bottom: 3.125rem;
    min-height: 70vh
}

.art-object-set-page .set-items .grid-size-control-container {
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #000;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.art-object-set-page .set-items .grid-size-control-container .grid-size-control {
    width: 20%;
    min-width: 18.75rem
}

.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 {
    width: 100%;
    padding: 0
}

.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 {
    opacity: 0;
    -webkit-animation: homeSlideToBottom .5s cubic-bezier(.33,1,.68,1) forwards;
    animation: homeSlideToBottom .5s cubic-bezier(.33,1,.68,1) forwards
}

.home-page-animated .teaser-card {
    opacity: 0;
    -webkit-animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) forwards,homeFade .5s cubic-bezier(.33,1,.68,1) forwards;
    animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) forwards,homeFade .5s cubic-bezier(.33,1,.68,1) forwards
}

.home-page-animated .card-overview-content-start-heading {
    opacity: 0;
    -webkit-animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) forwards,homeFade .5s cubic-bezier(.33,1,.68,1) forwards;
    animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) forwards,homeFade .5s cubic-bezier(.33,1,.68,1) forwards
}

.home-page-animated .card-overview-content-start-intro {
    opacity: 0;
    -webkit-animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) .1s forwards,homeFade .5s cubic-bezier(.33,1,.68,1) .1s forwards;
    animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) .1s forwards,homeFade .5s cubic-bezier(.33,1,.68,1) .1s forwards
}

.home-page-animated .card-overview-content-start .cta-list {
    opacity: 0;
    -webkit-animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) .15s forwards,homeFade .5s cubic-bezier(.33,1,.68,1) .15s forwards;
    animation: homeSlideToTop .5s cubic-bezier(.33,1,.68,1) .15s forwards,homeFade .5s cubic-bezier(.33,1,.68,1) .15s forwards
}

.home-page-animated .card-overview-progress .progress,.home-page-animated .card-overview-progress .scroll-indicator-help {
    opacity: 0;
    -webkit-animation: homeFade .5s cubic-bezier(.33,1,.68,1) forwards;
    animation: homeFade .5s cubic-bezier(.33,1,.68,1) forwards
}

.home-page-animated .card-overview-progress .scroll-indicator-button.animated {
    opacity: 0;
    -webkit-animation: indicatorSlideLeft .5s cubic-bezier(.33,1,.68,1) .2s forwards;
    animation: indicatorSlideLeft .5s cubic-bezier(.33,1,.68,1) .2s forwards
}

.home-page-animated .card-overview-progress .scroll-indicator-button.animated:last-of-type {
    -webkit-animation: indicatorSlideRight .5s cubic-bezier(.33,1,.68,1) .2s forwards;
    animation: indicatorSlideRight .5s cubic-bezier(.33,1,.68,1) .2s forwards
}

.home-page-animated .card-overview-progress .scroll-indicator-button.animated:disabled {
    -webkit-animation: indicatorDisabledSlideLeft .5s cubic-bezier(.33,1,.68,1) .2s forwards;
    animation: indicatorDisabledSlideLeft .5s cubic-bezier(.33,1,.68,1) .2s forwards
}

@-webkit-keyframes indicatorSlideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes indicatorSlideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes indicatorSlideRight {
    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)
    }
}

@-webkit-keyframes indicatorDisabledSlideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: .3;
        transform: translateX(0)
    }
}

@keyframes indicatorDisabledSlideLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: .3;
        transform: translateX(0)
    }
}

@-webkit-keyframes homeSlideToLeft {
    0% {
        opacity: 0;
        transform: translateX(60px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes homeSlideToLeft {
    0% {
        opacity: 0;
        transform: translateX(60px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes homeSlideToTop {
    0% {
        transform: translateY(30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes homeSlideToTop {
    0% {
        transform: translateY(30px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes homeSlideToBottom {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes homeSlideToBottom {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes homeFade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes homeFade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.lesson-up-page {
    overflow: hidden
}

.lesson-up-page-item {
    background: transparent;
    color: #000;
    border: none;
    border-bottom: 3px solid #000;
    padding: 2.5rem 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    cursor: pointer
}

.lesson-up-page-item:hover .lesson-up-page-item-button svg {
    transform: scaleX(1)
}

.lesson-up-page-item-link {
    display: block;
    text-decoration: none;
    color: inherit
}

.lesson-up-page-item-link-icon {
    display: none;
    transition: transform .1s ease-out
}

.lesson-up-page-item-content {
    position: relative;
    height: 100%
}

@supports (display: grid) {
}

.lesson-up-page-item-image {
    height: 100%;
    padding-bottom: 1.25rem
}

.lesson-up-page-item-image img {
    position: relative;
    width: 100%
}

@supports (display: grid) {
}

.lesson-up-page-item-heading {
    margin-bottom: 1.875rem
}

.lesson-up-page-item-date,.lesson-up-page-item-info {
    margin-bottom: .938rem;
    font-size: .875rem;
    font-weight: 500
}

.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
}

@supports (display: grid) {
}

.lesson-up-page-item-button svg {
    width: 1.625rem;
    height: 1.625rem;
    margin-right: .625rem;
    transform: scale3d(20/26,20/26,20/26);
    transition: transform .4s cubic-bezier(.23,1,.32,1);
    will-change: transform
}

@supports (display: grid) {
}

.lesson-up-page-item-iframe {
    width: 100%;
    height: 100%;
    background: #fff;
    border: none;
    position: absolute;
    top: 0;
    left: 0
}

.lesson-up-page .lesson-up-list.isloading {
    min-height: 100vh
}

@supports (display: grid) {
}

.long-story-page-content {
    position: relative;
    z-index: 4
}

.long-story-page .story-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 0
}

.long-story-page .story-content-row {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.long-story-page .story-content-row .content {
    padding-top: 0;
    padding-bottom: 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: -webkit-sticky;
    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-left: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.theme-page-content {
    position: relative;
    z-index: 4
}

.theme-page .story-content-row {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.theme-page .story-content-row .content {
    padding-top: 0;
    padding-bottom: 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 {
    min-height: 50vh;
    display: flex;
    padding-top: 4.688rem;
    padding-bottom: 1.5rem
}

.subcollection-landing-page .header .description {
    font-size: 1rem;
    margin-top: 1.25rem
}

.subcollection-landing-page .header .text-and-image-container {
    width: 100%;
    max-width: 75rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap
}

.subcollection-landing-page .header .text-and-image-container .header-text {
    width: 50%
}

.subcollection-landing-page .header .text-and-image-container .header-text .links-container {
    margin-top: 1.5rem
}

.subcollection-landing-page .header .text-and-image-container .image-container {
    width: 50%;
    padding-left: 2rem
}

@media (min-width: 641px) {
    .micrio:not(canvas) section.popover aside.popover {
        position:static;
        align-self: end;
        padding: 0 0 1.25rem 1.25rem
    }

    .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 {
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        grid-template-columns: repeat(11,1fr);
        grid-auto-flow: dense
    }

    .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-size: 1.5rem;
        line-height: 1.2;
        font-size: inherit;
        font-family: inherit
    }

    .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 {
        top: auto;
        left: auto;
        bottom: var(--zoom-bar-height);
        right: 0;
        margin: 0 3.125rem 3.125rem 0
    }

    .micrio:not(canvas) .micrio-marker-tour-button {
        width: auto;
        min-width: 22.5rem
    }

    .micrio:not(canvas) .micrio-marker-tour-button-wrapper {
        width: auto;
        padding: 0 0 3.125rem
    }

    .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;
        top: 1.25rem;
        right: 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;
        top: 2rem;
        right: 44px
    }

    .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-top: 1.875rem;
        padding-bottom: 2.5rem
    }

    .art-object-header-buttons {
        margin-right: 1.875rem;
        margin-bottom: 2.5rem;
        flex-direction: column
    }

    .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 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .story-content-row .content {
        padding-top: 1.875rem;
        padding-bottom: 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
    }

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

    .card-story-page .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-text-block-link {
        grid-column: 4/span 5
    }

    .story-cta-image-content-link,.story-cta-image-content .download-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 {
        max-width: 16.25rem;
        position: absolute;
        top: 50%;
        left: 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 {
        -ms-scroll-snap-type: none;
        scroll-snap-type: none
    }

    .story-scrollable-media-row .content {
        padding-top: 1.875rem;
        padding-bottom: 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 {
        -ms-scroll-snap-type: none;
        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 {
        position: fixed;
        top: auto;
        bottom: calc(93vh - 2.5rem);
        transform: translateY(100%);
        margin: 2.5rem 2.5rem 0 0
    }

    .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 {
        padding-right: 0;
        margin-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-top: 0;
        margin-right: 1.25rem
    }

    .back-to-top.hidden {
        opacity: 0;
        pointer-events: none
    }

    @supports (display: grid) {
        .story-image-block.big .media-item {
            grid-column:1/span 11
        }
    }

    @supports (display: grid) {
        .story-image-block.small .media-item {
            grid-column:1/span 11
        }
    }

    @supports (display: grid) {
        .story-image-block.super-zoom .caption {
            padding-left:44px
        }
    }

    @supports (display: grid) {
        .story-image-block.super-zoom .media-item img {
            width:calc(100% - 44px * 2);
            left: 44px
        }
    }

    @supports (display: grid) {
        .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 {
        grid-column: 1/span 7;
        font-weight: 700;
        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-top: .938rem;
        padding-bottom: .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-top: .938rem;
        padding-bottom: .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:45em) {
    .content-title {
        font-size:3rem;
        line-height: 1.083
    }
}

@media only screen and (min-width: 45em) and (orientation:landscape) {
    .art-object-header {
        padding-top:0;
        padding-bottom: 5rem
    }

    .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 {
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        grid-template-columns: repeat(23,1fr)
    }

    .grid-row>* {
        grid-column: 1/span 23
    }

    .btn-icon-round {
        width: 3.75rem;
        height: 3.75rem;
        padding: .938rem;
        transform: scale3d(52/60,52/60,52/60)
    }

    .btn-icon-round,.btn-icon-round-medium,.btn-icon-round-small {
        width: 3.75rem;
        height: 3.75rem;
        transform: scale3d(.86666667,.86666667,.86666667)
    }

    .btn-icon-round,.btn-icon-round-medium,.btn-icon-round-medium svg,.btn-icon-round-small,.btn-icon-round-small svg,.btn-icon-round 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 {
        width: 3.375rem;
        height: 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 {
        width: 2.25rem;
        height: 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 {
        width: 4.063rem;
        height: 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 {
            padding:0;
            border: none
        }
    }

    @supports (display: grid) {
        .calendar-item-date,.calendar-item-info {
            min-height:6.875rem
        }
    }

    @supports (display: grid) {
        .calendar-item-image-wrapper {
            grid-column:3/span 5;
            margin: 2.5rem 0
        }
    }

    @supports (display: grid) {
        .calendar-item-inner {
            display:grid;
            align-content: flex-start;
            align-items: flex-start;
            grid-template-columns: repeat(15,1fr);
            grid-column: 9/span 15;
            padding: 2.5rem 0;
            border-bottom: 3px solid #000
        }

        .calendar-item-inner>* {
            grid-column: 1/span 15
        }
    }

    @supports (display: grid) {
        .calendar-item:last-child .calendar-item-inner {
            border-bottom:0
        }
    }

    @supports (display: grid) {
        .calendar-item-info {
            grid-column:7/span 9;
            order: 2
        }
    }

    @supports (display: grid) {
        .calendar-item-date {
            grid-column:1/span 5;
            order: 1;
            padding-top: 0;
            padding-right: 0;
            display: flex;
            flex-direction: column
        }

        .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
        }
    }

    @supports (display: grid) {
        .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
        }
    }

    @supports (display: grid) {
        .media-item-list.columns-1 .media-item:first-of-type {
            grid-column:9/span 11
        }
    }

    @supports (display: grid) {
        .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 {
        top: 1.25rem;
        right: 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 {
        top: 3.125rem;
        right: 85px
    }

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

    .art-object-teaser-description {
        margin-bottom: .625rem
    }

    @supports (display: grid) {
        .teaser-card-content .link {
            margin-top:1.875rem
        }
    }

    @supports (display: grid) {
        .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
        }
    }

    @supports (display: grid) {
        .card-overview .teaser-card {
            width:0;
            height: 100%;
            padding-bottom: 0;
            padding-right: calc(.54545455 * calc(calc(100vh - 6.875rem) - 5.5vmin - 9vmin));
            position: relative
        }

        .card-overview .teaser-card .teaser-card-content {
            padding: 4.5vmin
        }
    }

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

    .compare-image-item-button {
        padding: .625rem
    }

    @supports (display: grid) {
        .main-navigation-mobile {
            display:none
        }
    }

    @supports (display: grid) {
        .main-navigation-desktop {
            display:flex;
            justify-content: space-between;
            align-items: center
        }
    }

    .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-top: 3.125rem;
        padding-bottom: 2.5rem
    }

    .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 {
        margin-right: 3.125rem;
        margin-bottom: 2.5rem;
        flex-direction: column
    }

    .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 {
        grid-column: 17/span 7;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        align-self: 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 {
            margin-top:0;
            display: block
        }

        .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-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    @supports (display: grid) {
        .story-quote-block .quote {
            grid-column:3/span 19
        }
    }

    @supports (display: grid) {
        .long-story-page .story-quote-block .quote {
            grid-column:5/span 15
        }
    }

    @supports (display: grid) {
        .story-quote-block .subtitle {
            grid-column:3/span 19
        }
    }

    @supports (display: grid) {
        .long-story-page .story-quote-block .subtitle {
            grid-column:5/span 15
        }
    }

    @supports (display: grid) {
        .story-text-block-text {
            grid-column:3/span 19
        }
    }

    @supports (display: grid) {
        .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-text-block-link {
        grid-column: 9/span 7
    }

    .story-cta-image-content-link,.story-cta-image-content .download-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
        }
    }

    @supports (display: grid) {
        .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 {
        grid-column: 1/span 6;
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        grid-template-columns: repeat(6,1fr)
    }

    .story-numbered-row .sidebar>* {
        grid-column: 1/span 6
    }

    .story-numbered-row .content {
        grid-column: 9/span 23;
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        grid-template-columns: repeat(15,1fr);
        padding-top: 0
    }

    .story-numbered-row .content>* {
        grid-column: 1/span 15
    }

    .story-numbered-row .content .richtext-block {
        grid-column: 1/span 15;
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        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 {
        -webkit-animation: slideInDesktop 1.5s cubic-bezier(.23,1,.32,1) forwards;
        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 {
        grid-column: 1/span 6;
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        grid-template-columns: repeat(6,1fr)
    }

    .content-row .sidebar>* {
        grid-column: 1/span 6
    }

    .content-row .content {
        grid-column: 9/span 23;
        display: grid;
        align-content: flex-start;
        align-items: flex-start;
        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
        }
    }

    @supports (display: grid) {
        .modal-image+.modal-text {
            grid-column:13/span 7
        }
    }

    .page-bar-summary {
        position: -webkit-sticky;
        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 {
        grid-column: 21/span 3;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        font-size: 1rem
    }

    @supports (display: grid) {
        .page-bar-nav-mobile-expander {
            display:none
        }
    }

    @supports (display: grid) {
        .page-bar-nav-items-desktop {
            display:flex
        }

        .page-bar-nav-items-desktop.columns-3,.page-bar-nav-items-desktop.columns-4 {
            display: grid;
            align-content: flex-start;
            align-items: flex-start;
            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
        }
    }

    @supports (display: grid) {
        .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 {
            -webkit-animation: bounceDown .45s linear infinite;
            animation: bounceDown .45s linear infinite
        }

        .page-bar-nav-item.has-active svg {
            transform: rotate(180deg)
        }

        .page-bar-nav-item.has-active>a:hover svg {
            -webkit-animation: bounceUp .45s linear infinite;
            animation: bounceUp .45s linear infinite
        }

        .page-bar-nav-item.active svg {
            transform: rotate(90deg);
            opacity: 0
        }

        .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 {
            -webkit-animation: bounceDown .45s linear infinite;
            animation: bounceDown .45s linear infinite
        }

        @-webkit-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 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)
            }
        }

        @-webkit-keyframes bounceDown {
            0% {
                transform: translateY(0)
            }

            25% {
                transform: translateY(-.25rem)
            }

            50% {
                transform: translateY(0)
            }

            75% {
                transform: translateY(.25rem)
            }

            to {
                transform: 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
        }
    }

    @supports (display: grid) {
        .page-bar-nav {
            font-weight:500;
            font-size: 1rem
        }
    }

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

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

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

    @supports (display: grid) {
        .teaser-row-header {
            flex-direction:row;
            justify-content: space-between;
            align-items: baseline
        }

        *+.teaser-row-header-link {
            margin-left: 1.875rem
        }
    }

    @supports (display: grid) {
        .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
        }
    }

    @supports (display: grid) {
        .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
        }
    }

    @supports (display: grid) {
        .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 {
            transition:none;
            max-height: none!important
        }
    }

    @supports (display: grid) {
        .card-overview {
            max-width:100%;
            display: flex;
            height: calc(100vh - 6.875rem);
            padding-top: 5.5vmin;
            padding-bottom: 9vmin;
            position: relative;
            overflow-x: auto;
            overflow: overlay;
            -ms-overflow-style: -ms-autohiding-scrollbar
        }
    }

    @supports (display: grid) {
        .card-overview-content-start {
            width:44vw;
            padding: 0 8vw 0 0;
            margin-right: 4vw;
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: calc((100vw - 85rem) / 2)
        }
    }

    @supports (display: grid) {
        .card-overview-content-start-intro {
            padding-right:8vw
        }
    }

    @supports (display: grid) {
        .card-overview-content-end {
            width:92.5vw;
            flex: 0 0 auto;
            padding-top: 0;
            padding-left: 20vw;
            padding-right: 32vw;
            display: flex;
            flex-direction: column;
            justify-content: center
        }
    }

    @supports (display: grid) {
        .card-overview-content-end-heading {
            margin-bottom:1.25rem
        }
    }

    @supports (display: grid) {
        .card-overview-progress {
            display:flex;
            justify-content: flex-end;
            height: calc(9vmin - 20px);
            width: 100%;
            padding: 20px 85px 0;
            position: fixed;
            bottom: 20px;
            left: 0
        }
    }

    .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 {
            display:grid;
            align-content: flex-start;
            align-items: flex-start;
            grid-template-columns: repeat(23,1fr);
            padding: 1.25rem 0;
            border-bottom: 3px solid #000
        }

        .list-filters-form-inner>* {
            grid-column: 1/span 23
        }
    }

    @supports (display: grid) {
        .list-filters-form-middle {
            grid-column:10/span 5
        }
    }

    @supports (display: grid) {
        .list-filters-form-left {
            grid-column:1/span 8
        }
    }

    @supports (display: grid) {
        .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 {
            width:auto;
            padding: 0;
            border-bottom: none
        }
    }

    .list-filters-form-reset-button {
        order: 1
    }

    .list-filters-form-label {
        display: block
    }

    @supports (display: grid) {
        .list-filters-form-left {
            order:0
        }
    }

    @supports (display: grid) {
        .calendar-list-filters-form-inner {
            display:grid;
            align-content: flex-start;
            align-items: flex-start;
            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
        }
    }

    @supports (display: grid) {
        .story-image-block.small .media-item {
            grid-column:5/span 11
        }
    }

    @supports (display: grid) {
        .story-image-block.super-zoom .caption {
            padding-left:calc(4.34782609vw + 85px)
        }
    }

    @supports (display: grid) {
        .story-image-block.super-zoom .media-item img {
            width:calc(100% - 4.34782609vw * 2 - 85px * 2);
            left: calc(4.34782609vw + 85px)
        }
    }

    @supports (display: grid) {
        .numbered-story-page .story-link-row .cta-list {
            grid-column:9/span 23
        }
    }

    @supports (display: grid) {
        .long-story-page .story-link-row .cta-list {
            grid-column:5/span 15
        }
    }

    @supports (display: grid) {
        .card-story-page .story-link-row .cta-list {
            grid-column:4/span 17
        }
    }

    .base-page {
        padding: 5rem 0
    }

    .base-page .page-bar-summary {
        margin-bottom: 5rem
    }

    .base-page .page-bar-empty,.base-page .page-bar-nav {
        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 {
            padding:0;
            border: none
        }
    }

    @supports (display: grid) {
        .generated-overview-page-item-link-icon {
            display:block;
            position: absolute;
            right: 0;
            top: 2.5rem
        }
    }

    @supports (display: grid) {
        .generated-overview-page-item-content {
            display:grid;
            align-content: flex-start;
            align-items: flex-start;
            grid-template-columns: repeat(15,1fr);
            grid-column: 9/span 15;
            padding: 2.5rem 0;
            border-bottom: 3px solid #000
        }

        .generated-overview-page-item-content>* {
            grid-column: 1/span 15
        }
    }

    @supports (display: grid) {
        .generated-overview-page-item-content-inner {
            grid-column:1/span 11
        }
    }

    @supports (display: grid) {
        .generated-overview-page-item-image {
            grid-column:1/span 7;
            padding: 2.5rem 0
        }

        .generated-overview-page-item-image .calendar-item-image-wrapper {
            position: relative;
            height: 100%
        }

        .generated-overview-page-item-image .calendar-item-image-wrapper img {
            position: absolute;
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
            top: 0;
            right: 0
        }
    }

    .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 {
        margin-top: 0;
        grid-column: 11/span 20
    }

    .error-page {
        padding-bottom: 5rem
    }

    .error-page-text-wrapper {
        margin-bottom: 0;
        grid-column: 1/span 10
    }

    .error-page-text-wrapper:last-of-type {
        grid-column: 14/span 10
    }

    .error-page-content {
        grid-column: 1/span 14
    }

    .error-page-image {
        padding-top: 5rem
    }

    .error-page-image {
        grid-column: 17/span 7
    }

    .error-page-status {
        font-size: 18.75rem
    }

    @supports (display: grid) {
        .home-page-animated .teaser-card {
            -webkit-animation:homeSlideToLeft .5s cubic-bezier(.33,1,.68,1) forwards;
            animation: homeSlideToLeft .5s cubic-bezier(.33,1,.68,1) forwards
        }

        .home-page-animated .teaser-card:nth-of-type(3) {
            -webkit-animation: homeSlideToLeft .5s cubic-bezier(.33,1,.68,1) .15s forwards;
            animation: homeSlideToLeft .5s cubic-bezier(.33,1,.68,1) .15s forwards
        }

        .home-page-animated .teaser-card:nth-of-type(4) {
            -webkit-animation: homeSlideToLeft .5s cubic-bezier(.33,1,.68,1) .3s forwards;
            animation: homeSlideToLeft .5s cubic-bezier(.33,1,.68,1) .3s forwards
        }
    }

    @supports (display: grid) {
        .lesson-up-page-item {
            padding:0;
            border-bottom: 0
        }
    }

    @supports (display: grid) {
        .lesson-up-page-item-link-icon {
            display:block;
            position: absolute;
            right: 0;
            top: 2.5rem
        }
    }

    @supports (display: grid) {
        .lesson-up-page-item-content {
            display:grid;
            align-content: flex-start;
            align-items: flex-start;
            grid-template-columns: repeat(15,1fr);
            grid-column: 9/span 15;
            padding: 3.75rem 0;
            border-bottom: 3px solid #000
        }

        .lesson-up-page-item-content>* {
            grid-column: 1/span 15
        }
    }

    @supports (display: grid) {
        .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
        }
    }

    @supports (display: grid) {
        .lesson-up-page-item-button {
            margin-top:2.5rem;
            display: flex;
            justify-content: flex-end;
            align-self: flex-end;
            align-items: center;
            text-align: left
        }
    }

    @supports (display: grid) {
        .lesson-up-page-item-button {
            grid-column:11/span 5;
            margin-top: 0
        }
    }

    @supports (display: grid) {
        .lesson-up-page .list-filters-form-inner {
            display:flex;
            justify-content: space-between
        }
    }

    .long-story-page .story-content-row {
        padding-top: 1.875rem;
        padding-bottom: 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-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .theme-page .padding-top .story-content-row {
        padding-top: 7.5rem
    }

    .theme-page .padding-bottom .story-content-row {
        padding-bottom: 7.5rem
    }
}

@media only screen and (max-width: 44.9375em) and only screen and (min-width:64em) {
    .content-title {
        font-size:3.5rem;
        line-height: 1.071
    }
}

@media (orientation: landscape),only screen and (min-width:64em) {
    .vincent-for-scale-wrapper {
        max-width:70vh;
        margin: 0 auto
    }

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

    .vincent-for-scale-person-wrapper .vincent-for-scale-dimension-text {
        position: relative;
        right: auto;
        top: auto
    }

    .vincent-for-scale-person {
        right: 0
    }

    .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 {
            position:relative;
            left: auto;
            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)
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto!important
    }

    hr.animated {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .accordion-item-content {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .collection-art-object-item-image-wrapper,.collection-art-object-item .image-fallback {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-mobile-menu-header,.main-navigation-mobile-screen-header {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-mobile-menu-items,.main-navigation-mobile-screen-items {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-desktop-screen-heading {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-desktop-screen-sidebar .language-switch {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-desktop-screen-items {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-desktop-footer-items {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .main-navigation-desktop-logo.logo-slide-enter-active,.main-navigation-desktop-logo.logo-slide-leave-active {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .page-transition-fade-enter-active,.page-transition-fade-leave-active {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .collection-art-object-list,.collection-art-object-list-item {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .modal-overlay.fade-enter-active,.modal-overlay.fade-leave-active {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .modal.slide-fade-enter-active,.modal.slide-fade-leave-active {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .list-filters-filter-window.show-filters-enter-active,.list-filters-filter-window.show-filters-leave-active {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .calendar-list-filters-date-picker-window.show-date-picker-enter-active,.calendar-list-filters-date-picker-window.show-date-picker-leave-active {
        transition-duration: .1ms!important;
        transition-delay: 0s!important;
        -webkit-animation-duration: .1ms!important;
        animation-duration: .1ms!important;
        -webkit-animation-delay: 0s!important;
        animation-delay: 0s!important
    }

    .story-image-block.super-zoom .media-item img {
        width: 100%;
        left: 0
    }
}

@media screen and (-ms-high-contrast:none) {
    body {
        transition: none
    }

    .grid-container {
        max-width: 48rem;
        margin-left: auto;
        margin-right: auto
    }

    .grid-row {
        display: flex;
        flex-direction: column
    }

    .grid-row>* {
        width: 100%
    }

    .progress,.progress-white {
        background-size: 6px 100%
    }

    .collection-list-grid-slider-sticky {
        transition: none
    }

    .collection-art-object-item-image-wrapper,.collection-art-object-item .image-fallback {
        transition: none
    }

    .collection-art-object-item-image {
        flex-shrink: 0
    }

    .micrio:not(canvas) {
        transition: none
    }

    .main-navigation-mobile-menu,.main-navigation-mobile-screen {
        transition: none
    }

    .main-navigation-desktop-screen {
        transition: none
    }

    .search-overlay {
        transition: none
    }

    .search-form {
        transition: none
    }

    .story-header {
        transition: none
    }

    .story-scroll-indicator {
        width: 100%;
        position: fixed
    }

    .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)
    }

    .page-bar-summary {
        transition: none
    }

    .page-bar-nav {
        transition: none
    }

    .list-filters {
        transition: none
    }

    .list-filters-form {
        transition: none
    }

    .list-filters-filter-window {
        transition: none
    }

    .calendar-list-filters {
        transition: none
    }
}

@media only screen and (max-width: 44.9375em) {
    .grid-row {
        display:block
    }

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

    .is-part-of-set {
        top: .5rem;
        left: .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;
        line-height: 1.143;
        font-weight: 400
    }

    .tag-list-grouped .tag-group {
        flex-direction: column;
        align-items: flex-start
    }

    .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,.search-results-art-objects-teaser .art-object-teaser .image-fallback {
        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
    }

    .story-scroll-indicator-title {
        display: none
    }

    .story-scrollable-media-row-progress .scroll-indicator-button,.story-scrollable-media-row-progress .scroll-indicator-help {
        display: none
    }

    .columns-3 .collection-art-object-item-wrapper .image-fallback p {
        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 .print-tags-container .tags-title {
        margin-bottom: 1rem
    }

    .art-object-page-content .art-object-page-content-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-top: 2.5rem
    }

    .subcollection-landing-page .header .description {
        font-size: 1rem
    }

    .subcollection-landing-page .header .text-and-image-container .header-text {
        width: 100%
    }

    .subcollection-landing-page .header .text-and-image-container .image-container {
        margin-top: 1.5rem;
        width: 100%;
        padding-left: 0
    }
}

@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 {
        width: calc(100% + 20px);
        height: 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-top:0;
        padding-bottom: 5rem
    }

    .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 {
        right:-.625rem;
        left: auto
    }
}