/* Teaser */

.teaser-wrapper { 
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0;
    width: auto;
}

.teaser { }

.teaser > div:not(.opc-area) {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 40% 60%;
}

.teaser__left > div:not(.opc-area) {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 1fr 1fr;
    gap: 12px;
}

.teaser__left .teaser-image-wrapper-bgimage img {
    width: 100% !important;
}

.teaser__right { 
    margin-left: 12px;
}

.teaser__right > div:not(.opc-area) {
    position: absolute !important;
    height: 100%;
    width: 100%;
}

.teaser__right .teaser-image-wrapper > div:not(.opc-area) {
    position: absolute !important;
    height: 100%;
    width: 100%;
}

.teaser-image-wrapper {
    height: 100%;
    overflow: hidden;
    min-height: 0px !important;
}

.teaser-image-wrapper > div:not(.opc-area) {
    position: initial;
    height: 100%;
}

.teaser-image-wrapper-bgimage {
    width: auto !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    max-width: 100% !important;
}

.teaser-image-wrapper-bgimage img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
    max-width: 100% !important;
}

.teaser__right .teaser-image-wrapper-bgimage img {
    object-position: right;
}

.teaser-image-wrapper-infos {
    position: absolute !important;
    bottom: 18px;
    left: 18px;
}

.teaser-image-wrapper-infos__upper-title { }

.teaser-image-wrapper-infos__main-title { }

.teaser-image-wrapper-infos__button { 
    border-radius: 50px;
    overflow: hidden;
    width: max-content;
}

@media screen and (max-width: 767.99px) {
    .teaser > div:not(.opc-area) {
        grid-auto-flow: row;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .teaser-image-wrapper > div:not(.opc-area) {
        position: initial !important;
        height: 220px !important;
        width: auto !important;
    }

    .teaser-image-wrapper-bgimage img {
        width: 100% !important;
    }
    
    .teaser__right > div:not(.opc-area) {
        position: relative !important;
    }
    
    .teaser__right .teaser-image-wrapper > div:not(.opc-area) {
        position: relative !important;
    }
    
    .teaser__right { 
        margin-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .teaser-image-wrapper > div:not(.opc-area) {
        position: relative !important;
        width: auto !important;
    }

    .teaser__left .teaser-image-wrapper > div:not(.opc-area) {
        max-height: 400px !important;
        width: 100% !important;
    }

    .teaser__right .teaser-image-wrapper > div:not(.opc-area) {
        max-height: 812px !important; /* left images + spacing */
        width: 100% !important;
    }
}

/* Fix Logo-Slider (u.a. auf Startseite) */

.splide.dzm-ls-slider {
    width: 95% !important;
    margin: auto !important;
}

.dzm-ls-slider .dzm-opcis-content-wrapper {
    display: block;
}