.custom-block-wrapper .custom-block-wrapper{
    position: relative;
    z-index: 0;
}
.custom-block-wrapper .container{padding: 0;}
.custom-block-wrapper .teaser-item-wrapper{
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

.custom-block-wrapper .teaser-item-wrapper > div {
    width: 50%;
    margin-right: 1px;
}
.custom-block-wrapper .teaser-item-wrapper > div:last-child{margin-right: 0;}
.custom-block-wrapper .large-teaser-wrapper{margin-bottom: 1px;}
.custom-block-wrapper .large-teaser-wrapper .large-image{
    overflow: hidden;
    background-size: cover;
    background-position: center;
    width: 100%;
}
.custom-block-wrapper .large-teaser-wrapper .large-image .large-teaser-image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:163px;
    transition: transform 0.5s ease;
}
.custom-block-wrapper .large-teaser-wrapper:hover .large-image .large-teaser-image{
    transform: scale(1.1);
}
.custom-block-wrapper .large-teaser-wrapper .CTAButton.large-teaser-btn{
    width: 100%;
    padding: 20px 0px 20px;
    text-align: center;
    margin-top: 1px;
}
.custom-block-wrapper .teaser-item-wrapper > div:first-child .CTAButton.large-teaser-btn{
    background-image: linear-gradient(to right, #C1B6AB 0 50%, #000 50% 100%);
    background-image: -moz-linear-gradient(right, #000000 0, #000000 50%, #C1B6AB 50%, #C1B6AB 100%);
}


/********* when we have one image  *******/

.custom-block-wrapper .teaser-item-wrapper.oneImage{padding-top: 30px;}

.custom-block-wrapper .teaser-item-wrapper.oneImage .large-image .large-teaser-image{height:162px;}

.custom-block-wrapper .teaser-item-wrapper.oneImage > div:first-child .CTAButton.large-teaser-btn{
    background-image: linear-gradient(to right, #C1B6AB 0 50%, #FF0000 50% 100%);
}

.custom-block-wrapper .teaser-item-wrapper.oneImage > div{width: 100%;}

@media (min-width: 991.98px) {
    .custom-block-wrapper .teaser-item-wrapper{padding-top: 50px;}

    .custom-block-wrapper .teaser-item-wrapper > div {margin-right: 2px;}

    .custom-block-wrapper .large-teaser-wrapper .CTAButton.large-teaser-btn{
        padding: 18px 0px 18px;
        margin-top: 2px;
    }
    .custom-block-wrapper .large-teaser-wrapper{margin-bottom: 1px;}

    .custom-block-wrapper .large-teaser-wrapper .large-image .large-teaser-image{height:254px;}

    /********* when we have one image  *******/
    .custom-block-wrapper .teaser-item-wrapper.oneImage{padding-top: 50px;}

    .custom-block-wrapper .teaser-item-wrapper.oneImage > div{width: 100%;}

    .custom-block-wrapper .teaser-item-wrapper.oneImage .large-image .large-teaser-image{height:312px;}

}