:root {
    --font-family-default: 'Playfair Display', sans-serif;
    --font-family-second: 'Roboto Condensed', sans-serif;
    --font-family-third: 'Inter', sans-serif;
}

/* Allgemeine Deklarationen */
body {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.object-fit-contain {
    object-fit: contain;
}
/* Quadratische Darstellung von Hintergrund Grafiken */
.col-md-4.square {
    padding-top: 33.3%;
}

/* Ausstellungsübersicht */
.padding_1 {
    padding: 50px 2%;
}
.padding_2 {
    padding: 50px 2%;
}
.padding_3 {
    padding: 50px 2%;
}
.padding_4 {
    padding: 50px 2%;
}
.padding_5 {
    padding: 50px 2%;
}
.exhibition h1,
.exhibition h2,
.exhibition h3,
.exhibition h4,
.exhibition h5,
.exhibition h6 {
    font-family: var(--font-family-default) !important;
}
.exhibition .h1,
.exhibition h1 {
    font-size: 28px;
}
.exhibition .h2,
.exhibition h2 {
    font-size: 20px;
}
.exhibition hr {
    margin-top: 18px;
    margin-bottom: 18px;
}
.exhibition h2 {
    /*
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 0;
    */
}
.section_entry_image {
    background: center / cover no-repeat;
}
.content-text a {

    /* text-decoration:underline; */
}
.section_img_title {
    font-weight: 400;
    padding: 5px 0;
}
.exhibition .min-height-100 {
    min-height: 100%;
}
.exhibition .flex-adjust {
    flex: 1;
}
.exhibition.showexhibition.overlay .teasertext::before,
.exhibition.showall .teasertext.overlay::before {
    content: '';
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    /* background-color: rgba(0,0,0,0.6); */
    position: absolute;
    z-index: 50;
    background-image: radial-gradient(circle 100vh at 50% 50%, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}
.exhibition.showexhibition h3 {
    font-size: 46px;
    font-family: var(--font-family-default);
    padding: 20px 0;
    text-align: center;
    /*
    border-bottom: #000000 1px solid;
   
    margin-bottom: 60px;
     */
}
.exhibition.showexhibition h3.audio-title{
   font-size: 36px; 
}
.exhibition.showexhibition .text_layer h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0;
    border-bottom: #000000 0px solid;
    text-align: left;
}
.exhibition.showexhibition h4 {
    padding: 40px 0;
    font-size: 35px;
}
.exhibition.showexhibition .item,
.exhibition.showall .item {
    position: relative;
    border-bottom: #ffffff 1px solid;
    overflow: hidden;
    height: 100vh;
}
.exhibition.showexhibition .text_layer {

    /*
        position: absolute;
    bottom: 80px;
    left: 80px;
        */
    color: #ffffff;
    z-index: 80;
    padding: 0 20px 20px;
}
.exhibition.showall .text_layer {
    z-index: 60;
    padding: 0;
    position: absolute;
    bottom: 80px;
    color: #ffffff;
}
.exhibition.showall .text_layer h3 {
    margin-bottom: 0;
}
.exhibition.showall .item.left .text_layer {
    max-width: calc(100% - 20px);
    text-align: left;
}
.exhibition.showall .item.view_6col .text_layer {
    max-width: calc(100% - 5vw);
    left: 5vw;
}
.exhibition.showall .item.view_default .text_layer {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.exhibition.showexhibition .item.teasertext .text_layer {
    margin-top: 150px;
    flex: 1;
}
.exhibition.showall .item.right .text_layer {
    right: 80px;
    text-align: right;
}
.exhibition.showexhibition img.img,
.exhibition.showall img.img {
    width: 100%;
    height: auto;
}
.exhibition.showexhibition .text_layer h3,
.exhibition.showall .text_layer h3 {
    font-size: 46px;
    line-height: 120%;
    font-family: var(--font-family-default);
}
.exhibition.showexhibition .text_layer h4 {
    text-align: left;
}
.exhibition.showexhibition .text_layer h4,
.exhibition.showall .text_layer h4 {
    font-size: 26px;
    padding: 20px 0;
    font-family: var(--font-family-second) !important;
}
.exhibition.showexhibition .more_link {
    color: #ffffff;
    border: 2px solid currentColor;
    padding: 12px 24px;
    background: none;
    display: inline-block;
    margin: 20px 0 0;
    text-transform: uppercase;
    line-height: 100%;
    text-decoration: none;
}

/* .exhibition.showexhibition .more_link {
margin:0 auto;
} */
.joExhibition_content img {
    width: 100%;
    height: auto;
}
.joExhibition_content .section {
    position: relative;
    /*
    min-height: 100vh;
    */
    overflow: hidden;
    background: rgb(65, 65, 65);
    /*
    background: linear-gradient(180deg, rgba(65, 65, 65, 1) 0%, rgba(29, 29, 29, 1) 100%);
    */
}
.map-scroll {
    width: 100%;
}
.joExhibition_content .section_container .section:first-child {
    margin-top: 0;
}
.text_layer_more {
    z-index: 80;
    margin-top: auto;
    margin-bottom: 20px;
}
.load_section {
    display: block;
    padding: 15px;
    border: 2px solid #fff;
    margin: 0 auto 30px;
    color: #fff;
    font-weight: 600;
    border-color: #fff;
    transition: background-color .5s ease, border-color .7s ease, color .5s ease;
}
.load_section:hover {
    border-color: transparent;
}
.content_wrap a.load_section {
    color: #fff;
}

/*
.content_wrap a.load_section:hover {
    border-color: #dd7059;
    color: #dd7059;
}
*/
.section .img-description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    color: white;
    padding: 10px;
    font-size: 12px;
    z-index: 100;
    text-align: left;
}
.joExhibition_content .sectionInfo-container .sectionInfo-c {

    /* background-color: rgba(0,0,0,.2); */
    height: 100%;
}
.sectionInfo-c-btn-container {
    position: relative;
    width: 80%;
}
.sectionInfo-c-btn-container::after,
.sectionInfo-c-btn-container::before {
    content: "";
    width: calc(50% - 50px);
    height: 3px;
    right: 0;
    top: 50%;
    position: absolute;
    background-color: rgba(221, 112, 89, 1);
}
.sectionInfo-c-btn-container::before {
    left: 0;
    right: unset;
}
.joExhibition_content .sectionInfo-container .sectionText {
    padding: 20px 15px;
}
.joExhibition_content .sectionInfo-c-btn {
    z-index: 30;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 100%;
    background-color: rgba(221, 112, 89, .5);
    cursor: pointer;    /* transform: translateX(200px) rotate(135deg) scale(1); */
    transform: scale(1);
    transition: transform cubic-bezier(0.5, 1.8, 0.8, 0.5) 2s, right 1s ease-in-out, width 2s ease-in-out, height 2s ease-in-out;
}

/* .joExhibition_content .sectionInfo-c-btn.active {
right: 0;
z-index: 50;
transform: translateX(0px) rotate(0deg) scale(1);
} */
.joExhibition_content .sectionInfo-c-btn.active {
    animation: bigger 2s ease;
}
@keyframes bigger {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.joExhibition_content .sectionInfo-c-btn.active:hover {
    transform: scale(1.2);
}
.joExhibition_content .sectionInfo-c-btn-icon {
    background-image: url(../../Images/sprite_portal_white.svg);
    color: transparent;
    text-align: center;
    cursor: pointer;
    display: block;
    background-color: transparent;
    background-size: 1400px;
    background-repeat: no-repeat;
    background-position: -1266px -7px;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    left: 50%;
}
.intro_media_con {
    background-color: #d6d6d6;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* .joExhibition_content .sectionInfo-c-btn.collapsed {
    transform: translate(50%, -50%) rotate(180deg);
}*/
.sectionInfo-line {
    width: 100%;
    height: 2px;
    background-color: rgba(221, 112, 89, 1);
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    display: none;
}
.sectionTitle-container {
    /* padding: 5% 0 5% 0;  */  
    /* text-transform: uppercase; */
}
.sectionTitle-container h3 {
    font-size: 24px;
    font-size: 2.5vw;
    color: #dd7059;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.exhibition.showall .text_layer h3,
.exhibition.showall .text_layer h4,
.exhibition.showall .text_layer .item-period,
.exhibition.showexhibition .text_layer h3,
.exhibition.showexhibition .text_layer h4,
.exhibition .with_image .sektion-title,
.sec.textpos_0 .sectionText,
.sec.textpos_0 .sectionTitle-container h3,
.sec.textpos_0 .sectionSubTitle{
    /*
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.1);
    */
}

.exhibition .with_image .sektion-title {
    text-align: center;
}
.joExhibition_content .more-arrow,
.joObject .more-arrow {
    width: 60px;
    height: 60px;
    background-color: green;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    background-image: url(../../Images/sprite_portal_white.svg);
    color: transparent;
    text-align: center;
    cursor: pointer;
    display: block;
    background-color: transparent;
    background-size: 2000px;
    background-repeat: no-repeat;
    background-position: -921px -423px;
    opacity: 0;
    visibility: hidden;
}
.joExhibition_content .section.active .more-arrow,
.joObject.active .more-arrow {
    animation: breathopacity 4s ease;
}
@keyframes breathopacity {
    0% {
        opacity: 0;
        visibility: visible;
    }
    25% {
        opacity: 1;
        visibility: visible;
    }
    50% {
        opacity: 0;
        visibility: visible;
    }
    75% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
.joText-btn-icon {
    width: 40px;
    height: 40px;
    background-image: url(../../Images/sprite_portal_black.svg);
    color: transparent;
    text-align: center;
    cursor: pointer;
    display: block;
    background-color: transparent;
    background-size: 900px;
    background-repeat: no-repeat;
    background-position: -767px -49px;
    position: absolute;
    right: 31px;
    bottom: -40px;
    cursor: pointer;
    display: none;
}
.joText-btn-icon.hide {
    background-position: -1043px -69px;
    background-size: 1150px;
}
.joText-btn-icon.active {
    display: block;
}


/* Section Templates */
.sec .info_wrap {
    flex-flow: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.sec .more a {
    font-size: 1.1vw;
    padding: 0.7vw 0.9vw;
    border: rgba(255, 255, 255, 0.8) 1px solid;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.sec .sectionInfo-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* Rahmen zwischen den Bildern */
.sec-7 .image_bg,
.sec-2 .moreimages .image_bg:nth-child(2),
.sec-2 .moreimages .image_bg:first-child, 
.sec-4 .image_bg:nth-child(2),
.sec-4 .image_bg:first-child {
    border-bottom: 3px solid white;
}
.sec-4 .image_bg:last-child,
.sec-4 .image_bg:nth-last-child(2),
.sec-7 .image_bg:last-child,
.sec-7 .image_bg:nth-last-child(2),
.sec-7 .image_bg:nth-last-child(3){
    border-bottom: none;
}

.sec-2.textpos_1 .mainimage,
.sec-5 .image_bg,
.sec-8 .image_bg,
.sec-7 .image_bg,
.sec-2 .moreimages .image_bg:nth-child(3),
.sec-2 .moreimages .image_bg:first-child, 
.sec-4 .image_bg:nth-child(3),
.sec-4 .image_bg:first-child {
    border-right: 3px solid white; 
}
.sec-5 .img_wrap .image_bg:last-child,
.sec-8 .image_bg:last-child{
    border: none;
}
.sec-7 .image_bg:nth-child(3n){
    border-right: none;
}

/* Abstände Textinformationen oberhalb der Abbildungen*/
.sec .lower_text_wrap,
.sec .upper_text_wrap,
.sec.padding_2 .upper_text_wrap,
.sec.padding_3 .upper_text_wrap,
.sec.padding_2 .lower_text_wrap,
.sec.padding_3 .lower_text_wrap{
    margin: 0 15vw;
    padding: 50px 0;
}
.sec.padding_3 .upper_text_wrap,
.sec.padding_3 .lower_text_wrap {
    margin: 0 20vw;
}
.sec.padding_0 .upper_text_wrap,
.sec.padding_0 .lower_text_wrap {
    margin: 0;
    padding: 50px 15vw;
}
.sec .textcontent {
   padding: 0 50px;
}

/* Abstände CTA Button unterhalb der Abbildungen */
.sec .cta_wrap {
    padding-top:30px;
    text-align: center;
}

/* Section - allgemeine Deklarationen */
.sec .sectionTitle {
    padding: 10px 10px 20px;
    word-break: break-word;
    hyphens: auto;
}

/* Dummybild / Placeholder */
.sec .image_dummy {
    background-color: rgba(0,0,0,0.2);
}
.sec .image_dummy.image_dummy_with_text {
    padding: 20px;
}
.sec .image_dummy_with_text,
.sec .image_dummy_with_text .sectionTitle-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.sec .image_dummy_with_text,
.sec.sec-8.textpos_2 .image_dummy_with_text .sectionTitle-container,
.sec.sec-4.textpos_2 .image_dummy_with_text .sectionTitle-container {
    height: 100%;
    justify-content: center;
}
.sec .more a,
.sec .sectionInfo-container, 
.sec .info_wrap,
.sec .startdate,
.sec .sectionSubTitle {
    color: #ffffff;
}
.sec.sec-1.textpos_0 .sectionInfo-container, 
.sec.sec-1.textpos_0 .info_wrap,
.sec.sec-1.textpos_0 .startdate,
.sec.sec-1.textpos_0 .sectionSubTitle,
.sec.sec-1.textpos_0 .sectionTitle-container h3,
.sec.sec-1.textpos_2 .sectionSubTitle,
.sec.sec-1.textpos_2 .startdate,
.sec.sec-1.textpos_2 .sectionTitle-container h3 {
    color: #ffffff;
}

/* Definition der Hintergrundgrafiken */ 
.sec-4 .image_bg,
.sec-7 .image_bg,
.sec-8 .image_bg,
.sec-1 .section_img,
.sec-5 .image_bg,
.sec-2 .image_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sec-1.padding_1 .img_wrap,
.sec-4.padding_1 .img_wrap,
.sec-8.padding_1 .img_wrap,
.sec-7.padding_1 .img_wrap_auto_height,
.sec-5.padding_1 .img_wrap,
.sec-2.padding_1 .img_wrap,
.sec-3.padding_1 .img_wrap{
    padding: 0 5vw;
}
.sec-1.padding_2 .img_wrap,
.sec-4.padding_2 .img_wrap,
.sec-8.padding_2 .img_wrap,
.sec-7.padding_2 .img_wrap_auto_height,
.sec-5.padding_2 .img_wrap,
.sec-2.padding_2 .img_wrap,
.sec-3.padding_2 .img_wrap{
    padding: 0 10vw;
}
.sec-1.padding_3 .img_wrap,
.sec-4.padding_3 .img_wrap,
.sec-8.padding_3 .img_wrap,
.sec-7.padding_3 .img_wrap_auto_height,
.sec-5.padding_3 .img_wrap,
.sec-2.padding_3 .img_wrap,
.sec-3.padding_3 .img_wrap{
    padding: 0 15vw;
}
.sec-1.padding_4 .img_wrap,
.sec-4.padding_4 .img_wrap,
.sec-8.padding_4 .img_wrap,
.sec-7.padding_4 .img_wrap_auto_height,
.sec-5.padding_4 .img_wrap,
.sec-2.padding_4 .img_wrap,
.sec-3.padding_4 .img_wrap{
    padding: 0 20vw;
}
.sec-1.padding_5 .img_wrap,
.sec-4.padding_5 .img_wrap,
.sec-8.padding_5 .img_wrap,
.sec-7.padding_5 .img_wrap_auto_height,
.sec-5.padding_5 .img_wrap,
.sec-2.padding_5 .img_wrap,
.sec-3.padding_5 .img_wrap{
    padding: 0 25vw;
}
.sec-4 .img_wrap,
.sec-8 .img_wrap,
.sec-1 .carousel img,
.sec-1 .img_wrap,
.sec-2 .img_wrap_bak,
.sec-5 .img_wrap{
    height: 100vh;
}
.sec.padding_1 .img_wrap,
.sec.padding_2 .img_wrap,
.sec.padding_3 .img_wrap,
.sec.padding_4 .img_wrap,
.sec.padding_5 .img_wrap{
    height: 70vh;
}
.sec .img_wrap.img_wrap_auto_height,
.sec .img_wrap_auto_height{
    height:auto;
}
.ascpect_ratio_base{
    max-height: 100%;
    max-width: 100%;
}
.sec.sec-2.padding_0,
.sec.sec-3.padding_0,
.sec.textpos_2.padding_2,
.sec.textpos_2,
.sec.textpos_1,
.sec.padding_1,
.sec.padding_2,
.sec.padding_3,
.sec.padding_4,
.sec.padding_5{
    padding-top: 70px;
    padding-bottom: 70px;
}
.sec.padding_0.textpos_2{
    padding-top: 0;
}
/* Gradient zwischen Abbildung und dem Overlay-Text */
.sec.textpos_0 .image_inner_wrap::after,
.sec.sec-1.textpos_2 .image_inner_wrap::after {
    content: "";
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: radial-gradient(circle 100vh at 50% 50%, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.15));    
}
.sectionInfo-c-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}
.sec.sec-5 .sectionInfo-container .sectionSubTitle{
    padding: 0 0 20px 0;
}
.sec.sec-5 .sectionInfo-container .sectionText {
    padding: 20px 0 0;
}
/* Abstände des Overlay-Textes nach links, rechts, oben und unten */
.sec.padding_2 .sectionInfo-c-content{
    padding: 15px 3vw;
}
.sec .sectionText{
    padding-top: 20px;
    padding-bottom: 20px;
}
/* Headlines und Schriftgrößen Sektionen */
.sec .sectionTitle-container .startdate{
    font-size: 18px;
}
.sec .sectionText{
    font-size: 23px;
}
.sec .sectionTitle-container h3 {
    font-size: 40px;
}
.sec.textpos_1 .sectionTitle-container h3,
.sec.padding_0 .sectionTitle-container h3 {
    font-size: 73px;
}
.sec .sectionTitle-container .sectionSubTitle {
    font-size: 30px;
}
.sec.textpos_1 .sectionTitle-container .sectionSubTitle,
.sec.padding_0 .sectionTitle-container .sectionSubTitle{
    font-size: 35px;   
}
/* Lineheight Sektionen */
.sec .sectionTitle-container h3{
    line-height: 110%;
}
.sec.sec-1.textpos_0 .sectionTitle-container .sectionSubTitle,
.sec.sec-1.textpos_2 .sectionTitle-container .sectionSubTitle{
    font-weight: 600;
}
/* Dropshadow um die Schrift, die vor Abbildungen platzuiert wird */
.sec.sec-1.textpos_0 .sectionTitle-container .sectionSubTitle,
.sec.sec-1.textpos_2 .sectionTitle-container .sectionSubTitle,
.sec.sec-1.textpos_0 .startdate,
.sec.sec-1.textpos_0 .sectionSubTitle,
.sec.sec-1.textpos_0 .sectionTitle-container h3,
.sec.sec-1.textpos_2 .sectionSubTitle,
.sec.sec-1.textpos_2 .startdate,
.sec.sec-1.textpos_2 .sectionTitle-container h3{
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.1);
}
/* Abstände */
.sec.sec-5.textpos_1 .image_dummy_with_text .cta_wrap{
    padding: 0;
}
.sec.sec-2 .img_wrap{
    align-items: center;
}
.sec.sec-2 .info_wrap {
    align-items: start;
}
.sec.sec-2 .flex-row-reverse .info_wrap {
    align-items: end;
}
.sec-2 .mainimage .image{
    width: auto;
    height: auto;
}
.sec-2.textpos_0 .moreimages{
    padding:20px 3vw;
}
.sec.sec-2 .sectionTitle,
.sec.sec-5 .sectionTitle{
    padding: 0 0 20px;
}
.sec.sec-5 .sectionInfo-container {
    position: relative;
    top: unset;
    width:  unset;
}
.sec.sec-5.padding_2 .sectionInfo-c-content {
    padding: 15px 0;
}
/* Zitate innerhalb der Sektionen */
.sec blockquote{
    font-style: italic;
    font-weight: 300;
    font-size: 27px;
}
/* Default Template - sec-1 */
.sec.sec-1 .carousel img {
    width: auto;
}

/*  Objektdarstellung  */
.joObject_container {
    background-color: #4b4b4b;
}
.joObject {
    position: relative;
    padding: 0;
    /*
    overflow: hidden;
    transition: all 1s ease-in-out;
    background-color: #252525;
    background-image: radial-gradient(circle 100vh at 30% 100%, #252525, #252525);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    */
}
.showobject .joObject {
    border-bottom: 1px solid white;
}
.joObject.even {
    /*
    background-image: radial-gradient(circle 100vh at 70% 100%, #252525, #252525);
    */
}
.joObject.section_entry_description.desc-con{

}

.joObject_container .section_entry_image::after {
    content: "";
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: radial-gradient(circle 100vh at 50% 50%, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.15));    
}
.joObject.section_entry_image .content-wrapper {
    min-height: 100vh;
    align-items: center;
    z-index: 10;
}
/* Allgemeine Deklarationen zu der Objektdarstellung */
.joObject.section_entry_image h2,
.joObject.section_entry_image .section-subtitle h3{
    color: #ffffff;
}
.joObject .learn_more .btn,
.joObject .zitat{
    color: #000000;   
}
.joObject.section_entry_image .section-subtitle h3,
.joObject.section_entry_image h2 {
    text-shadow: 0px 0px 12px rgb(0 0 0 / 80%), 0px 0px 8px rgb(0 0 0 / 30%), 0px 0px 4px rgb(0 0 0 / 10%);
}
.joObject .learn_more .btn{
    font-weight: 300;
}
.joObject.section_entry_image .section-subtitle h3 {
    font-weight: 600;
}
/* Schriftgrößen und Line-height */
.joObject .zitat_20 h2,
.joObject .zitat_23 h2,
.joObject.textpos_0 .subtype6 .text-title h3,
.joObject.textpos_2 .view_4_alt .text-title h3,
.joObject.section_entry_image h2{
    font-size: 73px;
}
.joObject.textpos_2 .view_4_alt .text-subtitle{
    font-size: 30px;
}
.joObject.textpos_1 .text_wrap .text-title h3,
.joObject.section_entry_image .section-subtitle h3{
    font-size: 35px;
}
.joObject .zitat_20 h3,
.joObject .zitat_23 h3,
.joObject.textpos_0 .subtype6 .text-subtitle,
.joObject.textpos_0 .subtype4 .text-title h3,
.joObject.textpos_1 .subtype4 .text-title h3,
.joObject.textpos_0 .subtype5 .text-title h3,
.joObject.textpos_1 .subtype5 .text-title h3{
    font-size: 40px;
}
.joObject .learn_more .btn,
.joObject.textpos_0 .view_4_alt .text-subtitle,
.joObject.textpos_1 .view_4_alt .text-subtitle,
.joObject .obj_teaser_txt p,
.joObject .obj_teaser_txt table,
.joObject.section_entry_description.desc-con .sec_description{
    font-size: 23px;
}
.joObject .obj_teaser_txt table tr > td:first-child {
    vertical-align: top;
    font-weight: 500;
}
.joObject.section_entry_image h2 {
    line-height: 110%;
}
/* Abstände */
.joObject.padding_1 .obj_wrap,
.joObject.padding_1 .content-wrapper.lrn-effect-2 .obj_txt{
    padding: 0 30px;
}
.joObject.padding_2 .content-wrapper.lrn-effect-2 .obj_txt,
.joObject.padding_2 .obj_wrap{
    padding: 0 30px;
}
.joObject.padding_3 .content-wrapper.lrn-effect-2 .obj_txt,
.joObject.padding_3 .obj_wrap{
    padding: 0 30px;
}
.joObject.padding_3 .content-wrapper.subtype5 .obj_wrap {
    padding: 0;
}
.joObject table td {
    display: block;
}
.joObject table tr {
    padding: 20px 0;
    display: block;
}
.joObject.padding_4 .content-wrapper.lrn-effect-2 .obj_txt,
.joObject.padding_4 .obj_wrap{
    padding: 0 30px;
}
.joObject.padding_5 .content-wrapper.lrn-effect-2 .obj_txt,
.joObject.padding_5 .obj_wrap{
    padding: 0 30px;
}
.joObject.section_entry_image h2{
    padding: 10px 0 20px;
}
.joObject.textpos_2 .text_info_upper,
.joObject.textpos_1 .learn_more,
.joObject .subtype6 .learn_more{
    padding: 40px 0;
}
.joObject.textpos_2 .learn_more{
    padding: 15px 0 0;
}
.joObject .zitat_20 h2,
.joObject .zitat_23 h2,
.joObject .zitat h3,
.joObject .zitat .obj_teaser_txt p,
.joObject .view_4_alt .text-title h3,
.joObject .view_4_alt .text-subtitle,
.joObject.textpos_1 .text_wrap .text-subtitle,
.joObject.textpos_1 .text_wrap .text-title h3,
.joObject.section_entry_image .section-subtitle h3{
    padding: 0;
}
.joObject .zitat_20 h2,
.joObject .zitat_23 h2,
.joObject .zitat h3,
.joObject .zitat .obj_teaser_txt p,
.joObject .view_4_alt .text-title h3,
.joObject .view_4_alt .text-subtitle,
.joObject.textpos_1 .text_wrap .text-subtitle,
.joObject.textpos_1 .text_wrap .text-title h3,
.joObject.section_entry_image h2,
.joObject.section_entry_image .section-subtitle h3{
    margin: 0;
}
.joObject .content-wrapper.subtype5,
.joObject .content-wrapper.subtype6,
.joObject .content-wrapper.subtype20,
.joObject .content-wrapper.subtype21,
.joObject .content-wrapper.subtype22,
.joObject .content-wrapper.subtype23,
.joObject .content-wrapper.subtype4 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.joObject .content-wrapper.subtype5,
.joObject .content-wrapper.subtype4 {
    padding-left: 30px;
    padding-right: 30px;
}
.joObject .zitat.zitat_20 .image {
    padding: 0 0 40px;
}
.joObject .subtype6 .text_wrap,
.joObject .zitat.zitat_23 .image {
    padding: 40px 0 0;
}
.joObject .content-wrapper.lrn-effect-2 .obj_txt-dialog {
    padding: 70px 0 0;
}
.joObject .view_4_alt .text-subtitle,
.joObject .view_4_alt .text-title h3,
.joObject .zitat .text-subtitle,
.joObject .zitat .text-title {
    padding: 0 0 10px;
}
.joObject .view_4_alt .text-title h3 {
    margin-bottom: 15px;
}
.joObject.textpos_1 .content-wrapper .text_wrap,
.joObject.textpos_2 .content-wrapper .text_wrap {
    padding-bottom:33px;
}
.joObject.section_entry_description .sec_description .button_wrap,
.joObject.textpos_0 .subtype6 .text_outer,
.joObject .zitat .obj_teaser_txt {
    padding:20px 0 0;
}
.joObject .textright .text_wrap {
    padding: 0;
}
.joObject .textleft .text_wrap {
    padding: 0;
}
.joObject .text_info_lower{
    padding:100px 23vw 0;
}
.joObject .learn_more .btn{
    padding: 5px 20px;
    margin-top: 30px;
}
.joObject .learn_more .btn:hover {
    background-color: transparent;
}
.joObject .view_8_alt .text-title > * {
    text-align: left;
    padding-bottom: 10px;

}
.joObject .content-wrapper .object_image{
    width:90%;
    height:90%;
    object-fit: contain;
}
.joObject .content-wrapper .view_8_alt .object_image {
    width:100%;
    height:auto;
    object-fit: unset;
}
.joObject .content-wrapper .view_8_alt .img-inner-container {
    column-count: 1; 
    column-gap: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}
.joObject .content-wrapper .view_8_alt .img-outer-wrapper{
    break-inside: avoid-column;
    margin-bottom: 1px;
}
.joObject .text_wrap{
    align-self: flex-end;
    margin-right: 0%;
    opacity: 1;
    visibility: visible;
    transition: margin-right .5s ease, margin-left .5s ease, opacity .5s ease, visibility .5s ease;
}
.joObject.textpos_1 .text_wrap .text-title{
    border-top: 1px solid #000000;
}
.joObject.textpos_1 .textright .text_wrap {
    text-align: right;
}
.joObject.textpos_1 .textleft .text_wrap {
    text-align: left;
}
.joObject.section_entry_description .sec_description .button_wrap,
.joObject.textpos_0 .subtype6 .text-title h3,
.joObject.textpos_0 .subtype6 .text-subtitle,
.joObject.textpos_2 .text_info_upper,
.joObject .subtype6 .learn_more,
.joObject.textpos_1 .learn_more{
    text-align: center;
}
.joObject.section_entry_description .sec_description .full{
    display: none;
}
.joObject .learn_more .btn{
    border-radius: unset; 
    border: rgba(255, 255, 255, 1) 1px solid;
    color: white;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.joObject.section_entry_description .sec_description .show-more,
.joObject.section_entry_description .sec_description .show-less{
    border: unset;
    background-color: unset;
    border-top: 1px black solid;
}
.joObject.section_entry_description .sec_description .cropped .button_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    z-index: 100;
    height: 120px;
    background: linear-gradient(rgb(255 255 255 / 0%),#fff);
}
/* zitate */
.joObject .zitat {
    flex: 1;
}
.joObject .zitat .obj_teaser_txt {
    /*
    padding: 1vw 15vw;
    */
}
.joObject .zitat_20,
.joObject .zitat_23 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.joObject .zitat_23 {
    flex-direction: column-reverse;
}

.joObject .zitat .object_img {
    width: auto;
    height: auto;
}
.joObject .zitat_21,
.joObject .zitat_22,
.joObject .nextsection {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.joObject .nextsection h3 {
    color: white;
}
.joObject .zitat_21 .image,
.joObject .zitat_21 .text-wrap,
.joObject .zitat_22 .image,
.joObject .zitat_22 .text-wrap,
.joObject .nextsection .image {
    position: relative;
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.joObject .zitat_21 .image,
.joObject .zitat_22 .image,
.joObject .nextsection .image {
    text-align: center;
}
.joObject .zitat_22 {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
/* Detailinfos Effekt 1 und 2 */
.content-wrapper.lrn-effect-1 .obj_txt-dialog {
    height: 100%;
    opacity: 0;
    transition: opacity .2s ease;
}
.joObject .content-wrapper.lrn-effect-2 .obj_txt {
    position: relative;
    left: 0;
    top: 0;
    right: 0!important;
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: opacity .5s ease;
    color: black;
}
.joObject .content-wrapper.lrn-effect-2.show_text:not(.audio_pl):not(.video_pl) .obj_txt {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: absolute;
    background-color: white;
    overflow: auto;
    height: 100%;
    width: 100%;
}
.joObject .content-wrapper.lrn-effect-2.show_text.audio_pl .audio_overlay_or_slider .obj_txt {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: absolute;
    background-color: white;
    overflow: auto;
    height: 100%;
    width: 100%;
}
.joObject .content-wrapper.lrn-effect-2.show_text.video_pl .video_overlay_or_slider .obj_txt {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: absolute;
    background-color: white;
    overflow: auto;
    height: 100%;
    width: 100%;
}
.audio_overlay_or_slider .obj_txt-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* noch zu ordnen */
.joObject.clicked,
body .joObject.even.clicked {
    background-color: #232323;
    background-image: none;
}
.joObject .text-title h3 {
    position: relative;
}
.joObject .text-content p {
    margin: 0 10vw;
    text-align: center;
}
.joObject .subtype10 .text-title h3:after {
    background: white;
}
.joObject_container .joObject.desc-con .content-wrapper,
.joObject_container .joObject.desc-con-audio .content-wrapper {
    color: black;
}
.joObject.single > .content-wrapper {
    min-height: 100vh;
}
.joObject > .content-wrapper.subtype3 {
    padding: 0;
    min-height: 100vh;
}
.joObject > .row {
    transition: all 1s ease-in-out;
}
.joObject .img-wrapper {
    flex: 1;
}
.joObject .section_img {

    /*
        object-fit: contain;
    */
    /*
        position: absolute;
    */
    opacity: 1;
    cursor: pointer;
    transition: opacity 550ms ease-out, transform 550ms ease-out, left 550ms ease-out, right 550ms ease-out;
}
.joObject .view_4_alt .section_img {
    max-height: 80vh;
    object-position: top;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.joObject .view_4_alt .section_img img {
    object-position: bottom;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}



.joObject .view_2_alt .section_img {
    object-position: top;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.joObject .view_2_alt .section_img img {
    object-position: center;
    max-height: 80%;
    max-width: 77% !important;
    height: auto !important;
    -o-object-fit: contain;
    object-fit: contain;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.joObject.clicked .section_img img {
    height: 90%;
    width: 90%;
    max-width: 100%;
    max-height: 100%;
    box-shadow: unset;
}
.joObject .section_img.joFade {
    opacity: 0;
}
.joObject img:not(.section_img) {

    /*
    height: 100%;
    width: 100%;
    */

    /*
    -o-object-fit: contain;
    object-fit: contain;
    */
    position: relative;
}
.joObject .video_wrap {
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.1);
    /*
    padding: 20px;
    padding: 1.5vw;
    height: 70vh;
    height: 50vh;
    */



    /*
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    padding-top: 56.25%;
    */
}
/*
.joObject .video_wrap > .video-slick {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
*/
.joObject .small_img {
    height: 100%;    /* width: 100%; */
    width: auto;
    opacity: .5;
}
.joObject .small_img {
    margin-right: 10px;
}
.joObject .small_img:last-child {
    margin-right: 0;
}
.joObject .small_img.active {
    opacity: 1;
}
.joObject.clicked .all_images {

    /* display: flex; */
    height: 10vh;
    opacity: 1;
    transition-delay: .3s;
}
.joObject_container .joObject.even img {

    /* object-position: 100% 50%; */

    /* transition: object-position .5s ease; */
}
.joObject_container .joObject.even.clicked img {
    object-position: 50% 50%;
}
.view_8_alt .img_inner_wrap {
    position: relative;
}
.view8-overlay-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    color: white;
    padding-bottom: 6px;
}
div.joObject .view_2_alt div.text_wrap {

    /*
    align-self: start;
    align-self: flex-start;
    */
    align-self: center;
}
.exhibition .img-content {
    position: relative;
    width: 100%;
    height: 100%;
}
.exhibition .all_images {
    position: relative;    /* position: absolute; */

    /* display: none; */
    display: flex;
    height: 0vh;
    opacity: 0;
    transition: height .5s ease, opacity .5s ease;
    justify-content: center;
}
.exhibition .all_images .small_img {
}

/*
.joObject_container .joObject img::after {
position:absolute;
content: "";
left:50%;
margin:400px 0 0 -290px;
bottom:10px;
width:580px;
height:16px;
background:#fff;
border-radius:290px / 8px;
-moz-border-radius:290px / 8px;
-webkit-border-radius:290px / 8px;
box-shadow:0 10px 20px #000;
-moz-box-shadow:0 10px 20px #000;
-webkit-box-shadow:0 10px 20px #000;
}
*/
.exhibition .video-slick > .slick-list {

    /*
    position: absolute;
    left: 0;
    */
    width: 100%;
}
.exhibition .video-slick .embed-responsive {
    border-right: 2px solid white;
    /*
    height: 100%;
    */
}
.exhibition .video-slick,
.exhibition .video-slick .embed-responsive,
.exhibition .video-slick video {

    /*
    min-height: 300px;
    */
}
.exhibition .video-slick {

}
.exhibition .video-slick .embed-responsive {
    background-color: grey;    
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Standalone - Frame um die Objekte und Sektionen */
.singleitem:after {
    content: '';
    height: 5px;
    position: absolute;
    background-color: #ffffff;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 40%);
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 40%);
}
.single-logo {
    width: 3.5vw;
    margin-top: 5px;
    padding: 0.4vw 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
}
.single-logo img {
    width: 2vw;
    display: block;
    height: auto;
    margin: 0.4vw auto;
}
.single-logo .main_title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: inline-block;
    text-shadow: 2px 2px 2px rgba(8, 3, 2, 0.3);
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1vw;
}

/* Zurück Button */
.exhibition .back {
    position: absolute;
    left: 3vw;
    top: 80px;
    z-index: 99;
    cursor: pointer;
}
.single-logo .back {
    top: unset;
    left: 0;
    bottom: -5px;
    transform: translateY(100%);
    background-color: rgba(0, 0, 0, 0.4);
}
.exhibition .back .joSprite {
    padding: 25px;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-size: 1300px;
    background-position: -723px -74px;
    transform: rotateY(180deg);
    transition: opacity .5s ease;
    opacity: 0.8;
}
.exhibition .back .joSprite:hover {
    opacity: 1;
}

/*
.video-slick video[poster]{ 
object-fit:cover; 
}
*/

/*
body .joTop .navbar .navbar-toggler{
border:rgba(1,1,1,0.6) 5px solid;
border-radius:50px;
padding:5px;
}
*/
.exhibition .ls {
    margin-top: 50px;
    margin: 50px auto 0;
    width: 60%;
    padding-bottom: 1%;
    background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(9px);
}
.joObject.odd .img-container {
    /*
    padding-right: 15px;
    */
}
.joObject.even .img-container {
    /*
    padding-left: 15px;
    */
    text-align: right;    /* background-color: #d6d6d6; */

    /* padding: 15px; */
}
.content_wrap .exhibition a {
    font-weight: 600;
}
.exhibition .zitiervorschlag a {
    color: white;
    font-weight: 600;
}
.content_wrap .exhibition .showexhibition a {
    color: black;
}

/*
.joObject.clicked {
 position: fixed;
 width: 100vw;
 height: 100vh;
 top: 0;
 left: 0;
 flex: 0 0 100vw;
 max-width: 100vw;
 background-color: white;
 z-index: 5;
 overflow: auto;
 overflow-x: hidden;
 padding-top: 60px!important;
 background-image: radial-gradient(circle 100vh at 70% 100%, #d3d3d3, #737373);
}
.joObject .text_wrap {
    transition: all 1s ease-in-out;
}
.joObject.clicked.odd .text_wrap,
.joObject.loading.odd .text_wrap {
 opacity: 0;
 position: absolute;
 transform: translateX(100%);
 right: 0;
 height: 100%;
 transition: all 1s ease-in-out;
}
.joObject.clicked.even .text_wrap,
.joObject.loading.even .text_wrap {
 opacity: 0;
 position: absolute;
 left: 70px;
 transform: translateX(-100%);
 height: 100%;
 transition: all 1s ease-in-out;
}
.joObject.clicked .img-container {
    max-width: unset;
 flex: unset;
 width: unset;
 padding: 0;
}
.joObject.clicked.odd .img-container {
 
 margin-left: 50%;
    transform: translateX(-50%);
}
.joObject.clicked.even .img-container {
 margin-right: 50%;
 transform: translateX(50%);
}
.joObject.clicked .section_img_info-c.active {
 opacity: 1;
 visibility: visible;
}
.joObject.clicked .section_img_btn {
    opacity: 1;
    visibility: visible;
}
.joObject_container .joObject.clicked .content-wrapper {
 transform: translateY(8.6vh)!important;
}
*/

.joObject.clicked .text_wrap {
    opacity: 0;
    visibility: hidden;
    margin-right: -60%;
}
.joObject.even.clicked .text_wrap {
    margin-right: 0%;
    margin-left: -60%;
}
.section_img_info-c span[data-toggle="collapse-next"] {
    /*
    background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_black.svg);
    background-position: -38px -108px;
    background-size: 700px;
    */
    font-size: 0;
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2px;
}
.section_img_info-c span[data-toggle="collapse-next"] svg {
    padding: 4px;
}
.section_img_info-c {
    width: 100%;
}
.joObject.even .section_img_info-c > span {

    /*  margin: 0 auto; */
}
.section_img_info-cc {
    background-color: rgba(0, 0, 0, .1);
    margin-top: 5px;
    word-break: break-word;
    color: black;
    font-size: 17px;
}
.section_img_info-cc .section_img_desc {
    padding: 10px;
}

/*
.section_img_info-c {
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease-in-out, visibility .5s ease-in-out;


  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  background-color: white;
  color: black;
  padding: 15px;
}
*/
.joObject .subtype3 .img-container {
    transition: all 1s ease-in-out;
    -webkit-transform: translateX(0);
    background-color: rgba(0, 0, 0, 0.2);
    
    box-shadow: inset -20px 0px 20px -30px rgb(0 0 0);
    transform: translateX(0);
}
.joObject .subtype3 .flex-row-reverse .img-container {
    box-shadow: inset 20px 0px 20px -30px rgb(0 0 0);
}
.joObject.even .img-container {
    margin-left: 0;
}
.joObject.odd .img-container {
    margin-right: 0;
}
.section_img_btn {
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 30;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 100%;
    background-color: rgba(221, 112, 89, .5);
    cursor: pointer;    /* transform: translateX(200px) rotate(135deg) scale(1); */
    transform: scale(1) translateX(150%);
    transition: transform cubic-bezier(0.5, 1.8, 0.8, 0.5) 2s, right 1s ease-in-out, width 2s ease-in-out, height 2s ease-in-out, opacity 1s ease-in-out;
}
.section_img_btn_icon {
    background-image: url(../../Images/sprite_portal_white.svg);
    color: transparent;
    text-align: center;
    cursor: pointer;
    display: block;
    background-color: transparent;
    background-size: 1400px;
    background-repeat: no-repeat;
    background-position: -1266px -7px;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    left: 50%;
}
.exhibition .sektion-title {
    /*
    color: #dd7059;
    font-size: 3.5vw;
    border-bottom: 3px solid #dd7059;
    padding: 1.5vw 0 2vw;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    */
}
.section-subtitle h3 {
    /*
    color: #ffffff;
    font-size: 2vw;
    padding: 0 0 2vw;
    margin: 0;
    */
}
.joObject h1,
.joObject h2,
.joObject h3 {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.view2-overlay-text h3 {
    font-size: 1.6vw;    /*
        text-decoration: underline;
        */
    margin-bottom: 25px;
}
.view2-overlay-text p {
    font-size: 16px;
    line-height: 135%;
    margin: 0;
    padding: 0;
}
.shadowimg {
    content: '';
    width: 90%;
    height: 8%;
    border-radius: 50%;
    box-shadow: 0px 10px 5px black;
}
.controlAjaxOut {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: green;
    transform: translateX(100%);
    transition: transform 1s ease-in-out;
    top: 0;
    left: 0;
    overflow: auto;
}
.controlAjaxOut.active {
    display: block;
    transform: translateX(0%);
}
.exhibition.showindex {
    background-color: rgb(0 0 0 / 90%);
    padding: 100px 10px;
    color: white;
}
.exhibition.showindex h1,
.exhibition.showindex h2 {
    color: #ffffff;
}
.exhibition.showindex h3,
.exhibition.showindex h4 {
    display: block;
    color: #ffffff;
}
.exhibition.showindex h3 {
    color: #dd7059;
    font-size: 23px;
    padding: 15px;
    overflow: hidden;
}
.exhibition.showindex h1 {
    font-size: 46px;
    line-height: 120%;
    font-family: var(--font-family-default);
    color: #dd7059;
}
.exhibition.showindex ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.exhibition.showindex ul li.section_li {
    margin-right: 0;
    padding: 0 10px;
    opacity: 1;
}
.exhibition.showindex ul li.section_li.active {
    opacity: 1;
}
.exhibition.showindex .up,
.exhibition.showindex .section-wrap,
.exhibition.showindex ul li .section_objects {
    border: #000000 1px solid;
}
.exhibition.showindex .section-wrap {
    height: 150px;
    margin-top: 20px;
    overflow: hidden;
}
.exhibition.showindex ul li .section_objects {
    border-top: none;
}
.exhibition.showindex .img_object {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.exhibition.showindex .img_object:last-child {
    margin-bottom: 0;
}
.exhibition.showindex .exhibitionentryitem {
    padding: 10px 0;
    margin-top: 20px;
}
.exhibition.showindex .exhibitionentryitem .up {
    display: flex;
    align-items: center;
    height: 150px;
}
.exhibition.showindex .overview-item {
    padding: 12px 8px;
    min-height: 100px;
    color: white;
}
.exhibition.showindex .overview-img {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 3px;
    flex: 0 0 30%;
}
.exhibition.showindex .overview-nr,
.exhibition.showindex .overview-title {
    padding: 0 7px;
    font-size: 15px;
}
.exhibition.showindex .overview-nr {
    word-break: break-word;
    max-width: 60px;
}
.exhibition.showindex .overview-title {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}
.exhibition.showindex .img_dark_wrapper {
    align-items: center;
    justify-content: center;
}
.exhibition.showindex .img_dark_wrapper,
.exhibition.showindex a:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.6);
}
.exhibition.showindex a:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.4);
}
.exhibition.showindex .img_bg {
    background: center / cover no-repeat;
}
.exhibition.showindex .text_shadow {
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9), 0px 0px 4px rgba(0, 0, 0, 0.5)
}
.joSitemap .Overview-icon-container {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    right: 65px;
    transform: translateY(-100%);
}
body.noscroll {
    overflow: hidden;
}
.exhibition .joSitemap-btn {
    position: fixed;
    left: 5px;
    top: 200px;
    cursor: pointer;
    z-index: 150;
}
.exhibition .joSitemap {
    border-top: 3px solid #dd7059;
    position: fixed;
    right: 0;    /*
      top: 80px;
      */
    bottom: 0;
    z-index: 199;
    color: white;    /*
      height: calc(100% - 80px);
      */
    width: 100%;
    height: 20vh;
    min-height: 210px;
    background-color: rgba(0, 0, 0, .75);
    transform: translateY(100%);
    transition: transform .5s ease-in-out;
}
.exhibition .joSitemap.active {
    transform: translateX(0%);
}
.exhibition .joSitemap-container {
    list-style-type: none;
}
.exhibition .joSitemap-item {
    cursor: pointer;
    padding: 15px;
}
.exhibition .sitemap-slick-item {
    position: relative;
    cursor: pointer;
    outline: none;   /* padding: 15px 7.5px; */
}
.exhibition .sitemap-slick-item img {
    width: 100%;
    height: 100%;    /* height: 20vh; */
    object-fit: cover;
}
.exhibition .sitemap-slick-item .img_bg {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.exhibition .sitemap-slick-title {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.exhibition .carousel-sitemap-slick {
    padding-left: 60px;
    padding-right: 60px;
}
.exhibition .carousel-sitemap-slick .slick-arrow {
    position: absolute;
    height: 100%;
    width: 50px;
    font-size: 0;
    background-color: transparent;
    border: none;
    outline: none;
}
.exhibition .carousel-sitemap-slick .slick-arrow:after {
    content: '';
    position: absolute;
    top: calc(50% - 50px);
    left: 0;
    display: block;
    width: 100%;
    height: 100px;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1500px;
    background-position: -993px -65px;
}
.exhibition .carousel-sitemap-slick .slick-arrow.slick-prev:after {
    transform: rotate(180deg);
}
.exhibition .carousel-sitemap-slick .slick-prev {
    display: none;
    left: 0;
}
.exhibition .carousel-sitemap-slick .slick-next {
    right: 0;
    top: 0;
}
.exhibition .carousel-sitemap-slick .sitemap-slick-active .sitemap-slick-title {
    background-color: rgba(0, 0, 0, .2);
}
.exhibition .carousel-sitemap-slick .sitemap-slick-item:hover .sitemap-slick-title {
    background-color: rgba(0, 0, 0, .2);
}
.exhibition .slick-list,
.exhibition .slick-track {
    height: 100%;
}
.slick-slider-v3 .slick-slide {
    height: auto;
}
.exhibition .slick-disabled {
    display: none !important;
}
.sectionLink {
    padding: 15px;
    display: block;
    width: 160px;
    margin: 20px auto;
    border: 1px solid white;
    color: white !important;
}
.section.active .carousel .carousel-item.active .section_img {
    animation: breath 50s ease infinite;
}
.section .carousel .carousel-item.active .section_img {
    animation: breath 50s ease infinite;
}
.exhibition .item .item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: breath 50s ease infinite;
}

/* Sitemap Objekte */
.exhibition .text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.exhibition .chapter {
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
}
.exhibition .chapter .arrowdown .joSprite,
.exhibition .chapter .backlink .joSprite {
    padding: 12px 20px;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-size: 800px;
    background-position: -445px -49px;
}
.exhibition .chapter .arrowdown .joSprite {
    background-position: -556px -49px;
    transform: rotate(90deg);
}
.exhibition .chapter .c-wrap.prev .backlink .joSprite {
    transform: rotateY(180deg);
}
.exhibition .chapter .c-wrap {
    min-width: 0;
    padding: 8px 20px;
    opacity: 0.5;
    transition: opacity .5s ease;
    flex-grow: 1;
    flex-basis: 0;
    overflow: hidden;
}
.exhibition .object-number {
    color: #ffffff;
    background-color: #dd7059;
    padding: 3px 10px;
}
.exhibition .chapter .c-wrap.prev {
    padding-left: 70px;
}
.exhibition .chapter .c-wrap.next {
    padding-right: 70px;
}
.exhibition .chapter .c-wrap:hover,
.exhibition .chapter .c-wrap.current {
    opacity: 1;
}
.exhibition .chapter .c-wrap.current {
    flex: 1;
    background-color: rgba(0, 0, 0, 0.4);
}
.exhibition .chapter h2 {
    margin: 0;
    font-size: 18px;
    padding: 0 0 7px;
    color: #ffffff;
}
.object-view {
    flex: 1;
}
.joSitemap-container {

    /* padding: 0 70px; */
}
.joSitemap-container .slick-slider .sitemap-slick-item {
    padding: 12px 8px;
}
.joSitemap-container .slick-track .sitemap-slick-item:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.4);
}
.object-view.joSitemap-container .sitemap-nr {
    align-self: center;
}
.object-view.joSitemap-container .sitemap-img {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 3px;
    flex: 0 0 30%;
}
.object-view.joSitemap-container .sitemap-title {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}
.object-view.joSitemap-container .sitemap-nr,
.object-view.joSitemap-container .sitemap-title {
    padding: 0 7px;
    font-size: 15px;
}
.exhibition .bg_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 20%;
}
@keyframes breath {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.07);
    }
    100% {
        transform: scale(1);
    }
}
.exhibition .item h3 {
    color: #c7aa37;
}
.item-img-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    z-index: 60;
    font-size: 14px;
}
.exhibition .carousel {
    width: 100%;
    height: 100%;
}
.exhibition .carousel-indicators li {
    position: relative;
}
.exhibition .carousel-indicators li:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    animation: progress linear infinite;
    animation-fill-mode: forwards;
    animation-duration: 0;
    width: 0;
}
.exhibition .carousel-indicators.active li.active:after {
    width: 0;
    background-color: green;
    animation-duration: 5s;
}
@keyframes progress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.exhibition .joTooltip {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-size: 900px;
    background-repeat: no-repeat;
    background-position: -53px -143px;
    display: none;
}
.section.isFirst .sectionInfo-c {
    transition: opacity 2s ease-in-out;
    opacity: 0;
}
.section.isFirst.isFirstActive .sectionInfo-c {
    opacity: 1;
}

