/* === Startseite: Full-Width-Hero + moderne Karten (scoped auf .dashboard) === */
    .dashboard main.content.dashboard-page { max-width: none !important; padding: 0 !important; flex-grow: 1 !important; }
    /* Container exakt wie Trusted Shops / Extensions (80px linker Einzug, linksbuendig) */
    .dashboard .idx-container { max-width: 1100px; margin: 0; padding: 0 0 0 80px; box-sizing: border-box; }
    @media (max-width: 768px) { .dashboard .idx-container { padding: 0 20px; } }

    /* Hero als Full-Width-Band mit 2-Spalten-Grid (Inhalt links, Trust-Karte rechts) */
    .dashboard .idx-hero {
        background: linear-gradient(135deg, #e9f2fb 0%, #f7fbff 55%, #eef5fb 100%);
        border-bottom: 1px solid #d4e4f4;
        padding: 54px 0 52px;
        margin-bottom: 40px;
    }
    .dashboard .idx-hero-grid { display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: center; }
    .dashboard .idx-hero-main { min-width: 0; }
    .dashboard .idx-hero-side { min-width: 0; }
    .dashboard .idx-hero-rating {
        display: inline-flex; align-items: center; gap: 9px;
        background: #fff; border: 1px solid #d4e4f4; border-radius: 30px;
        padding: 6px 16px; margin-bottom: 18px; box-shadow: 0 2px 8px rgba(13,90,147,0.06);
        font-size: 0.9rem; color: #475569;
    }
    .dashboard .idx-hero-rating .idx-stars { color: #f5b301; display: inline-flex; gap: 1px; line-height: 0; }
    .dashboard .idx-hero-rating .idx-stars svg { width: 16px; height: 16px; }
    .dashboard .idx-hero-rating strong { color: #1a2b3c; }
    .dashboard .idx-hero h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.025em; line-height: 1.15; color: #0d2137; margin: 0 0 12px; }
    .dashboard .idx-hero h1 span { color: #0d5a93; }
    .dashboard .idx-hero-sub { font-size: 1.1rem; line-height: 1.6; color: #475569; max-width: 560px; margin: 0 0 24px; }
    .dashboard .idx-hero .search-container { max-width: 100%; margin: 0; }
    /* Suche robust per Flexbox: Input + Button als Geschwister, gleiche Hoehe, kein Pixel-Offset */
    .dashboard .idx-hero #searchEngineForm { display: flex !important; align-items: center !important; gap: 0 !important; padding: 0 !important; }
    .dashboard .idx-hero #searchEngineSearchString { flex: 1 1 auto !important; width: auto !important; max-width: none !important; height: 54px !important; margin: 0 !important; padding: 8px 16px !important; border-radius: 10px 0 0 10px !important; border-right: none !important; }
    .dashboard .idx-hero #searchButton { position: static !important; flex: 0 0 auto !important; height: 54px !important; width: 56px !important; margin: 0 !important; top: auto !important; right: auto !important; border-radius: 0 10px 10px 0 !important; }
    .dashboard .idx-hero .idx-search-label { font-size: 1.05rem; font-weight: 600; color: #0d5a93; margin: 0 0 14px; text-align: left; }
    .dashboard .idx-hero .tws-search-suggestions { margin-top: 16px; font-size: 0.9rem; color: #64748b; text-align: left; }
    .dashboard .idx-hero .tws-search-suggestions a { color: #0d5a93; white-space: nowrap; }
    .dashboard .idx-hero .tws-autocomplete { text-align: left; }
    /* Trust-Karte rechts im Hero (klickbare Zeilen + Hover-Tooltip links) */
    .dashboard .idx-trust { background: #fff; border: 1px solid #e1ecf6; border-radius: 16px; padding: 6px 22px; box-shadow: 0 8px 28px rgba(13,33,55,0.08); }
    .dashboard .idx-trust-row { display: flex; align-items: center; gap: 14px; padding: 16px 0; position: relative; text-decoration: none; color: inherit; }
    .dashboard .idx-trust-row + .idx-trust-row { border-top: 1px solid #eef2f6; }
    .dashboard a.idx-trust-row:hover { text-decoration: none; color: inherit; }
    .dashboard .idx-trust-ico { flex: 0 0 auto; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: #eef5fb; color: #0d5a93; transition: transform .18s ease, background .18s ease, color .18s ease; }
    .dashboard .idx-trust-ico.is-star { background: #fff7e6; color: #f5b301; }
    .dashboard a.idx-trust-row:hover .idx-trust-ico { transform: scale(1.08); background: #0d5a93; color: #fff; }
    .dashboard a.idx-trust-row:hover .idx-trust-ico.is-star { background: #f5b301; color: #fff; }
    .dashboard .idx-trust-body { display: flex; flex-direction: column; }
    .dashboard .idx-trust-num { font-size: 1.3rem; font-weight: 800; color: #0d2137; line-height: 1.15; }
    .dashboard .idx-trust-lbl { font-size: 0.82rem; color: #64748b; line-height: 1.3; }
    .dashboard .idx-trust-tip { position: absolute; right: 100%; top: 50%; transform: translateY(-50%) translateX(8px); margin-right: 12px; white-space: nowrap; background: #0d2137; color: #fff; font-size: 0.8rem; font-weight: 600; padding: 6px 12px; border-radius: 7px; opacity: 0; pointer-events: none; transition: opacity .18s ease, transform .18s ease; box-shadow: 0 6px 18px rgba(13,33,55,0.2); z-index: 3; }
    .dashboard .idx-trust-tip::after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); border: 6px solid transparent; border-left-color: #0d2137; }
    .dashboard a.idx-trust-row:hover .idx-trust-tip { opacity: 1; transform: translateY(-50%) translateX(0); }
    @media (max-width: 991px) { .dashboard .idx-trust-tip { display: none; } }
    @media (max-width: 900px) {
        .dashboard .idx-hero-grid { grid-template-columns: 1fr; gap: 30px; }
        .dashboard .idx-hero-side { max-width: 440px; }
    }
    @media (max-width: 768px) {
        .dashboard .idx-hero { padding: 32px 0 30px; }
        .dashboard .idx-hero h1 { font-size: 1.8rem; }
        .dashboard .idx-hero-sub { font-size: 1rem; }
    }

    /* Karten moderner */
    .dashboard .card { border: 1px solid #e8eef6; border-radius: 16px; background: #fff; box-shadow: 0 4px 18px rgba(13,33,55,0.07); transition: transform .2s ease, box-shadow .25s ease, border-color .2s; }
    .dashboard .card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(13,90,147,0.16); border-color: #b9d6ef; }
    .dashboard .card-type-1 { padding: 28px 18px 24px; border-radius: 16px; }
    .dashboard .card-type-1 svg { width: 28px; height: 28px; padding: 13px; box-sizing: content-box; background: #eef5fb; color: #0d5a93; border-radius: 14px; margin-bottom: 14px; transition: background .25s ease, color .25s ease, transform .2s ease; }
    .dashboard .card:hover .card-type-1 svg { background: #0d5a93; color: #fff; transform: scale(1.05); }
    .dashboard .card-type-1 .card-title { font-weight: 600; color: #1a2b3c; }
    .dashboard .card-type-1 .card-text { color: #64748b; font-size: 0.875rem; line-height: 1.5; }

    /* === News-Sektion: Featured-Beitrag + kompakte Liste === */
    .dashboard .idx-news-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px; align-items: stretch; }
    .dashboard .idx-news-date { display: inline-flex; align-items: center; gap: 5px; font-size: 0.78rem; font-weight: 600; color: #94a3b8; margin: 0 0 10px; }
    .dashboard .idx-news-date svg { width: 13px; height: 13px; }

    /* Featured-Beitrag (links, mit Akzent-Banner) */
    .dashboard .idx-news-feature { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #e6eef4; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 18px rgba(13,33,55,0.07); transition: transform .2s, box-shadow .25s, border-color .2s; }
    .dashboard .idx-news-feature:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(13,90,147,0.15); border-color: #b9d6ef; text-decoration: none; }
    .dashboard .idx-news-feature-banner { display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #eef4fb 0%, #f7fbff 60%, #eaf3fb 100%); color: #0d5a93; border-bottom: 1px solid #e1ecf6; padding: 13px 26px; }
    .dashboard .idx-news-feature-banner svg { width: 18px; height: 18px; flex-shrink: 0; color: #0d5a93; }
    .dashboard .idx-news-feature-banner span.idx-news-feature-eyebrow { font-weight: 700; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.05em; color: #0d5a93; }
    .dashboard .idx-news-feature-flag { margin-left: auto; background: #0d5a93; color: #fff; border-radius: 20px; padding: 2px 11px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
    .dashboard .idx-news-feature-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 22px 26px 24px; }
    .dashboard .idx-news-feature-title { font-size: 1.3rem; font-weight: 800; color: #0d2137; line-height: 1.3; margin: 0 0 11px; }
    .dashboard .idx-news-feature:hover .idx-news-feature-title { color: #0d5a93; }
    .dashboard .idx-news-feature-excerpt { font-size: 0.92rem; color: #64748b; line-height: 1.6; margin: 0 0 20px; }
    .dashboard .idx-news-feature-cta { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; font-size: 0.9rem; font-weight: 700; color: #0d5a93; }
    .dashboard .idx-news-feature-cta svg { width: 15px; height: 15px; transition: transform .2s; }
    .dashboard .idx-news-feature:hover .idx-news-feature-cta svg { transform: translateX(3px); }

    /* Kompakte Liste (rechts, Zeilen füllen die Höhe gleichmäßig) */
    .dashboard .idx-news-list { display: flex; flex-direction: column; background: #fff; border: 1px solid #e6eef4; border-radius: 16px; box-shadow: 0 4px 18px rgba(13,33,55,0.07); overflow: hidden; }
    .dashboard .idx-news-row { display: flex; flex-direction: column; justify-content: center; gap: 6px; flex: 1 1 0; padding: 16px 22px; text-decoration: none; border-bottom: 1px solid #eef2f6; transition: background .15s; }
    .dashboard .idx-news-row:last-child { border-bottom: none; }
    .dashboard .idx-news-row:hover { background: #f4f8fc; text-decoration: none; }
    .dashboard .idx-news-row .idx-news-date { margin: 0; }
    .dashboard .idx-news-row-title { font-size: 0.98rem; font-weight: 700; color: #1a2b3c; line-height: 1.4; }
    .dashboard .idx-news-row:hover .idx-news-row-title { color: #0d5a93; }
    .dashboard .idx-news-row-flag { display: inline-block; background: #0d5a93; color: #fff; font-size: 0.62rem; font-weight: 700; padding: 1px 7px; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.03em; margin-left: 4px; vertical-align: middle; }

    @media (max-width: 860px) { .dashboard .idx-news-grid { grid-template-columns: 1fr; } }

    /* === Artikel-Listen (modern) === */
    .dashboard .idx-arts h2 { text-align: center; }
    .dashboard .idx-art { display: flex; align-items: center; gap: 11px; padding: 9px 13px; border: 1px solid #e6eef4; border-radius: 11px; background: #fff; text-decoration: none; margin-bottom: 7px; transition: transform .15s ease, box-shadow .2s ease, border-color .2s; }
    .dashboard .idx-art:hover { transform: translateX(3px); box-shadow: 0 8px 20px rgba(13,90,147,0.08); border-color: #c7ddf0; text-decoration: none; }
    .dashboard .idx-art-ico { flex: 0 0 auto; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: #eef5fb; color: #0d5a93; border-radius: 8px; }
    .dashboard .idx-art-ico svg { width: 17px; height: 17px; }
    .dashboard .idx-art.is-hot .idx-art-ico { background: #fdecec; color: #c0392b; }
    .dashboard .idx-art-txt { flex: 1 1 auto; font-size: 0.9rem; font-weight: 500; color: #1a2b3c; line-height: 1.35; }
    .dashboard .idx-art-ext { flex: 0 0 auto; color: #94a3b8; display: inline-flex; }
    .dashboard .idx-art-ext svg { width: 14px; height: 14px; }

    /* === Ressourcen-Hub (hervorgehoben) === */
    .dashboard .idx-resources { background: linear-gradient(135deg, #eef5fb 0%, #f7fbff 60%, #eaf3fb 100%); border: 1px solid #d4e4f4; border-radius: 18px; padding: 30px 26px 26px; }
    .dashboard .idx-resources-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
    .dashboard .idx-resources-head h2 { margin: 0; font-size: 1.3rem; font-weight: 700; color: #0d2137; }
    .dashboard .idx-resources-sub { color: #475569; font-size: 0.92rem; margin: 6px 0 20px; }
    .dashboard .idx-res { position: relative; display: flex; align-items: flex-start; gap: 13px; height: 100%; padding: 16px; background: #fff; border: 1px solid #e1ecf6; border-radius: 13px; text-decoration: none; transition: transform .15s ease, box-shadow .2s ease, border-color .2s; }
    .dashboard .idx-res:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(13,90,147,0.12); border-color: #b9d6ef; text-decoration: none; }
    .dashboard .idx-res-ico { flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: #eef5fb; color: #0d5a93; border-radius: 11px; }
    .dashboard .idx-res-ico svg { width: 20px; height: 20px; }
    .dashboard .idx-res.is-a11y .idx-res-ico { background: #e7f6ee; color: #1e7d52; }
    .dashboard .idx-res-body { flex: 1 1 auto; min-width: 0; }
    .dashboard .idx-res-title { font-weight: 600; color: #1a2b3c; font-size: 0.96rem; margin: 0 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dashboard .idx-res-badge { position: absolute; top: -9px; right: 14px; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #1e7d52; background: #e7f6ee; border: 1px solid #cdebd9; border-radius: 8px; padding: 2px 8px; white-space: nowrap; box-shadow: 0 2px 6px rgba(30,125,82,0.15); }
    .dashboard .idx-res-badge.is-eu { color: #c0392b; background: #fdecec; border-color: #f5cccc; box-shadow: 0 2px 6px rgba(192,57,43,0.15); }
    .dashboard .idx-res.is-eu .idx-res-ico { background: #fdf3e2; color: #d98a00; }
    .dashboard .idx-res-text { font-size: 0.84rem; color: #64748b; line-height: 1.45; margin: 0; }
    .dashboard .idx-res-ext { position: absolute; top: 12px; right: 12px; color: #b6c4d4; display: inline-flex; transition: color .2s; }
    .dashboard .idx-res-ext svg { width: 14px; height: 14px; }
    .dashboard .idx-res:hover .idx-res-ext { color: #0d5a93; }
    .dashboard .idx-res.is-ext .idx-res-title { padding-right: 20px; }

    /* === Kontakt: native Karten (wie die 6 oben) mit farbcodiertem Icon === */
    .dashboard .idx-c--green .card-type-1 svg { background: #e7f6ee; color: #1e7d52; }
    .dashboard .idx-c--green:hover .card-type-1 svg { background: #1e7d52; color: #fff; }
    .dashboard .idx-c--red .card-type-1 svg { background: #fdecec; color: #c0392b; }
    .dashboard .idx-c--red:hover .card-type-1 svg { background: #c0392b; color: #fff; }

    /* === 6 Bereichs-Karten: Farbwelt je Icon === */
    .dashboard .idx-cat--red .card-type-1 svg { background: #fdecec; color: #e23b2e; }
    .dashboard .idx-cat--red:hover .card-type-1 svg { background: #e23b2e; color: #fff; }
    .dashboard .idx-cat--amber .card-type-1 svg { background: #fdf3e2; color: #d98a00; }
    .dashboard .idx-cat--amber:hover .card-type-1 svg { background: #d98a00; color: #fff; }
    .dashboard .idx-cat--blue .card-type-1 svg { background: #eef5fb; color: #0d5a93; }
    .dashboard .idx-cat--blue:hover .card-type-1 svg { background: #0d5a93; color: #fff; }
    .dashboard .idx-cat--purple .card-type-1 svg { background: #f1ecfd; color: #7c3aed; }
    .dashboard .idx-cat--purple:hover .card-type-1 svg { background: #7c3aed; color: #fff; }
    .dashboard .idx-cat--green .card-type-1 svg { background: #e7f6ee; color: #1e7d52; }
    .dashboard .idx-cat--green:hover .card-type-1 svg { background: #1e7d52; color: #fff; }
    .dashboard .idx-cat--rose .card-type-1 svg { background: #fce7f0; color: #db2777; }
    .dashboard .idx-cat--rose:hover .card-type-1 svg { background: #db2777; color: #fff; }

    /* "Alle Neuigkeiten"-Button im Stil der Karten */
    .dashboard .idx-news-all { display: inline-flex; align-items: center; gap: 6px; font-size: 0.88rem; font-weight: 600; color: #0d5a93; border: 1px solid #c7ddf0; background: #fff; border-radius: 8px; padding: 7px 14px; text-decoration: none; transition: background .2s, color .2s, border-color .2s; }
    .dashboard .idx-news-all:hover { background: #0d5a93; color: #fff; border-color: #0d5a93; text-decoration: none; }
    .dashboard .idx-news-all svg { width: 14px; height: 14px; }
    

    .ext-homepage-teaser {
        background: linear-gradient(135deg, #eafaf1 0%, #ffffff 55%, #e7f6ee 100%);
        color: #212529;
        border: 2px solid #1e7d52;
        padding: 27px 22px 30px 22px;
        margin: 0;
        border-radius: 14px;
        align-items: center;
        box-shadow: 0 4px 14px rgba(30,125,82,0.16);
    }
    .ext-homepage-teaser h2 b { color: #155e3f; }
    .ext-homepage-teaser p { text-wrap: pretty; }
    .ext-homepage-teaser .btn { background: #1e7d52; border-color: #1e7d52; color: #fff; font-weight: 700; }
    .ext-homepage-teaser .btn:hover { background: #176844; border-color: #176844; color: #fff; }
    .ext-teaser-icons img {
        border-radius: 12px;
        border: 1px solid #cdebd9;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06);
        margin: 4px;
    }
    @media (max-width: 575px) { .ext-teaser-icons img { width: 52px; height: 52px; } }