.sfp-blog-conversion-block {
    --sfp-bc-title-size: 1.0625rem;
    --sfp-bc-eyebrow-size: 13px;
    --sfp-bc-body-size: 0.8125rem;
    --sfp-bc-btn-size: 0.8125rem;
    --sfp-bc-media-width: 40%;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: var(--sfp-bc-radius, 8px);
    margin: 1.25rem 0;
    background-color: var(--sfp-bc-bg-color, #0f172a);
    background-image: var(--sfp-bc-bg-image, none);
    background-size: cover;
    background-position: center;
    box-shadow: 0 4px 14px -4px rgba(15, 23, 42, 0.2);
}

.sfp-bc--split-cta .sfp-bc__split {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
}

.sfp-bc--split-cta .sfp-bc__content {
    flex: 1 1 auto;
    min-width: 0;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.sfp-bc--split-cta .sfp-bc__media {
    flex: 0 0 var(--sfp-bc-media-width, 40%);
    max-width: var(--sfp-bc-media-width, 40%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.sfp-bc--split-cta .sfp-bc__media img {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    display: block;
    border-radius: 0;
    margin: 0 !important;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.sfp-bc--split-cta .sfp-bc__media.sfp-bc__media--cover {
    align-items: stretch;
}

.sfp-bc--split-cta .sfp-bc__media.sfp-bc__media--cover img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
    margin: 0 !important;
}

/* Blog-/Theme-Bildregeln (.entry-content img, .sfp-blog-image img) aushebeln */
.entry-content .sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__media,
.sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__media {
    margin: 0 !important;
    clear: none;
}

.entry-content .sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__media:not(.sfp-bc__media--cover) img,
.sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__media:not(.sfp-bc__media--cover) img {
    margin: 0 !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.entry-content .sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__media.sfp-bc__media--cover img,
.sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__media.sfp-bc__media--cover img {
    margin: 0 !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sfp-bc__eyebrow {
    font-size: var(--sfp-bc-eyebrow-size);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 0.15rem;
    line-height: 1.3;
    color: var(--sfp-bc-color-eyebrow, #cbd5e1);
}

.sfp-bc__title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.125em;
    margin: 0 0 0.5rem;
    color: var(--sfp-bc-color-title, #f8fafc);
}

.sfp-bc__subtitle {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 0.75rem;
    color: var(--sfp-bc-color-subtitle, #e2e8f0);
}

.sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__button,
.sfp-blog-conversion-block.sfp-bc--split-cta a.sfp-bc__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    align-self: flex-start;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0.5rem 0.875rem;
    font-size: var(--sfp-bc-btn-size);
    font-weight: 600;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: var(--sfp-bc-btn-radius, 3px);
    cursor: pointer;
    transition: transform 0.3s ease, filter 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    background-color: var(--sfp-bc-btn-bg, #fff);
    color: var(--sfp-bc-btn-text, #0f172a);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

.sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__button:hover,
.sfp-blog-conversion-block.sfp-bc--split-cta .sfp-bc__button:focus-visible,
.sfp-blog-conversion-block.sfp-bc--split-cta a.sfp-bc__button:hover,
.sfp-blog-conversion-block.sfp-bc--split-cta a.sfp-bc__button:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
    background-color: var(--sfp-bc-btn-bg, #fff);
    color: var(--sfp-bc-btn-text, #0f172a);
    border-color: transparent;
    text-decoration: none;
    filter: brightness(0.88);
}

.sfp-bc__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    align-self: flex-start;
    margin-top: 0;
    padding: 0.5rem 0.875rem;
    font-size: var(--sfp-bc-btn-size);
    font-weight: 600;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: var(--sfp-bc-btn-radius, 3px);
    cursor: pointer;
    transition: transform 0.3s ease, filter 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    background: var(--sfp-bc-btn-bg, #fff);
    color: var(--sfp-bc-btn-text, #0f172a);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

.sfp-bc__button:hover,
.sfp-bc__button:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
    background-color: var(--sfp-bc-btn-bg, #fff);
    color: var(--sfp-bc-btn-text, #0f172a);
    filter: brightness(0.88);
}

.sfp-bc__error {
    display: none;
    margin-bottom: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    background: rgba(254, 226, 226, 0.95);
    color: #991b1b;
    font-size: var(--sfp-bc-body-size);
}

.sfp-bc__error.is-visible {
    display: block;
}

.sfp-bc__success {
    display: none;
    padding: 1rem;
    border-radius: 3px;
    background: rgba(220, 252, 231, 0.95);
    color: #166534;
    font-size: var(--sfp-bc-body-size);
    text-align: center;
}

.sfp-bc__success.is-visible {
    display: block;
}

@media (max-width: 767px) {
    .sfp-bc--split-cta .sfp-bc__media {
        display: none;
    }

    .sfp-bc--split-cta .sfp-bc__content {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 15px;
    }

    .sfp-blog-conversion-block {
        margin: 1rem 0;
    }
}