.article-content {
    color: var(--text-colors-text-and-icon-icon-text-default, #242829);
    text-align: left;
    font-family: var( --paragraph-paragraph-fm-portal-font-family, "Noto Sans", sans-serif );
    font-size: var(--paragraph-paragraph-fm-portal-font-size, 1rem);
    line-height: var(--paragraph-paragraph-fm-portal-line-height, 150%);
    font-weight: var(--paragraph-paragraph-fm-portal-font-weight, 400);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.article-content h2 {
    position: relative;
    color: var(--text-colors-general-text-white, #ffffff);
    text-align: left;
    font-family: var( --uberschriften-h5-fm-portal-font-family, "Noto Sans", sans-serif );
    font-size: var(--uberschriften-h5-fm-portal-font-size, 1.3125rem);
    line-height: var(--uberschriften-h5-fm-portal-line-height, 120%);
    letter-spacing: var(--uberschriften-h5-fm-portal-letter-spacing, 0.01em);
    background: var(--specific-article-color, #183746);
    border-radius: var(--spacing-generell-responsiv-spacing-2xs, 0.25rem);
    padding: var(--spacing-generell-responsiv-spacing-lg, 1.25rem) var(--spacing-generell-responsiv-spacing-xs, 0.5rem) var(--spacing-generell-responsiv-spacing-lg, 1.25rem) 3rem;
    font-weight: var(--uberschriften-h5-fm-portal-font-weight, 800);
    margin: 0 0 1rem 0; 
    border: none;
}

.article-content h2::before {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRvY3VtZW50Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwLjczIDQuODNMMTcuMjIgMS4yOEMxNy4wNCAxLjEgMTYuOCAxIDE2LjU0IDFIMy45NUMzLjcgMSAzLjQ2IDEuMSAzLjI4IDEuMjhDMy4xIDEuNDYgMyAxLjcgMyAxLjk2VjIyLjA1QzMgMjIuMyAzLjEgMjIuNTUgMy4yOCAyMi43M0MzLjQ2IDIyLjkxIDMuNyAyMy4wMSAzLjk1IDIzLjAxSDIwLjA2QzIwLjMxIDIzLjAxIDIwLjU1IDIyLjkxIDIwLjczIDIyLjczQzIwLjkxIDIyLjU1IDIxLjAxIDIyLjMxIDIxLjAxIDIyLjA1VjUuNDlDMjEuMDEgNS4yNCAyMC45MSA1IDIwLjc0IDQuODNIMjAuNzNaTTcuNDA5OTkgNkgxMS40MUMxMS45NiA2IDEyLjQxIDYuNDUgMTIuNDEgN0MxMi40MSA3LjU1IDExLjk2IDggMTEuNDEgOEg3LjQwOTk5QzYuODU5OTkgOCA2LjQwOTk5IDcuNTUgNi40MDk5OSA3QzYuNDA5OTkgNi40NSA2Ljg1OTk5IDYgNy40MDk5OSA2Wk0xNi40MSAyMEg3LjQwOTk5QzYuODU5OTkgMjAgNi40MDk5OSAxOS41NSA2LjQwOTk5IDE5QzYuNDA5OTkgMTguNDUgNi44NTk5OSAxOCA3LjQwOTk5IDE4SDE2LjQxQzE2Ljk2IDE4IDE3LjQxIDE4LjQ1IDE3LjQxIDE5QzE3LjQxIDE5LjU1IDE2Ljk2IDIwIDE2LjQxIDIwWk0xNi40MSAxNkg3LjQwOTk5QzYuODU5OTkgMTYgNi40MDk5OSAxNS41NSA2LjQwOTk5IDE1QzYuNDA5OTkgMTQuNDUgNi44NTk5OSAxNCA3LjQwOTk5IDE0SDE2LjQxQzE2Ljk2IDE0IDE3LjQxIDE0LjQ1IDE3LjQxIDE1QzE3LjQxIDE1LjU1IDE2Ljk2IDE2IDE2LjQxIDE2Wk0xNi40MSAxMkg3LjQwOTk5QzYuODU5OTkgMTIgNi40MDk5OSAxMS41NSA2LjQwOTk5IDExQzYuNDA5OTkgMTAuNDUgNi44NTk5OSAxMCA3LjQwOTk5IDEwSDE2LjQxQzE2Ljk2IDEwIDE3LjQxIDEwLjQ1IDE3LjQxIDExQzE3LjQxIDExLjU1IDE2Ljk2IDEyIDE2LjQxIDEyWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.article-content blockquote.info {
    border-radius: 0.5rem;
    border-style: solid;
    border-width: 0.0625rem;
    padding: 0.9375rem 0.9375rem 0.9375rem 3rem;
    position: relative;
}

.article-content blockquote.info::before {
    content: '';
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im1lZ2FwaG9uZSI+CjxnIGlkPSJWZWN0b3IiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjQ3NjcgMTguOTU4M0wxMC44MDM0IDE5Ljc0QzEwLjk3ODQgMjAuMTYgMTEuMzE2NyAyMC40OTgzIDExLjczNjcgMjAuNjYxN0MxMi4xODAxIDIwLjg0ODMgMTIuNjQ2NyAyMC44NDgzIDEzLjA0MzQgMjAuNjYxN0MxMy40NzUxIDIwLjQ4NjcgMTMuODEzNCAyMC4xNDgzIDEzLjk4ODQgMTkuNzI4M0MxNC4xMjg0IDE5LjM3ODMgMTQuMTUxNyAxOC45ODE3IDE0LjA0NjcgMTguNjJMMTAuNDg4NCAxOC45NTgzSDEwLjQ3NjdaIiBmaWxsPSIjNjJBQUZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMDAwMSAxLjE2NjY2QzYuOTA2NzUgMS4xNjY2NiAxLjE2Njc1IDYuOTA2NjYgMS4xNjY3NSAxNEMxLjE2Njc1IDIxLjA5MzMgNi45MDY3NSAyNi44MzMzIDE0LjAwMDEgMjYuODMzM0MyMS4wOTM0IDI2LjgzMzMgMjYuODMzNCAyMS4wOTMzIDI2LjgzMzQgMTRDMjYuODMzNCA2LjkwNjY2IDIxLjA5MzQgMS4xNjY2NiAxNC4wMDAxIDEuMTY2NjZaTTIzLjA3NjcgMTcuOTY2N0wyMi40MzUxIDE4LjIyMzNDMjIuMjYwMSAxOC4yOTMzIDIyLjA2MTcgMTguMjExNyAyMS45OTE4IDE4LjAzNjdMMjEuOTIxOCAxNy44NzMzTDE1LjQxMTcgMTguNDhDMTUuNTI4NCAxOS4wNjMzIDE1LjQ3MDEgMTkuNjkzMyAxNS4yMzY3IDIwLjI0MTdDMTQuOTIxNyAyMS4wMTE3IDE0LjMyNjcgMjEuNjA2NyAxMy41NTY3IDIxLjkyMTdIMTMuNTQ1MUMxMi43OTg0IDIyLjIyNSAxMS45MzUxIDIyLjIyNSAxMS4xODg0IDIxLjkyMTdDMTAuNDMwMSAyMS42MDY3IDkuODIzNDIgMjEgOS41MDg0MiAyMC4yNTMzTDkuMDMwMDggMTkuMDc1TDYuODAxNzUgMTkuMjg1QzYuNzY2NzUgMTkuMzc4MyA2LjcwODQyIDE5LjQ2IDYuNjAzNDIgMTkuNTA2N0w1Ljk2MTc1IDE5Ljc2MzNDNS43ODY3NSAxOS44MzMzIDUuNTg4NDIgMTkuNzUxNyA1LjUxODQxIDE5LjU3NjdMNC4yMTE3NSAxNi4zOTE3QzQuMTQxNzUgMTYuMjE2NyA0LjIyMzQxIDE2LjAxODMgNC4zOTg0MSAxNS45NDgzTDUuMDQwMDggMTUuNjkxN0M1LjEzMzQxIDE1LjY1NjcgNS4yMzg0MSAxNS42NjgzIDUuMzMxNzUgMTUuNzE1TDE3LjEwMzQgNi4xMTMzM0wxNy4wMzM0IDUuOTVDMTYuOTYzNCA1Ljc3NSAxNy4wNDUxIDUuNTc2NjYgMTcuMjIwMSA1LjUwNjY2TDE3Ljg2MTcgNS4yNUMxOC4wMzY3IDUuMTggMTguMjM1MSA1LjI2MTY2IDE4LjMwNTEgNS40MzY2NkwyMy4yNjM0IDE3LjUzNUMyMy4zMzM0IDE3LjcxIDIzLjI1MTcgMTcuOTA4MyAyMy4wNzY3IDE3Ljk3ODNWMTcuOTY2N1oiIGZpbGw9IiM2MkFBRkYiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

/* Info-Box (Hinweis) - Blau */
.article-content blockquote.info,
.article-content .info-box {
    background: var(--alerts-and-info-alert-background-info, #d6e9ff);
    border-color: var(--alerts-and-info-alert-stroke-info, #8cc1ff);
    color: var(--alerts-and-info-alert-text-info, #004ea9);
}

/* Warning-Box (Warnung) - Gelb/Orange */
.article-content blockquote.warning,
.article-content .warning-box {
    background: var(--alerts-and-info-alert-background-warning-error, #ffe4dc);
    border-color: var(--alerts-and-info-alert-stroke-warning-error, #ffc1ae);
    color: var(--alerts-and-info-alert-text-warning-error, #bd2f00);
}

/* Success-Box (Erfolg) - Grün */
.article-content blockquote.success,
.article-content .success-box {
    background: var(--alerts-and-info-alert-background-sucess, #e3fbeb);
    border-color: var(--alerts-and-info-alert-stroke-sucess, #a5f9c1);
    color: var(--alerts-and-info-alert-text-sucess, #00802b);
}

/* Danger-Box (Gefahr/Fehler) - Rot */
.article-content blockquote.danger,
.article-content .danger-box {
    background: var(--alerts-and-info-alert-background-warning-error, #ffe4dc);
    border-color: var(--alerts-and-info-alert-stroke-warning-error, #ffc1ae);
    color: var(--alerts-and-info-alert-text-warning-error, #bd2f00);
}