/* Aus YOOtheme */
.museum-sektion-bild-links .el-image,
.museum-sektion-bild-rechts .el-image {
	max-height: 600px;
    object-fit: cover;
}

/* Add Custom Font */
/* Kyiv Type Sans */
@font-face {
    font-family: 'Kyiv Type Sans';
    src: url('../fonts/kyivtypesans-light.woff2') format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Kyiv Type Sans';
    src: url('../fonts/kyivtypesans-regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Kyiv Type Sans';
    src: url('../fonts/kyivtypesans-medium.woff2') format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Kyiv Type Sans';
    src: url('../fonts/kyivtypesans-bold.woff2') format('woff2');
    font-weight: 700;
}

/* Kyiv Type Sans 3 */
@font-face {
    font-family: 'Kyiv Type Sans 3';
    src: url('..fonts/kyivtypesans-regular-three.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Kyiv Type Sans 3';
    src: url('../fonts/kyivtypesans-medium-three.woff2') format('woff2');
    font-family: 500;
}

@font-face {
    font-family: 'Kyiv Type Sans 3';
    src: url('../fonts/kyivtypesans-bold-three.woff2') format('woff2');
    font-weight: 700;
}

/* Kyiv Type Sans Line */
@font-face {
    font-family: 'Kyiv Type Sans Line';
    src: url('../fonts/kyivtypesans-bold-line.woff2') format('woff2');
    font-weight: 700;
}



html:has(.uk-navbar-right .aktiv) {
    overflow-y: hidden;
}

.uk-section-muted * {
    color: #fff !important;
}

.uk-section-muted hr,
.uk-section-muted hr::after {
    border-top-color: #fff;
}

.uk-section-muted .museum-news-grid .el-item:hover .el-title {
    color: #ffffffbb !important;
}

.uk-container-expand-left {
    padding-left: 0;
}

@media (max-width: 959px) {
    .uk-container-expand-left {
        padding-right: 0;
    }

    .uk-container-expand-right {
        padding-left: 0;
    }

    .museum-sektion-bild-rechts,
    .museum-sektion-bild-links {
        padding-bottom: 0;
    }

    .museum-sektion-bild-links > div > div > div:last-child {
        padding-left: 75px;
        padding-right: 35px;
    }

    .museum-sektion-bild-rechts > div > div > div:first-child {
        padding-left: 75px;
        padding-right: 35px;
    }

    h3 {
        font-size: 24px;
    }
}

.uk-container-expand-right {
    padding-right: 0;
}

@media (max-width: 1300px) {
    .tm-header .uk-navbar-center p {
        font-size: 18px !important;
    }
}

.uk-section-secondary .museum-newsletter input {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.uk-section-secondary .museum-newsletter .cf-recaptcha-v3-text-badge {
    color: #fff;
}

.museum-weisser-footer .museum-footer {
    background: #fff;
}

.uk-accordion .el-title:hover {
    color: #454950 !important;
}

/* Navigation */
.museum-modal {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0vh;
    background: #F4F2E7;
    padding: 0px;
    transition: 1s ease-in-out;
    transition-property: height, padding;
}

.tm-header .museum-modal {
    align-content: center;
    gap: 0px 100px;
    display: grid;
    justify-content: center;
    pointer-events: none;
}

@media (max-width: 1333px) {
    .tm-header .museum-modal {
        gap: 30px;
    }
}

.tm-header .aktiv .museum-modal {
    pointer-events: all;
}

.tm-header-mobile {
    z-index: 1001;
}

.tm-header-mobile .museum-modal {
    display: flex;
    flex-direction: column;
}

.tm-header-mobile .museum-modal > div {
    opacity: 0;
    transition-property: opacity;
    transition: .2s linear;
    pointer-events: none;
}

.tm-header-mobile .aktiv .museum-modal > div {
    pointer-events: all;
}

.tm-header-mobile .aktiv .museum-modal > div {
    opacity: 1;
    transition-delay: .6s;
}

.aktiv > .museum-modal {
    height: 100vh;
}

.tm-header .aktiv > .museum-modal {
    padding: 100px;
}

.tm-header-mobile .museum-modal {
    padding: 100px 40px 40px 40px;
    transform: translateY(-100%);
    transition-property: transform;
    transition: .4s linear;
}

.tm-header-mobile .aktiv .museum-modal {
    transform: translateY(0);
}

.museum-modal h4 {
    opacity: 0;
    transition: .2s ease-in-out;
    transition-delay: 0s;
    pointer-events: none;
}

.tm-header .museum-modal h4 {
    transition-property: opacity;
}

@keyframes slide {
    from {
        transform: translate(0px, 0px);
    }
    to {
        transform: translate(5px, 0px);
    }
}

.tm-header .museum-modal a {
    font-family: 'Hanken Grotesk';
    opacity: 0;
    font-size: 21px;
    color: #866E4D;
    transform: translate(0px, -5px);
    transition: .2s ease-in-out!important;
    transition-property: transform, opacity!important;
    transition-delay: 0s;
    animation-name: slide;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    pointer-events: none;
}

.aktiv .museum-modal a {
    pointer-events: all;
    opacity: 1;
}

.tm-header .museum-modal > div {
    grid-row: 1;
}

.tm-header-mobile .museum-modal > div {
    width: 100%;
}

.aktiv > .museum-modal h4 {
    opacity: 1;
    transition-delay: .8s;
}

.aktiv > .museum-modal a {
    transform: translate(0px, 0px);
}

.aktiv > .museum-modal .uk-nav > li:nth-child(1) > a {
    opacity: 1;
    transition-delay: 1s!important;
}

.aktiv > .museum-modal .uk-nav > li:nth-child(2) > a {
    opacity: 1;
    transition-delay: 1.2s!important;
}

.aktiv > .museum-modal .uk-nav > li:nth-child(3) > a {
    opacity: 1;
    transition-delay: 1.4s!important;
}

.aktiv > .museum-modal .uk-nav > li:nth-child(4) > a {
    opacity: 1;
    transition-delay: 1.6s!important;
}

.aktiv > .museum-modal .uk-nav > li:nth-child(5) > a {
    opacity: 1;
    transition-delay: 1.8s!important;
}

.aktiv > .museum-modal .uk-nav > li:nth-child(6) > a {
    opacity: 1;
    transition-delay: 2s!important;
}

.museum-modal a:hover {
    color: #454950!important;
    animation-name: slide;
}

.museum-toggle {
    height: 20px;
    display: flex;
    align-items: center;
    z-index: 1;
}

.tm-header .museum-toggle {
    position: relative;
}

.tm-header-mobile .museum-toggle {
    position: absolute;
    right: 0;
    transform: translateY(-10px);
}

.museum-toggle:hover {
    cursor: pointer;
}

.museum-toggle > div,
.museum-toggle > div::before,
.museum-toggle > div::after {
    transform: rotate(0deg);
    transition-property: transform;
    transition: transform .2s linear;
}

.museum-toggle > div {
    width: 25px;
    height: 2.5px;
    background: currentColor;
}

.museum-toggle > div::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 2.5px;
    background: currentColor;
    transform: translateY(-7px);
}

.museum-toggle > div::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2.5px;
    background: currentColor;
    transform: translateY(7px);
}

.museum-toggle:hover > div::before {
    transform: translate(10px, -7px);
}

.aktiv .museum-toggle > div {
    transform: rotate(45deg);
}

.aktiv .museum-toggle > div::before {
    transform: rotate(-90deg) translateY(5px);
}

.aktiv .museum-toggle > div::after {
    transform: rotate(-90deg);
}

#module-118 {
    position: unset;
}

.tm-header-mobile .museum-modal > ul {
    opacity: 0;
    pointer-events: none;
    transition-property: opacity;
    transition: .2s linear;
    transition-delay: 0s;
}