/* transition: 1.7s, all, cubic-bezier(0.22, 0.44, 0, 1); */


/*
.joObject_container .joObject {
 background-size: cover;
}
*/

/* .joExhibition_content .section:first-child {
 transform: translateY(-15vh);
}
.joExhibition_content .section:first-child {
 transform: translateY(-15vh);
}
.joExhibition_content .section:first-child .content-wrapper {
 transform: translateY(15vh);
} */
.exhibition .img-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.joExhibition_content .section .content-wrapper .sectionInfo-c-content {
    transition: 1.7s all cubic-bezier(0.22, 0.44, 0, 1);
}

/*
 Videoslick title anpassen - overlays haben unterschiedlich große überschriften und abstände
*/

/* Audioplayer allgemein */
.exhibition .audio_multiple {
    margin-top: 0.5vw;
}
.exhibition .audio_multiple .desc-con-audio {
    margin-right: 10px;
}
.exhibition .audio_multiple .desc-con-audio:last-child {
    margin-right: 0;
}
.exhibition .desc-con-audio .audio-intro {
    border-bottom: 2px solid black;
    padding: 1vw 3vw;
    margin: 0 auto;
    font-weight: 500;
}
.exhibition .desc-con-audio .audio-title {
    font-size: 26px;
    margin: 0 0 10px 0;
    text-align: center;
}
.joObject .desc-con-audio .audio-container {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
}
.exhibition .map-audio {
    padding-top: 15px;
}
.exhibition .map-audio .desc-con-audio .audio-container {
    box-shadow: none;
}
.exhibition .audio-btn-group {
    margin-bottom: 20px;
}
.exhibition .audio-btn-group .joSprite {
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-size: 1200px;
    background-repeat: no-repeat;
}
.exhibition .audio-btn-back {
    cursor: pointer;
    margin-right: 20px;
    margin-right: 1vw;
    background-position: -1148px -369px;
}
.exhibition .audio-btn-forw {
    cursor: pointer;
    margin-left: 20px;
    margin-left: 1vw;
    background-position: -1088px -369px;
}
.exhibition .audio-btn-start {
    cursor: pointer;
    background-position: -722px -187px;
}
.exhibition .audio-item.playing .audio-btn-start {
    background-position: -786px -187px;
}
.exhibition .audio-player {
    display: none;
}
.exhibition .progress-wraper {
    max-width: 100%;
    margin: 0 auto;
    width: 150px;
}
.audio-item .progress {
    height: 5px;
    background-color: #000;
}
.exhibition .progress .progress-bar {
    background-color: #dd7059;
}
.exhibition .progress-text {
    font-size: 18px;
    margin-top: 0.10px;
}
.audio-item .audio-btn-forw,
.audio-item .audio-btn-back,
.audio-item .progress-wraper {
    opacity: 0;
    visibility: hidden;
    transition: .5s opacity ease, .5s visibility ease;
}
.exhibition .audio-item.playing .audio-btn-forw,
.exhibition .audio-item.playing .audio-btn-back,
.exhibition .audio-item.playing .progress-wraper {
    opacity: 1;
    visibility: visible;
}
.exhibition .intr > .pd {
    padding: 0 !important;
    color: black;
}
.exhibition .hidden-arrows .slick-arrow {
    display: none !important;
}
.exhibition .view2-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    z-index: 50;
}
.exhibition .view2-overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}
.exhibition .view2-overlay-close {
    position: absolute;
    right: 0.3vw;
    top: 0.3vw;
    width: 1vw;
    height: 1vw;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-position: -17.21vw -0.25vw;
    background-size: 28.4vw;
    cursor: pointer;
    opacity: .75;
}
.exhibition .i-icon {
    /*
    background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
    background-position: -38px -108px;
    background-size: 700px;
    */
    border: 1px solid #000000;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 0;
    background-color: transparent;
    /*
    transition: background-image .5s ease;
    */
}

