@media screen and (max-width: 768px) {
    body.tweak-site-width-option-full-width.tweak-footer-show:not(.tweak-site-border-show) {
        margin-top: 0px !important;
        background-color: white;
    } }
    
    @media only screen and (max-width: 640px) {
    .sqs-layout .sqs-col-12>.sqs-block-spacer {
        display: none; } }
    .horizontalrule-block + .html-block {
        padding-top: 32px;
    }
    
    
      
    header.Header.Header--top {
        background: #fbfbfb;
        max-height: 44px;
        background: white;
        z-index: 4;
    }
    
    .Header-inner--top {
        padding-top: 22px;
        padding-bottom: 22px;
        max-width: 980px;
        max-height: 44px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    
    .view-list .Header--top {
        position: fixed;
        top: 0;
        transition: var(--Transition-1);
        width: 100%;
        background: transparent !important;
    }
    
    .view-list.shrink .Header--top {
        top: -144px;
    }
    
      
    .ancillary-header-search-position-top-left [data-nc-base="header"] [data-nc-container="top-left"][data-nc-container] {
        flex-direction: row;
        align-items: center;
        transform: translateY(8px);
        z-index: 2;
    }
    
    [data-nc-base="header"] [data-nc-container="top-right"] {
      z-index: 2;
    }
    
    body:not(.tweak-header-primary-nav-hover-style-button) .Header-nav--primary .Header-nav-item {
        padding-left: 1.618em;
        padding-right: 1.618em;
        border-radius: 5px;
        transition: var(--Transition-1);
        position: relative;
        margin: 0;
    }
    body:has(section#home-gallery):not(.shrink) .Header-nav .Header-nav-item,
    body:has(section#museumsfest-home):not(.shrink) .Header-nav .Header-nav-item,
    body:has(section#sonderausstellung-home):not(.shrink) .Header-nav .Header-nav-item,
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-item {
        color: rgba(255,255,255,.88);
    }
    body:has(section#home-gallery):not(.shrink):has(.Header-nav-item--folder:hover) .Header-nav .Header-nav-item,
    body:has(section#museumsfest-home):not(.shrink):has(.Header-nav-item--folder:hover) .Header-nav .Header-nav-item,
    body:has(section#sonderausstellung-home):not(.shrink):has(.Header-nav-item--folder:hover) .Header-nav .Header-nav-item {
        color: rgba(0,0,0,.76);
    }
    
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item {
        color: rgba(0,0,0,.76);
        padding: 7px 11px;
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 500;
        letter-spacing: -.0016em;
        transition: var(--Transition-1);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        opacity: 0;
        transform: translateY(-15px);
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder-item {
        color: rgba(255,255,255,.95);
    }
      
    @media (hover: hover) and (pointer: fine) {
    .tweak-header-primary-nav-hover-style-active .Header-nav-item--folder:hover .Header-nav-folder-item {
        opacity: 1;
        transform: translateY(0px);
    } }
    
    @media (hover: hover) and (pointer: fine) {
    .tweak-header-primary-nav-hover-style-active .Header-nav a.Header-nav-folder-item:nth-child(1) {
        transition: all .34s cubic-bezier(.215,.61,.355,1) .15s, color .34s cubic-bezier(.215,.61,.355,1);
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav a.Header-nav-folder-item:nth-child(2) {
        transition: all .34s cubic-bezier(.215,.61,.355,1) .175s, color .34s cubic-bezier(.215,.61,.355,1);
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav a.Header-nav-folder-item:nth-child(3) {
        transition: all .34s cubic-bezier(.215,.61,.355,1) .2s, color .34s cubic-bezier(.215,.61,.355,1);
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav a.Header-nav-folder-item:nth-child(4) {
        transition: all .34s cubic-bezier(.215,.61,.355,1) .225s, color .34s cubic-bezier(.215,.61,.355,1);
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav a.Header-nav-folder-item:nth-child(5) {
        transition: all .34s cubic-bezier(.215,.61,.355,1) .25s, color .34s cubic-bezier(.215,.61,.355,1);
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav a.Header-nav-folder-item:nth-child(6) {
        transition: all .34s cubic-bezier(.215,.61,.355,1) .275s, color .34s cubic-bezier(.215,.61,.355,1);
    }
    }
      
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='foerderverein'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='highlights'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='informationen'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='erwachsene'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='kinder'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='Veranstaltungen'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='archiv'], 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='downloads'] {
        font-size: var(--SizeH3);
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: futura-pt;
        text-transform: uppercase;
    }
    
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='faq'],
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='kims-norderstedt'],
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='fachtagungen'] {
        margin-top: 14px;
    }
    
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='kims-norderstedt']:after,
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='museen-sh']:after {
        content: '\e016';
        font-family: squarespace-ui-font;
        color: rgba(112,112,112,.5);
        font-size: 20px;
        line-height: .7em;
        margin-right: 5px;
        margin-left: 9px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        border-radius: 3px;
        justify-content: center;
        transition: all .34s cubic-bezier(.215,.61,.355,1);
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder-item[href*='kims-norderstedt']:after
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder-item[href*='museen-sh']:after {
        color: rgb(100,100,100);
    }
    @media (hover: hover) and (pointer: fine) {
        .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='kims-norderstedt']:hover:after,
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item[href*='museen-sh']:hover:after {
        background-color: red;
        color: white;
        box-shadow: 0 0 0 1px red;
    } 
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder-item[href*='kims-norderstedt']:hover:after,
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder-item[href*='museen-sh']:hover:after {
        background-color: #ff2832;
        color: black;
        box-shadow: 0 0 0 1px #ff2832;
    }
    }
    
    @media screen and (max-width: 1024px) {
    body:not(.tweak-header-primary-nav-hover-style-button) .Header-nav--primary .Header-nav-item {
        margin: 0;
    } }
    
    @media (hover: hover) and (pointer: fine) {
    body:not(.tweak-header-primary-nav-hover-style-button) .Header-nav--primary .Header-nav-item:hover {
        background-color: var(--ColorGrey2);
    } 
    body:has(section#home-gallery):not(.shrink) .Header-search:hover .Header-search-form,
    body:has(section#home-gallery):not(.shrink) .Header-nav--primary .Header-nav-inner > a.Header-nav-item:hover,
    body:has(section#museumsfest-home):not(.shrink) .Header-search:hover .Header-search-form,
    body:has(section#museumsfest-home):not(.shrink) .Header-nav--primary .Header-nav-inner > a.Header-nav-item:hover,
    body:has(section#sonderausstellung-home):not(.shrink) .Header-search:hover .Header-search-form,
    body:has(section#sonderausstellung-home):not(.shrink) .Header-nav--primary .Header-nav-inner > a.Header-nav-item:hover {
        background-color: #ffffff38;
    } 
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder-item:hover {
       color: var(--ColorRed2);
    } }
    @media (hover: hover) and (pointer: fine) {
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay)  .Header-nav--primary .Header-nav-item:hover {
        background-color: #ffffff38;
    } 
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder-item:hover {
        color: var(--ColorRedDark);
    } }
    
    .Header-nav {
        font-family: 'aktiv-grotesk';
        letter-spacing: .02em;
        font-size: 12px;
        color: #1d1d1f;
        font-weight: 400;
        padding-left: 3px !important;
        z-index: 3;
        position: relative;
    }
    
    span.Header-nav-item.Header-nav-item--folder:after {
        content: '';
        width: 100vw;
        max-width: 980px;
        height: 0px;
        position: fixed;
        left: 0;
        z-index: -1;
        top: 0;
        transition: all .34s cubic-bezier(.215,.61,.355,1);
    }
    @media (hover: hover) and (pointer: fine) { 
    span.Header-nav-item.Header-nav-item--folder:hover:after {
        height: 90px;
    } }
    
      
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder {
        transform: translate(10px, 10px) translateY(49px);
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        border-radius: 0 !important;
        left: 0;
        position: fixed;
        padding: 40px 22px 84px 22px;
        width: 100vw;
        max-width: 980px;
        top: 32px;
        z-index: -2;
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        overflow: visible;
        visibility: hidden;
        display: inline-table;
        transition: all .34s cubic-bezier(.215,.61,.355,1), visibility .34s cubic-bezier(.215,.61,.355,1), padding .34s cubic-bezier(.215,.61,.355,1), opacity .34s cubic-bezier(.215,.61,.355,1);
        background-color: white;
        display: flex;
        flex-direction: column;
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder {
        background-color: black;
    }
    .tweak-header-primary-nav-hover-style-active .Header-nav .Header-nav-folder:before {
        content: '';
        width: 101vw;
        height: calc(100% + 110px);
        background-color: white;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: -1;
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Header-nav .Header-nav-folder:before {
          background-color: black;
      }
    @media (hover: hover) and (pointer: fine) {
    .Header-nav-item--folder:hover .Header-nav-folder {
        padding: 40px 22px 84px 22px;
        z-index: -1;
        visibility: visible;
        transition-delay: 0s;
    } }
    
    
    header.Header.Header--top:after {
        content: '';
        background: rgba(232,232,237,.4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        width: 100vw;
        height: 100vh;
        opacity: 0;
        position: fixed;
        z-index: 1;
        transition: all .34s cubic-bezier(.215,.61,.355,1);
        visibility: hidden;
        transition-delay: .12s;
        top: 0;
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) header.Header.Header--top:after {
        background: rgba(0,0,0,.4);
    }
    @media (hover: hover) and (pointer: fine) {
    header.Header.Header--top:has(.Header-nav-item--folder:hover):after {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    } }
      
    [data-nc-base="header"] [data-nc-container="top-left"] [data-nc-element="secondary-nav"] {
        padding: 0;
    }
    
    .Header-search {
        display: flex;
        padding: 0 !important;
        z-index: 5;
        margin-left: -1.618em;
    }
    
    .tweak-header-search-style-underlined .Header-search .Header-search-form {
        padding: .618em  1.618em;
        transition: var(--Transition-1);
        border-radius: 5px;
    }
    button.Header-search-form-submit {
        transform: translateX(-3px);
    }
    body:has(section#home-gallery):not(.shrink) button.Header-search-form-submit,
    body:has(section#museumsfest-home):not(.shrink) button.Header-search-form-submit,
    body:has(section#sonderausstellung-home):not(.shrink) button.Header-search-form-submit,
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) button.Header-search-form-submit {
        stroke: rgba(255,255,255,.88);
    }
    body:has(.Index-nav.overlay) .Mobile-bar-menu, 
    body:has(.Index-nav.overlay) .Mobile-bar-search {
        stroke: #ffffff;
    }
      
    @media (hover: hover) and (pointer: fine) {
    .tweak-header-search-style-underlined .Header-search:hover .Header-search-form {
        background-color: var(--ColorGrey2);
    } 
    body:has(section#home-gallery):not(.shrink):has(.Header-nav-item--folder:hover) button.Header-search-form-submit,
    body:has(section#museumsfest-home):not(.shrink):has(.Header-nav-item--folder:hover) button.Header-search-form-submit,
    body:has(section#sonderausstellung-home):not(.shrink):has(.Header-nav-item--folder:hover) button.Header-search-form-submit {
        stroke: #1d1d1d;
    }
    .tweak-header-search-style-underlined .Header-search-form-submit:hover {
        opacity: 1;
    } }
    @media (hover: hover) and (pointer: fine) {
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay)  .Header-search:hover .Header-search-form {
        background-color: #ffffff38;
    } }
    
      
    .tweak-header-search-style-underlined .Header-search-form-input {
        width: 0;
        padding: 0;
    }
    .Header-search .Icon--search {
        width: 17px;
        height: 17px;
    }
    
    
    
    .has-logo-image .Header-branding {
        line-height: 0;
        padding: 0;
        position: absolute;
        top: 18px;
        z-index: 2;
        top: 23px;
    }
    
    .Header-branding-logo {
        max-width: 320px;
        max-width: 275px; }
    @media screen and (max-width: 1024px) {
    .Header-branding-logo {
        max-width: 280px;
    } }
    
    body:has(section#home-gallery):not(.shrink):has(.Header-nav-item--folder:not(:hover)) img.Header-branding-logo,
    body:has(section#museumsfest-home):not(.shrink):has(.Header-nav-item--folder:not(:hover)) img.Header-branding-logo,
    body:has(section#sonderausstellung-home):not(.shrink):has(.Header-nav-item--folder:not(:hover)) img.Header-branding-logo,
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) img.Header-branding-logo, 
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .Mobile-bar-branding {
        filter: invert(1) saturate(0) brightness(6);
    }
      
    @media (hover: hover) and (pointer: fine) {
        body:has(section#home-gallery):not(.shrink):has(.Header-nav-item--folder:hover) img.Header-branding-logo,
    body:has(section#museumsfest-home):not(.shrink):has(.Header-nav-item--folder:hover) img.Header-branding-logo,
    body:has(section#sonderausstellung-home):not(.shrink):has(.Header-nav-item--folder:hover) img.Header-branding-logo {
        filter: none;
    } }

    .Header--bottom {
        display: block;
        min-height: 60px;
        transform: translateY(-240px);
        background-color: white;
        transition: all .32s cubic-bezier(.215,.61,.355,1);
    }
    
    body:has(section#home-gallery):not(.shrink) .Header--bottom,
    body:has(section#museumsfest-home):not(.shrink) .Header--bottom,
    body:has(section#sonderausstellung-home):not(.shrink) .Header--bottom,
    body:has(.Index-page--has-image):not(.shrink) .Header--bottom {
        background-color: transparent;
    }
   
    body:has(section#home-gallery):not(.shrink) .Header--bottom:after,
    body:has(section#museumsfest-home):not(.shrink) .Header--bottom:after,
    body:has(section#sonderausstellung-home):not(.shrink) .Header--bottom:after {
        content: '';
        width: 100%;
        height: 400%;
        position: fixed;
        top: -60px;
        background: linear-gradient(-180deg, rgba(0, 0, 0, .5), transparent);
        transition: var(--Transition-1);
    }
      
    .shrink .Header--bottom, .Header--bottom {
        position: sticky;
        top: 0;
        z-index: 1;
        transform: translateY(0px);
        display: flex;
    }
    .view-list .Header--bottom {
        top: 44px;
        z-index: 3;
        position: sticky;
    }
    .view-list.shrink .Header--bottom {
        top: 0;
    }
    .shrink .Header--bottom {
        border-bottom: solid 1px rgba(0,0,0,.16);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255,255,255,0.7);
    }
    .shrink:not(.white):has(.Index-nav.overlay) .Header--bottom {
        background-color: rgba(29,29,31,0.9);
        border-color: rgba(255,255,255,.46);
    }
      
    div#navitem {
        display: flex;
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        border-bottom: solid 1px rgba(0,0,0,.16);
    }
    .shrink div#navitem, 
    body.shrink:not(.white):has(.Index-nav.overlay) div#navitem {
        border-bottom: solid 1px rgba(0,0,0,0);
    }
    .view-list:not(.shrink) div#navitem {
        border-bottom: none;
    }

    .view-list:has(.Index-nav.overlay):not(.shrink) div#navitem {
        border-color: rgba(0,0,0,.16);
        border-bottom: 1px solid;
    }

    body:not(.white):has(.Index-nav.overlay) div#navitem {
        border-color: rgba(255,255,255,.46);
    }
    .view-list:has(.Index-nav.overlay):not(.shrink):has(.sqs-announcement-bar-custom-location) div#navitem {
        border-color: transparent;
    }
      
    @media screen and (max-width: 1024px) {
      div#navitem {
        margin-left: var(--PaddingLR);
        margin-right: var(--PaddingLR);
    } 
    header.Header.Header--top {
        padding-left: var(--PaddingLR);
        padding-right: var(--PaddingLR);
        width: calc(100% - (2 * var(--PaddingLR)));
    } }
      
    a#navback {
        display: flex;
        align-items: center;
        font-family: futura-pt;
        font-weight: 600;
        font-size: 21px;
        letter-spacing: .02em;
        line-height: 1em;
        text-transform: none;
        text-decoration: none;
        color: #1e1e20;
        transition: all .34s cubic-bezier(.215,.61,.355,1);
    }
    
    a#navback {
        visibility: hidden;
        opacity: 0;
    }

    .view-item a#navback,
    .shrink a#navback {
        visibility: visible;
        opacity: 1;
    }

    body:not(.white):has(.Index-nav.overlay) a#navback {
        color: white;
    }
    @media screen and (max-width: 768px) {
    a#navback {
        font-size: 19px;
    } }
    @media (hover: hover) and (pointer: fine) {
    body:has(span.Header-nav-item:hover) a#navback {
        opacity: 0;
    } 
    a#navback:hover {
       color: var(--ColorRed2);
    } 
    body:not(.white):has(.Index-nav.overlay) a#navback:hover {
        color: var(--ColorRedDark);
    } }
      
    
    /*MOBILE*/
    /*@media screen and (max-width: 768px) {*/
@media screen and (hover: none) {
    [data-nc-base="mobile-bar"] {
        display: block !important;
    } }
    
    @media screen and (hover: none) {
    header.Header.Header--top {
        display: none !important;
    } }
    
    .Mobile-bar.Mobile-bar--top {
        background: white;
        transition: var(--Transition-1);
        max-height: 48px;
        max-height: 60px;
        padding-bottom: 0;
        position: relative;
        display: flex;
        align-items: flex-start;
    }
    .shrink .Mobile-bar.Mobile-bar--top {
        top: -100%;
    }
    .view-list .Mobile-bar.Mobile-bar--top {
        position: absolute;
        background: transparent;
    }
    .Mobile-bar-branding-logo {
        width: 250px;
    }
    
    .Icon--hamburger {
        width: 20px;
        height: 18px;
    }
    .Icon--search {
        width: 18px;
        height: 18px;
    }
    
    
    /*ANNOUNCEMENT BAR*/
    .sqs-announcement-bar-dropzone {
        background-color: #fafafa;
        position: absolute;
        z-index: 17;
        top: 104px;
        transition: var(--Transition-1);
        max-width: 980px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        margin-right: 0;
    }
    @media screen and (min-width: 641px) {
    .view-list .sqs-announcement-bar-dropzone {
        top: 136px;
    } 
    .view-list:has(.sqs-events-collection-list):not(.shrink) .sqs-announcement-bar-dropzone,
    .view-list:has(.Index-nav.overlay):not(.shrink) .sqs-announcement-bar-dropzone {
        top: 104px;
    } }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .sqs-announcement-bar-dropzone {
        background-color: #0a0a0a;
    }
    @media screen and (max-width: 1024px) {
    .sqs-announcement-bar-dropzone {
        max-width: calc(100vw - ( 2 * var(--PaddingLR)));
        top: 120px; } }
    @media screen and (max-width: 640px) {
    body .sqs-announcement-bar-dropzone {
        max-width: calc(100vw - ( 2 * var(--PaddingLR))); 
        background-color:  #fafafa;
        padding-top: 0;
        top: 120px; }}
      
        .view-list:has(.archive-dropdown-toggle-checkbox:checked) .sqs-announcement-bar-dropzone {
            opacity: 0;
            visibility: hidden;
        }

    @media screen and (max-width: 1024px) {
    .sqs-announcement-bar-text {
        padding-right: 52px; } }
    @media screen and (max-width: 640px) {
    .sqs-announcement-bar-text {
        padding-left: 16px;
        padding-right: 52px;
    } }
      
    .sqs-announcement-bar-dropzone:has(.sqs-announcement-bar-custom-location) {
        border-bottom: solid 1px rgb(0 0 0 / 16%);
    }
    .view-list:not(.shrink) .sqs-announcement-bar-dropzone:has(.sqs-announcement-bar-custom-location) {
        border-top: solid 1px rgb(0 0 0 / 16%);
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .sqs-announcement-bar-dropzone:has(.sqs-announcement-bar-custom-location) {
        border-color: rgba(255,255,255,.46);
    }
    .sqs-announcement-bar-dropzone:has(.sqs-announcement-bar-hidden), 
    body.shrink.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .sqs-announcement-bar-dropzone:has(.sqs-announcement-bar-hidden) {
        border-bottom: solid 1px rgb(0 0 0 / 0%);
        border-color: rgb(0 0 0 / 0%) !important;
    }
    .view-list.shrink .sqs-announcement-bar-dropzone,
    .shrink .sqs-announcement-bar-dropzone {
        top: 60px;
        max-width: 10980px;
        position: fixed;
        background-color: rgba(245,245,245,0.7);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }
    body.shrink.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .sqs-announcement-bar-dropzone {
        background-color: rgba(29,29,29, .7);
    }
      
    body:not(.sqs-seven-one) .sqs-announcement-bar {
        border-radius: 5px;
        max-width: 980px;
        width: 100% !important;
        margin: 0 auto;
        padding: 9px 0;
        background: transparent;
    }
    
    body:not(.sqs-seven-one) .sqs-announcement-bar-text p {
        line-height: 1.33337;
        font-weight: 400;
        letter-spacing: .01em;
        font-family: 'proxima-nova';
        font-size: 17px;
        color: var(--ColorBlack1);
        text-transform: none;
        line-height: inherit;
    }
    body.tweak-header-primary-nav-hover-style-active:not(.white):has(.Index-nav.overlay) .sqs-announcement-bar-text p {
        color: #eaeaea;
    }
    @media screen and (max-width: 1024px) {
    body:not(.sqs-seven-one) .sqs-announcement-bar-text p {
        font-size: 15px; } }
    
    body:not(.sqs-seven-one) .sqs-announcement-bar-close {
        position: absolute;
        top: 50%;
        transform: translatex(-10px) translateY(-50%);
        background-color: var(--ColorGrey3);
        transition: var(--Transition-1);
        width: 32px;
        height: 32px;
    }
    @media (hover: hover) and (pointer: fine) {
    body:not(.sqs-seven-one) .sqs-announcement-bar-close:hover {
        background-color: var(--ColorRed2);
    } }
    
    @media (hover: hover) and (pointer: fine) {
    body:not(.sqs-seven-one) .sqs-announcement-bar-close {
        transform: translatex(-10px) translateY(-50%) scale(0);
    }
    
    body:not(.sqs-seven-one) .sqs-announcement-bar-dropzone:hover .sqs-announcement-bar-close {
        transform: translatex(-10px) translateY(-50%) scale(1);
    } }
    
    @media (hover: hover) and (pointer: fine) {
    body:has(.Header-nav-item:hover) .sqs-announcement-bar-dropzone {
        opacity: 0;
        z-index: 1;
    } }
    
    
    
    /*Menu Mobile*/
    .enable-load-effects .Mobile-overlay {
        left: 0px;
        background-color: rgba(255,255,255,0.7);
        height: 0%;
        transition: var(--Transition-1);
    }
      
    .is-mobile-overlay-active .Mobile-overlay {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255,255,255,0.7);
        height: 100%;
    }
    
    .tweak-mobile-overlay-slide-origin-left .Mobile-overlay-menu {
        transform: translate3d(0,0,0);
    }
    .Mobile-overlay-menu {
        width: 100%;
        background-color: transparent;
    }
    
    .Mobile-overlay-menu-main {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
      
    nav.Mobile-overlay-nav.Mobile-overlay-nav--primary {
        display: flex;
        flex-direction: column;
        gap: 1em;
        padding-bottom: 50%;
    }
    
    .Mobile-overlay-folder-item,
    body:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item {
        display: flex;
        justify-content: flex-start;
        gap: 7px;
        font-size: 24px;
        line-height: 1.1666666667;
        font-weight: 600;
        color: #333336;
        text-transform: initial;
        letter-spacing: .009em;
        font-family: 'futura-pt';
        transform: translateY(-20px);
        opacity: 0;
        transition-delay: .3s;
    }
    
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item, 
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item {
        transform: translateY(0px);
        opacity: 1;
        transition: var(--Transition-1);
        transition-delay: .5s;
    }
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item:nth-child(1),
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item:nth-child(1) {
        transition-delay: .5s;
    }
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item:nth-child(2),
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item:nth-child(2) {
        transition-delay: .6s;
    }
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item:nth-child(3),
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item:nth-child(3) {
        transition-delay: .7s;
    }
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item:nth-child(4),
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item:nth-child(4) {
        transition-delay: .8s;
    }
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item:nth-child(5),
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item:nth-child(5) {
        transition-delay: .9s;
    }
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item:nth-child(6),
    body.is-mobile-overlay-active:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-folder.is-active-folder .Mobile-overlay-folder-item:nth-child(6) {
        transition-delay: 1s;
    }
    
    .Mobile-overlay-folder {
        display: flex;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 40%;
        gap: 1em;
    }
    a.Mobile-overlay-folder-item {
        padding-left: 10%;
        padding-right: 10%;
    }
    
    body:not(.tweak-mobile-overlay-menu-secondary-inherit) .Mobile-overlay-folder-item--toggle {
        position: absolute;
        top: 55px;
        display: flex;
        align-items: flex-end;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: .012em;
        font-family: 'proxima-nova';
        text-transform: none;
        color: var(--ColorGreyTermsCond);
        width: auto;
    }
    
    .Mobile-overlay-folder-item--toggle:before {
        line-height: 1em;
        color: #1e1e2061;
    }
    span.Mobile-overlay-folder-item--toggle-label {
        line-height: 1em;
    }
    
      
    .tweak-mobile-overlay-slide-origin-left .Mobile-overlay-close {
        right: var(--PaddingLR) !important;
        top: var(--PaddingLR);
        z-index: 2;
        border-radius: 50px;
        padding: 16px;
    }
    
    .Icon--close {
        width: 20px;
        height: 20px;
    }
    
    
    /*Footer*/
    .tweak-footer-layout-stacked .Footer-nav {
        padding: 0 !important;
    }
    
    body:not(.white):has(.Index-page--has-image) .Footer {
        box-shadow: 0px 10px 0 10px #46454a;
        background-color: #46454a;
    }
    
    body:not(.white):has(.Index-page--has-image) .Footer-nav a {
        color: white;
        transition: var(--Transition-1);
        padding: 0.618em 1.618em;
        border-radius: 5px;
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 500;
        letter-spacing: -.0016em;
        text-transform: none;
        font-family: 'proxima-nova';
    }
    
    body:not(.white):has(.Index-page--has-image) .Footer-nav a:hover {
        color: rgba(255, 255, 255, .88);
        background-color: #ffffff38;
    }
    


    /*MAIN*/
  
    body:has(.sqs-events-collection-list).tweak-site-width-option-full-width.tweak-footer-show:not(.tweak-site-border-show) {
        background-color: white;
    }

   body:not(.view-list) section.Main-content {
        max-width: 980px;
        margin: 0 auto;
    }
    
    h1 {
        color: #1d1d1f;
        font-size: 48px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6px;
    }
    
    .sqs-block:not(.markdown-block) h2 {
        letter-spacing: .009em;
        text-transform: initial;
        color: #1d1d1f;
        font-family: 'proxima-nova';
        font-size: 28px;
        line-height: 1.41667;
        font-weight: 700;
    }
    h1+h2 {
        margin-top: 0 !important;
    }
    @media screen and (max-width: 640px) {
    .sqs-block:not(.markdown-block) h2 {
        font-size: 24px;
        line-height: 1.26667;
    } }
    
    
    h3 {
        color: var(--ColorBlack2);
        font-size: 17px;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
        margin-bottom: 8px !important;
        text-transform: inherit;
        font-family: proxima-nova;
    }
    
    h3 strong {
        font-size: 19px;
        font-weight: 700;
        letter-spacing: .012em;
    }
    
    h3+h3 {
        margin: 0;
    }
    
    h3 a {
        border-bottom-width: 0;
        font-size: 74%;
        color: var(--ColorRed2);
        font-weight: 500;
    }
    
    p {
        line-height: 1.33337;
        font-weight: 400;
        letter-spacing: -.01em;
        font-family: 'proxima-nova';
        color: #6e6e73;
        font-size: 17px;
        color: var(--ColorBlack1);
    }
    
    body:not(.view-item) h3 + p {
        margin-top: 0;
        font-size: 14px;
        line-height: 1.42859;
        font-weight: 500;
        letter-spacing: -.0016em;
    }
    
    .sqs-block-html p a {
        border-bottom-width: 0px;
        color: var(--ColorRed2) !important;
    }
    
    .sqs-block-html p a:hover {
        text-decoration: underline;
    }

    .yui3-lightbox2 .sqs-lightbox-meta p {
        color: white;
        font-size: 12px;
        line-height: 1.68em;
        font-weight: 500;
        letter-spacing: .03em;
    }

    .view-item blockquote {
        background-color: var(--ColorGrey2);
        border-radius: 10px;
        border: none !important;
        padding: 1.2em !important;
        transition: var(--Transition-1);
    }
    @media (hover: hover) and (pointer: fine) {
        .view-item blockquote:hover {
            background-color: #52ece8;
        }
    }

    .view-item blockquote h2:has(+ h3) {
        border-bottom: solid 1px #00000099;
        padding-bottom: 1em;
        margin-bottom: 1.5em !important;
    }

    .view-item blockquote h3:has(+ p) {
        padding: 32px 32px 2px 32px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: white;
        margin-bottom: 0 !important;
    }

    .view-item blockquote p {
        background-color: white;
        padding: 1.4em 2em;
        padding-right: 2.5em;
        border-radius: 8px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        margin-top: 0;
    }
    .view-item blockquote pre {
        overflow: visible;
        white-space: break-spaces;
        text-align: right;
        font-size: 13px;
        line-height: 1.25;
    }

    .image-block-card-dynamic-font-sizing .sqs-block-image .design-layout-card .image-subtitle p {
        font-weight: 400 !important;
        letter-spacing: -.01em;
        font-family: 'proxima-nova' !important;
        color: var(--ColorBlack1) !important;
        font-size: 12px !important;
    }
    .sqs-block-image .sqs-image-caption p, .sqs-block-image .image-caption p {
        line-height: 1.2em;
    }
      

    /*MAIN GALLERY PAGE THROUGH SEARCH*/

    body:has(.Main--gallery-list).enable-load-effects .Parallax-host-outer,
    section.Intro.Intro--has-image:has(+ .Main--gallery-list) {
        display: none;
    }

    body:has(.Main--gallery-list) .gallery-wrapper .slides-controls {
        border: 1px solid #d3d3d3;
        border-radius: 11px;
    }

    body:has(.Main--gallery-list) .gallery-wrapper .slides-controls:focus-within {
        outline-offset: 6px;
        outline: 3px solid var(--ColorRed1);
    }


    .collection-type-gallery:not(.gallery-design-grid).gallery-navigation-bullets .sqs-system-gallery .dots {
        display: flex;
        justify-content: center;
    } 

    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .dots .dot:after {
        content: "";
        width: 15px;
        display: flex;
        aspect-ratio: 1/1;
        background-color: var(--ColorBlack2);
        font-size: 0;
        border-radius: 2px;
    }

    @media (hover: hover) and (pointer: fine) {
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .dots .dot:hover, 
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .numbers .number:hover, 
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .thumbnail-wrapper .thumbnail:hover {
        opacity: 1;
    }
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .dots .dot:not(.sqs-active-slide):hover:after {
        background-color: var(--ColorRed1);
    } }


    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide-meta {
        background-color: rgba(29,29,31,0.9);
        border-color: rgba(255,255,255,.46);
        border-top: 1px solid;
        transition: var(--Transition-1);
        display: block;
        transform: translateY(100%);
    }
    @media (hover: hover) and (pointer: fine) {
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide:hover .slide-meta {
        transform: translateY(0);
    } }

    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide-meta .title {
        font-family: futura-pt;
        font-weight: 600;
        font-size: 21px;
        letter-spacing: .02em;
        line-height: 1em;
    }

    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide-meta .description {
        line-height: 1.68em;
        font-weight: 400;
        letter-spacing: -.01em;
        font-family: 'proxima-nova';
        font-size: 17px;
    }
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide-meta .description p, 
    .collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery .slide-meta .clickthrough a {
        font-size: 17px;
        color: #b8b8b8;
    }


    /*MAIN PAGE – SONDERAUSSTELLUNGEN ANNOUNCEMENT*/

    body:has(section#home-gallery) .Site-inner,
    body:has(section#museumsfest-home) .Site-inner,
    body:has(section#sonderausstellung-home) .Site-inner {
        margin-bottom: -60px;
    }
    body:has(section#home-gallery) .Content-outer,
    body:has(section#museumsfest-home) .Content-outer,
    body:has(section#sonderausstellung-home) .Content-outer {
        transform: translateY(-60px);
    }
    section#home-gallery,
    section#museumsfest-home,
    section#sonderausstellung-home {
        max-height: 100dvh;
        height: 100dvh;
    }
    section#home-gallery .Index-page-content,
    section#museumsfest-home .Index-page-content,
    section#sonderausstellung-home .Index-page-content {
        max-width: none;
        padding: 0;
    }
    .sqs-gallery-design-stacked {
        z-index: 1;
    }

    section#home-gallery .sqs-block.html-block.sqs-block-html,
    section#museumsfest-home .sqs-block.html-block.sqs-block-html,
    section#sonderausstellung-home .sqs-block.html-block.sqs-block-html {
        position: absolute;
        bottom: 5%;
        z-index: 1;
        max-width: 660px;
        left: 50%;
        transform: translateX(-50%);
    }
    section#home-gallery .gallery-block,
    section#museumsfest-home .gallery-block,
    section#sonderausstellung-home .gallery-block {
        padding-bottom: 0;
        padding-top: 0;
    }

    section#home-gallery .sqs-gallery-design-stacked-slide,
    section#museumsfest-home .sqs-gallery-design-stacked-slide,
    section#sonderausstellung-home .sqs-gallery-design-stacked-slide {
        max-height: 100dvh;
        height: 100dvh;
    }

    section#home-gallery .sqs-gallery-design-stacked-slide img,
    section#museumsfest-home .sqs-gallery-design-stacked-slide img,
    section#sonderausstellung-home .sqs-gallery-design-stacked-slide img {
        transition: var(--Transition-1);
    }
    section#home-gallery .sqs-gallery-design-stacked-slide.sqs-active-slide img,
    section#museumsfest-home .sqs-gallery-design-stacked-slide.sqs-active-slide img,
    section#sonderausstellung-home .sqs-gallery-design-stacked-slide.sqs-active-slide img {
        transition: all .34s cubic-bezier(.215,.61,.355,1), transform 5.84s cubic-bezier(.215,.61,.355,1);
        transform: scale(1.23);
    }
    
    section#home-gallery .sqs-block-html .sqs-block-content,
    section#museumsfest-home .sqs-block-html .sqs-block-content,
    section#sonderausstellung-home .sqs-block-html .sqs-block-content {
        perspective: 10000px;
        transform-style: preserve-3d;
    }

    section#home-gallery blockquote,
    section#museumsfest-home blockquote,
    section#sonderausstellung-home blockquote {
        border: none;
        padding: 0;
        opacity: 0;
        transform: translateX(-1050px) translateZ(-1000rem);
        -webkit-transform: translateX(-1050px) translateZ(-1000rem);
    }
    body:not(.shrink) section#home-gallery blockquote,
    body:not(.shrink) section#museumsfest-home blockquote,
    body:not(.shrink) section#sonderausstellung-home blockquote {
        animation: slide-in .8s cubic-bezier(.23,1,.32,1) .42s both;
    }
    body.shrink section#home-gallery blockquote,
    body.shrink section#museumsfest-home blockquote,
    body.shrink section#sonderausstellung-home blockquote {
        animation: slide-out .8s cubic-bezier(.23,1,.32,1) .42s both;
    }

    section#sonderausstellung-home blockquote h1 {
        background-color: var(--ColorRed1);
        color: white;
        margin: 0;
        padding: 1.5rem 2.8rem;
        padding-bottom: 0;
        width: auto;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 35px;
        box-shadow: 0 10px 0 0 var(--ColorRed1);
    }

    section#sonderausstellung-home blockquote h2 {
        background-color: var(--ColorRed1);
        color: white;
        margin: 0;
        padding: 1.5rem 2.8rem;
    padding-top: 0;
    width: auto;
    text-transform: uppercase;
    font-family: futura-pt;
    font-size: 21px;
    letter-spacing: .05em;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 15px;
    }

    section#sonderausstellung-home blockquote h3 {
        background-color: var(--ColorRed1);
        color: white;
        margin: 0;
        margin-top: .5rem;
        padding: 1.5rem 2.8rem;
        width: auto;
        text-transform: uppercase;
        font-family: futura-pt;
        font-size: 21px;
        letter-spacing: .05em;
        font-weight: 700;
        border-radius: 5px;
        font-size: 15px;
    }

    section#home-gallery blockquote h1,
    section#museumsfest-home blockquote h1 {
        background-color: white;
        color: black;
        margin: 0;
        padding: 1.5rem 2.8rem;
        padding-top: 0;
        width: auto;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 5px solid;
        border-top: none;
        display: flex;
        justify-content: center;
        font-size: clamp(30px, 9vw, 84px);
        letter-spacing: -.05em;
        text-transform: uppercase;
    }

    section#home-gallery blockquote h2,
    section#museumsfest-home blockquote h2 {
        background-color: white;
        color: black;
        margin: 0;
        padding: 1.5rem 2.8rem;
    padding-bottom: 0;
    width: auto;
    text-transform: uppercase;
    font-family: futura-pt;
    font-size: 21px;
    letter-spacing: .05em;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 15px;
    box-shadow: 0 10px 0 0 white;
    display: flex;
    white-space: nowrap !important;
    align-items: center;
    gap: 1rem;
    border: 5px solid;
    border-bottom: none;
    }
    section#home-gallery blockquote h2:after, 
    section#home-gallery blockquote h2:before,
    section#museumsfest-home blockquote h2:after, 
    section#museumsfest-home blockquote h2:before {
        content: '';
        width: 100%;
        height: 5px;
        background-color: black;
        display: flex;
        border-radius: 1.5px;
    }

    section#home-gallery blockquote h3,
    section#museumsfest-home blockquote h3 {
        background-color: white;
        color: black;
        margin: 0;
        margin-top: .5rem;
        padding: 1.3rem 2.8rem;
        width: auto;
        text-transform: uppercase;
        font-family: futura-pt;
        font-size: clamp(15px, 3.3vw, 21px);
        letter-spacing: .05em;
        font-weight: 700;
        border-radius: 5px;
        border: 5px solid;
    }

    body:has(section#home-gallery) .Footer,
    body:has(section#museumsfest-home) .Footer,
    body:has(section#sonderausstellung-home) .Footer {
        z-index: 1;
        position: relative;
    }



    /*AUDIOGUIDE*/

    body.audioguide footer,
    body.audioguide header,
    body.audioguide [data-nc-base="mobile-bar"] {
        display: none !important;
    }

    body.audioguide .Blog-meta.BlogItem-meta,
    body.audioguide .BlogItem-pagination,
    .audioguide .sqs-announcement-bar-dropzone:has(.sqs-announcement-bar-custom-location),
    .audioguide .sqs-mobile-info-bar-triggers {
        display: none;
    }

    body.audioguide.tweak-site-width-option-full-width.tweak-footer-show:not(.tweak-site-border-show) {
        min-height: 100dvh;
        background-color: var(--ColorRed1);
    }

    body.audioguide .Main {
        background-color: transparent;
    }

    body.audioguide:not(.view-list) section.Main-content {
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    body.audioguide .BlogItem {
        margin-bottom: 21dvh;
    }


    body.audioguide.eng .audio-block:first-child, 
    body.audioguide:not(.eng) .audio-block:nth-child(2) {
        display: none;
    }



    body.audioguide .sqs-widgets-audio-player .action {
        position: fixed;
        bottom: 12dvh;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        border-right: none;
        aspect-ratio: 1 / 1;
        background-color: black;
        max-width: 59px;
    max-height: 59px;
    height: 59px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    }

    body.audioguide .sqs-widgets-audio-player.dark .play .play-button {
        transform: translateX(2px);
    }


    body.audioguide .sqs-widgets-audio-player.dark {
        background: transparent;
        color: hsla(0,0%,100%,.95);
        border-radius: 18px;
    }
    body.audioguide .sqs-widgets-audio-player .player {
        border-radius: 18px;
        overflow: visible;
    }

    body.audioguide .sqs-widgets-audio-player .track {
        width: calc(100% - 30px)!important;
        background-color: #ffffff6e;
        border-radius: 18px;
        max-height: 7px;
        position: absolute;
        bottom: -20px;
        top: unset;
        margin-left: 15px;
        margin-right: 15px;
    }


    body.audioguide .sqs-widgets-audio-player.dark .played {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
      /*  padding-right: calc(1.9478% + 1px); */
        transition: all 1s linear, opacity .32s cubic-bezier(.215,.61,.355,1), background .32s cubic-bezier(.215,.61,.355,1);
        opacity: 1;
        background: rgba(255, 255, 255, .5);
    } 
    body.audioguide .sqs-widgets-audio-player.dark:hover .played {
        background: white;
    }
    .sqs-widgets-audio-player.dark .played .icon {
        width: 15px;
        height: auto;
        aspect-ratio: 1;
        border-radius: 50%;
        background: #fec4c4;
        transform: translateY(-25%) translateX(50%);
        opacity: 1;
    }
    .sqs-widgets-audio-player.dark:hover .played .icon {
        background-color: white;
        width: 25px;
        transform: translateY(-35%) translateX(50%);
    }



    body.audioguide .sqs-widgets-audio-player .labels {
        z-index: 10;
        font-family: 'proxima-nova';
        font-size: 15px;
        font-weight: 800;
        transition: var(--Transition-1);
    }

    body.audioguide.list .sqs-widgets-audio-player .labels {
        position: fixed;
        left: 160px;
        animation: appear .32s cubic-bezier(.23,1,.32,1) .42s both;
        bottom: calc(100dvh - 60px - 34px - 52px);
        padding-right: 22px;
    }
    @media screen and (max-width: 640px) {
    body.audioguide.list .sqs-widgets-audio-player .labels {
        left: 140px;
        padding-right: 40px;
    } }

    body.audioguide .sqs-widgets-audio-player .secondary-controls {
        position: absolute;
        bottom: -70px;
        width: calc(100% - 30px)!important;
        padding-left: 0;
        padding-right: 0;
        font-family: 'proxima-nova';
        opacity: .75;
        left: 15px;
    }
    body.audioguide .sqs-widgets-audio-player.dark .artistName {
        font-weight: 100;
        letter-spacing: .02em;
        font-size: 14px;
        line-height: 1.1em;
    }
    body.audioguide .sqs-widgets-audio-player .secondary-controls .time {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    body.audioguide .sqs-widgets-audio-player .time .progress.loaded+.total.loaded:before {
        visibility: hidden;
    }

    body.audioguide h1.BlogItem-title {
        display: flex;
        flex-direction: column;
        font-size: clamp(30px, 9vw, 84px);
        color: black;
        align-items: center;
        font-size: 0;
    }

    div#audioimage {
        aspect-ratio: 1;
        display: block;
        background-repeat: no-repeat;
        background-position: 100%;
        z-index: 1;
        position: relative;
        background-size: cover;
        max-width: 390px;
        width: 100%;
        border-radius: 12px;
        box-shadow: 0 0 40px rgb(0 0 0 / 58%);
        position: fixed;
        top: 100px;
    }

    @media screen and (max-width: 640px) {
    div#audioimage {
        max-width: 80%;
        top: 60px;
    } }

    div#audionumber {
        position: fixed;
        right: 60px;
        height: var(--HeightNumber);
        width: auto;
        min-width: var(--WidthNumber);
        line-height: 1em;
        max-height: var(--HeightNumber);
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'proxima-nova';
        font-weight: 900;
        font-size: 52px;
        top: 40px;
        background-color: white;
        color: var(--ColorRed1);
        border-radius: 7px;
        z-index: 10;
        transition: var(--Transition-1);
        padding-left: var(--PaddingNumber);
        padding-right: var(--PaddingNumber);
        --WidthNumber: calc(var(--HeightNumber) - (2 * var(--PaddingNumber)));
        --HeightNumber: 65px;
        --PaddingNumber: 8px;
    }
    @media screen and (max-width: 640px) {
        div#audionumber {
            top: 70px;
            right: 50px;
            font-size: 22px;
            background-color: var(--ColorRed1);
            color: white;
            --HeightNumber: 45px;
        } }
        .list div#audionumber {
            opacity: 0;
        }
    

    body.audioguide .sqs-widgets-audio-player .title-wrapper .title {
        display: flex;
        flex-direction: row;
        gap: .5rem;
    }

    body.audioguide .sqs-widgets-audio-player .title-wrapper .title div#audionumber {
        position: relative;
        left: unset;
        color: var(--ColorRed1);
        outline: none;
        font-size: 12px;
        width: 25px;
        height: 15px;
        opacity: .65;
    }



    body.audioguide .summary-v2-block.sqs-block-summary-v2 {
        background-color: firebrick;
        backdrop-filter: blur(20px) saturate(0.8);
        -webkit-backdrop-filter: blur(20px) saturate(0.8);
        background-color: rgb(0 0 0 / 85%);
        position: fixed;
        left: 0;
        top: 0;
        width: calc(100% - 48px);
        z-index: 10;
        height: calc(100% - 160px - 34px);
        max-height: 100dvh;
        transition: var(--Transition-1);
        top: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    body.audioguide.list .summary-v2-block.sqs-block-summary-v2 {
        top: 160px;
        transition: all .34s cubic-bezier(.215,.61,.355,1) .3s;
    }

    body.audioguide .summary-item-list.sqs-gallery.sqs-gallery-design-list {
        max-width: 660px;
        margin: 0 auto;
    }
    body.audioguide .summary-item-list.sqs-gallery.sqs-gallery-design-list:after {
        content: '';
        width: 100vw;
        height: 23dvh;
        background-color: var(--ColorRed1);
        position: fixed;
        left: 0;
        bottom: 0;
        mask-image: linear-gradient(transparent, rgba(0, 0, 0, 1), black, black);
        -webkit-mask-image: linear-gradient(transparent, rgba(0, 0, 0, 1), black, black);
        backdrop-filter: blur(20px);
        background-color: #7e252540;
    }

    .list div#audioimage {
        transform: translateX(-50vw) translateX(50%) translateX(30px);
        max-width: 100px;
        margin-top: -70px;
        transition: all .34s cubic-bezier(.215,.61,.355,1), margin .34s cubic-bezier(.215,.61,.355,1) .3s;
        border-radius: 10px;
    }
    @media screen and (max-width: 640px) {
        .list div#audioimage {
            margin-top: -30px;
        } }

    body.audioguide .summary-thumbnail.img-wrapper {
        border-radius: 10px;
    }

    body.audioguide .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
        display: flex;
        align-items: stretch;
        gap: 20px;
        overflow: visible;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    body.audioguide .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container {
        border-bottom: 1px solid rgb(255 255 255 / 20%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: -webkit-fill-available !important;
    }
    body.audioguide .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image):last-child .sqs-gallery-meta-container {
        border-color: transparent;
    }

    body.audioguide .sqs-block-summary-v2 .summary-thumbnail-outer-container {
        max-width: 60px;
        margin-bottom: 1rem;
    }
    body.audioguide .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container {
        box-shadow: 0 0 20px rgb(0 0 0 / 28%);
        padding-right: 0;
        border-radius: 8px;
        transform: translateY(0.5rem);
    }
    body.audioguide .summary-thumbnail.img-wrapper {
        border-radius: 8px;
        padding-bottom: 60px !important;
        aspect-ratio: 1;
    }

    body.audioguide .sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {
        font-size: 17px;
        font-family: 'proxima-nova';
        font-weight: 900;
        letter-spacing: .02em;
        color: white;
        opacity: .9;
    }
    body.audioguide .sqs-block-summary-v2 .summary-metadata-container {
        font-size: 13px;
        color: white;
        font-family: 'proxima-nova';
        font-weight: 100;
        opacity: .65;
        letter-spacing: .03em;
    }



    /*FILTER GUIDE LIST*/

    body.audioguide .custom-filter-container.custom-filter-view-dropdowns .customFiltersWrapper .sqs-block.sortDropdown {
        display: none;
    }
    body.audioguide .custom-filter-container.custom-filter-view-dropdowns.lite-dropdowns .customFiltersWrapper .sqs-block .search-wrap .search-input,
    body.audioguide .custom-filter-container.custom-filter-view-dropdowns.lite-dropdowns .customFiltersWrapper .archive-block-wrapper,
    body.audioguide .custom-filter-container.custom-filter-view-dropdowns.lite-dropdowns .customFiltersWrapper .archive-block-wrapper .archive-group-list {
        background: transparent;
        border: none;
    }

    body.audioguide .custom-filter-container.custom-filter-view-dropdowns.lite-dropdowns .customFiltersWrapper .archive-block-wrapper .archive-dropdown-toggle-label {
        display: none;
    }
    body.audioguide .custom-filter-container.custom-filter-view-dropdowns .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-checkbox~ul.archive-group-list {
        display: flex !important;
        gap: .5rem;
        flex-direction: row;
        margin-top: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
        overflow-x: scroll;
        scroll-snap-type: X mandatory;
        scroll-padding-left: calc(20px - 1px);
        width: 100vw;
        transform: translateX(-24px);
    }

    body.audioguide .custom-filter-container .filterDropdown.sqs-block-archive .archive-group-list li {
        color: white;
        border-radius: 4px;
        font-family: 'proxima-nova';
        font-weight: 800;
        padding: 0 10px;
        box-shadow: 0 0 0 1px inset rgb(255 255 255 / 15%);
        white-space: nowrap;
        scroll-margin-left: 0px;
        scroll-snap-align: start;
    }
    body.audioguide .custom-filter-container .filterDropdown.sqs-block-archive .archive-group-list li:has(.active) {
        background-color: white;
        color: black;
        opacity: .65;
        box-shadow: 0 0 0 0px inset rgb(255 255 255 / 15%);
    }
    body.audioguide .custom-filter-container .filterDropdown.sqs-block-archive .archive-group-list li:first-child {
        scroll-margin-left: 24px;
        margin-left: 24px;
    }
    body.audioguide .custom-filter-container .filterDropdown.sqs-block-archive .archive-group-list li:last-child {
        scroll-margin-right: 24px;
        margin-right: 24px;
        scroll-snap-align: end;
    }



    body.audioguide .custom-filter-container .customFiltersWrapper *::-webkit-scrollbar-track,
    body.audioguide .custom-filter-container .customFiltersWrapper *::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 0px rgba(200,200,200,0.3);
        background-color: transparent;
    }

    body.audioguide .custom-filter-container .customFiltersWrapper *::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent;
        display: none !important;
    }





    div#controls {
        width: 100%;
        display: flex;
        justify-content: space-around;
        position: fixed;
        bottom: 5dvh;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
    }

    /*Language Button*/
    button#language:after {
        content: 'English';
        font-size: 13px;
        color: white;
        font-family: 'proxima-nova';
        font-weight: 100;
        opacity: .65;
        letter-spacing: .03em;
    }
    .eng button#language:after {
        content: 'Deutsch';
    }

    button#language, button#list {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: transparent;
        border: none;
        max-width: 70px;
        min-width: 70px;
    }

    button#list:before,
    button#language:before {
        width: 24px;
        aspect-ratio: 1;
        content: '';
        display: block;
        background-image: url(https://feuerwehr-museum.com/s/sprache.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        filter: invert(1);
    }


    button#list:before {
        background-image: url(https://feuerwehr-museum.com/s/list.svg);
        background-size: 100%;
    }
    .list button#list:before {
        filter: invert(0);
    }

    button#list:after {
        content: '';
        width: 36px;
        aspect-ratio: 1;
        background-color: white;
        border-radius: 5px;
        position: absolute;
        z-index: -1;
        top: -5px;
        opacity: 0;
    }

    .list button#list:after {
        opacity: .9;
    }



    /*INFOBAR*/

    .sqs-mobile-info-bar {
        background: black;
        border-radius: 60px;
        max-width: calc(100% - 30px);
        left: 15px;
        bottom: 10px;
    }
    .sqs-mobile-info-bar-triggers {
        padding-left: 0;
    }
    .sqs-mobile-info-bar-trigger-icon {
        filter: invert(1);
    }
    .sqs-mobile-info-bar-trigger-label {
        color: white;
        font-family: 'proxima-nova';
        text-transform: initial;
        font-size: 11px;
        font-weight: 100;
    }

    @keyframes slide-in {
        from {
            opacity: 0;
            transform: translateY(350px) translateZ(-130rem);
            -webkit-transform: translateY(350px) translateZ(-130rem);
        }
        50% {
            opacity: 1;
            transform: translateY(0) translateZ(-130rem);
            -webkit-transform: translateY(0) translateZ(-130rem);
        }
        to {
            opacity: 1;
            transform: translateZ(0) translateY(0%);
            -webkit-transform: translateZ(0) translateY(0%);
        }
    }

    @keyframes slide-out {
        from {
            opacity: 1;
            transform: translateZ(0) translateY(0%);
            -webkit-transform: translateZ(0) translateY(0%);
        }
        to {
            opacity: 0;
            transform: translateY(350px) translateZ(-130rem);
            -webkit-transform: translateY(350px) translateZ(-130rem);
        }
    }

    @keyframes appear {
        from {
            opacity: 0;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
        }
    }