.bb-ratgeber {
        --bb-primary: #1d4e89;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        line-height: 1.65;
        color: #222;
        margin: 0 auto;
        padding: 0 16px
    }

    .bb-ratgeber h1 {
        font-size: 1.9em;
        line-height: 1.25;
        color: var(--bb-primary);
        margin: .4em 0 .2em
    }

    .bb-ratgeber h2 {
        font-size: 1.4em;
        color: var(--bb-primary);
        margin: 1.6em 0 .4em;
        padding-top: .2em
    }

    .bb-ratgeber h3 {
        font-size: 1.12em;
        margin: 1.2em 0 .3em
    }

    .bb-ratgeber .bb-stand {
        color: #666;
        font-size: .86em;
        margin: 0 0 1.2em
    }

    .bb-ratgeber .bb-schnellantwort {
        background: #eef3f9;
        border-left: 4px solid var(--bb-primary);
        padding: 14px 18px;
        border-radius: 4px;
        margin: 1.2em 0
    }

    .bb-ratgeber .bb-schnellantwort p {
        margin: .3em 0
    }

    .bb-ratgeber .bb-banner {
        background: #f7f9fc;
        border: 1px solid #d9e2ee;
        border-radius: 6px;
        padding: 12px 16px;
        margin: 1.4em 0;
        font-size: .97em
    }

    .bb-ratgeber .bb-banner a {
        color: var(--bb-primary);
        font-weight: 600;
        text-decoration: none
    }

    .bb-ratgeber nav.bb-toc {
        background: #fafbfd;
        border: 1px solid #e3e9f2;
        border-radius: 6px;
        padding: 14px 18px;
        margin: 1.4em 0
    }

    .bb-ratgeber nav.bb-toc p {
        margin: 0 0 .4em;
        font-weight: 600;
        color: var(--bb-primary)
    }

    .bb-ratgeber nav.bb-toc ul {
        margin: 0;
        padding-left: 1.2em
    }

    .bb-ratgeber nav.bb-toc li {
        margin: .22em 0
    }

    .bb-ratgeber nav.bb-toc a {
        color: #2b4a6f;
        text-decoration: none
    }

    .bb-ratgeber table.bb-tab {
        border-collapse: collapse;
        width: 100%;
        margin: 1.1em 0;
        font-size: .96em
    }

    .bb-ratgeber table.bb-tab th,
    .bb-ratgeber table.bb-tab td {
        border: 1px solid #d6deea;
        padding: 8px 11px;
        text-align: left;
        vertical-align: top
    }

    .bb-ratgeber table.bb-tab th {
        background: #eef3f9;
        color: #26405e
    }

    .bb-ratgeber .bb-phasen {
        background: #f5f8fc;
        border: 1px solid #dde6f1;
        border-radius: 6px;
        padding: 6px 20px;
        margin: 1.2em 0
    }

    .bb-ratgeber .bb-warn {
        background: #fdf6ec;
        border-left: 4px solid #d8a13a;
        padding: 12px 18px;
        border-radius: 4px;
        margin: 1.3em 0
    }

    .bb-ratgeber ul.bb-list {
        padding-left: 1.25em
    }

    .bb-ratgeber ul.bb-list li {
        margin: .32em 0
    }

    .bb-ratgeber details.bb-faq {
        border: 1px solid #e0e7f1;
        border-radius: 6px;
        margin: .5em 0;
        padding: 0 16px
    }

    .bb-ratgeber details.bb-faq summary {
        cursor: pointer;
        font-weight: 600;
        padding: 12px 0;
        color: #26405e;
        list-style: revert
    }

    .bb-ratgeber details.bb-faq[open] summary {
        border-bottom: 1px solid #eef2f7
    }

    .bb-ratgeber details.bb-faq p {
        margin: .7em 0
    }

    .bb-ratgeber .bb-autor {
        background: #fafbfd;
        border: 1px solid #e3e9f2;
        border-radius: 6px;
        padding: 16px 20px;
        margin: 1.6em 0
    }

    .bb-ratgeber .bb-autor table {
        border-collapse: collapse;
        margin: .6em 0;
        font-size: .95em
    }

    .bb-ratgeber .bb-autor td {
        padding: 4px 14px 4px 0;
        vertical-align: top
    }

    .bb-ratgeber .bb-autor a {
        color: var(--bb-primary);
        text-decoration: none
    }

    .bb-ratgeber table.bb-quellen {
        border-collapse: collapse;
        width: 100%;
        margin: 1em 0;
        font-size: .92em
    }

    .bb-ratgeber table.bb-quellen th,
    .bb-ratgeber table.bb-quellen td {
        border: 1px solid #d6deea;
        padding: 7px 10px;
        text-align: left;
        vertical-align: top
    }

    .bb-ratgeber table.bb-quellen th {
        background: #eef3f9;
        color: #26405e
    }

    .bb-ratgeber table.bb-quellen a {
        color: var(--bb-primary);
        text-decoration: none;
        word-break: break-word
    }

    .bb-ratgeber .bb-footer {
        border-top: 1px solid #e3e9f2;
        margin-top: 2em;
        padding-top: 1em;
        color: #666;
        font-size: .86em
    }