/* Audioplayer im Sektionsblock - showobject.htmnl */
.section_audio_literature .desc-con-audio .audio-container {
    box-shadow: unset;
}
.section_audio_literature.desc-con-audio{
    background-color: white;
    background-image: none;
}
.section_audio_literature .section_audio_wrapper {
    background-color: #ebd9b7;
    background-image: radial-gradient(circle 100vh at 30% 100%, #ffffff, #ebd9b7);
    padding: 2.5vw 0;
    /*
    box-shadow: 0px 0px 1vw 0px rgba(0, 0, 0, 0.5);
    */
}
.desc-con-audio .audio-title,
.desc-con-audio .audio-intro,
.view_2_alt .desc-con-audio .audio-title {
    margin-bottom: 1vw;
}
.view_2_alt .desc-con-audio .audio-title,
.desc-con-audio .audio-intro {
    font-size: 1.2vw;
}

/* Audioplayer im Objektblock - showobject.htmnl */
.view_2_alt .desc-con-audio .audio-title {
    color: white;
    text-align: center;
    transition: color .5s ease;
    flex: 1;
}
.view_2_alt .audio-container:after,
.audio_overlay_or_slider .audio-container:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition: background-color .5s ease;
}
.view_2_alt .audio-container > *,
.audio_overlay_or_slider .audio-container > * {
    position: relative;
    z-index: 10;
}
.audio_overlay_or_slider .audio-container {
    color: white;
    position: relative;
}
.exhibition .audio_overlay_or_slider .audio-btn-group .joSprite {
    background-image: url(../../Images/sprite_portal_white.svg);
}
.view_2_alt .audio_multiple .desc-con-audio {
    padding-right: 2vw !important;
    min-width: 33.333%;
}
.view_2_alt .audio_multiple .desc-con-audio:last-child {
    padding-right: 0 !important;
}
.view_2_alt .audio-container {
    padding: 1vw;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    background: linear-gradient(190deg, rgb(217 210 210) 0%, rgba(147, 147, 147, 1) 100%);
    background-size: cover;
    background-size: auto 120%;
    background-position: center;
    transition: background-size .5s ease;
}
.view_2_alt .audio-btn-group .joSprite {
    background-image: url(../../Images/sprite_portal_white.svg);
    transition: background-image .5s ease;
}
.view_2_alt .progress-text {
    color: white;
    transition: color .5s ease;
}
.view_2_alt .audio-container.plr {
    background-size: auto 100%;
}
.view_2_alt .audio-container.plr:after {
    background-color: rgba(0, 0, 0, .1);
}
.view_2_alt .audio-intro {
    padding: 0 0 1vw 0;
}
.view_2_alt .text_wrap .t {
    padding-right: 60px;
    padding-right: 5vw;
}

