/* ===================================================================
       Unsere Extensions — Scoped Styles (Akzent: Blau #0d5a93)
       =================================================================== */

    .unsere-extensions main.content.ext-page {
        max-width: none !important;
        padding: 0 !important;
        flex-grow: 1 !important;
    }

    .ext-page {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .ext-page h1, .ext-page h2, .ext-page h3, .ext-page h4 { color: #1a2b3c; }
    .ext-section { padding: 64px 0; }
    .ext-container { max-width: 1100px; padding: 0 0 0 80px; margin: 0; box-sizing: border-box; }
    .ext-page h2 { font-size: 1.85rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.25; }

    @media (max-width: 768px) {
        .ext-section { padding: 48px 0; }
        .ext-container { padding: 0 20px; }
        .ext-page h2 { font-size: 1.45rem; }
    }

    /* --- Hero --- */
    .ext-hero {
        background: linear-gradient(135deg, #f0f7ff 0%, #fff 45%, #eef5fb 100%);
        border-bottom: 1px solid #d4e4f4;
        padding: 64px 0 56px;
    }
    .ext-hero h1 {
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -0.025em;
        color: #0d2137;
        margin: 0 0 18px;
        max-width: 800px;
    }
    .ext-hero-sub { font-size: 1.15rem; line-height: 1.75; color: #475569; margin: 0; max-width: 720px; }
    .ext-hero-sub strong { color: #0d5a93; font-weight: 700; }
    .ext-hero-grid { display: grid; grid-template-columns: 1fr 200px; gap: 44px; align-items: center; }
    .ext-hero-main { min-width: 0; }
    .ext-hero-badge { display: flex; align-items: center; justify-content: center; }
    .ext-hero-badge img { width: 100%; max-width: 168px; height: auto; filter: drop-shadow(0 10px 28px rgba(13,90,147,0.14)); }
    .ext-trust {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 14px 26px;
        margin-top: 28px;
        padding-top: 24px;
        border-top: 1px solid #d4e4f4;
    }
    .ext-trust img { height: 52px; width: auto; }
    .ext-trust-points { display: flex; flex-wrap: wrap; gap: 8px 22px; }
    .ext-trust-point { font-size: 0.9rem; font-weight: 600; color: #475569; display: inline-flex; align-items: center; gap: 7px; }
    .ext-trust-point svg { color: #16a34a; flex-shrink: 0; }

    @media (max-width: 768px) {
        .ext-hero h1 { font-size: 1.75rem; }
        .ext-hero-sub { font-size: 1rem; }
        .ext-hero-grid { grid-template-columns: 1fr; gap: 30px; }
        .ext-hero-badge { order: -1; }
        .ext-hero-badge img { max-width: 200px; }
    }

    /* --- Cards Grid --- */
    .ext-cards { background: #fff; }
    .ext-cards-heading { margin: 0 0 8px; text-align: center; }
    .ext-cards-subheading { color: #64748b; font-size: 1.05rem; margin: 0 0 40px; line-height: 1.6; text-align: center; }
    .ext-list { display: flex; flex-direction: column; gap: 38px; }

    /* --- Closing --- */
    .ext-closing { background: linear-gradient(135deg, #f0f7ff 0%, #f8fafc 100%); border-top: 1px solid #d4e4f4; text-align: center; }
    .ext-closing h2 { margin: 0 0 12px; }
    .ext-closing p { color: #475569; font-size: 1.05rem; line-height: 1.7; margin: 0 auto; max-width: 680px; }
    .ext-closing p a { color: #0d5a93; font-weight: 600; }