.ki-label-position,
.ki-featured-media,
.ki-image-label-wrapper {
    position: relative;
}

.ki-featured-media,
.ki-image-label-wrapper {
    display: inline-block;
    max-width: 100%;
}

.ki-featured-media > img,
.ki-image-label-wrapper > img {
    display: block;
}

.ki-label {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 20px);
    padding: 5px 8px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.72);
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: none;
    pointer-events: none;
    box-sizing: border-box;
    opacity: .8;
    font-family: 'Neue Helvetica', Helvetica, 'Inter', Arial, sans-serif;
    backdrop-filter: blur(5px);
}

/* Falls ein gekennzeichneter Container als responsive Background genutzt wird. */
.ki-bearbeitet,
.ki-generiert {
    box-sizing: border-box;
}