/* Sektion Literatur */
.section_audio_literature .literature {
    padding-left: 15vw;
    padding-right: 15vw;
}
.section_audio_literature .literature p {
    display: block;
}
.section_audio_literature .literature a {
    color: #000000;
    font-size: 1.2vw;
    font-weight: normal;
    margin-top: 0.5vw;
    display: inline-block;
}
.section_audio_literature .literature a:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: -331px -33px;
    transform: rotate(-45deg);
}
.section_audio_literature .literature h3 {
    padding-bottom: 0;
    font-size: 1.8vw;
}
.section_audio_literature .literature h4 {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}
.section_audio_literature .literature h3,
.section_audio_literature .literature h4 {
    margin-bottom: 1vw;
}
.section_audio_literature .literature h4:after {
    content: "";
    background: black;
    position: absolute;
    height: 1px;
    width: 30%;
    left: 0;
    bottom: 0.8vw;
}
.view_2_alt .video-slick {
    padding-right: 25px;
    padding-right: 2vw;
}

/* Map*/
.exhibition .mapdiv {
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0;
}
.obj-100-map .ol-popup {
    display: block;
    top: unset;
}
.obj-100-map .ol-popup,
.exhibition .ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
    z-index: 99999;
}
.obj-100-map .ol-popup {
    bottom: 55px;
}
.obj-100-map .ol-popup:after,
.obj-100-map .ol-popup:before,
.exhibition .ol-popup:after,
.exhibition .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.obj-100-map .ol-popup:after,
.exhibition .ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: calc(50% - 10px);
    margin-left: 0;
}
.obj-100-map .ol-popup:before,
.exhibition .ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: calc(50% - 10px);
    margin-left: 0;
}
.obj-100-map .ol-popup-closer,
.exhibition .ol-popup-closer {
    color: black;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: -254px 4px / 430px url(../../Images/sprite_portal_white.svg) no-repeat #000;
    border-radius: 50%;
}
.exhibition .ol-popup h3 {
    margin: 0;
    font-size: 20px;
}
.obj-100-map .ol-popup,
.exhibition .ol-popup {
    padding: 10px;
}
div.obj-100-map-popup.ol-popup {
    width: 330px;
    border-radius: 0;
    transform: translateX(-50%);
    left: 0;
}
.obj-100-map-popup-content > h2 {
    font-size: 34px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.obj-100-map-popup-content > h3 {
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    margin-top: 0;
    text-align: left;
}
.obj-100-map-popup-content img {
    width: 100%;
    height: auto;
}
.obj-100-map-popup-content .row {
    margin-top: 15px;
    margin-bottom: 15px;
}
.obj-100-map-popup-content .text {
    font-size: 16px;
}
.obj-100-map.map-bild .ol-viewport {
    overflow: visible!important;
}
.exhibition .joLayerContainer {
    top: 140px;
    right: 12px;
    display: none;
}
.exhibition .joLayerContainer button {
    cursor: pointer;
}
.exhibition .joLayerContent {
    display: none;
}
.exhibition .joLayerContent.active {
    display: block;
}
.exhibition .joLayerContent ul {
    list-style: none;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 0;
    background-color: rgba(255, 255, 255, 1);
}
.exhibition .joLayerContent li {
    padding: 5px 10px;
}
.exhibition .joLayerContent input {
    margin-right: 5px;
}
.exhibition .joLayerContent label {
    font-size: 16px;
    margin-bottom: 0;
}
.exhibition .joSitemap-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 40px;
    height: 27px;
    vertical-align: middle;
    margin-right: 10px;
}
body .exhibition .carousel-control-next,
body .exhibition .carousel-control-prev {
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}
.exhibition .joOpener {
    width: 24px;
    height: 50px;
    margin: 20px auto 0;
}
.exhibition .joOpener .joOpener_arrow {
    display: block;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px;
    animation: mouse-scroll 1s infinite;
}
.exhibition .joOpener .joOpener_arrow:first-child {
    margin-top: 1px;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate;
}
.exhibition .joOpener .joOpener_arrow:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px;
}
.exhibition .joOpener .joOpener_arrow:last-child {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px;
}
@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.intro_media {
}

/*
.intro_media {
position: relative;
padding: 25%;
}
.intro_media video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
outline: none;
}
.intro_media_con {
background-color: black;
background-color: white;
}
*/
.aboutproject,
.zitiervorschlag,
.location,
.aco {

    /*
    padding-top: 30px;
    padding-bottom: 30px;
    */
    /* padding-top: 10%;
    padding-bottom: 10%; */
}
.aboutproject h2,
.zitiervorschlag h2,
.location h2,
.aco h2 {
    text-transform: uppercase;
}
.aco .btn {
    box-shadow: none;
}
.aco .card {
    background-color: transparent;
    border: none;
}
.aco .collapse,
.aco .collapsing {
    background-color: white;
}
.aco .card-header {
    padding: 0;
    background-color: transparent;
}
.aco .card-header button {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 25px 25px 25px 0;
    border: none;
    background-color: transparent;
    font-size: 20px;
}
.aco .card-header button:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-color: transparent;
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: -525px -46px;
    transform: rotate(-90deg);
    transition: transform .5s ease;
}
.aco .card-header button.collapsed:after {
    transform: rotate(90deg);
}
.aco .card-body {
    padding: 25px;
}
.aco .jocontainer {
    padding-left: 15px;
    padding-right: 15px;
}