.tm-header-mobile .aktiv .museum-modal > ul {
    transition-delay: .5s;
    opacity: 1;
    pointer-events: all;
}

.tm-header-mobile .museum-modal .uk-nav-sub {
    padding-left: 0;
}

.tm-header-mobile .museum-modal .uk-nav-sub a {
    font-family: Hanken Grotesk;
    font-weight: 400;
    text-transform: none;
}

.tm-header .uk-nav-default {
    font-weight: unset;
    text-transform: unset;
    line-height: 1;
}

.museum-modal .mod-languages a {
    font-size: 24px !important;
    padding: 0;
}

.museum-modal .mod-languages .uk-active a {
    color: #454950;
}

.museum-modal .mod-languages ul {
    gap: 10px;
}

.museum-modal .mod-languages li {
    margin: 0;
}

.tm-header .uk-navbar-left {
    z-index: 2;
}

.tm-header .uk-navbar-left,
.tm-header .uk-navbar-right > div > div {
    position: fixed;
}

.tm-header .uk-navbar-right > div > div {
    z-index: 1;
}

.tm-header-mobile .uk-navbar-right > div > div {
    z-index: 1;
}

.tm-header-mobile > div > div {
    padding: 20px 27px 0px 27px !important;
}

.tm-header-mobile .uk-navbar-left p {
    position: relative;
    z-index: 2;
}

.tm-header .uk-navbar-center p {
    font-size: 27px;
    text-transform: uppercase;
    font-family: Hanken Grotesk;
    color: #454950;
    font-weight: 500;
}

.tm-header .uk-navbar-container .uk-container {
    padding-left: 100px;
    padding-right: 100px;
}

.tm-header .uk-navbar-left div.museum-navigation-logo {
    width: 70px;
    height: 70px;
    clip-path: polygon( 0% 0%,0% 83.003%,0% 83.003%,8.199% 81.358%,15.818% 79.705%,22.789% 78.047%,29.045% 76.39%,34.519% 74.737%,39.143% 73.092%,42.849% 71.461%,45.571% 69.846%,47.242% 68.251%,47.793% 66.682%,47.793% 66.682%,46.446% 63.406%,43.164% 60.763%,38.441% 58.572%,32.772% 56.649%,26.652% 54.812%,20.575% 52.878%,15.035% 50.664%,10.528% 47.989%,7.548% 44.668%,6.589% 40.52%,6.589% 40.52%,8.819% 36.113%,14.503% 32.142%,22.77% 28.614%,32.754% 25.536%,43.585% 22.913%,54.395% 20.752%,64.314% 19.06%,72.475% 17.844%,78.008% 17.109%,80.046% 16.863%,80.046% 16.863%,78.242% 17.089%,73.355% 17.766%,66.172% 18.895%,57.48% 20.475%,48.066% 22.507%,38.717% 24.991%,30.218% 27.927%,23.358% 31.314%,18.923% 35.153%,17.701% 39.444%,17.701% 39.444%,19.759% 43.61%,24.231% 47.19%,30.501% 50.348%,37.951% 53.251%,45.964% 56.063%,53.923% 58.952%,61.211% 62.081%,67.212% 65.616%,71.309% 69.723%,72.884% 74.568%,72.884% 74.568%,71.929% 77.376%,69.099% 80.168%,64.619% 82.927%,58.712% 85.638%,51.601% 88.285%,43.51% 90.852%,34.662% 93.323%,25.28% 95.682%,15.589% 97.913%,5.811% 100%,36.705% 100%,36.705% 100%,43.976% 98.005%,51.127% 95.853%,58.008% 93.551%,64.464% 91.106%,70.345% 88.525%,75.498% 85.816%,79.771% 82.986%,83.011% 80.043%,85.067% 76.994%,85.786% 73.845%,85.786% 73.845%,84.181% 69.079%,79.823% 64.841%,73.402% 61.031%,65.604% 57.551%,57.119% 54.3%,48.633% 51.179%,40.836% 48.089%,34.414% 44.93%,30.057% 41.602%,28.451% 38.007%,28.451% 38.007%,30.097% 34.417%,34.563% 31.177%,41.144% 28.295%,49.136% 25.776%,57.833% 23.626%,66.53% 21.854%,74.522% 20.463%,81.104% 19.462%,85.57% 18.857%,87.215% 18.654%,87.215% 18.654%,85.821% 18.905%,82.036% 19.629%,76.458% 20.782%,69.684% 22.324%,62.313% 24.209%,54.943% 26.395%,48.169% 28.839%,42.591% 31.499%,38.806% 34.331%,37.412% 37.292%,37.412% 37.292%,38.53% 40.749%,41.664% 43.67%,46.488% 46.159%,52.674% 48.322%,59.892% 50.264%,67.815% 52.091%,76.116% 53.907%,84.465% 55.817%,92.536% 57.928%,100% 60.344%,100% 0%,0% 0% );
    background: #454950;
}

.tm-header-mobile .uk-navbar-left div.museum-navigation-logo {
    width: 50px;
    height: 50px;
    clip-path: polygon( 0% 0%,0% 83.003%,0% 83.003%,8.199% 81.358%,15.818% 79.705%,22.789% 78.047%,29.045% 76.39%,34.519% 74.737%,39.143% 73.092%,42.849% 71.461%,45.571% 69.846%,47.242% 68.251%,47.793% 66.682%,47.793% 66.682%,46.446% 63.406%,43.164% 60.763%,38.441% 58.572%,32.772% 56.649%,26.652% 54.812%,20.575% 52.878%,15.035% 50.664%,10.528% 47.989%,7.548% 44.668%,6.589% 40.52%,6.589% 40.52%,8.819% 36.113%,14.503% 32.142%,22.77% 28.614%,32.754% 25.536%,43.585% 22.913%,54.395% 20.752%,64.314% 19.06%,72.475% 17.844%,78.008% 17.109%,80.046% 16.863%,80.046% 16.863%,78.242% 17.089%,73.355% 17.766%,66.172% 18.895%,57.48% 20.475%,48.066% 22.507%,38.717% 24.991%,30.218% 27.927%,23.358% 31.314%,18.923% 35.153%,17.701% 39.444%,17.701% 39.444%,19.759% 43.61%,24.231% 47.19%,30.501% 50.348%,37.951% 53.251%,45.964% 56.063%,53.923% 58.952%,61.211% 62.081%,67.212% 65.616%,71.309% 69.723%,72.884% 74.568%,72.884% 74.568%,71.929% 77.376%,69.099% 80.168%,64.619% 82.927%,58.712% 85.638%,51.601% 88.285%,43.51% 90.852%,34.662% 93.323%,25.28% 95.682%,15.589% 97.913%,5.811% 100%,36.705% 100%,36.705% 100%,43.976% 98.005%,51.127% 95.853%,58.008% 93.551%,64.464% 91.106%,70.345% 88.525%,75.498% 85.816%,79.771% 82.986%,83.011% 80.043%,85.067% 76.994%,85.786% 73.845%,85.786% 73.845%,84.181% 69.079%,79.823% 64.841%,73.402% 61.031%,65.604% 57.551%,57.119% 54.3%,48.633% 51.179%,40.836% 48.089%,34.414% 44.93%,30.057% 41.602%,28.451% 38.007%,28.451% 38.007%,30.097% 34.417%,34.563% 31.177%,41.144% 28.295%,49.136% 25.776%,57.833% 23.626%,66.53% 21.854%,74.522% 20.463%,81.104% 19.462%,85.57% 18.857%,87.215% 18.654%,87.215% 18.654%,85.821% 18.905%,82.036% 19.629%,76.458% 20.782%,69.684% 22.324%,62.313% 24.209%,54.943% 26.395%,48.169% 28.839%,42.591% 31.499%,38.806% 34.331%,37.412% 37.292%,37.412% 37.292%,38.53% 40.749%,41.664% 43.67%,46.488% 46.159%,52.674% 48.322%,59.892% 50.264%,67.815% 52.091%,76.116% 53.907%,84.465% 55.817%,92.536% 57.928%,100% 60.344%,100% 0%,0% 0% );
    background: #454950;
    position: relative;
    z-index: 2;
}

