/*
 * BubbleTeaser — legacy default-layout variant (.bubble-teaser, layout 0)
 *
 * Loaded ONLY on the <f:defaultCase> branch of
 * ContentBlocks/ContentElements/bubble-teaser/templates/frontend.html.
 * The redesigned layout-5 variant (.BubbleTeaser) lives in the sibling
 * BubbleTeaser.css, loaded only on <f:case value="5"> — so each layout ships
 * only the CSS it needs.
 *
 * Extracted from frontend/scss/includes/molecules/_bubble-teaser.scss to
 * complete the PARTIAL split and drop the styles.scss @import.
 *
 * Used on (as of 2026-06-04, CType mask_bubble_teaser — default layout is the
 * dominant variant, 270 of 274 live elements):
 *   - /leasing/ , /leasing/photovoltaikanlagen-leasen/ , /leasing/maschinen-leasing/
 *   - /karriere/ , /karriere/jobs/ , /karriere/mitarbeiterbenefits/
 *   - /factoring/bestatter/ , /factoring/dental/ , /factoring/vertrags-varianten/
 */

.bubble-teaser {
    text-align: center;
    padding: 0 15px;
    position: relative;

    & img {
        display: block;
        margin: 0 auto;
    }

    & .image {
        margin-bottom: 20px;
    }
}