/*
.exhibition.showexhibition .item {
margin-bottom: 30px;
}
*/
.section-link-con {
    position: relative;
    padding: 5% 0;
    background-color: #252525;
}
.section-link-con > * {
    z-index: 1;
}
.section-link-con .tosectionimg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.section-link-con .tosectionimg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}
.tosectionimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tosectiondesc {
    font-size: 40px;
    font-weight: 600;
    margin: 15px auto;
    color: #dd7059;
    text-align: center;
    font-family: var(--font-family-default);
    word-break: break-word;
    hyphens: auto;
}
.content-wrapper.lrn-effect-1 div.obj_txt {
    position: absolute;    /* right: 0; */
    left: 100%;
    top: 0;    /* transform: translateX(150%); 
    transition: transform .5s ease; */
    transition: left .5s ease, right .5s ease;
    background-color: white;
    height: 100%;
    padding: 15px;
    color: black;
}
.joObject.even .content-wrapper div.obj_txt {
    left: unset;
    right: 100%;
}
.video_overlay_or_slider .obj_txt .vid_header {
    margin-bottom: 40px;
    /*
    align-items: center;
    */
}
.content-wrapper.show_text.lrn-effect-1:not(.audio_pl):not(.video_pl) > .obj_txt {
    left: 10vw;
    overflow: auto;
}
.audio_overlay_or_slider .audio_multiple .desc-con-audio {
    margin-bottom: 30px;
}
.audio_overlay_or_slider .audio_multiple .desc-con-audio .audio-intro-btn.i-icon {
    margin-bottom: 15px;
}
.content-wrapper.lrn-effect-1 .audio_overlay_or_slider .obj_txt,
.content-wrapper.lrn-effect-1 .video_overlay_or_slider .obj_txt {
    right: 0;
}
.content-wrapper.lrn-effect-1 .video_overlay_or_slider .obj_txt {
    left: 110%;
}
.content-wrapper.show_text.lrn-effect-1.audio_pl .audio_overlay_or_slider .obj_txt,
.content-wrapper.show_text.lrn-effect-1.video_pl .video_overlay_or_slider .obj_txt {
    left: 10vw;
    right: 0;
    overflow: auto;
}
.joObject.even .content-wrapper.show_text.lrn-effect-1:not(.audio_pl):not(.video_pl) > .obj_txt {
    left: unset;
    right: 10vw;
}
.joObject.even .content-wrapper.show_text.lrn-effect-1.audio_pl .audio_overlay_or_slider .obj_txt {
    left: unset;
    right: 10vw;
}
.joObject.even .content-wrapper.show_text.lrn-effect-1.video_pl .video_overlay_or_slider .obj_txt {
    left: unset;
    right: 10vw;
}

.exhibition .obj_txt-content {
    height: 100%;
}
.content-wrapper.show_text:not(.lrn-effect-2) .obj_txt-dialog {
    opacity: 1;
    transition: opacity .8s ease;
}
.content-wrapper > .row {
    transition: filter .5s ease;
}

/*
.joObject .content-wrapper > .row {
     overflow: hidden; 
width: 100%;
}
*/
.content-wrapper.show_text:not(.lrn-effect-2) > .row {
    filter: blur(20px);
}
.exhibition .obj_txt .close {
    position: absolute;
    right: 15px;
    top: 15px;
    outline: none;
    z-index: 10;
}
.exhibition .obj_txt .close > span {
    outline: none;
}
.content-wrapper > .closer {
    position: absolute;
    height: 100%;
    width: 10vw;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}
.content-wrapper.show_text:not(.lrn-effect-2) > .closer {
    visibility: visible;
    opacity: 1;
}
#obj-next .content-wrapper {
    align-items: center;
    justify-content: center;
	padding: 0 50px;
}
.joObject.even .content-wrapper > .closer {
    left: unset;
    right: 0;
}
.exhibition .obj-buttons .btn-jo {
    color: #fff;
    background-color: black;
    border: none;
    margin-bottom: 1px;
    outline: 0;
    box-shadow: none !important;
    border-radius: 2px;
}
.togglefullscreen_ex > span,
.toggletext > span,
.img_zoom_in > span,
.img_zoom_out > span,
.closescreen > span {
    background-image: url(../../Images/sprite_portal_white.svg);
    width: 40px;
    height: 40px;
    color: transparent;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    background-size: 900px;
    background-repeat: no-repeat;
}
.exhibition .toggletext > span {
    background-position: -589px -49px;
}
.exhibition .togglefullscreen_ex > span {
    background-position: -361px -272px;
}
.exhibition .togglefullscreen_ex.in_fullscreen > span {
    background-position: -453px -271px;
}
.exhibition .img_zoom_in > span {
    background-position: -720px -1px;
    background-size: 800px;
}
.exhibition .img_zoom_out > span {
    background-position: -679px -80px;
    background-size: 800px;
}
.exhibition .closescreen > span {
    background-position: -542.5px -3px;
}
.exhibition .obj-buttons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s ease, visibility .5s ease;
}
.joObject.clicked .obj-buttons {
    visibility: visible;
    opacity: 1;
}
.joObject.obj_fullscreen .content-wrapper {
    transform: translateY(0vh) !important;
}
.obj-buttons .togglefullscreen_ex,
.obj-buttons .img_zoom_in,
.obj-buttons .img_zoom_out,
.obj-buttons .closescreen {
    right: 0;
    padding: 0;
    font-size: 0px;
}



.exhibition .nextsection .object_img {
    width: auto;
    height: auto;
    padding: 30px;
}
.exhibition .nextsection .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.nextsection .image::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
}
.exhibition .nextsection {
    text-align: center;
    color: white;
}
.exhibition .nextsection .nextintro {
    font-size: 26px;
    font-weight: 500;
    padding: 30px;
}
.exhibition .nextsection .text-wrap {
    display: inline-block;
    min-width: 50%;
    /*
    border-top: 3px solid #dd7059;
    */
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 10;
    position: relative;
}
.exhibition .nextsection .text-wrap > a {
    display: inline-block;
    margin-top: 0px;
    position: relative;
}
.exhibition .nextsection .text-wrap .sectionInfo-c-btn-icon {
    width: 60px;
    height: 60px;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1600px;
    background-position: -1130px -92px;
}
.exhibition .nextsection .text-title h2 {
    font-size: 24px;
    margin: 1vw 0 2vw;
}
.exhibition .zitat_21 .object_img {

    /*
    width: 100%;
    height: 100%;
    */
}
.obj-control {
    display: flex;
    position: absolute;
    bottom: 6%;
    right: 6%;
}
.obj-control > div {
    margin-right: 5px;
    color: black;
    cursor: pointer;
}
.joSitemap .sitemap-icon-container {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    right: 15px;
    transform: translateY(-100%);
}
.exhibition .sitemap-icon {
    background-image: url(../../Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -404px -155px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
.joSitemap.active .sitemap-icon {
    background-position: -605px -5px;
}
.obj_txt-content .left-side {
    overflow: auto;
    border-right: 1px solid rgba(0, 0, 0, .1);
}
.right-side h4:not(:first-child) {
    margin-top: 20px;
}
.joCollapse-link {
    display: inline-block;    /* width: 100%; */
    text-align: left;
    position: relative;
    margin-top: 20px;
    font-size: 20px;
    color: black;
}
.joCollapse-link:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -35px;
    top: calc(50% - 15px);
    background-image: url(../../Images/sprite_portal_black.svg);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: -360px -1px;
    transform: rotate(180deg);
    transition: transform .5s ease;
}
.content_wrap a.joCollapse-link {
    color: black;
}
.joCollapse-link.collapsed:after {
    transform: rotate(45deg);
}
.joCollapse-content {
    padding: 15px 0;
    font-size: 16px;
}
.obj_txt-header .modal-title {
    margin-top: 0;
    font-size: 20px;
}
.exhibition .gnd-list .link_external {
    position: relative;
}
.exhibition .gnd-list .link_external:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-image: url(../Images/dnb_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 10px;
}
.exhibition .right-side .link_external,
.exhibition .left-side a {
    color: #dd7059;
}
.exhibition .overview-icon-container {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -15px;
    cursor: pointer;
    right: 65px;
    transform: translateY(-100%);
}
.exhibition .overview-link {
    display: block;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -6px -355px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
#overview-container {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    overflow: auto;
    /*
    background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -905px -155px;
    */
}
.exhibition .overview-closer {
    position: absolute;
    right: 15px;
    top: 70px;
    width: 40px;
    height: 40px;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -605px -6px;
    cursor: pointer;
}
.load_section::before,
.load_section::after {
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: 3;
    position: absolute;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    transform: scale(0);
    transition: 0.7s;
}
.load_section::before {
    border-bottom: 2px solid #dd7059;
    border-left: 2px solid #dd7059;
    transform-origin: 0 100%;    /* transform-origin: 100% 0%; */
}
.load_section::after {
    border-top: 2px solid #dd7059;
    border-right: 2px solid #dd7059;
    transform-origin: 100% 0%;    /* transform-origin: 0% 100%; */
}
.load_section:hover::after,
.load_section:hover::before {
    transform: scale(1);
}
.exhibition.showexhibition .more_link {
    display: none;
}
.content_wrap .content-text a {
    color: black;
}
.literature > * {
    width: 100%;
}
.map-overlay,
.map-overlay2 .map-overlay2-con {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    cursor: pointer;
}
.map-overlay {
    padding-left: 50px;
    padding-right: 50px;
}
.singleitem .map-overlay2 .map-overlay2-con {
    margin-top: 5px;
}
.map-overlay2 .map-overlay2-con .item-container {
    cursor: initial;
    max-width: 90vw;
}
.exhibition .map-closer {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 95px;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: -605px -5px;
    background-color: rgba(0, 0, 0, .3);
    z-index: 15;
    cursor: pointer;
}
.exhibition .ol-zoom {
    top: 95px;
}
.exhibition .ol-attribution {
    right: unset;
    left: .5em;
}
.exhibition .ol-attribution a {
    color: #007bff;
}

/* Betrifft nur die einführende Sektion in der Objektansicht */
.section_entry_image > .content-wrapper,
.section_entry_description > .content-wrapper {
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}
.section_entry_description > .content-wrapper {
    padding: 30px;
    background-color: white;
}
.section_entry_description > .content-wrapper > .content-text {
    border-top: 3px solid #dd7059;
    border-bottom: 3px solid #dd7059;
    padding: 2vw 0;
}
.exhibition .obj_teaser_txt,
.exhibition .description,
.exhibition .literature {
    font-size: 1vw;
}
.img_cap_desc .asset_desc,
.view_default .description {
    font-size: 16px;
}
.exhibition .right-side {
    padding-top: 15px;
    padding-bottom: 15px;
}
.exhibition .left-side .obj_txt-body {
    font-size: 16px;
}
.exhibition .right-side h4 {
    font-size: 20px;
}
.exhibition .right-side span,
.exhibition .right-side a {
    font-size: 16px;
}
.joObject .text-title h3 {
    margin-bottom: 15px;
    padding-bottom: 0;
    font-size: 26px;
}
.exhibition .video-slick-title h3 {
    font-size: 26px;
    font-weight: 600;
}
.exhibition .video-slick-title .view2-overlay-text {
    color: black;
}

/* Karte */
html .exhibition .subtype10 {
    padding: 0;
    justify-content: flex-start;
}
html .exhibition .subtype10 .map-overlay {
    padding: 2vw;
    color: #ffffff;
}
html .exhibition .singleitem.subtype10 .map-overlay,
html .exhibition .singleitem .subtype10 .map-overlay {
    top: 5px;
    padding-right: 20vw;
}
html .exhibition .subtype10 .advice {
    padding: 1vw 0;
    font-size: 1vw;
}
.exhibition .img-load-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10000;
}
.exhibition .img-load-overlay .loader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.content-wrapper.subtype50 {
    background-color: white;
}
.content-wrapper.subtype50 .desc-con-audio {
    width: 100%;
    color: black;
    text-align: center;
}
.content-wrapper.subtype50 .audio-container {
    margin: 0 -40px;
}
.exhibition .map-overlay > div,
.exhibition .map-overlay > div > div {
    color: white;
}
.exhibition .map-overlay2 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13;
}
.exhibition .map-overlay2 .map-overlay2-con {
    margin: 0 auto;
    align-items: center;
}
.exhibition .map-overlay2-con > div {
    color: black;
    padding: 30px 20px;
    background-color: white;
    color: black;
    border-radius: 5px;
}
.exhibition .map-overlay2-con .item-container h4 {

    /*
    text-decoration: underline;
    */
}

/* Subtype 61, 62, 63 - Blätterbuch */
.subtype61,
.subtype62,
.subtype63 {
    text-align: center;
    display: flex;
    justify-content: center;
}
.subtype61 .text-wrap,
.subtype62 .text-wrap,
.subtype63 .text-wrap {
    align-items: center;
    justify-content: center;
}
.subtype61 h2,
.subtype62 h2,
.subtype63 h2 {
    font-size: 2.1vw;
    margin: 0 0 1vw;
}
.subtype61 h3,
.subtype62 h3,
.subtype63 h3 {
    font-size: 1.3vw;
    margin: 0.5vw 0 1vw;
}
.subtype61 .image {
    height: 50vh;
    width: 100%;
}
.subtype62 .image,
.subtype63 .image {
    flex: 1;
}
.subtype61 .text_block,
.subtype62 .text_block,
.subtype63 .text_block {
    padding: 0 5vw;
}
.subtype62 .text_block,
.subtype63 .text_block {
    width: 55%;
    text-align: left;
}
.subtype63 .text_block {
    text-align: right;
}
.subtype61 .image .bg_image_div,
.subtype62 .image .bg_image_div,
.subtype63 .image .bg_image_div {
    /*
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.subtype61 .obj_teaser_txt,
.subtype62 .obj_teaser_txt,
.subtype63 .obj_teaser_txt {
    font-size: 1vw;
    line-height: 135%;
    padding: 1.5vw 0;
}
.subtype61 .book-link,
.subtype62 .book-link,
.subtype63 .book-link {
    display: inline-block;
    padding: 1vw 1.5vw;
    border: 1px solid #000000;
}
.subtype62 .book-link,
.subtype63 .book-link {
    padding: 0;
}
.subtype61 .text_block .book-link,
.subtype62 .text_block .book-link,
.subtype63 .text_block .book-link {
    padding: 0.5vw 0.8vw;
    border: 1px solid #ffffff;
    font-size: 1.1vw;
}
.subtype61 .book-con,
.subtype62 .book-con,
.subtype63 .book-con {
    display: flex;    /*
    min-height: 100vh;
    */
    padding: 60px 80px;
    padding: 3vw 4vw;
    align-items: center;
    justify-content: center;
}
.subtype61 .image .book-link,
.subtype62 .image .book-link,
.subtype63 .image .book-link {
    border: none;
}
.book-con.ovl {
    background-color: rgba(0, 0, 0, .3);
    flex: 1;
}
.book-link-con,
.content_wrap .book-link-con .text-title a,
.content_wrap .map-overlay2-con a {
    color: black;
}
.exhibition .item-container a {
    word-break: break-all;
}
.exhibition .map-container {
    flex: 1;
}
.exhibition .slick-nav-item {
    padding: 15px;    /*
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
     border: 1px solid black;
    border-radius: 4px; 
    */
}
.exhibition .video-nav-slick {

    /*
    height: 100%;
    margin: 0;
    */
}
.exhibition .video-nav-slick .slick-slide {
    padding: 10px 0;
    padding: 0.9vw 0;
    border: none;
}
.exhibition .video-nav-slick .slick-slide:first-child {
    margin-top: -60px;
}
.exhibition .video-slick-con {

    /*
    position: relative;
    */
}
.exhibition .video-slick-con .slick-prev,
.exhibition .video-slick-con .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.exhibition .video-slick-con .slick-prev:hover,
.exhibition .video-slick-con .slick-prev:focus,
.exhibition .video-slick-con .slick-next:hover,
.exhibition .video-slick-con .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.exhibition .video-slick-con .slick-prev:hover:before,
.exhibition .video-slick-con .slick-prev:focus:before,
.exhibition .video-slick-con .slick-next:hover:before,
.exhibition .video-slick-con .slick-next:focus:before {
    opacity: 1;
}
.exhibition .video-slick-con .slick-prev.slick-disabled:before,
.exhibition .video-slick-con .slick-next.slick-disabled:before {
    opacity: .25;
}
.exhibition .video-slick-con .slick-prev:before,
.exhibition .video-slick-con .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.exhibition .video-slick-con .slick-prev:before {
    content: '←';
}
.exhibition .video-slick-con .slick-next:before {
    content: '→';
}
.exhibition .video-slick-con .slick-vertical .slick-prev {
    left: 50%;
    top: -25px;
}
.exhibition .video-slick-con .slick-vertical .slick-next {
    top: calc(100% + 25px);
    left: 50%;
}
.exhibition .video-slick-con .slick-vertical .slick-next:before,
.exhibition .video-slick-con .slick-vertical .slick-prev:before {
    background-color: red;
}
.exhibition .video-slick-con .slick-next:before,
.exhibition .video-slick-con .slick-prev:before {
    background-color: green;
}
.exhibition .video-slick-con .slick-vertical .slick-nav-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;    /*
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    */
}
.exhibition .video-slick-con .slick-vertical:after,
.exhibition .video-slick-con .slick-vertical:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    background-color: transparent;
    box-shadow: inset 0px 25px 15px -15px rgb(0 0 0 / 60%);
}
.exhibition .video-slick-con .slick-vertical:after {
    box-shadow: inset 0px -10px 10px 0px rgb(0 0 0 / 60%);
}
.exhibition .video-slick-con .slick-vertical:before {
    top: 0;
    z-index: 1;
}
.exhibition .video-slick-con .slick-vertical:after {
    bottom: 0;
}
.exhibition .video-slick-con .slick-vertical {
    position: relative;
}
/*
.exhibition .embed-responsive::before {
    display: block;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    background-color: transparent;
    box-shadow: inset 0px 25px 15px -30px rgb(0 0 0);
    z-index: 1;
}
*/
.exhibition .slick-slide.slick-current.slick-active > div {
    margin-left: 0px;    /*
    border: 1px solid black;
        border-radius: 4px;
    */
}
.view_2_alt {
    flex: 1;    /*
    border-top: 5px solid white;
    */
}
.exhibition .slick-img-item {
    background-size: contain;
    cursor: pointer;
    height: 12vw;
}
div.joObject .view_2_alt div.text_wrap {
    padding-bottom: 0;
}
.joObject .view_24 img:not(.section_img) {
    object-fit: cover;
}
.exhibition .c-img-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.exhibition .obj_teaser_txt .full {
    display: none;
}
.exhibition .video-btn {
    position: relative;
    /*
    font-size: 0;
    */
    vertical-align: middle;
    margin-left: 0.2vw;
    top: -0.2vw;
}
.exhibition .img-btn {

    /*
    position: absolute;
    left: -35px;
    bottom: 0;
    */
    margin-top: 10px;
}
button:focus {
    outline: none;
}
.view_2_alt .section_img {
    height: unset;
}
.img_g_5 {
    column-gap: 30px;
}
.img_g_5 .txt_wrap .txt_color {
    z-index: 0;
    left: -100px;
    top: -50px;
    bottom: -100px;
    right: -100px;
    background-color: #F5F5F5;
}
.img_g_5 .txt_wrap .txt {
    z-index: 100;
    padding: 0 0 50px;
}
.img_g_5 .txt_wrap .txt h2 {
    font-size: 27px;
    font-weight: 600;
    font-family: var(--font-family-third) !important;
    margin: 0 0 20px;
}

