/**
 * Bilder.
 */
.splide__slide img {
    width: 100%;
    height: 100%;
}

/**
 * Textbar.
 */
.text-bar {
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: 0.4s
}

/**
 * Effekte für das Bild.
 */
.ks-black-white {
    filter: grayscale(100%);
}

.ks-sepia {
    filter: sepia(100%);
}

.ks-invert {
    filter: invert(100%);
}

.ks-bright {
    filter: brightness(150%);
}

.ks-contrast {
    filter: contrast(200%);
}

.ks-blur {
    filter: blur(5px);
}

.ks-desaturate {
    filter: saturate(200%);
}

.ks-hue-rotate {
    filter: hue-rotate(90deg);
}