.keyVisual {
    position: relative;
    //height: 320px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    &.noBgImg {
        background-image: none;
        height: auto !important;
    }

    h1 {
        display: inline-block;
        font-size: 3em;
        line-height: 110%;
        background: rgba(255, 255, 255, 0.7);
        padding: 16px;
    }

    img{
        width: 100%;
        margin-top: 5px;
    }
    a {
        display: block;
        &:hover {
            text-decoration: none;


        }
        &:after {
            display: none;
        }
    }

}


.no-touchevents {
    #kvimages .ce-gallery figcaption {
        display: none;
    }

    #kvimages .ce-gallery a:after {
        display: none;
    }

    #kvimages .ce-gallery a figcaption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        -webkit-transform: translateY(101%);
        -ms-transform: translateY(101%);
        transform: translateY(101%);
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    #kvimages .ce-gallery figure a:hover figcaption {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #kvimages .ce-gallery figure a img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        margin-bottom: 0;
    }

    #kvimages .ce-gallery figure a:hover img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }
}

#kvimages {
    margin-top: 10px;

    .inner {
        padding: 0;
        max-width: 100%;
    }

    .ce-gallery img {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    .ce-gallery figcaption {
        display: none;
    }

    .ce-gallery a figcaption {
        background-color: #e5290e;
        color: #fff;
        height: auto;
        left: 0;
        bottom: 0;
        display: block;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        text-align: center;
        width: 100%;
    }

    .ce-gallery a.grau {
        figcaption {
            background-color: #919191;
        }
    }

    /*the arrow above*/
    .figcaption-arrow {
        display: block;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -15px;
        height: 24px;
        width: 24px;
        border-radius: 0px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: inherit;
    }

    /*Images Container: no bottom margin */
    @include breakpoint($mobile-l-include) {
        .ce-intext.ce-right .ce-gallery,
        .ce-intext.ce-left .ce-gallery,
        .ce-above .ce-gallery {
            margin-bottom: 0;
        }
    }
    /*special rendering of two col Container */
    .cols2 {
        @extend %clearfix;

        > div {
            @include box-sizing('border-box');
            @include float-span(12);
            @include breakpoint($mobile-l-include) {
                @include float-span(6);
                margin-right: 0;
                width: 50%;
                &:nth-child(2n+2) {
                    @include float-span(6, 'last');
                }
            }
        }

        /*two col in twoCol*/
        .cols2 {
            @extend %clearfix;

            > div {
                @include box-sizing('border-box');
                @include float-span(12);
            }

            @include breakpoint($mobile-m) {
                > div {
                    @include float-span(6);

                    &:nth-child(2n+2) {
                        @include float-span(6, 'last');
                    }
                }
            }
        }
    }

    a {
        display: block;
        height: 100%;
        width: auto;
        float: left;
        overflow: hidden;
        /*  */
        img {
            margin-bottom: 30px;
        }
    }
}