/* 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 {
    hyphens: auto;
}

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 {
    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;
    justify-content: space-between;
}

.tm-header-mobile .museum-modal > div {
    opacity: 0;
    transition-property: opacity;
    transition: .2s linear;
    display: flex;
    justify-content: space-between;
    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:not(:last-child) {
    grid-row: 1;
}

.tm-header .museum-modal > div:last-child {
    position: absolute;
    bottom: 0;
    padding: inherit;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    grid-area: 2/1/2/5;
    opacity: 0;
    pointer-events: none;
    transition: .2s linear;
    transition-property: opacity;
    transition-delay: 0s;
    width: 100%;
    justify-content: space-between;
    display: flex;
}

.tm-header .aktiv .museum-modal > div:last-child {
    opacity: 1;
    pointer-events: all;
    transition-delay: .8s;
}

.museum-modal > div:last-child > div:last-child {
    display: flex;
    gap: 10px;
}

.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: #454950;
}

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

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

.museum-toggle:hover > div,
.museum-toggle:hover > div::before,
.museum-toggle:hover > div::after {
    background: #605341;
}

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

.museum-helle-nav .museum-toggle > div,
.museum-helle-nav .museum-toggle > div::before,
.museum-helle-nav .museum-toggle > div::after {
    background: #fff;
}

.museum-helle-nav .tm-header .uk-navbar-center p {
    color: #fff;
}

.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: 791px) {
    .museum-header-slideshow .el-content {
        font-size: 18px;
    }

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

@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-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';
}

.museum-news-grid .el-item .el-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

@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 .twoclickyoutubevideos iframe {
    height: 236px;
}

.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 */
.museum-video-iframe {
    display: none;
}
  
.museum-video-iframe-overlay div {
    background: rgba(255, 255, 255, 0.9);
    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;
}
  
.museum-video-iframe-overlay p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
}

.museum-video-iframe-allow {
    color: #fff;
    background: #454950;
}

/* 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(.museum-video-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(.museum-video-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(.museum-video-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(.museum-video-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;
}