.joExhibition_content .sectionInfo-c-btn,
.maincolor {
    background-color: #252525;
}
.sectionInfo-c-btn-container::after,
.sectionInfo-c-btn-container::before {
    background-color: #fff;
}
.right-side .link_external,
.left-side a,
.right-side .more-links a,
.content_wrap a.load_section:hover,
.tosectiondesc,
.exhibition .item h3,
.exhibition .sektion-title,
.exhibition.showindex h3,
.maincolorfont {
    color: #dd7059;
}
.exhibition.showall .item .text_layer h3 {
    color: #fff;
}
.right-side .link_external,
.left-side a,
.right-side .more-links a {
    color: #dd7059;
}
.right-side .link_external,
.left-side a,
.right-side .more-links a,
.book-link {
    color: #dd7059;
}
.book-link,
.single .book-link {
    font-weight: 400;
    color: #fff;
}
.content_wrap a.book-link {
    font-weight: 400;
}
.load_section::after,
.load_section::before,
.nextsection .text-wrap,
.summaryContent,
.joObject.desc-con > .content-wrapper > div,
.exhibition .sektion-title,
.joSitemap,
.maincolorborder {
    border-color: #dd7059;
}
.book-link {
    border-color: white;
}
.fontcolor {
    color: #dd7059;
}
.joObject .text_wrap,
.joObject .text-wrap {
    color: white;
}
.obj_teaser_txt p {
    /*
    font-size: 0.95vw;
    line-height: 130%;
    margin-bottom: 1vw;
    */
}

/*   
.joObject > .content-wrapper .pd {
    padding: 40px 60px;
}
*/

/* experiment cr */
.joObject > .content-wrapper .pd {
    /*
    padding: 0;
    */
    padding: 30px;
}
.joObject > .content-wrapper .pd .img-container,
.joObject > .content-wrapper .pd .text_wrap {
    /*
    padding: 40px 60px;
    padding: 4vw 5vw;
    padding: 3vw 4vw;
    */
}