.tm-header .uk-navbar-left div.museum-navigation-logo > a,
.tm-header-mobile .uk-navbar-left div.museum-navigation-logo > a {
    display: block;
    width: inherit;
    height: inherit;
}

.museum-helle-nav .tm-header .uk-navbar-left div.museum-navigation-logo,
.museum-helle-nav .tm-header-mobile .uk-navbar-left div.museum-navigation-logo {
    background: #fff;
}

.tm-header-mobile .uk-sticky-below .uk-navbar-left {
    display: none;
}

.tm-header-mobile .uk-sticky-below .uk-container {
    padding-right: 0;
}

.tm-header-mobile .uk-sticky-below .uk-navbar-container {
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.tm-header-mobile .uk-sticky-below .museum-toggle {
    top: 0;
    padding: 30px;
    background: #F4F2E7;
    transform: unset;
}

.tm-header-mobile .uk-sticky-below:has(.custom.aktiv) .uk-navbar-left {
    display: block !important;
}

/* Header Slideshow */
.museum-header-slideshow .el-content {
    font-family: 'Kyiv Type Sans';
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 300;
}

.museum-header-slideshow .el-content strong {
    font-family: 'Kyiv Type Sans Line';
    font-size: 80px;
    font-weight: 700;
}

@media (max-width: 1199px) {


    .museum-header-slideshow .el-content strong {
        font-size: 60px;
    }
}

@media (max-width: 959px) {
    .museum-header-slideshow .el-content {
        font-size: 18px;
    }

    .museum-header-slideshow .el-content strong {
        font-size: 50px;
    }
}

@media (max-width: 639px) {
    .museum-header-slideshow .el-content *,
    .museum-header-slideshow .el-link-parent .el-link {
        text-shadow: 0px 0px 10px black;
    }
}

.museum-header-slideshow .el-link {
    font-family: 'Hanken Grotesk';
    color: #fff;
}

.museum-header-slideshow .el-link:hover {
    color: #ffffff80;
}

.museum-header-slideshow .el-link-parent,
.museum-grid-with-link .el-link-parent {
    display: grid;
    grid-template-columns: max-content 1fr;
    justify-items: start;
    align-items: center;
    gap: 10px;
}

@media (max-width: 639px) {
    .museum-header-slideshow .el-link-parent,
    .museum-grid-with-link .el-link-parent {
        gap: 5px;
    }

    .museum-header-slideshow .el-content strong {
        font-size: 35px;
    }
}

.museum-header-slideshow .el-link-arrow,
.museum-grid-with-link .el-link-arrow {
    width: 50px;
    height: 20px;
    background: #fff;
    clip-path: polygon(0 54%, 0 45%, calc(100% - 3.5px) 45%, calc(100% - 10.3px) 15%, calc(100% - 9px) 10%, 100% 50%, calc(100% - 9px) 90%, calc(100% - 10.3px) 85%, calc(100% - 3.5px) 54%);
    transition: width .4s ease-in-out;
}

.museum-header-slideshow .el-link:hover ~ .el-link-arrow,
.museum-grid-with-link .el-link:hover ~ .el-link-arrow {
    width: 100%;
}

@media (max-width: 639px) {
    .museum-header-slideshow .el-item > div {
        padding: 30px;
    }
}

/* @media (max-width: 959px) {
    .museum-header-slideshow .uk-slideshow-items {
        min-height: 60vh !important;
    }
} */

/* Projekte Grid */
.museum-grid-with-desc .el-item:hover .el-link-arrow {
    background: #DF834080;
}

/* Trenner */
.uk-section-secondary hr {
    border-top-color: #fff !important;
}

/* Platzhalter */
@media (min-width: 960px) {
    .museum-platzhalter {
        display: none;
    }
}

@media (max-width: 959px) {
    .museum-platzhalter.normal {
        height: 30px;
    }

    .museum-platzhalter.gross {
        height: 60px;
    }
}

/* Einleitung Sektion */
.museum-einleitung-sektion h1 {
    font-size: 33px;
}

@media (max-width: 959px) {
    .museum-einleitung-sektion h1 {
        font-size: 28px;
    }
}

/* Zitat Sektion */
.museum-zitat.uk-section-secondary .uk-h2 {
    color: #F4F2E7;
}

@media (min-width: 960px) {
    .museum-zitat .uk-h2 {
        font-size: 36px;
    }
}

/* Preis Table */
.museum-preis-table .el-item > td:nth-child(3) {
    vertical-align: middle;
}

/* Akkordion mit Hintergrund */
.museum-akkordion-hintergrund {
    background: #F4F2E7;
    padding: 20px;
}

/* News Grid */
.museum-news-grid .el-item .el-title {
    text-transform: none;
    color: #454950;
}

.museum-news-grid .el-item:hover .el-title,
.museum-news-grid .el-item:hover .el-link,
.museum-news-grid .el-item:hover .el-meta,
.museum-news-grid .el-item:hover .el-content {
    color: #97999B !important;
}

.museum-news-grid .el-item hr::after {
    width: 115px;
    transition: width .4s ease-in-out;
}

.museum-news-grid .el-item:hover hr::after {
    width: 100%;
    border-color: #97999B;
}

.museum-news-grid .el-item:has(.el-meta) .el-title {
    margin-top: 0 !important;
}

.museum-news-grid .el-item:has(.el-meta) .el-meta {
    color: #454950;
    font-family: 'Hanken Grotesk';
}

@media (min-width: 960px) {
    .museum-news-grid .uk-dotnav {
        display: none;
    }
}

/* Führungen Grid */
.museum-fuehrungen-slider .uk-dotnav a {
    background-color: #45495080;
}

.museum-fuehrungen-slider .uk-dotnav a[aria-selected=true],
.museum-fuehrungen-slider .uk-dotnav a:hover {
    background-color: #454950;
}

.museum-fuehrungen-slider .el-image {
    height: 100%;
    object-fit: cover;
}

/* Team Grid */
.museum-team-grid .el-meta {
    font-family: 'Hanken Grotesk';
}

.museum-team-grid .el-content a {
    color: #464950;
}

.museum-team-grid .el-content a:hover {
    color: #8D402E;
}

/* Grid mit Akkordeon */
.museum-grid-mit-acc .uk-accordion .el-title {
    background: transparent;
    padding: 0;
}

.museum-grid-mit-acc .el-item .el-title {
    font-weight: bold;
}

/* YouTube Grid */


.museum-youtube-grid .twoclickyoutubvideos-privacyhint {
    font-size: 13px;
}

/* Mobile Text Break */
@media (min-width: 960px) {
    .mobreak {
        display: none;
    }
}

/* Cookie Banner */
.tm-cookie-banner > .uk-notification-message {
    font-size: 16px;
  }
  
  .tm-cookie-banner button {
    font-size: 16px;
    padding: 0 10px;
    line-height: 39px;
    text-transform: none;
    letter-spacing: 0;
  }
  
  @media(max-width: 439px) {
    .tm-cookie-banner p.uk-margin-small-top {
        text-align: center;
        display: grid;
    }
  
    .tm-cookie-banner button {
        width: fit-content;
        justify-self: center;
    }
  
    .tm-cookie-banner button:nth-child(1) {
        margin-bottom: 15px;
    }
  
    .tm-cookie-banner button:nth-child(2) {
        margin-left: unset!important;
    }
  }

/* Map Cookie Wall */
.museum-map-custom-parent {
    height: 750px;
}

.museum-maps-iframe {
    display: none;
    height: 750px;
}

@media (max-width: 959px) {
    .museum-map-custom-parent,
    .museum-maps-iframe {
        height: 500px;
    }
}

.museum-maps-iframe-overlay {
    height: 100%;
}

.museum-maps-iframe-overlay img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
  
.museum-maps-iframe-overlay div {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (min-width: 960px) and (max-width: 1500px) {
    .museum-maps-iframe-overlay div {
        justify-content: flex-start;
        padding-top: 50px;
    }
}
  
.museum-maps-iframe-overlay p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
}

/* Map Panel */
.museum-rot .museum-map-panel,
.museum-rot .museum-maps-iframe-allow {
    background-color: #8D402E;
}

.museum-rot .museum-maps-iframe-allow:hover {
    background-color: #5d291e;
}

.museum-map-panel {
    width: fit-content;
    position: absolute;
    bottom: 0;
    transform: translate(-30px, 30px);
}

@media (max-width: 1280px) {
    .museum-map-panel {
        transform: translate(0px, 30px);
    }
}

@media (max-width: 959px) {
    .museum-map-panel {
        width: unset;
        position: unset;
        transform: unset;
    }

    .museum-map-panel .el-title {
        font-size: 30px !important;
    }
}

.museum-map-panel a {
    text-decoration: unset;
}

.museum-map-panel .el-title {
    font-family: 'Kyiv Type Sans Line';
    font-weight: 700;
    font-size: 60px;
    color: #fff;
}

.museum-map-panel .el-title span {
    font-family: 'Kyiv Type Sans';
    font-weight: 300;
    font-size: 30px;
}

.museum-map-panel .el-meta {
    font-family: 'Kyiv Type Sans';
    font-weight: 500;
    text-transform: uppercase;
    color: #F4F2E7 !important;
    font-size: 18px;
}

.museum-map-panel .link {
    display: grid;
    grid-template-columns: max-content 1fr;
    justify-items: start;
    align-items: center;
    gap: 10px;
}

@media (max-width: 639px) {
    .museum-map-panel .link {
        gap: 5px;
    }
}

.museum-map-panel .link .el-link-arrow {
    width: 50px;
    height: 20px;
    background: #fff;
    clip-path: polygon(0 54%, 0 45%, calc(100% - 3.5px) 45%, calc(100% - 10.3px) 15%, calc(100% - 9px) 10%, 100% 50%, calc(100% - 9px) 90%, calc(100% - 10.3px) 85%, calc(100% - 3.5px) 54%);
    transition: width .4s ease-in-out;
}

.museum-map-panel .link a:hover ~ .el-link-arrow {
    width: 100%;
}

/* More Button */
a[aria-label=more]:hover {
    color: #A9B48E;
}

/* Text Arrow Button */
.museum-buttons.el-link-parent,
.el-link-parent {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 639px) {
    .museum-buttons.el-link-parent,
    .el-link-parent {
        gap: 5px;
    }
}

.museum-buttons.el-link-parent .el-link-arrow,
.el-link-arrow {
    width: 50px;
    height: 20px;
    background: #454950;
    clip-path: polygon(0 54%, 0 45%, calc(100% - 3.5px) 45%, calc(100% - 10.3px) 15%, calc(100% - 9px) 10%, 100% 50%, calc(100% - 9px) 90%, calc(100% - 10.3px) 85%, calc(100% - 3.5px) 54%);
    transition: width .4s ease-in-out;
}

@media (max-width: 959px) {
    .el-link-arrow {
        width: 30px !important;
    }
}

@media (max-width: 639px) {
    .el-link-arrow {
        transform: scale(.7)
    }
}

.museum-buttons.el-link-parent a:hover ~ .el-link-arrow,
.el-link-parent a:hover ~ .el-link-arrow {
    width: 150px;
}

/* Beschreibungsliste */
.museum-beschreibungsliste .el-title {
    font-size: 26px;
    text-transform: uppercase;
    color: #464950;
    font-weight: 600;
}

.museum-beschreibungsliste .el-content {
    color: #464950;
}

.museum-beschreibungsliste .el-link-parent {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: max-content 1fr;
}

@media (max-width: 639px) {
    .museum-beschreibungsliste .el-link-parent {
        gap: 5px;
    }
}

.museum-beschreibungsliste .el-link-arrow {
    width: 50px;
    height: 20px;
    background: #454950;
    clip-path: polygon(0 54%, 0 45%, calc(100% - 3.5px) 45%, calc(100% - 10.3px) 15%, calc(100% - 9px) 10%, 100% 50%, calc(100% - 9px) 90%, calc(100% - 10.3px) 85%, calc(100% - 3.5px) 54%);
    transition: width .4s ease-in-out;
}

.museum-beschreibungsliste .el-item > a {
    text-decoration: none;
}

.museum-beschreibungsliste .el-item a:hover .el-link-arrow {
    width: 100%;
}

.museum-beschreibungsliste.uk-list-divider > :nth-child(n+2) {
    margin-top: 30px;
    padding-top: 30px;
}

@media (max-width: 959px) {
    .museum-beschreibungsliste .el-item > a > div {
        flex-direction: column;
    }
}

/* Blog Beitrag */
html.Aktuelles .museum-einleitungsbild .el-image {
    width: 100%;
}

/* Kontaktformular */
.uk-section-secondary .museum-newsletter input,
.uk-section-secondary .museum-newsletter input:focus {
    border-color: #fff !important;
}

.uk-section-secondary .museum-newsletter button[type=submit] {
    border: 1px solid #fff;
}

/* Footer */
.museum-footer > div > div {
    gap: 40px;
}

@media (max-width: 1221px) {
    .museum-footer > div > div {
        gap: 20px;
    }
}

@media (min-width: 1142px) {
    .museum-footer > div > div > div {
        width: fit-content;
        flex-grow: unset;
    }
}

.museum-footer .museum-social-grid .el-item:not(:first-child) svg {
    width: 25px;
}

.museum-footer > div > div > div:nth-child(4) {
    margin-left: auto;
}

@media (max-width: 1141px) {
    .museum-footer .museum-social-grid > div {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 10px;
    }

    .museum-footer .museum-social-grid > div > div {
        width: max-content;
    }
}

@media (min-width: 960px) and (max-width: 1141px) {
    .museum-footer > div > div > div > .uk-panel > *,
    .museum-footer > div > div > div > div:has(img) {
        text-align: center !important;
    }
}

.museum-footer .uk-subnav {
    flex-direction: column;
}

@media (min-width: 1142px) {
    .museum-footer .uk-subnav {
        align-items: flex-end;
    }
}

.museum-footer .uk-subnav .el-item.uk-margin-small-top {
    margin-top: 0 !important;
}

.museum-footer *+p {
    margin: 0 !important;
}

.museum-footer h5 {
    margin-bottom: 5px;
}

/*@media (max-width: 639px) {
	.museum-home .museum-footer {
		margin-top: 110px!important;
	}
}*/

/* YouTube Cookie Wall */

  

  




/* YouTube Plugin */
.twoclickyoutubevideos {
    margin: 0 !important;
}

.twoclickyoutubevideos img {
    width: 100% !important;
}

.twoclickyoutubevideos button {
    font-size: 18px;
    text-transform: none;
    border-radius: 0px !important;
}

/* Signalfarben */
.museum-gruen .el-link-parent a:hover {
    color: #BEC59D !important;
}

.museum-gruen .el-link-parent a:hover ~ .el-link-arrow {
    background: #BEC59D;
}

.museum-gruen .uk-text-primary {
    color: #BEC59D !important;
}

.museum-gruen .museum-beschreibungsliste .el-item > a:hover .el-title,
.museum-gruen .museum-beschreibungsliste .el-item > a:hover .el-content {
    color: #BEC59D;
}

.museum-gruen .museum-beschreibungsliste .el-item > a:hover .el-link-arrow {
    background: #BEC59D;
}

.museum-gruen .uk-breadcrumb > li:last-child span {
    color: #BEC59D;
}

.museum-gruen joomla-hidden-mail a {
    color: #BEC59D;
}

.museum-gruen .museum-news-grid .el-item:hover .el-link {
    color: #BEC59D80 !important;
}

.museum-gruen .uk-accordion .el-title {
    color: #BEC59D;
}

.museum-gruen .twoclickyoutubevideos button {
    background: #BEC59D;
}

.museum-gruen p:not(.link) > a,
.museum-gruen p > span > a,
.museum-gruen div:not(.el-link-parent):not(.el-item):not(.cf-recaptcha-v3-text-badge):not([link]) > a:not(.museum-maps-iframe-allow):not(.el-slidenav):not([aria-label=more]),
.museum-gruen ol > li > a,
.museum-gruen li > span > a,
.museum-gruen h5 > a,
.museum-gruen .twoclickyoutubevideos a {
    color: #BEC59D !important;
}

.museum-gruen .tm-header .uk-navbar-left div.museum-navigation-logo:hover {
    background: #BEC59D;
}

.museum-orange .el-link-parent a:hover {
    color: #DF8340 !important;
}

.museum-orange .el-link-parent a:hover ~ .el-link-arrow {
    background: #DF8340;
}

.museum-orange .uk-text-primary {
    color: #DF8340 !important;
}

.museum-orange .museum-beschreibungsliste .el-item > a:hover .el-title,
.museum-orange .museum-beschreibungsliste .el-item > a:hover .el-content {
    color: #DF8340;
}

.museum-orange .museum-beschreibungsliste .el-item > a:hover .el-link-arrow {
    background: #DF8340;
}

.museum-orange .uk-breadcrumb > li:last-child span {
    color: #DF8340;
}

.museum-orange joomla-hidden-mail a {
    color: #DF8340;
}

.museum-orange .museum-news-grid .el-item:hover .el-link {
    color: #DF834080 !important;
}

.museum-orange .uk-accordion .el-title {
    color: #DF8340;
}

.museum-orange .twoclickyoutubevideos button {
    background: #DF8340;
}

.museum-orange p:not(.link) > a,
.museum-orange p > span > a,
.museum-orange div:not(.el-link-parent):not(.el-item):not(.cf-recaptcha-v3-text-badge):not([link]) > a:not(.museum-maps-iframe-allow):not(.el-slidenav):not([aria-label=more]),
.museum-orange ol > li > a,
.museum-orange li > span > a,
.museum-orange h5 > a,
.museum-orange .twoclickyoutubevideos a {
    color: #DF8340 !important;
}

.museum-orange .tm-header .uk-navbar-left div.museum-navigation-logo:hover {
    background: #DF8340;
}

.museum-rot .el-link-parent a:hover {
    color: #8D402E !important;
}

.museum-rot .el-link-parent a:hover ~ .el-link-arrow {
    background: #8D402E;
}

.museum-rot .uk-text-primary {
    color: #8D402E !important;
}

.museum-rot .museum-beschreibungsliste .el-item > a:hover .el-title,
.museum-rot .museum-beschreibungsliste .el-item > a:hover .el-content {
    color: #8D402E;
}

.museum-rot .museum-beschreibungsliste .el-item > a:hover .el-link-arrow {
    background: #8D402E;
}

.museum-rot .uk-breadcrumb > li:last-child span {
    color: #8D402E;
}

.museum-rot joomla-hidden-mail a {
    color: #8D402E;
}

.museum-rot .museum-news-grid .el-item:hover .el-link {
    color: #8D402E80 !important;
}

.museum-rot .uk-accordion .el-title {
    color: #8D402E;
}

.museum-rot .twoclickyoutubevideos button {
    background: #8D402E;
}

.museum-rot p:not(.link) > a,
.museum-rot p > span > a,
.museum-rot div:not(.el-link-parent):not(.el-item):not(.cf-recaptcha-v3-text-badge):not([link]) > a:not(.museum-maps-iframe-allow):not(.el-slidenav):not([aria-label=more]),
.museum-rot ol > li > a,
.museum-rot li > span > a,
.museum-rot h5 > a,
.museum-rot .twoclickyoutubevideos a {
    color: #8D402E !important;
}

.museum-rot .tm-header .uk-navbar-left div.museum-navigation-logo:hover {
    background: #8D402E;
}

.museum-braun .el-link-parent a:hover {
    color: #AC7E44 !important;
}

.museum-braun .el-link-parent a:hover ~ .el-link-arrow {
    background: #AC7E44;
}

.museum-braun .uk-text-primary {
    color: #AC7E44 !important;
}

.museum-braun .museum-beschreibungsliste .el-item > a:hover .el-title,
.museum-braun .museum-beschreibungsliste .el-item > a:hover .el-content {
    color: #AC7E44;
}

.museum-braun .museum-beschreibungsliste .el-item > a:hover .el-link-arrow {
    background: #AC7E44;
}

.museum-braun .uk-breadcrumb > li:last-child span {
    color: #AC7E44;
}

.museum-braun joomla-hidden-mail a {
    color: #AC7E44;
}

.museum-braun .museum-news-grid .el-item:hover .el-link {
    color: #AC7E4480 !important;
}

.museum-braun .uk-accordion .el-title {
    color: #AC7E44;
}

.museum-braun .twoclickyoutubevideos button {
    background: #AC7E44;
}

.museum-braun p:not(.link) > a,
.museum-braun p > span > a,
.museum-braun div:not(.el-link-parent):not(.el-item):not(.cf-recaptcha-v3-text-badge):not([link]) > a:not(.museum-maps-iframe-allow):not(.el-slidenav):not([aria-label=more]),
.museum-braun ol > li > a,
.museum-braun li > span > a,
.museum-braun h5 > a,
.museum-braun .twoclickyoutubevideos a {
    color: #AC7E44 !important;
}

.museum-braun .tm-header .uk-navbar-left div.museum-navigation-logo:hover {
    background: #AC7E44;
}

/* Burger: native UIkit background color detection; menu animation unchanged. */
.museum-toggle { color: #454950; transition: color .2s linear; }
.museum-toggle.uk-light { color: #fff; }
.museum-toggle.uk-dark { color: #454950; }
.museum-toggle.uk-dark:hover { color: #605341; }
/* Existing mobile sticky button has its own solid light background. */
.tm-header-mobile .uk-sticky-below .museum-toggle { color: #454950; }

/* The custom menu has a light background: keep header contrast while open. */
.museum-modal { --uk-inverse: dark; }
:is(.tm-header, .tm-header-mobile):has(.custom.aktiv > .museum-toggle) .uk-navbar-center p,
:is(.tm-header, .tm-header-mobile) .custom.aktiv > .museum-toggle { color: #454950; }
:is(.tm-header, .tm-header-mobile):has(.custom.aktiv > .museum-toggle) .uk-logo > img:not(.uk-logo-inverse) { display: inline; }
:is(.tm-header, .tm-header-mobile):has(.custom.aktiv > .museum-toggle) .uk-logo > img.uk-logo-inverse { display: none; }

/* Header title: full white in native light mode, without inherited opacity. */
.tm-header .uk-navbar-center.uk-light p { color: #fff; }

/* Agreed menu contrast, using only the existing functional menu classes. */
.museum-modal.uk-dark .uk-nav-default > li > a { color: #866e4d; }
.museum-modal.uk-dark .uk-nav-default > li.uk-active > a { color: #454950; }

/* Project menu: images and public descriptions are maintained on Joomla menu items. */
.museum-modal .jr-project-menu {
    width: 460px;
    max-width: 100%;
}
.museum-modal .jr-project-menu > li + li {
    margin-top: 24px;
}
.museum-modal .jr-project-menu > li > .jr-project-link {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.museum-modal .jr-project-image {
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    object-fit: contain;
}
.museum-modal .jr-project-copy {
    display: block;
    min-width: 0;
}
.museum-modal .jr-project-title {
    display: block;
}
.museum-modal .jr-project-description {
    display: block;
    margin-top: 7px;
    color: #64666a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
}
.tm-header-mobile .museum-modal .jr-project-menu {
    width: 100%;
}
.tm-header-mobile .museum-modal .jr-project-menu > li > .jr-project-link {
    gap: 14px;
}
.tm-header-mobile .museum-modal .jr-project-image {
    width: 60px;
    height: 60px;
    flex-basis: 60px;
}
.tm-header-mobile .museum-modal .jr-project-description {
    font-size: 14px;
}

/* JR project scroll header: scoped to pages with an existing project menu. */
body.jr-project-scroll-ready { --jr-project-edge: max(24px, calc((100vw - 1280px) / 2 + 24px)); }
.jr-project-scrollbar { position: fixed; inset: 0 0 auto; z-index: 1004; height: 76px; box-sizing: border-box; background: #f3f1e5; border-bottom: 1px solid rgba(61,62,56,.15); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .28s cubic-bezier(.22,.61,.36,1), visibility .28s ease; }
body.jr-project-scroll-active .jr-project-scrollbar { visibility: visible; opacity: 1; pointer-events: auto; }
.jr-project-scroll-inner { height: 100%; max-width: 1280px; padding: 0 24px; margin: 0 auto; display: grid; grid-template-columns: 76px minmax(0,1fr) 76px; align-items: center; box-sizing: border-box; }
.jr-project-scroll-nav { grid-column: 2; }
.jr-project-scroll-nav ul { margin: 0 !important; display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: nowrap; }
.jr-project-scroll-nav ul > li { margin: 0 !important; padding: 0 !important; }
.jr-project-scroll-nav ul > li > a { position: relative; font-family: 'Hanken Grotesk', sans-serif; font-size: 15px !important; font-weight: 500; line-height: 1.4; letter-spacing: normal; text-transform: none; color: #45463f !important; white-space: nowrap; padding: 0; }
.jr-project-scroll-nav ul > li.uk-active > a { color: #252822 !important; }
.jr-project-scroll-nav ul > li > a::after { content: ''; position: absolute; left: 0; right: 0; height: 2px; background: #686e61; bottom: 0; transform: scaleX(0); transform-origin: left center; transition: transform .25s cubic-bezier(.22,.61,.36,1); }
.jr-project-scroll-nav ul > li.uk-active > a::after, .jr-project-scroll-nav ul > li > a:hover::after, .jr-project-scroll-nav ul > li > a:focus-visible::after { transform: scaleX(1); }
.jr-project-scroll-nav ul > li > a:hover { color: #252822 !important; }
.jr-project-scroll-nav a:focus-visible, .jr-project-scroll-button:focus-visible { outline: 2px solid #686e61; outline-offset: 6px; }
.jr-project-scroll-button { display: none; }
body.jr-project-scroll-active .jr-project-menu-source { visibility: hidden; }
body.jr-project-scroll-active :is(.tm-header, .tm-header-mobile) { z-index: 1005; pointer-events: none; }
body.jr-project-scroll-active .tm-header .uk-navbar-center { visibility: hidden; }
body.jr-project-scroll-active .tm-header .uk-navbar-left { position: fixed; top: 0 !important; left: var(--jr-project-edge); margin: 0; height: 76px; display: flex; align-items: center; pointer-events: auto; }
body.jr-project-scroll-active .tm-header .uk-navbar-left .uk-logo { padding: 0; min-height: 76px; height: 76px; }
body.jr-project-scroll-active :is(.tm-header, .tm-header-mobile) .uk-logo > img:not(.uk-logo-inverse) { display: block !important; width: auto !important; height: 46px !important; max-height: 46px !important; }
body.jr-project-scroll-active :is(.tm-header, .tm-header-mobile) .uk-logo > img.uk-logo-inverse { display: none !important; }
body.jr-project-scroll-active .tm-header .uk-navbar-right > .uk-navbar-item > .custom { position: fixed; top: 0 !important; right: var(--jr-project-edge); height: 76px; width: 36px; display: flex; align-items: center; justify-content: center; pointer-events: auto; }
body.jr-project-scroll-active :is(.tm-header, .tm-header-mobile) .museum-toggle { color: #454950 !important; }
body.jr-project-scroll-active :is(.tm-header, .tm-header-mobile) .museum-toggle:hover { color: #605341 !important; }
@media (max-width: 959px) {
  .jr-project-scrollbar { height: 68px; }
  .jr-project-scroll-inner { padding: 0 20px; grid-template-columns: 56px minmax(0,1fr) 56px; }
  .jr-project-scroll-button { display: inline-flex; grid-column: 2; justify-self: center; align-items: center; gap: 9px; padding: 10px 6px; border: 0; background: transparent; font: 500 15px/1.4 'Hanken Grotesk', sans-serif; color: #45463f; cursor: pointer; }
  .jr-project-scroll-button::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
  .jr-project-scroll-button[aria-expanded='true']::after { transform: rotate(225deg) translate(-2px,-1px); }
  .jr-project-scroll-nav { position: absolute; top: 68px; left: 0; right: 0; display: none; padding: 12px 24px 20px; background: #f3f1e5; border-bottom: 1px solid rgba(61,62,56,.15); max-height: calc(100dvh - 68px); overflow-y: auto; }
  .jr-project-scrollbar.jr-project-scroll-open .jr-project-scroll-nav { display: block; }
  .jr-project-scroll-nav ul { align-items: stretch; flex-direction: column; gap: 0; }
  .jr-project-scroll-nav ul > li > a { display: block; padding: 13px 0; }
  .jr-project-scroll-nav ul > li.uk-active > a::after { left: 0; right: auto; width: 24px; bottom: 6px; }
  body.jr-project-scroll-active .tm-header-mobile .uk-navbar-center { position: fixed; top: 0 !important; left: 20px !important; transform: none !important; height: 68px; display: flex; align-items: center; pointer-events: auto; z-index: 2; }
  body.jr-project-scroll-active .tm-header-mobile .uk-logo { min-height: 68px; height: 68px; padding: 0; }
  body.jr-project-scroll-active .tm-header-mobile .uk-navbar-right > .uk-navbar-item > .custom { position: fixed; top: 0 !important; right: 20px; height: 68px; width: 36px; display: flex; align-items: center; justify-content: center; pointer-events: auto; }
  body.jr-project-scroll-active .tm-header-mobile .museum-toggle { position: relative; top: auto !important; right: auto; transform: none; padding: 0 !important; background: transparent !important; }
}
@media (prefers-reduced-motion: reduce) { .jr-project-scrollbar, body.jr-project-scroll-ready .tm-header .uk-logo > img { transition: none; } }

/* Open main menu: restore the full-size original logo at the top left. */
body.jr-project-main-menu-open .jr-project-scrollbar { opacity: 0; pointer-events: none; }
body.jr-project-scroll-active.jr-project-main-menu-open .tm-header .uk-navbar-left,
body.jr-project-scroll-active.jr-project-main-menu-open .tm-header-mobile .uk-navbar-center { height: 144px; right: auto !important; width: auto; }
body.jr-project-scroll-active.jr-project-main-menu-open :is(.tm-header,.tm-header-mobile) .uk-logo { height: 144px; min-height: 144px; }
body.jr-project-scroll-active.jr-project-main-menu-open :is(.tm-header,.tm-header-mobile) .uk-logo > img:not(.uk-logo-inverse) { height: 96px !important; max-height: 96px !important; width: 75px !important; }

/* Desktop project navigation: underline meets the lower edge of the bar. */
@media (min-width: 960px) {
 .jr-project-scroll-nav, .jr-project-scroll-nav ul, .jr-project-scroll-nav ul > li { height: 100%; }
 .jr-project-scroll-nav ul > li > a { height: 100%; display: flex; align-items: center; box-sizing: border-box; }
 .jr-project-scroll-nav ul > li > a::before { display: none; }
}
@media (max-width: 959px) { .jr-project-scroll-nav ul > li > a::after { right: auto; width: 24px; bottom: 6px; } }
@media (prefers-reduced-motion: reduce) { .jr-project-scroll-nav ul > li > a::after { transition: none; } }

/* Detail pages can inherit a white-footer menu class from a beige overview. */
.museum-weisser-footer:has(#tm-main > .uk-section-default:last-child) .museum-footer { background: #F4F2E7; }

/* Automatic hyphenation for headings, not for running text. */
html { -webkit-hyphens: auto; hyphens: auto; }
#tm-main p, #tm-main .uk-panel { -webkit-hyphens: none; hyphens: none; }
#tm-main :is(h1,h2,h3,h4,h5,h6),
#tm-main .museum-header-slideshow .el-content,
#tm-main .museum-header-slideshow .el-content p { -webkit-hyphens: auto; hyphens: auto; }

/* Global menu: project grid, smaller spatial weight for the about links. Typography inherited. */
.tm-header .museum-modal.jr-mainmenu-grid {grid-template-columns:minmax(0,1040px);column-gap:0;row-gap:32px;}
.tm-header .aktiv > .jr-mainmenu-grid {padding:130px 80px 70px;overflow-y:auto;}
.tm-header .jr-mainmenu-grid > div {grid-row:auto;}
.jr-mainmenu-grid .jr-project-menu {width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 80px;}
.jr-mainmenu-grid .jr-project-menu > li {margin:0!important;min-width:0;}
.jr-mainmenu-grid .jr-project-menu > .item-241 {grid-column:1/-1;order:-2;}
.jr-mainmenu-grid .jr-project-menu > li:has(> .jr-current-project) {order:-1;}


.tm-header .jr-mainmenu-grid .jr-global-about-section {display:flex;align-items:baseline;gap:40px;padding-top:26px;border-top:1px solid #dcdacf;}
.tm-header .jr-mainmenu-grid .jr-global-about-section > h4 {margin:0;}
.tm-header .jr-mainmenu-grid .jr-global-about-section .uk-nav {display:flex;gap:32px;flex-wrap:wrap;}
.tm-header .jr-mainmenu-grid .jr-global-about-section .uk-nav > li {margin:0;}
@media(max-width:959px){.jr-mainmenu-grid .jr-project-menu{grid-template-columns:1fr;gap:24px;}.tm-header-mobile .jr-mainmenu-grid{overflow-y:auto;}.tm-header-mobile .jr-mainmenu-grid .jr-global-about-section{margin-top:24px;padding-top:24px;border-top:1px solid #dcdacf;}}

/* Do not paint grid separators while the original modal is closed. */
.tm-header .museum-modal.jr-mainmenu-grid {visibility:hidden;transition-property:height,padding,visibility;transition-duration:1s,1s,0s;transition-delay:0s,0s,1s;}
.tm-header .aktiv > .jr-mainmenu-grid {visibility:visible;transition-delay:0s;}
.tm-header-mobile .museum-modal.jr-mainmenu-grid {visibility:hidden;transition-property:transform,visibility;transition-duration:.4s,0s;transition-delay:0s,.4s;}
.tm-header-mobile .aktiv > .jr-mainmenu-grid {visibility:visible;transition-delay:0s;}

/* Main-menu reveal follows visual rows, not the source list order. */
:is(.tm-header,.tm-header-mobile) .jr-mainmenu-grid .jr-global-projects-section > h4, :is(.tm-header,.tm-header-mobile) .jr-mainmenu-grid a, :is(.tm-header,.tm-header-mobile) .jr-mainmenu-grid .jr-global-about-section {opacity:0;transform:translateY(-6px);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important;animation:none!important;}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-projects-section > h4, :is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid a, :is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-about-section {opacity:1;transform:translateY(0);}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-projects-section > h4 {transition-delay:.65s!important;}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-241 > a {transition-delay:.87s!important;}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-258 > a, :is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-242 > a {transition-delay:1.09s!important;}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-243 > a, :is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-244 > a {transition-delay:1.31s!important;}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-about-section {transition-delay:1.53s!important;}
:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-about-section a {transition-delay:1.75s!important;}
@media(max-width:959px){:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-242 > a{transition-delay:1.31s!important;}:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-243 > a{transition-delay:1.53s!important;}:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-project-menu .item-244 > a{transition-delay:1.75s!important;}:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-about-section{transition-delay:1.97s!important;}:is(.tm-header,.tm-header-mobile) .aktiv > .jr-mainmenu-grid .jr-global-about-section a{transition-delay:2.19s!important;}}
@media(prefers-reduced-motion:reduce){:is(.tm-header,.tm-header-mobile) .jr-mainmenu-grid .jr-global-projects-section > h4, :is(.tm-header,.tm-header-mobile) .jr-mainmenu-grid a, :is(.tm-header,.tm-header-mobile) .jr-mainmenu-grid .jr-global-about-section{transition:none!important;transition-delay:0s!important;transform:none;}}

/* Mobile editorial menu: same Joomla project sources, compact readable rows. */
@media (max-width: 959px) {
 .tm-header-mobile .museum-modal.jr-mobile-editorial { padding:100px 24px 36px; gap:28px; overflow-y:auto; overscroll-behavior:contain; }
 .tm-header-mobile .jr-mobile-editorial :is(h4,.uk-nav a,.jr-project-title,.jr-project-description) { font-family:"Hanken Grotesk",sans-serif; text-transform:none; letter-spacing:normal; }
 .tm-header-mobile .jr-mobile-editorial :is(.jr-global-projects-section,.jr-global-about-section) > h4 { color:#454950; font-size:13px; font-weight:600; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-menu { display:grid; grid-template-columns:1fr; gap:0; width:100%; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-menu > li { padding:18px 0; border-bottom:1px solid #dcdacf; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-menu > li:last-child { border-bottom:0; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-menu > .item-241 { padding-top:0; padding-bottom:16px; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-menu > li > .jr-project-link { gap:14px; padding:0; color:#454950; font-size:18px; font-weight:500; line-height:1.4; hyphens:none; overflow-wrap:normal; word-break:normal; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-menu > .item-241 > .jr-project-link { font-size:16px; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-image { width:46px; height:54px; flex:0 0 46px; object-fit:contain; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-title { color:#454950; font-size:18px; font-weight:600; line-height:1.4; white-space:normal; hyphens:none; overflow-wrap:normal; word-break:normal; }
 .tm-header-mobile .jr-mobile-editorial .item-241 .jr-project-title { font-size:16px; font-weight:500; }
 .tm-header-mobile .jr-mobile-editorial .jr-project-description { font-size:14px; font-weight:400; line-height:1.5; margin-top:5px; color:#64666a; hyphens:none; overflow-wrap:normal; }
 .tm-header-mobile .jr-mobile-editorial .jr-global-about-section { margin-top:0; padding-top:22px; border-top:1px solid #dcdacf; }
 .tm-header-mobile .jr-mobile-editorial .jr-global-about-section .uk-nav > li > a { color:#454950; font-size:17px; font-weight:400; line-height:1.5; padding:12px 0; border-bottom:1px solid #dcdacf; }
 .tm-header-mobile .jr-mobile-editorial .jr-global-about-section .uk-nav > li:last-child > a { border-bottom:0; }
 .tm-header-mobile:has(.custom.aktiv > .jr-mobile-editorial) .uk-logo img { width:54px; height:auto; max-height:64px; }
 .tm-header-mobile:has(.custom.aktiv > .jr-mobile-editorial) .uk-navbar-center { left:24px; right:auto; transform:none; }
 .tm-header-mobile .custom.aktiv:has(> .jr-mobile-editorial) > .museum-toggle { position:fixed; top:32px; right:24px; padding:10px; background:transparent; transform:none; z-index:1020; }
}

@media(max-width:959px){.tm-header-mobile:has(.custom.aktiv > .jr-mobile-editorial) .uk-navbar-center{position:fixed;top:24px;left:24px;right:auto;transform:none;margin:0}.tm-header-mobile:has(.custom.aktiv > .jr-mobile-editorial) .uk-navbar-center .uk-navbar-item{min-height:0;padding:0}.tm-header-mobile:has(.custom.aktiv > .jr-mobile-editorial) .uk-logo{padding:0;min-height:0}}

/* JR: opt-in, instance-scoped one-line project navigation. */
.jr-scroll-shell{display:grid;grid-template-columns:0 minmax(0,1fr) 0;align-items:center;width:100%;min-width:0;gap:0}
.jr-scroll-shell.jr-scroll-overflow{grid-template-columns:40px minmax(0,1fr) 40px}
.jr-scroll-viewport{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.jr-scroll-viewport::-webkit-scrollbar{display:none}
.jr-scroll-shell .uk-subnav{display:flex;flex-wrap:nowrap!important;justify-content:center;margin:0!important;gap:24px;min-width:100%;width:max-content}
.jr-scroll-overflow .uk-subnav{justify-content:flex-start}
.jr-scroll-shell .uk-subnav>li{flex:0 0 auto;padding-left:0!important;margin-top:0!important}
.jr-scroll-shell .uk-subnav>li>a{white-space:nowrap}
.jr-scroll-arrow{border:0;background:transparent;color:inherit;padding:0;width:40px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;visibility:hidden}
.jr-scroll-overflow .jr-scroll-arrow:not(:disabled){visibility:visible}
.jr-scroll-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.jr-scroll-arrow:focus-visible{outline:2px solid currentColor;outline-offset:-3px}

/* Directional overflow hint: fade only where more links remain. */
.jr-scroll-viewport{--jr-scroll-fade-left:#000;--jr-scroll-fade-right:#000}
.jr-scroll-more-left .jr-scroll-viewport{--jr-scroll-fade-left:transparent}
.jr-scroll-more-right .jr-scroll-viewport{--jr-scroll-fade-right:transparent}
.jr-scroll-overflow .jr-scroll-viewport{
 -webkit-mask-image:linear-gradient(to right,var(--jr-scroll-fade-left) 0,#000 28px,#000 calc(100% - 28px),var(--jr-scroll-fade-right) 100%);
 mask-image:linear-gradient(to right,var(--jr-scroll-fade-left) 0,#000 28px,#000 calc(100% - 28px),var(--jr-scroll-fade-right) 100%);
}


/* One original project dropdown, mounted inline on mobile or in the sticky header. */
.jr-project-menu-dock{display:none}
@media(max-width:959px){
 body.jr-project-scroll-ready .jr-project-menu-dock{display:block;min-height:68px}
 body.jr-project-scroll-ready .jr-project-menu-source .jr-scroll-shell{display:none}
 body.jr-project-scroll-ready .jr-project-menu-source ul.uk-subnav{display:none}
 body.jr-project-scroll-ready .jr-project-menu-dock .jr-project-scroll-nav ul.uk-subnav{display:flex}
 .jr-project-scrollbar.jr-project-scroll-inline{position:relative;inset:auto;visibility:visible;opacity:1;pointer-events:auto;width:100%;height:68px;transition:none}
 .jr-project-scroll-inline .jr-project-scroll-inner{grid-template-columns:56px minmax(0,1fr) 56px}
 body.jr-project-main-menu-open .jr-project-scrollbar.jr-project-scroll-inline{opacity:0;pointer-events:none}
}

/* Shared overflow control inside the sticky header's reserved centre column. */
.jr-project-scroll-nav{min-width:0;max-width:100%}
@media(min-width:960px){
 .jr-project-scroll-nav .jr-scroll-shell,.jr-project-scroll-nav .jr-scroll-viewport{height:100%}
 .jr-project-scroll-nav .jr-scroll-shell .uk-subnav{align-items:center}
 .jr-project-scroll-nav .jr-scroll-shell .uk-subnav>li>a{height:100%;display:flex;align-items:center}
}
@media(max-width:959px){
 .jr-project-scroll-nav .jr-scroll-shell,.jr-project-scroll-nav .jr-scroll-shell.jr-scroll-overflow{display:block;height:auto}
 .jr-project-scroll-nav .jr-scroll-arrow{display:none}
 .jr-project-scroll-nav .jr-scroll-viewport{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}
 .jr-project-scroll-nav .jr-scroll-shell .uk-subnav{width:100%;min-width:0;flex-direction:column;align-items:stretch;gap:0}
 .jr-project-scroll-nav .jr-scroll-shell .uk-subnav>li>a{white-space:normal}
}

/* Global-menu sections: Museum theme H4 typography, spacing instead of section rules. */
:is(.tm-header,.tm-header-mobile) .museum-modal.jr-mainmenu-grid :is(.jr-global-projects-section,.jr-global-about-section)>h4{
 font-family:'Kyiv Type Sans 3',sans-serif;font-size:29px;font-weight:700;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:#2d2e33;margin:0 0 20px;border:0;
}
:is(.tm-header,.tm-header-mobile) .museum-modal.jr-mainmenu-grid .jr-global-about-section{border-top:0;padding-top:0}
.tm-header .museum-modal.jr-mainmenu-grid{row-gap:48px}
.tm-header-mobile .museum-modal.jr-mainmenu-grid{gap:0}
.tm-header-mobile .museum-modal.jr-mainmenu-grid .jr-global-about-section{margin-top:48px}
.tm-header-mobile .museum-modal.jr-mainmenu-grid .jr-project-menu>.item-241{border-bottom:0}


/* Keep the shared dropdown content visible while docked in its source section. */
@media(max-width:959px){
 body.jr-project-scroll-ready .jr-project-menu-dock .jr-project-scroll-nav .jr-scroll-shell{display:block}
}

/* Stable first paint: native menu never wraps before enhancement. */
@media(min-width:960px){
 .jr-scroll-subnav:not(.jr-project-scroll-nav)>ul.uk-subnav{flex-wrap:nowrap;overflow-x:hidden}
 .jr-scroll-subnav:not(.jr-project-scroll-nav)>ul.uk-subnav>li{flex:0 0 auto}
 .jr-scroll-subnav:not(.jr-project-scroll-nav)>ul.uk-subnav>li>a{white-space:nowrap}
}
/* Reserve the mobile dropdown row before its shared component is mounted. */
@media(max-width:959px){
 body:not(.jr-project-scroll-ready) #tm-main .uk-section:has(ul.uk-subnav>li:is(.item-234,.item-252,.item-274)){min-height:68px}
 body:not(.jr-project-scroll-ready) #tm-main ul.uk-subnav:has(>li:is(.item-234,.item-252,.item-274)){display:none}
}

/* Phone hero: crop only the current four project-motif graphics. */
@media(max-width:639px){
 .museum-erste-sektion .museum-header-slideshow .el-image:is(
  [src*="junge-russlanddeutsche_element-home.svg"],
  [src*="junge-russlanddeutsche_element-denkorte.svg"],
  [src*="junge-russlanddeutsche_element-ukraine.svg"],
  [src*="/grafiken/Kachel-Gemeinsam"][src*="erinnern.svg"],
  [src*="/grafiken/Kachel-Gemeinsam-erinnern.png"],
  [src*="junge-russlanddeutsche_element-gemeinsam.svg"]
 ){
  --jr-hero-position-x:77%;
  object-position:var(--jr-hero-position-x) 50%!important;
 }
}