/* Init pro CLF */
#teaser-1 #teaser-1-img-container:not(.slick-initialized) .slideItem:not(:first-child),
#teaser-1 #teaser-1-text-container:not(.slick-initialized) .slideItem:not(:first-child) {
    display: none !important;
}

#teaser-1 #teaser-1-img-container:not(.slick-initialized) .slideItem:first-child,
#teaser-1 #teaser-1-text-container:not(.slick-initialized) .slideItem:first-child {
    visibility: hidden;
}


#teaser-1 {
    & {
        padding-top: clamp(1px, calc(165 / 1920 * 100vw), 165px);
        padding-bottom: clamp(1px, calc(176 / 1920 * 100vw), 176px);
        --module-height: clamp(1px, calc(608 / 1920 * 100vw), 608px);
        --module-margin: clamp(1px, calc(58 / 1920 * 100vw), 58px);
    }

    .subheader {
        padding-top: clamp(1px, calc(44 / 1920 * 100vw), 44px);
    }


    .slide-header {
        line-height: 1.3;
        font-size: 15px;
    }
    .slide-description {
        padding-top: clamp(10px, calc(20 / 1920 * 100vw), 90px);
        line-height: 1.3;
        font-size: 12px;
    }
    .slide-text-container {
        padding-top: 10px;
    }


    @media(min-width: 500px){
        .slide-header {
            line-height: 1.4;
            font-size: clamp(18px, calc(35 / 1920 * 100vw), 35px);
        }
        .slide-description {

            font-size: clamp(15px, calc(32 / 1920 * 100vw), 32px);
            line-height: 1.4;
        }

        .slide-text-container {
            padding-top: clamp(1px, calc(60 / 1920 * 100vw), 60px);
        }
    }

    .col-left {
        flex: 0 0 clamp(200px, calc(420 / 1920 * 100vw), 420px);
        max-width: clamp(200px, calc(420 / 1920 * 100vw), 420px);
    }

    .col-right {
        flex: 0 0 calc(100% - clamp(200px, calc(420 / 1920 * 100vw), 420px));
        max-width: calc(100% - clamp(200px, calc(420/ 1920 * 100vw), 420px));
    }

    .nav-container {
        padding-top: clamp(1px, calc(88 / 1920 * 100vw), 88px);
    }

    .teaser-inner-container {
        padding-left: clamp(1px, calc(135 / 1920 * 100vw), 135px);
        width: clamp(1px, calc(1640 / 1920 * 100vw), 1640px);
    }


    .left-overflow-hiding-layer {
        height: 100%;
        width: calc(calc(100vw - clamp(1px, calc(1240 / 1920 * 100vw), 1240px)) / 2);
        z-index: 9999;
        position: absolute;
        right: 100%;
    }

    .teaser-inner-container-offset {
        padding-top: clamp(1px, calc(112 / 1920 * 100vw), 112px);
        padding-bottom: clamp(1px, calc(48 / 1920 * 100vw), 48px);
    }

    #teaser-1-text-container {
        & {
            z-index: 999;
            padding-right: 20px;
        }

        .slideItem {
            height: var(--module-height);
        }
    }

    @media(min-width: 576px){
        #teaser-1-text-container {
            & {
                padding-right: 45px;
            }
        }
    }

    #teaser-1-img-container {
        .slideItem {
            transition: height 1s ease-in-out;
        }


        &,
        .slick-track,
        .slideItem.currently-active-slide {
            height: var(--module-height);
        }

        .slideItem {
            height: clamp(1px, calc(450 / 1920 * 100vw), 450px)
            /*width: 355px !important;*/
        }

        .slick-track {
            display: flex;
            align-items: flex-end;
        }

        .slick-list {
            overflow: visible;
        }

    }

    .nav-button {
        padding-left: clamp(1px, calc(16 / 1920 * 100vw), 16px);
        padding-right: clamp(1px, calc(16 / 1920 * 100vw), 16px);
    }

}