/*
.view_2_alt .audio-container.plr .audio-title,
.view_2_alt .audio-container.plr .progress-text {
color: black;
}
.view_2_alt .audio-container.plr .i-icon,
.view_2_alt .audio-container.plr .audio-btn-group .joSprite {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_black.svg);
}
*/
.exhibition .video-poster-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.exhibition .video-poster-overlay:before,
.exhibition .video-nav-slick.slick-vertical .slick-img-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .1);
}
.exhibition .video-poster-overlay:after,
.exhibition .video-nav-slick.slick-vertical .slick-img-item:after {
    content: '';
    position: absolute;
    width: 3vw;
    height: 3vw;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-size: 1200px;
    background-size: 95vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: -57.5vw -15.2vw;
}
.book {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.bb-bookblock {
    width: 100%;
    height: 100%;
}
.bb-bookblock img {
    width: auto;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}
.bb-bookblock nav {
    text-align: center;
}
.bb-custom-side a {
    display: flex;
    width: 100%;
    height: 100%;
}
.bb-item .bb-custom-side:first-child a,
.bb-page .bb-inner .bb-custom-side:first-child a {
    justify-content: flex-end;
}
.bb-item .bb-custom-side:last-child a {
    justify-content: flex-start;
}
.bb-item .bb-custom-side:first-child img,
.bb-page .bb-inner .bb-custom-side:first-child img {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.bb-item .bb-custom-side:last-child img,
.bb-page .bb-inner .bb-custom-side:last-child img {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.bb-page .bb-inner {
    display: flex;
}
.book-out {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    height: calc(100vh - 6vw);
}
.book-out.active {
    display: block;
}
.book-out.active .frame-type-list {
    visibility: visible;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.bb-item,
.bb-overlay,
.bb-content,
.bb-flipoverlay,
.bb-custom-side {
    background: transparent;
}
.book-closer {
    position: absolute;
    width: 3vw;
    height: 3vw;
    right: 0;
    top: 0;
    background-image: url(../../Images/sprite_portal_white.svg);
    background-size: 60vw;
    background-position: -36vw 0vw;
    cursor: pointer;
    transform: translateX(100%);
}
.map-overlay2-con .book-closer {
    width: 40px;
    height: 40px;
    background-size: 1000px;
    background-position: -605px -5px;
    top: 46px;
    right: -6px;
}
.book-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-color: transparent;
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: -6px -86px;
}
.book-con .back {
    top: 30px;
}
.map-overlay2-con.bkl .book-con .back {
    top: 80px;
}
.soloview .single-logo,
.soloview .content-wrapper > .main_title {
    display: none;
}
.exhibition .map-overlay2-con {
}
.exhibition .map-overlay2-con.bkl > div {
    width: 100vw;
    height: 100vh;
    overflow: auto;
    padding: 0;
}
.exhibition .map-overlay2-con > .frame-default.frame-type-list {
    overflow: auto;
    cursor: initial;
}
.exhibition .map-overlay2-con .book-con {
    min-width: 85vw;
}
.bk-link {
    display: inline-block;
}
.exhibition .strich:after {
    content: '';
    border-bottom: 1px solid black;
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 35%;
}
.content_wrap .map-overlay2-con.bkl a.book-link {
    color: white;
}
.ol-control.ol-zoom {
    right: 15px;
    left: unset;
    top: 140px;
    margin: 0;
    padding: 0;
}
.exhibition div.ol-zoom .ol-zoom-in,
.exhibition div.ol-zoom .ol-zoom-out {
    width: 40px;
    height: 40px;
    border-radius: 0;
    margin: 0;
    font-size: 40px;
}
.exhibition div.ol-control,
.exhibition div.ol-control:hover {
    background-color: transparent;
}
.exhibition div.ol-control button {
    width: 40px;
    height: 40px;
    border-radius: 0;
}
.exhibition div.ol-control button,
.exhibition div.ol-control button:hover,
.exhibition div.ol-control button:focus {
    /*
    background-color: rgba(0, 0, 0, .3);
    */
    background-color: rgba(0, 0, 0, 1);
}
.sectionTitle-container h3 {
    margin: 0 auto;
}
.exhibition .single a {
    font-weight: 600;
    color: black;
    text-decoration: none;
}
.exhibition .single a:hover {
    text-decoration: none;
}
.exhibition .video-popup {
    width: 100%;
    height: 300px;
}
.exhibition .video-popup .embed-responsive {
    width: 100%;
    height: 100%;
}
.exhibition .mapdiv .ol-attribution {
    right: unset;
    left: 15px;
    bottom: 15px;
}
.exhibition.showall .view_default,
.exhibition.showall .view_6col {
    height: 50vh;
}
.exhibition.showall .more_link {
    display: block;
    width: 100%;
    height: 100%;
}
.exhibition.showall .h2 {
    padding-left: 20px;
    padding-right: 20px;
}
.exhibition .header {
    position: relative;
}
.exhibition .header .header_img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.exhibition .header:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
}
.exhibition .joNewsBack a {
    color: black;
}
.exhibition header h2 {
    font-size: 40px;
    font-family: var(--font-family-default);
    padding: 60px 0;
    text-align: center;

    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.frame-space-after-medium {
    margin-bottom: 50px;
}
.aboutproject h2:before,
.zitiervorschlag h2:before,
.location h2:before,
.aco h2:before {
    content: "";
    background: black;
    position: absolute;
    height: 2px;
    width: 80px;
    bottom: -5px;
}
.exhibition .summary {
    position: relative;
    padding-bottom: 110px;
    padding-top: 110px;
}
.exhibition .summaryArrow {
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 50px;
    width: 50px;
    height: 50px;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-color: transparent;
    background-size: 1000px;
    background-repeat: no-repeat;
    background-position: -650px -50px;
    transform: rotate(90deg);
    cursor: pointer;
}
.exhibition .summaryContent {
    font-size: 20px;
    border-top: 3px solid #dd7059;
    border-bottom: 3px solid #dd7059;
    padding: 30px 0;
    text-align: center;
}
.load_section {
    position: relative;
    transition: color .5s, border .5s;
}
.exhibition .content_wrap a.load_section:hover {
    border: 2px solid rgba(0,160,80,0);
    color: #dd7059;
}
.exhibition .content_wrap {
    padding-bottom: 659px;
}
.exhibition .joOpener {
    cursor: pointer;
}
.exhibition.showexhibition .item.teasertext {
    border-bottom: 0;
}
.subtype20 {
    /*
    padding: 60px 70px;
    */
}
a.back-to-top {
    display: none;
}
.footer-outer {
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
.joObject .text-title h3:after {
    content: "";
    background: white;
    position: absolute;
    height: 1px;
    width: 30%;
    left: 0;
    bottom: 2px;
}
.exhibition .aboutproject h2,
.exhibition .zitiervorschlag h2,
.exhibition .location h2,
.exhibition .aco h2 {
    position: relative;
}
.exhibition .aboutproject h2:before,
.exhibition .zitiervorschlag h2:before,
.exhibition .location h2:before,
.exhibition .aco h2:before {
    content: "";
    background: black;
    position: absolute;
    height: 2px;
    width: 80px;
    bottom: -5px;
}
.exhibition .desc-con-audio .audio-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.jocontainer,
.tosectiondesc {
    padding-right: 20px;
    padding-left: 20px;
}
.iiifderivat-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}
.iiifderivat {
    height: 100%;
    width: 100%;
}
.slick-slider-v3 .list-unstyled {
    font-size: 14px;
}
.slick-slider-v3 .description h3 {
    font-size: 21px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: left;
}
.slick-slider-v3 .slick-arrow {
    position: absolute;
    right: 0;
    left: unset;
    bottom: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    background-color: #f5f5f5;
    border: 0;
    opacity: 1;
}
.slick-slider-v3 .slick-arrow.slick-prev {
    right: 40px;
}
.slick-slider-v3 .slick-arrow:before {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000000;
    border-style: solid;
    border-width: 11px 0 11px 12px;
    border-color: transparent transparent transparent #000000;
}
.slick-slider-v3 .slick-arrow.slick-prev:before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.slick-slider-v3 .slick-arrow:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000000;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #ffffff;
}
.slick-slider-v3 .slick-arrow.slick-prev:after {
    transform: translate(-50%, -50%) rotate(180deg);
}
.slick-slider-v3 .slick-arrow:hover:after {
    border-color: transparent transparent transparent #000000;
}
.slick-slider-v3 .slick-arrow.slick-next:before {

}
.slick-slider-v3.slick-text .slick-arrow {
    bottom: 0;
    transform: translateY(100%);
}
.slick-slider-v3.slick-text ~ .sliderCount {
    margin-top: 45px;
}
.slick-slider-v3 .slick-arrow:before,
.slick-slider-v3 .slick-arrow:after {
    transition: all .2s ease;
}
.slick-slider-v3 img {
    width: 100%;
    height: auto;
}
.template_41_view_1 .img_wrap {
    overflow: hidden;
    background-size: cover;
}
.ovly {
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 50px;
    font-weight: 500;
    font-size: 18px;
    opacity: 0;
    transition: all .3s ease;
}
.img_wrap .ovly .asset_desc {
    font-weight: 500;
}
.img_wrap:hover .ovly {
    opacity: 1;
}
.obj_view_3 .text-wrapper {
    padding: 50px 50px 0 50px;
}
.obj_view_3 > .row {
    padding: 50px 0;
}
.obj_view_3 > .row > div {
    padding-left: 0;
    padding-right: 0;
}
.obj_view_10 .view_default {
    margin-left: -10px;
    margin-right: -10px;
}
.obj_view_10 .view_default.flyingText {
    margin-left: 0;
    margin-right: 0;
}
.obj_view_10 .view_default > .col-md-3,
.obj_view_10 .view_default > .col-md-4,
.obj_view_10 .view_default > .col-md-6 {
    padding: 10px;
}
.obj_view_10.padding_4 .view_default,
.obj_view_10.padding_5 .view_default {
    margin-left: 0;
    margin-right: 0;
}
.obj_view_10.padding_4 .view_default > .col-md-3,
.obj_view_10.padding_5 .view_default > .col-md-3 {
    padding: 0;
}
.img-metadata-wrapper-overflow {
    /*
    width: 100%;
    */
    height: 400px;
}
.img-metadata-wrapper {
    position: relative;
}
.img_info-wrapper {
    position: absolute;
    right: 15px;
    top: 0;
}
.items-with-carousel .img_info-wrapper .img_info-icon,
.more_info-wrapper .img_info-icon {
    display: none;
}
.more_info-wrapper:not([data-lbcarousel]) > .img_info-wrapper .img_info {
    top: 50px;
    right: 50px;
}
.obj_view_3 .flex-row-reverse .img_info-wrapper {
    right: unset;
    left: 15px;
}
.obj_view_10 .view_2 .img_info-wrapper {
    right: 0;
}
.obj_view_10 .view_default .img_info-wrapper {
    right: 0;
    top: 0;
    background-color: white;
}
.obj_view_10 .view_default .col-md-4 .img_info-wrapper,
.obj_view_10 .view_default .col-md-6 .img_info-wrapper {
    right: 10px;
    top: 10px;
}
.obj_view_10.padding_4 .view_default > .col-md-3 .img_info-wrapper,
.obj_view_10.padding_5 .view_default > .col-md-3 .img_info-wrapper {
    right: 0;
    top: 0;
}
.img_info-icon {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 5;
    background: -38px -108px / 700px url('../../Images/sprite_portal_black.svg') no-repeat;
}
.img_info {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 20px;
    min-width: 300px;
    z-index: 5;
    font-size: 16px;
}
.img_info a {
    color: black;
    text-decoration: underline;
    font-weight: 400!important;
}
.obj_view_3 .flex-row-reverse .img_info {
    right: unset;
    left: 0;
}
.img_info h3 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
}
.img-metadata-wrapper {
    padding-right: 50px;
    padding-left: 50px;
}
.poster-item {
    position: absolute!important;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    cursor: pointer;
    object-fit: cover;
}
.video-item iframe,
.video-bg_item iframe {
    background-color: black;
}
.audio-wrapper {
    position: relative;
}
.audio-control {
    padding: 20px 5px;
    max-width: 482.33px;
    margin: 0 auto;
}
.audio-control .control-c {
    display: flex;
    justify-content: center;
}
.audio-control .control-c > div {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-size: 700px;
    background-repeat: no-repeat;
}
.audio-control .control-c .item-start {
    background-size: 1100px;
    background-position: -664px -175px;
}
.audio-control.playing .control-c .item-start {
    background-position: -722.5px -175px;
}
.audio-control .control-c .c-back-icon {
    margin-right: 5px;
    background-position: -858px -273px;
    background-size: 900px;
}
.audio-control .control-c .c-forw-icon {
    margin-left: 5px;
    background-position: -815px -273px;
    background-size: 900px;
}
.audio-control .c-time-c {
    display: none;
}
.a-progress-wraper {
    display: flex;
    flex-wrap: wrap;
}
.audio-control .progress-text {
    font-size: 14px !important;
    margin-top: 0 !important;
    flex: 0 0 55px;
    max-width: 55px;
}
.audio-control .progress {
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    top: 9px;
    position: relative;
}
.custom-wrapper-class {
    width: 100%;
    height: 100%;
}
/*** Lightbox ***/
.items-with-carousel {
    display: none;
    background-color: #F8DDC1;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    z-index: 999;
    padding: 10px;
    overflow-y: auto;
}
.items-with-carousel .carousel,
.items-with-carousel .carousel-inner,
.items-with-carousel .carousel-item {
    height: 100%;
}
.more_info-wrapper {
    display: none;
    background-color: #F8DDC1;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    z-index: 999;
    padding: 10px;
    overflow: auto;
}
.items-with-carousel .more_info-wrapper {
    display: block;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    padding: 0;
}
.moreinfo-trigger {
    cursor: pointer;
}
.more_info-wrapper .row {
    height: 100%;
    align-items: center;
}
.more_info-info,
.more_info-zoomin,
.more_info-zoomout,
.more_info-closer {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 8px;
    right: 5px;
    border: none;
    background: -423px -1px / 700px url('../../Images/sprite_portal_black.svg') no-repeat;
    z-index: 99999999;
}
.more_info-zoomin {
    right: 40px;
    background: center / 24px url('../../Images/zoomin.svg') no-repeat;
}
.more_info-zoomout {
    right: 70px;
    background: center / 24px url('../../Images/zoomout.svg') no-repeat;
}
.more_info-info {
    right: 105px;
    background-position: -39px -115px;
    background-size: 750px;
}
.more_info-wrapper .more_info {
    padding: 20px 10px;
    font-size: 18px;
}
.more_info-wrapper .more_info a {
    position: relative;
    color: #000;
    font-weight: 600;
    padding-right: 20px;
}
.more_info-wrapper .more_info a:hover {
    text-decoration: underline;
}
.act-iif-img,
.act-iif-img-wrapper,
.more_info-wrapper .act-dragg,
.more_info-wrapper .act-dragg-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
}
.with_asset_desc .act-iif-img-wrapper,
.more_info-wrapper .with_asset_desc .act-dragg-wrapper {
    height: calc(100% - 65px);
    overflow: hidden;
}
.more_info-wrapper .with_asset_desc .asset_desc {
    text-align: center;
    padding-top: 15px;
    overflow: auto;
}
.more_info-wrapper .with_asset_desc .asset_desc a {
    color: black;
    text-decoration: underline;
}
.more_info-wrapper .row .more_info-img img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}
.items-with-carousel .more_info-wrapper .more_info-info,
.items-with-carousel .more_info-wrapper .more_info-zoomin,
.items-with-carousel .more_info-wrapper .more_info-zoomout,
.items-with-carousel .more_info-wrapper .more_info-closer {
    display: none;
}
.carousel-control-next,
.carousel-control-prev {
    z-index: 99999;
    width: 50px;
    opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 34px;
    height: 34px;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' opacity='1' fill='none' stroke='%23000' stroke-width='2.5' viewBox='0 0 24 24'%3e%3cpath d='M9 3l10 10-10 10'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' opacity='1' fill='none' stroke='%23000' stroke-width='2.5' viewBox='0 0 24 24'%3e%3cpath d='M15 3l-10 10 10 10'/%3e%3c/svg%3e");
}
body,
.more_info-img,
.act-dragg,
.small_img {
    touch-action: none;
}
.flyingText .description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.joCol {
    column-gap: 30px;
}
.col-amount-1,
.col-amount-2,
.col-amount-3,
.col-amount-4 {
    columns: 1 auto;
}
.obj-timeline {
    position: relative;
    margin: 0 auto;
    padding-top: 130px;
}
.obj-timeline::after {
    content: '';
    position: absolute;
    width: 3px;
    background-color: #9F9F9F;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}
.obj-timeline-item {
    padding: 10px 45px;
    position: relative;
    background-color: white;
    z-index: 5;
}
.obj-timeline .obj-timeline-item {
    padding: 0;
    margin-bottom: 60px;
}
.obj-timeline-content {
    position: relative;
    padding: 20px 30px;
}
.obj-timeline-content .title-wrapper,
.obj-timeline-content h2 {
    position: relative;
    margin-top: 0;
}
.obj-timeline-content .date-year {
    display: block;
}
.obj-timeline-content img {
    width: 100%;
    max-width: 400px;
    height: 200px;
    object-fit: cover;
}
.obj-timelineAlt-line {
    list-style: none;
    width: 100%;
    margin: 40px auto 300px;
}
.obj-timelineAlt-line li {
    margin: 0 auto 30px;
    position: relative;
    padding-bottom: 1px;
}
.obj-timelineAlt-line li:not(.tents-item):not(.fives-item)::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #7D7D7D;
    width: 27.7px;
}
.obj-timelineAlt-line li.fives-item::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid black;
    width: 29.87px;
}
.obj-timelineAlt-item-wrapper {
    /* position: absolute; */
    /* width: 50%; */
    /* left: 0; */
    /* top: -105px; */
    z-index: 5;
}
.obj-timelineAlt-item-wrapper.timeright {
    left: 50%;
}
.obj-timelineAlt-item {
    position: relative;
    padding: 30px 0;
}
.dt-year {
    text-align: center;
}
/*
.obj-timeline-item ~ .obj-timeline-item,
.obj-timeline-item ~ .obj-timeline-item .obj-timeline-content,
*/
.obj-timelineAlt-item ~ .obj-timelineAlt-item,
.obj-timelineAlt-item ~ .obj-timelineAlt-item .obj-timeline-content {
    padding-top: 0;
}
.obj-timeline .obj-timeline-content h2 {
    padding-bottom: 7px;
    text-align: center;
}
.obj-timeline-more-link {
    font-weight: 600;
}
.video-player-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    overflow: auto;
}
.video-player-overlay-box {
    max-width: 590px;
    height: auto;
    padding: 50px;
    background-color: #ffffff;
    font-size: 18px;
    line-height: 28px;
}
.video-player-overlay-box p {
    margin-bottom: 25px;
}
.video-player-overlay-box a {
    font-weight: bold;
    padding-bottom: 3px;
    color: #257DA2;
    background: -webkit-gradient(linear, left top, left bottom, from(#d3e5ec), to(#d3e5ec));
    background: linear-gradient(to bottom, #d3e5ec 0%, #d3e5ec 100%);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    background-position: left 85%;
}
.video-player-overlay-btn {
    font-weight: 700;
    position: relative;
    line-height: 45px;
    white-space: nowrap;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 2px solid #000000;
    background-color: white;
    transition: all 0.3s ease;
}
.video-player-overlay-btn span {
    font-weight: 700;
}
.video-player-overlay-btn:hover {
    background-color: #000000;
    color: #ffffff;
}
.video-player-overlay-btn .icon-play {
    width: 8px;
    height: 10px;
    background-image: url(../../Images/sprite_portal_black.svg);
    background-size: 380px;
    background-repeat: no-repeat;
    background-position: -44px -62px;
}
.video-player-overlay-btn:hover .icon-play {
    background-image: url(../../Images/sprite_portal_white.svg);
}
.initialfade {
    transform: translateY(10vw);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
}
.initialfade.active {
    transform: translateY(0);
    opacity: 1;
}
.effect_class_3 .flex-md-row .images,
.effect_class_3_1 .flex-md-row .images,
.effect_class_10 > .flex-row-reverse.view_1 > img {
    transform: translateX(20vh);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
    transition-delay: .3s;
}
.effect_class_3 .flex-md-row .images.active,
.effect_class_3_1 .flex-md-row .images.active,
.effect_class_10 > .flex-row-reverse.view_1 > img.active {
    transform: translateX(0);
    opacity: 1;
}


.effect_class_10 .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap:last-of-type {
    transform: translate(150px, 0);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
    transition-delay: .3s;
}
.effect_class_10 .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap.active:last-of-type {
    transform: translate(0, 0);
    opacity: 1;
}


.effect_class_10 .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap:first-of-type {
    transform: translateX(-20vh);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
    transition-delay: .3s;
}
.effect_class_10 .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap.active:first-of-type {
    transform: translateX(0);
    opacity: 1;
}
.effect_class_3 .flex-md-row-reverse .images,
.effect_class_10 > .view_1:not(.flex-row-reverse) > img {
    transform: translateX(-20vh);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
    transition-delay: .3s;
}
.effect_class_3 .flex-md-row-reverse .images.active,
.effect_class_10 > .view_1:not(.flex-row-reverse) > img.active {
    transform: translateX(0);
    opacity: 1;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.obj-100-map-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ol-zoom,
.ol-rotate {
    display: none;
}
/*
.iiif-img-div {
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
*/
.iiif-img-div {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.iiif-img-div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.videolist-wrapper {
    /*
    padding: 20px;
    background-color: #f8f9fa;
    */
}

/* Großes Video */
.videolist-bigvideo {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 20px; */
    padding-left: 0;
    padding-right: 0;
}
.videolist-bigvideo-item {
    display: none;
    position: relative;
    overflow: hidden;
    background: #000;
}
.videolist-bigvideo-item.active {
    display: block;
}

/* Overlay mit Hinweistext */
.video-data-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 5;
}

.video-data-box {
    /* max-width: 600px; */
    /* width: 100%;
    height: 100%; */
    z-index: 999;
}
.video-data-box a {
    color: white;
}
.video-data-btn {
    border: none;
    width: 85px;
    height: 85px;
    font-size: 0;
    cursor: pointer;
    background: center / contain url(../../Icons/play_button.svg) no-repeat transparent;
}
.video-data-box .notice {
    position: absolute;
    bottom: -68px;
    left: 0;
    background: rgba(000, 000, 000, 0.7);
    backdrop-filter: blur(5px);
    padding: 10px 20px;
    opacity: 0;
    transition: bottom .6s ease-in-out, opacity .4s linear;
    font-size: 16px;
}
.video-data-box .button-wrap:hover ~ .notice {
    bottom: 0;
    opacity: 1;
}

/* Video-Liste */
.videolist-list {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    max-height: none;
    overflow-y: visible;
    background: #f5f5f5;
}
.videolist-list-item {
    flex: 1;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    border: 2px solid transparent;
    background-color: #f5f5f5;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    max-height: 110px;
}
.videolist-list-item:not(:last-of-type):after {
    content: '';
    display: inline-block;
    background: #80808063;
    width: 95%;
    height: 1px;
    bottom: -2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
/*
.videolist-list-item:hover {
    border-color: #007bff;
    background-color: #f0f8ff;
}
.videolist-list-item.active {
    border-color: #007bff;
    background-color: #e7f1ff;
}
*/
.videolist-list-item:hover,
.videolist-list-item.active {
    background-color: #dcdedf;
}
.videolist-list-item h3 {
    font-size: 24px;
    margin: 0;
}
.videolist-list-item p {
    font-size: 14px;
    color: #555;
    margin: 0;
}
.map-text {
    text-align: center;
    font-size: 16px;
}

@media (min-width: 768px) {
    .videolist-wrapper .row {
        display: flex;
        flex-wrap: nowrap;
    }
    .videolist-bigvideo {
        margin-bottom: 0;
    }
    .videolist-list {
        max-height: 500px;
        overflow-y: auto;
    }
}











@media (max-width: 1599px)
{
    .video-player-overlay-box {
        max-width: 500px;
        padding: 30px;
        font-size: 16px;
        line-height: 26px;
    }
    .video-player-overlay-btn {
        font-size: 14px;
        line-height: 32px;
        padding: 0 15px;
    }
}

@media (min-width: 768px)
{
    .img_g_5 .txt_wrap .txt_color {
        top: -100px;
    }
    .effect_class_10 .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap:last-of-type {
        transform: translate(20vh, -250px);
    }
    .effect_class_10 .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap.active:last-of-type {
        transform: translate(0, -250px);
    }
    div.obj-100-map-popup.ol-popup {
        width: 578px;
    }
    .ovly {
        left: 15px;
        right: 15px;
    }
    .more_info-wrapper .with_asset_desc .asset_desc p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
		font-size: 16px;
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 26px;
        height: 26px;
    }
    .more_info-wrapper .row .more_info-img {
        height: 100%;
        overflow: hidden;
    }
    .carousel-control-next {
        right: -50px;
    }
    .carousel-control-prev {
        left: -50px;
    }
    .obj-timelineAlt-item-wrapper {
        position: absolute;
        width: 50%;
        left: 0;
        top: -105px;
        padding: 10px 45px;
        z-index: 5;
    }
    .obj-timeline-item {
        padding: 10px 45px;
        background-color: inherit;
        z-index: initial;
        width: 50%;
        margin-top: -80px;
    }
    .obj-timeline .obj-timeline-item {
        padding: 20px 10px;
        margin-bottom: 0;
    }
    .obj-timeline .obj-timeline-item.timeleft {
        padding: 10px 65px 10px 10px;
    }
    .obj-timeline .obj-timeline-item.timeright {
        padding: 10px 10px 10px 60px;
    }
    .obj-timeline-item.timeleft {
        left: 0;
    }
    .obj-timeline-item.timeright {
        left: 50%;
    }
    .obj-timeline-content .title-wrapper::before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: black;
        left: -40px;
        bottom: -4.5px;
    }
    .timeleft {
        text-align: right;
    }
    .timeleft .obj-timeline-content .title-wrapper::before {
        left: unset;
        right: -40px;
    }
    .obj-timeline-content .title-wrapper::after {
        content: '';
        position: absolute;
        height: 1px;
        width: 60%;
        background-color: black;
        left: -30px;
        bottom: 0px;
    }
    .timeleft .obj-timeline-content .title-wrapper::after {
        left: unset;
        right: -30px;
    }
    .obj-timeline-item-wrapper .obj-timeline-item:not(:first-child) .title-wrapper::after,
    .obj-timelineAlt-item-wrapper .obj-timelineAlt-item:not(:first-child) .title-wrapper::after,
    .obj-timeline-item-wrapper .obj-timeline-item:not(:first-child) .title-wrapper::before,
    .obj-timelineAlt-item-wrapper .obj-timelineAlt-item:not(:first-child) .title-wrapper::before {
        content: none;
    }
    .obj-timeline-content .date-year {
        position: absolute;
        width: 95px;
        text-align: center;
        bottom: 0;
        left: -45px;
        transform: translate(-100%, 50%);
        background-color: white;
        padding: 5px;
        z-index: 5;
    }
    .timeleft .obj-timeline-content .date-year {
        left: unset;
        right: -45px;
        transform: translate(100%, 50%);
    }
    .obj-timeline .obj-timeline-content h2 {
        text-align: initial;
    }
    .obj-timeline .timeleft .obj-timeline-content h2 {
        text-align: right;
    }
}
@media (min-width: 992px)
{
    .view_1.flex-row-reverse .img_info-wrapper {
        /*
        right: -35px;
        */
        right: 0;
    }
    .view_1:not(.flex-row-reverse) .img_info-wrapper {
        left: calc(50% - 30px);
        max-width: fit-content;
    }
    .view_1:not(.flex-row-reverse) .img_info-wrapper .img_info {
        left: 0;
    }
    .items-with-carousel {
        padding: 50px;
    }
    .vt_3.slick-slider-v3 .slick-arrow,
    .vt_3.slick-slider-v3 .slick-arrow.slick-prev {
        bottom: 0px;
    }
    .vt_3.slick-slider-v3 .slick-arrow {
        right: 49px;
    }
    .vt_3.slick-slider-v3 .slick-arrow.slick-prev {
        right: 89px;
    }
}

@media (min-width: 99768px)
{
    .joSection_container {
        height: 100vh;
    }
    .joSection_container .section_container .section .sectionInfo-c-content {
        opacity: 0;
    }
    .joSection_container .section_container .section.active .sectionInfo-c-content {
        opacity: 1;
    }
    .desc-con-audio .audio-intro {

        /*
        font-size: 24px;
        */
    }
    .joExhibition_content .section,
    .joObject_container .joObject {
        transition: all 1.2s;
        position: fixed;
        height: 130vh;
        transform: translateY(30vh);
        backface-visibility: hidden;
        transition: 1.2s all cubic-bezier(0.22, 0.44, 0, 1);
        overflow: hidden;
    }
    .joExhibition_content .section .content-wrapper,
    .joObject_container .joObject .content-wrapper {
        height: 100vh;
        color: #fff;
        font-family: Montserrat;
        transform: translateY(40vh);
        will-change: transform;
        backface-visibility: hidden;
        transition: 1.7s all cubic-bezier(0.22, 0.44, 0, 1);
    }
    .joExhibition_content .section.up-scroll,
    .joObject_container .joObject.up-scroll {
        transform: translate3d(0, -15vh, 0);
    }
    .joExhibition_content .section.up-scroll .content-wrapper,
    .joObject_container .joObject.up-scroll .content-wrapper {
        transform: translateY(15vh);
    }
    .joExhibition_content .section.up-scroll + .section,
    .joObject_container .joObject.up-scroll + .joObject {
        transform: translate3d(0, 30vh, 0);
    }
    .joExhibition_content .section.up-scroll + .section .content-wrapper,
    .joObject_container .joObject.up-scroll + .joObject .content-wrapper {
        transform: translateY(30vh);
    }
    .joExhibition_content .section.up-scroll .content-wrapper .sectionInfo-c-content,
    .joObject_container .joObject.up-scroll .content-wrapper .sectionInfo-c-content {
        transform: translateY(0);
    }
    .joExhibition_content .section.up-scroll + .section .content-wrapper .sectionInfo-c-content,
    .joObject_container .joObject.up-scroll + .joObject .content-wrapper .sectionInfo-c-content {
        transform: translateY(30vh);
    }
    .joExhibition_content .section.down-scroll,
    .joObject_container .joObject.down-scroll {
        transform: translate3d(0, -130vh, 0);
    }
    .joExhibition_content .section.down-scroll .content-wrapper,
    .joObject_container .joObject.down-scroll .content-wrapper {
        transform: translateY(30vh);
    }
    .joExhibition_content .section.down-scroll + .section:not(.down-scroll),
    .joObject_container .joObject.down-scroll + .joObject:not(.down-scroll) {
        transform: translate3d(0, -15vh, 0);
    }
    .joExhibition_content .section.down-scroll + .section:not(.down-scroll) .content-wrapper,
    .joObject_container .joObject.down-scroll + .joObject:not(.down-scroll) .content-wrapper {
        transform: translateY(15vh);
    }
    .joExhibition_content .section.down-scroll .content-wrapper .sectionInfo-c-content,
    .joObject_container .joObject.down-scroll .content-wrapper .sectionInfo-c-content {
        transform: translateY(15vh);
    }
    .joExhibition_content .section.down-scroll + .section:not(.down-scroll) .content-wrapper .sectionInfo-c-content,
    .joObject_container .joObject.down-scroll + .joObject:not(.down-scroll) .content-wrapper .sectionInfo-c-content {
        transform: translateY(0);
    }
}

@media(min-width: 768px)
{
    .obj-100-map-popup-content .text {
        font-size: 20px;
    }
    .audio-control {
        padding: 10px 5px;
    }
    .col-amount-1 {
        columns: 1 auto;
    }
    .col-amount-2 {
        columns: 2 auto;
    }
    .col-amount-3 {
        columns: 3 auto;
    }
    .col-amount-4 {
        columns: 4 auto;
    }
	.padding_1 {
		padding: 50px 2%;
	}
	.padding_2 {
		padding: 50px 4%;
	}
	.padding_3 {
		padding: 50px 2%;
	}
	.padding_4 {
		padding: 50px 4%;
	}
	.padding_5 {
		padding: 50px 4%;
	}
    .img_wrap .ovly {
        font-size: 22px;
    }
    .exhibition .summaryContent {
        font-size: 28px;
    }
    .exhibition .desc-con-audio .audio-container {
        margin-bottom: 0px;
    }
    .exhibition .obj_txt-content .left-side {
        height: 100%;
    }
    .exhibition .right-side h4 {
        font-size: 1.5rem;
    }
    .obj_txt-header .modal-title {
        font-size: 1.75rem;
    }
    .exhibition .left-side .obj_txt-body,
    .exhibition .right-side span,
    .exhibition .right-side a {
        font-size: 20px;
    }
    .joCollapse-link {
        font-size: 26px;
    }
    .joCollapse-content {
        font-size: 20px;
    }
    .content-wrapper div.obj_txt {
        padding: 120px 70px 30px;
    }
    .content-wrapper.lrn-effect-2 div.obj_txt {
        padding: 0;
    }
    .content-wrapper.lrn-effect-2.show_text .obj_txt {
        /*
        padding: 120px 70px 30px;
        */
        padding: 15px;
    }
    .exhibition .right-side {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .joObject .desc-con-audio .audio-title {
        font-size: 38px;
        margin-bottom: 25px;
    }
    .view_2_alt .desc-con-audio .audio-title {
        font-size: 22px;
    }
    .joObject .section_img {
        /*
        width: auto;
        height: auto;
        max-width: 90%;
        max-height: 90%;
        */
    }
    .exhibition .nextsection .image {
        z-index: 0;
    }
    .exhibition .overview-closer {
        top: 115px;
    }

    



    .exhibition .ls {
        margin: 50px 0 0;
    }
    .exhibition.showexhibition .text_layer h3,
    .exhibition.showall .text_layer h3 {
        font-size: 70px;
    }
    .exhibition.showexhibition .text_layer h4,
    .exhibition.showall .text_layer h4 {
        font-size: 1.5rem;
    }
    .exhibition .sektion-title {
        font-size: 68px;
    }
    .desc-con-audio .content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .exhibition .obj_teaser_txt,
    .exhibition .literature {
        font-size: 18px;
    }
    .zitat_20 h2,
    .zitat_23 h2 {
        font-size: 40px;
    }
    .zitat_20 h3,
    .zitat_23 h3 {
        font-size: 25px;
    }
    .joObject .text-title h3,
    .desc-con-audio .literature h3 {
        margin-bottom: 15px;
        padding-bottom: 0;
        font-size: 2vw;
    }
    .desc-con-audio .literature h3 {
        padding-bottom: 5px;
    }
    /*
    .joExhibition_content .sectionInfo-container .sectionText {
        padding: 40px 0;
    }
    */
    .exhibition.showindex {
        padding: 80px;
    }
    html .content-wrapper.subtype10 {
        height: auto
    }
    html .content-wrapper.subtype10 .map-overlay {
        padding: 100px;
    }
    .section_entry_description > .content-wrapper {
        padding: 2vw 20vw;
    }
    .joObject .textright .text_wrap {
        padding: 0 0 0 70px;
    }
    .joObject .textleft .text_wrap {
        padding: 0 70px 0 0;
    }
    .joObject.padding_1 .obj_wrap,
    .joObject.padding_1 .content-wrapper.lrn-effect-2 .obj_txt{
        padding: 0 5vw;
    }
    .joObject.padding_2 .content-wrapper.lrn-effect-2 .obj_txt,
    .joObject.padding_2 .obj_wrap{
        padding: 0 10vw;
    }
    .joObject.padding_3 .content-wrapper.lrn-effect-2 .obj_txt,
    .joObject.padding_3 .obj_wrap{
        padding: 0 15vw;
    }
    .joObject.padding_3 .content-wrapper.subtype5 .obj_wrap {
        padding: 0 calc(15vw - 50px);
    }
    .joObject.padding_4 .content-wrapper.lrn-effect-2 .obj_txt,
    .joObject.padding_4 .obj_wrap{
        padding: 0 20vw;
    }
    .joObject.padding_5 .content-wrapper.lrn-effect-2 .obj_txt,
    .joObject.padding_5 .obj_wrap{
        padding: 0 25vw;
    }
    .joObject .content-wrapper.subtype5,
    .joObject .content-wrapper.subtype4 {
        padding-left: 50px;
        padding-right: 50px;
    }
    .joObject .content-wrapper.subtype5,
    .joObject .content-wrapper.subtype6,
    .joObject .content-wrapper.subtype20,
    .joObject .content-wrapper.subtype21,
    .joObject .content-wrapper.subtype22,
    .joObject .content-wrapper.subtype23,
    .joObject .content-wrapper.subtype4 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .item-flex-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .joObject .content-wrapper .view_8_alt .img-inner-container{
        column-count: 2;
    }
    .joObject table td {
        display: table-cell;
    }
    .joObject table tr {
        padding: 0;
        display: table-row;
    }
    .joObject .obj_teaser_txt table tr > td:first-child {
        width: 150px;
        font-weight: 400;
    }
    .joObject.textpos_2 .text_info_upper,
    .joObject.textpos_1 .learn_more,
    .joObject .subtype6 .learn_more{
        padding: 70px 0;
    }
    .exhibition .desc-con-audio .audio-title {
        font-size: 26px;
        margin: 0 0 25px 0;
    }
}

@media (min-width:1022px)
{
    .img_g_5 .row.flex-row-reverse .outer-image-wrap .img_wrap:first-of-type,
    .img_g_5 .row:not(.flex-row-reverse) .outer-image-wrap .img_wrap:last-of-type {
        transform: translateY(-250px);
    }
	.padding_1 {
		padding: 50px 2%;
	}
	.padding_2 {
		padding: 50px 5%;
	}
	.padding_3 {
		padding: 50px 7%;
	}
	.padding_4 {
		padding: 50px 10%;
	}
	.padding_5 {
		padding: 50px 13%;
	}	
    .joObject .content-wrapper .view_8_alt .img-inner-container{
        column-count: 3;
    }
    .jocontainer,
    .tosectiondesc {
        padding-right: 20%;
        padding-left: 20%;
    }
    .tosectiondesc {
        word-break: unset;
        hyphens: none;
    }
    .joExhibition_content .sectionInfo-container .sectionText {
        padding-right: 10%;
        padding-left: 10%;
    }
    .exhibition .map-overlay2 .map-overlay2-con .item-container {
        max-width: 40vw;
    }
    .exhibition .map-overlay2 .map-overlay2-con .item-container.Objekt {
        max-width: 70vw;
    }
    .content-wrapper.subtype50 .audio-container {
        margin: 0 -70px;
    }
    .exhibition .obj_teaser_txt,
    .exhibition .description,
    .exhibition .literature {

        /*
        font-size: 20px;
        */
    }
    .joObject .text-title h3,
    .exhibition .desc-con-audio .literature h3 {

        /*
        margin-bottom: 25px;
        padding-bottom: 0;
        font-size: 2.5vw;
        margin-bottom: 1.4vw;
        margin-top: 1.8vw;
        margin-top: 0;
        */
    }
    .exhibition .video-slick-title h3 {
        font-size: 26px;
        margin-top: 1vw;
        margin-bottom: 0.6vw;
    }
    .exhibition .desc-con-audio .literature h3 {

        /*
        padding-bottom: 0.3vw;
        */
    }
    .exhibition .desc-con-audio .audio-container {

        /* margin-bottom: 80px; 
        margin-bottom: 0px;
        padding: 60px 0;
        */
    }
    .view_2_alt .exhibition .desc-con-audio .audio-container {

        /*
        padding: 15px;
        padding: 1vw;
        */
    }

    /*
    .joTop .second_control .navbar-collapse.collapse {
        display: none!important;
    }
    */
    .joTop .second_control .navbar-collapse {
        display: block;
    }

    /*
    .joTop .second_control .navbar-collapse.collapse.show {
        display: block!important;
    }
    */
    .exhibition.showall .item.left .text_layer {
        max-width: 100%;
    }
    .exhibition .overview-closer {
        top: 20px;
    }
    .exhibition .aco .jocontainer {
        padding-right: 20%;
        padding-left: 20%;
    }
    .exhibition .desc-con-audio .literature {

        /*
        padding-left: 240px;
        padding-right: 240px;
        */
    }
    .exhibition .audio-btn-group {
        margin-bottom: 0.9vw;
    }
    .exhibition .audio-btn-group .joSprite {
        width: 3vw;
        height: 3vw;
        background-size: 80vw;
    }
    .exhibition .audio-btn-back {
        background-position: -76.5vw -24.5vw;
    }
    .exhibition .audio-btn-forw {
        background-position: -72.5vw -24.5vw;
    }
    .exhibition .audio-btn-start {
        background-position: -48.2vw -12.5vw;
    }
    .exhibition .audio-item.playing .audio-btn-start {
        background-position: -52.4vw -12.5vw;
    }
    .exhibition .progress-wraper {
        width: 12vw;
    }
    .exhibition .progress-text {
        font-size: 1vw;
        margin-top: 0.4vw;
    }
    .joObject > .content-wrapper .pd {
        padding: 5vw;
    }
    .exhibition .nextsection .text-title h2 {
        font-size: 36px;
    }
    .exhibition .back .joSprite {
        padding: 1.75vw;
        background-size: 75vw;
        background-position: -41.3vw -3.95vw;
    }
}

@media (min-width:1600px)
{
	.padding_1 {
		padding: 50px 2.5%;
	}
	.padding_2 {
		padding: 50px 10%;
	}
	.padding_3 {
		padding: 50px 15%;
	}
	.padding_4 {
		padding: 50px 20%;
	}
	.padding_5 {
		padding: 50px 25%;
	}
    .exhibition .sectionTitle-container {
        /*
        padding: 12% 0 6% 0;
        */
    }
    .exhibition .sectionSubTitle {

        /*
        font-size: 35px;
        */
    }
    .exhibition .sectionTitle-container h3 {

        /*
        font-size: 60px;
        */
    }
    /*
    .joExhibition_content .sectionInfo-container .sectionText {
        padding: 50px 0;
    }
    */
    .exhibition.showindex {

        /*
        padding: 100px;
        */
    }
    .joExhibition_content .sectionInfo-container {

        /*
        font-size:23px;
        */
    }
}