/*
 * TeaserImageTextoverlay component styles
 *
 * Used on (as of 2026-05-29, CType mask_teaser_image_textoverlay):
 *   - /unternehmen/kundenstimmen
 *
 * Source: extracted from frontend/scss/includes/molecules/_teaser-image-textoverlay.scss
 */

.teaser-image-textoverlay {
    position: relative;
    border: 1px solid #ced4da;

    .area {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, .8);
        padding: 1.25rem 0.625rem 1.0625rem;
        backdrop-filter: blur(2px);

        @media (min-width: 768px) {
            padding: 1.875rem 1.25rem 1.5625rem;
        }

        p:last-child {
            margin-bottom: 0;
        }
    }

    img {
        transition: transform 100ms ease-in-out;
        width: 100%;
    }
}

.teaser-image-textoverlay-link {
    margin-top: 1rem;

    a::after {
        font-family: Consolas, monospace;
        content: '\203A';
        font-size: 1.125rem;
        margin-left: 5px;
    }
}