/**
 * 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); }

/**
 * Bild-Rahmen.
 */
.ks-border-none { border: none; }
.ks-border-solid { border: 2px solid black; }
.ks-border-dotted { border: 2px dotted black; }
.ks-border-dashed { border: 2px dashed black; }
.ks-border-double { border: 4px double black; }
.ks-border-groove { border: 4px groove black; }
.ks-border-ridge { border: 4px ridge black; }
.ks-border-inset { border: 4px inset black; }
.ks-border-outset { border: 4px outset black; }

/**
 * Kurssuche.
 */
.ks-course-search {
    position: absolute;
}