.elementor-35778 .elementor-element.elementor-element-72eea04{--display:flex;--margin-top:-05px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c836aab *//* ========================================================= S & C – UNIVERSAL GUIDE MASTER CSS | FINAL REFINED V9 Einsatz: WordPress > Erweitert > Individuelles CSS Scope: alle Guide-Sektionen mit "guide" in der ID Ziel: - universell für ähnlich aufgebaute Leitartikel / Guides - einheitliche Premium-Optik - ReadMeta komplett ausblenden - CTA-Leiste exakt mittig - Mobile-CTA mit gleichmäßigen Abständen - TOC hochwertig, kompakter und ruhiger - FAQ-Kacheln auf Desktop 3-spaltig, kompakt, zentriert - letzte FAQ-Reihe intelligent zentriert - FAQ-Titel universell sauber umbrechend - FAQ-Subtexte ausgeblendet - Fokus-/Schlussfolgerungsboxen heller und integrierter - Action-Hub minimal gestrafft - einheitliches Symbol für alle Mini-Link-Pills ========================================================= */ /* ========================= 01) ROOT / GUIDE PALETTE ========================= */ section[id^="ni-hero-"][id*="guide"], section[id^="ni-body-"][id*="guide"]{ --g-bg:#f3f7fb; --g-bg-2:#f7fafe; --g-panel:#f8fbff; --g-panel-2:#fbfdff; --g-card:#ffffff; --g-card-2:#fbfdff; --g-border:#d3deea; --g-border-2:#dee7f1; --g-border-soft:#e8eef5; --g-text:#223140; --g-text-soft:#5f7388; --g-title:#132334; --g-navy:#243a52; --g-navy-2:#16293b; --g-navy-3:#0f2130; --g-blue:#5c7fa8; --g-blue-2:#436789; --g-blue-deep:#2c4760; --g-gold-bg:#f4ecd8; --g-gold-bg-2:#f7f0df; --g-gold-border:#d6bf8a; --g-gold-text:#6a5220; --g-chip-bg:#f8fbff; --g-chip-bg-2:#f2f6fb; --g-chip-border:#d3deea; --g-chip-text:#5d7288; --g-note-bg:#ffffff; --g-note-bg-2:#f7fafc; --g-note-border:#d7e1ec; --g-shadow-soft:0 10px 26px rgba(17,34,54,.055); --g-shadow-card:0 14px 30px rgba(17,34,54,.065); --g-shadow-panel:0 16px 34px rgba(17,34,54,.07); --g-shadow-hero:0 22px 48px rgba(17,34,54,.10); background:var(--g-bg) !important; color:var(--g-text) !important; } section[id^="ni-hero-"][id*="guide"], section[id^="ni-body-"][id*="guide"], section[id^="ni-hero-"][id*="guide"] *, section[id^="ni-body-"][id*="guide"] *{ box-sizing:border-box; } section[id^="ni-hero-"][id*="guide"]{ background: radial-gradient(920px 300px at 50% 0%, rgba(214,191,138,.11), transparent 62%), radial-gradient(680px 220px at 8% 10%, rgba(36,58,82,.05), transparent 58%), radial-gradient(680px 220px at 92% 12%, rgba(214,191,138,.07), transparent 60%), var(--g-bg) !important; padding-bottom:0 !important; } section[id^="ni-body-"][id*="guide"]{ background:var(--g-bg) !important; margin-top:0 !important; padding-top:0 !important; } .wp-site-blocks .entry-content > section[id^="ni-hero-"][id*="guide"], .wp-site-blocks .entry-content > section[id^="ni-body-"][id*="guide"]{ margin-top:0 !important; margin-bottom:0 !important; } /* ========================= 02) READMETA KOMPLETT AUS ========================= */ section[id^="ni-hero-"][id*="guide"] .ni-meta, section[id^="ni-hero-"][id*="guide"] [id^="read-"], section[id^="ni-hero-"][id*="guide"] [id^="words-"]{ display:none !important; visibility:hidden !important; opacity:0 !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; line-height:0 !important; border:0 !important; } section[id^="ni-hero-"][id*="guide"] .ni-meta .dot{ display:none !important; } /* ========================= 03) HERO / FOLD ========================= */ section[id^="ni-hero-"][id*="guide"] .wrap{ padding-bottom:0 !important; } section[id^="ni-hero-"][id*="guide"] .hero-card{ background:linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(249,252,255,.96) 100%) !important; border:1px solid var(--g-border) !important; box-shadow:var(--g-shadow-hero) !important; margin-bottom:6px !important; } section[id^="ni-hero-"][id*="guide"] .hero-card::after{ background:linear-gradient( 90deg, rgba(214,191,138,0) 0%, rgba(214,191,138,.82) 24%, rgba(36,58,82,.14) 56%, rgba(214,191,138,.82) 86%, rgba(214,191,138,0) 100% ) !important; } section[id^="ni-hero-"][id*="guide"] .hero-media figure{ border:1px solid var(--g-border) !important; box-shadow:0 18px 38px rgba(17,34,54,.11) !important; background:var(--g-card) !important; } section[id^="ni-hero-"][id*="guide"] .guide-kicker, section[id^="ni-hero-"][id*="guide"] .hero-badge{ background:linear-gradient(180deg, var(--g-gold-bg-2) 0%, var(--g-gold-bg) 100%) !important; border-color:var(--g-gold-border) !important; color:var(--g-gold-text) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 10px 20px rgba(17,34,54,.05) !important; } section[id^="ni-hero-"][id*="guide"] [id^="guide-title-"]{ color:var(--g-title) !important; } section[id^="ni-hero-"][id*="guide"] .hero-sub, section[id^="ni-hero-"][id*="guide"] .hero-chip{ color:var(--g-text-soft) !important; } section[id^="ni-hero-"][id*="guide"] .hero-chip{ background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,254,.96) 100%) !important; border:1px solid var(--g-border) !important; box-shadow:0 8px 18px rgba(17,34,54,.04) !important; } section[id^="ni-hero-"][id*="guide"] .hero-chip .dot{ background:radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.36), var(--g-blue)) !important; box-shadow:0 0 0 1px rgba(92,127,168,.22) !important; } section[id^="ni-hero-"][id*="guide"] .hero-line{ background:linear-gradient( 90deg, rgba(214,191,138,0) 0%, rgba(214,191,138,.88) 42%, rgba(214,191,138,0) 100% ) !important; } /* ========================= 04) CTA ZWISCHEN HERO UND INTRO ========================= */ section[id^="ni-hero-"][id*="guide"] .ni-cta{ display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; margin:10px auto 0 !important; padding:0 0 14px !important; gap:14px !important; align-items:center !important; justify-content:center !important; justify-items:center !important; position:relative !important; top:1px !important; background:transparent !important; border:none !important; box-shadow:none !important; backdrop-filter:none !important; } section[id^="ni-hero-"][id*="guide"] .ni-cta::before, section[id^="ni-hero-"][id*="guide"] .ni-cta::after{ content:none !important; display:none !important; } section[id^="ni-hero-"][id*="guide"] .ni-cta a{ flex:0 0 auto !important; margin:0 !important; min-width:190px !important; min-height:40px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; text-align:center !important; position:relative !important; top:0 !important; left:0 !important; right:0 !important; transform:none !important; } section[id^="ni-hero-"][id*="guide"] .ni-cta .primary{ background:linear-gradient(180deg, var(--g-navy) 0%, var(--g-navy-2) 100%) !important; color:#fff !important; box-shadow:0 12px 24px rgba(17,34,54,.13) !important; } section[id^="ni-hero-"][id*="guide"] .ni-cta .ghost{ background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(247,250,254,.97) 100%) !important; color:var(--g-title) !important; border:2px solid rgba(36,58,82,.28) !important; box-shadow:0 10px 20px rgba(17,34,54,.05) !important; } section[id^="ni-hero-"][id*="guide"] .ni-cta + .fold-spacer{ display:none !important; height:0 !important; } /* ========================= 05) BODY-START / INTRO STREIFEN WEG ========================= */ section[id^="ni-body-"][id*="guide"] .wrap{ padding-top:0 !important; padding-bottom:20px !important; } section[id^="ni-body-"][id*="guide"] .intro-board{ margin-top:0 !important; padding-top:18px !important; } section[id^="ni-body-"][id*="guide"] .intro-board::before{ content:none !important; display:none !important; } /* ========================= 06) GROSSE PANELS / WRAPS ========================= */ section[id^="ni-body-"][id*="guide"] .intro-board, section[id^="ni-body-"][id*="guide"] .toc-panel, section[id^="ni-body-"][id*="guide"] .profile-grid-wrap, section[id^="ni-body-"][id*="guide"] .cost-grid-wrap, section[id^="ni-body-"][id*="guide"] .rule-stack-wrap, section[id^="ni-body-"][id*="guide"] .criteria-grid-wrap, section[id^="ni-body-"][id*="guide"] .faq-card-board, section[id^="ni-body-"][id*="guide"] .example-grid-wrap, section[id^="ni-body-"][id*="guide"] .action-hub-wrap, section[id^="ni-body-"][id*="guide"] .final-cta-panel{ background: radial-gradient(520px 140px at 50% -12%, rgba(214,191,138,.08), transparent 72%), linear-gradient(180deg, rgba(248,251,255,.988) 0%, rgba(243,248,253,.972) 100%) !important; border:1px solid var(--g-border) !important; box-shadow:var(--g-shadow-panel) !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel::after{ background:linear-gradient( 90deg, rgba(214,191,138,0) 0%, rgba(214,191,138,.76) 50%, rgba(214,191,138,0) 100% ) !important; } /* ========================= 07) KARTEN / EINZELMODULE ========================= */ section[id^="ni-body-"][id*="guide"] .intro-point, section[id^="ni-body-"][id*="guide"] .callout, section[id^="ni-body-"][id*="guide"] .profile-card, section[id^="ni-body-"][id*="guide"] .cost-card, section[id^="ni-body-"][id*="guide"] .criteria-card, section[id^="ni-body-"][id*="guide"] .faq-card, section[id^="ni-body-"][id*="guide"] .example-card, section[id^="ni-body-"][id*="guide"] .action-card, section[id^="ni-body-"][id*="guide"] .rule-row{ background: radial-gradient(180px 56px at 0% 0%, rgba(214,191,138,.06), transparent 58%), linear-gradient(180deg, var(--g-card) 0%, var(--g-card-2) 100%) !important; border:1px solid var(--g-border) !important; box-shadow:var(--g-shadow-card) !important; } section[id^="ni-body-"][id*="guide"] .intro-point .check{ color:#1f7d45 !important; } section[id^="ni-body-"][id*="guide"] .example-card{ background: radial-gradient(180px 56px at 0% 0%, rgba(214,191,138,.06), transparent 58%), linear-gradient(180deg, #ffffff 0%, #fafdff 100%) !important; } section[id^="ni-body-"][id*="guide"] .intro-side{ background: radial-gradient(300px 90px at 100% 0%, rgba(214,191,138,.08), transparent 64%), linear-gradient(180deg, rgba(251,248,242,.99) 0%, rgba(246,241,231,.97) 100%) !important; border:1px solid rgba(218,199,159,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 8px 18px rgba(17,34,54,.03) !important; } section[id^="ni-body-"][id*="guide"] .intro-side .eyebrow{ color:#607287 !important; letter-spacing:.06em !important; } section[id^="ni-body-"][id*="guide"] .callout{ background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,251,255,.97) 100%) !important; } section[id^="ni-body-"][id*="guide"] .rule-row::before{ background:linear-gradient(180deg, rgba(203,186,145,.62) 0%, rgba(97,117,137,.70) 100%) !important; } /* ========================= 08) LABELS / PILLS / TAGS ========================= */ section[id^="ni-body-"][id*="guide"] .profile-tag, section[id^="ni-body-"][id*="guide"] .example-card .eyebrow, section[id^="ni-body-"][id*="guide"] .rule-row .rule-tag{ background:linear-gradient(180deg, rgba(250,246,236,.98) 0%, rgba(245,239,226,.97) 100%) !important; border:1px solid rgba(214,191,138,.34) !important; color:#6a572c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 4px 10px rgba(17,34,54,.025) !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-link{ background: radial-gradient(100px 28px at 0% 0%, rgba(214,191,138,.05), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(248,251,255,.985) 100%) !important; border:1px solid var(--g-border) !important; color:#294560 !important; box-shadow:0 5px 12px rgba(17,34,54,.03) !important; } /* ========================= 09) NUMMERN / ICONS / BUTTONS ========================= */ section[id^="ni-body-"][id*="guide"] .cost-card .no, section[id^="ni-body-"][id*="guide"] .criteria-no, section[id^="ni-body-"][id*="guide"] .faq-no, section[id^="ni-body-"][id*="guide"] .rule-no, section[id^="ni-body-"][id*="guide"] .ni-h2 .num, section[id^="ni-body-"][id*="guide"] .toc-num{ background:linear-gradient(180deg, #314d68 0%, #1b3043 100%) !important; box-shadow:0 10px 22px rgba(17,34,54,.16) !important; } section[id^="ni-body-"][id*="guide"] .action-ico, section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-ico{ background:linear-gradient(180deg, #f4ead2 0%, #e7d8b5 100%) !important; border:1px solid rgba(214,191,138,.42) !important; color:#20384d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 6px 16px rgba(17,34,54,.045) !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-ico{ position:relative !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-ico svg{ display:none !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-ico::before{ content:"→"; display:block; font-size:13px; line-height:1; font-weight:900; color:#294560; } /* ========================= 10) TYPO / FARBEN ========================= */ section[id^="ni-body-"][id*="guide"] h2, section[id^="ni-body-"][id*="guide"] h3, section[id^="ni-body-"][id*="guide"] .title, section[id^="ni-body-"][id*="guide"] .toc-head, section[id^="ni-body-"][id*="guide"] .faq-headline, section[id^="ni-body-"][id*="guide"] .hub-head, section[id^="ni-body-"][id*="guide"] .final-cta-panel .head{ color:var(--g-title) !important; } section[id^="ni-body-"][id*="guide"] p, section[id^="ni-body-"][id*="guide"] li, section[id^="ni-body-"][id*="guide"] .faq-mini, section[id^="ni-body-"][id*="guide"] .panel-intro, section[id^="ni-body-"][id*="guide"] .hub-sub, section[id^="ni-body-"][id*="guide"] .faq-sub{ color:#31485d !important; } section[id^="ni-body-"][id*="guide"] .toc-hint, section[id^="ni-body-"][id*="guide"] .mini-note{ color:var(--g-text-soft) !important; } /* ========================= 11) EINHEITLICHE TOP-AUSRICHTUNG ========================= */ section[id^="ni-body-"][id*="guide"] .cost-card .top, section[id^="ni-body-"][id*="guide"] .criteria-head, section[id^="ni-body-"][id*="guide"] .faq-head, section[id^="ni-body-"][id*="guide"] .action-card, section[id^="ni-body-"][id*="guide"] .rule-row, section[id^="ni-body-"][id*="guide"] .example-card .example-main{ align-items:start !important; min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .cost-card .no, section[id^="ni-body-"][id*="guide"] .criteria-no, section[id^="ni-body-"][id*="guide"] .faq-no, section[id^="ni-body-"][id*="guide"] .action-ico, section[id^="ni-body-"][id*="guide"] .rule-no{ align-self:start !important; margin-top:0 !important; } section[id^="ni-body-"][id*="guide"] .cost-card h3, section[id^="ni-body-"][id*="guide"] .criteria-card h3, section[id^="ni-body-"][id*="guide"] .faq-card h3, section[id^="ni-body-"][id*="guide"] .example-card h3, section[id^="ni-body-"][id*="guide"] .action-card .action-meta h3, section[id^="ni-body-"][id*="guide"] .rule-main h3{ margin-top:0 !important; align-self:start !important; text-wrap:balance !important; } section[id^="ni-body-"][id*="guide"] .action-meta{ align-self:start !important; justify-content:flex-start !important; } /* ========================= 12) TOC – VERTIKAL ZENTRIERT ========================= */ section[id^="ni-body-"][id*="guide"] .toc-panel{ background: radial-gradient(560px 150px at 50% -14%, rgba(214,191,138,.11), transparent 72%), linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(245,249,254,.97) 100%) !important; border:1px solid rgba(211,222,234,.96) !important; border-radius:24px !important; box-shadow:0 18px 38px rgba(17,34,54,.07) !important; overflow:hidden !important; } section[id^="ni-body-"][id*="guide"] .toc-head{ padding:22px 18px 6px !important; font-size:24px !important; line-height:1.16 !important; } section[id^="ni-body-"][id*="guide"] .toc-hint{ max-width:760px !important; margin:0 auto 16px !important; padding:0 18px !important; font-size:13.5px !important; line-height:1.58 !important; } section[id^="ni-body-"][id*="guide"] .toc-wrap{ display:grid !important; grid-template-columns:1fr !important; gap:16px !important; padding:0 16px 16px !important; align-items:stretch !important; } section[id^="ni-body-"][id*="guide"] .toc-box{ background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(248,251,255,.92) 100%) !important; border:1px solid rgba(211,222,234,.96) !important; border-radius:20px !important; box-shadow: 0 8px 20px rgba(17,34,54,.042), inset 0 1px 0 rgba(255,255,255,.80) !important; padding:14px !important; overflow:hidden !important; position:relative !important; } section[id^="ni-body-"][id*="guide"] .toc-box::before{ content:none !important; display:none !important; } section[id^="ni-body-"][id*="guide"] .toc-box .label{ display:inline-flex !important; align-items:center !important; gap:8px !important; width:auto !important; max-width:max-content !important; min-height:26px !important; padding:0 12px !important; margin:0 0 12px 0 !important; border-radius:999px !important; background:linear-gradient(180deg, var(--g-gold-bg-2) 0%, var(--g-gold-bg) 100%) !important; border:1px solid var(--g-gold-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 6px 14px rgba(17,34,54,.03) !important; color:var(--g-gold-text) !important; font-size:11.5px !important; font-weight:950 !important; letter-spacing:.06em !important; text-transform:uppercase !important; } section[id^="ni-body-"][id*="guide"] .toc-box .label .dot{ width:8px !important; height:8px !important; border-radius:999px !important; background:radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.34), #c8ab63) !important; box-shadow:0 0 0 1px rgba(214,191,138,.32) !important; flex:0 0 auto !important; } section[id^="ni-body-"][id*="guide"] .toc-list{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; gap:9px !important; } section[id^="ni-body-"][id*="guide"] .toc-item{ display:block !important; margin:0 !important; } section[id^="ni-body-"][id*="guide"] .toc-link{ position:relative !important; overflow:hidden !important; display:flex !important; gap:11px !important; align-items:center !important; justify-content:flex-start !important; min-width:0 !important; width:100% !important; height:100% !important; padding:11px 11px 11px 12px !important; margin:0 !important; border:1px solid rgba(211,222,234,.92) !important; border-radius:15px !important; background:linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(249,252,255,.96) 100%) !important; box-shadow:0 5px 12px rgba(17,34,54,.03) !important; color:var(--g-text) !important; text-decoration:none !important; transition: transform .14s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important; } section[id^="ni-body-"][id*="guide"] .toc-link::before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:999px; background:linear-gradient(180deg, rgba(214,191,138,.76) 0%, rgba(36,58,82,.38) 100%) !important; opacity:.84; } section[id^="ni-body-"][id*="guide"] .toc-num{ min-width:29px !important; width:29px !important; height:29px !important; flex:0 0 29px !important; border-radius:999px !important; display:grid !important; place-items:center !important; font-weight:950 !important; font-size:11.5px !important; line-height:1 !important; margin-top:0 !important; border:2px solid rgba(255,255,255,.96) !important; box-shadow:0 6px 14px rgba(17,34,54,.14) !important; transition:transform .14s ease, box-shadow .16s ease !important; } section[id^="ni-body-"][id*="guide"] .toc-label{ display:flex !important; align-items:center !important; min-width:0 !important; max-width:100% !important; line-height:1.17 !important; color:#152838 !important; text-wrap:balance !important; font-size:15.5px !important; font-weight:900 !important; letter-spacing:-.012em !important; hyphens:auto !important; -webkit-hyphens:auto !important; transition:color .16s ease !important; } @media (min-width:920px){ section[id^="ni-body-"][id*="guide"] .toc-wrap{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; } section[id^="ni-body-"][id*="guide"] .toc-box{ display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; height:100% !important; } section[id^="ni-body-"][id*="guide"] .toc-box .label{ min-height:28px !important; } section[id^="ni-body-"][id*="guide"] .toc-list{ grid-template-rows:repeat(4, minmax(0,1fr)) !important; gap:10px !important; align-items:stretch !important; } section[id^="ni-body-"][id*="guide"] .toc-item{ display:flex !important; } section[id^="ni-body-"][id*="guide"] .toc-link{ min-height:84px !important; align-items:center !important; } } @media (hover:hover) and (pointer:fine){ section[id^="ni-body-"][id*="guide"] .toc-link:hover{ transform:translateY(-1px) !important; background:linear-gradient(180deg, rgba(255,255,255,.997) 0%, rgba(247,251,255,.975) 100%) !important; border-color:rgba(36,58,82,.18) !important; box-shadow:0 12px 24px rgba(17,34,54,.05) !important; } section[id^="ni-body-"][id*="guide"] .toc-link:hover .toc-num{ transform:translateY(-1px) !important; box-shadow:0 9px 18px rgba(17,34,54,.16) !important; } section[id^="ni-body-"][id*="guide"] .toc-link:hover .toc-label{ color:#102133 !important; } } /* ========================= 13) TAKEAWAYS / CALLOUTS / RULE-NOTES ========================= */ section[id^="ni-body-"][id*="guide"] .callout, section[id^="ni-body-"][id*="guide"] .guide-takeaway{ position:relative !important; overflow:hidden !important; border-radius:18px !important; padding:15px 16px 14px 16px !important; background: radial-gradient(260px 74px at 0% 0%, rgba(214,191,138,.07), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(249,252,255,.985) 100%) !important; border:1px solid var(--g-note-border) !important; box-shadow: 0 10px 24px rgba(17,34,54,.04), inset 0 1px 0 rgba(255,255,255,.82) !important; } section[id^="ni-body-"][id*="guide"] .callout::before, section[id^="ni-body-"][id*="guide"] .guide-takeaway::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:4px; border-radius:999px; background:linear-gradient(180deg, rgba(205,185,138,.72) 0%, rgba(92,127,168,.88) 100%) !important; } section[id^="ni-body-"][id*="guide"] .callout .head, section[id^="ni-body-"][id*="guide"] .guide-takeaway .head, section[id^="ni-body-"][id*="guide"] .guide-takeaway-title{ display:flex !important; align-items:center !important; gap:10px !important; margin:0 0 10px !important; font-size:11.8px !important; line-height:1.2 !important; font-weight:950 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#4a627d !important; } section[id^="ni-body-"][id*="guide"] .callout .head svg, section[id^="ni-body-"][id*="guide"] .guide-takeaway .head svg{ width:16px !important; height:16px !important; flex:0 0 16px !important; color:#4a627d !important; } section[id^="ni-body-"][id*="guide"] .callout p:not(.head), section[id^="ni-body-"][id*="guide"] .guide-takeaway p{ color:#2e485f !important; line-height:1.68 !important; } section[id^="ni-body-"][id*="guide"] .callout ul, section[id^="ni-body-"][id*="guide"] .guide-takeaway ul{ list-style:none !important; margin:10px 0 0 !important; padding:0 !important; display:grid !important; gap:10px !important; } section[id^="ni-body-"][id*="guide"] .callout li, section[id^="ni-body-"][id*="guide"] .guide-takeaway li{ position:relative !important; padding-left:24px !important; margin:0 !important; } section[id^="ni-body-"][id*="guide"] .callout li::before, section[id^="ni-body-"][id*="guide"] .guide-takeaway li::before{ content:""; position:absolute; left:7px; top:.8em; width:8px; height:8px; border-radius:999px; transform:translateY(-50%); background:radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.38), var(--g-blue)) !important; box-shadow:0 0 0 1px rgba(92,127,168,.18) !important; } section[id^="ni-body-"][id*="guide"] .rule-main .note{ position:relative !important; margin-top:12px !important; padding:11px 13px 11px 15px !important; border-top:none !important; background: radial-gradient(160px 36px at 0% 0%, rgba(214,191,138,.04), transparent 58%), linear-gradient(180deg, rgba(248,252,255,.999) 0%, rgba(244,249,254,.992) 100%) !important; border:1px solid rgba(205,219,232,.78) !important; border-radius:12px !important; color:#2b4760 !important; font-weight:790 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.76) !important; } section[id^="ni-body-"][id*="guide"] .rule-main .note::before{ content:""; position:absolute; left:0; top:9px; bottom:9px; width:3px; border-radius:999px; background:linear-gradient(180deg, rgba(205,185,138,.52) 0%, rgba(92,127,168,.70) 100%) !important; } /* ========================= 14) FAQ-KARTEN / DIREKTZUGRIFF ========================= */ section[id^="ni-body-"][id*="guide"] .faq-card-board{ background: radial-gradient(520px 130px at 50% -12%, rgba(214,191,138,.08), transparent 72%), linear-gradient(180deg, rgba(248,251,255,.988) 0%, rgba(243,248,253,.97) 100%) !important; } section[id^="ni-body-"][id*="guide"] .faq-headline{ margin:0 0 8px !important; font-size:24px !important; line-height:1.18 !important; text-align:center !important; } section[id^="ni-body-"][id*="guide"] .faq-sub{ max-width:760px !important; margin:0 auto 16px !important; text-align:center !important; line-height:1.6 !important; color:var(--g-text-soft) !important; } section[id^="ni-body-"][id*="guide"] .faq-card-grid{ gap:14px !important; } section[id^="ni-body-"][id*="guide"] .faq-card{ display:flex !important; flex-direction:column !important; justify-content:flex-start !important; min-height:0 !important; padding:0 !important; overflow:hidden !important; position:relative !important; background: radial-gradient(180px 56px at 0% 0%, rgba(214,191,138,.06), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(248,251,255,.985) 100%) !important; border:1px solid rgba(211,222,234,.96) !important; box-shadow:0 10px 24px rgba(17,34,54,.045) !important; } section[id^="ni-body-"][id*="guide"] .faq-card::before{ content:""; position:absolute; left:0; top:16px; bottom:16px; width:3px; border-radius:999px; background:linear-gradient(180deg, rgba(214,191,138,.66) 0%, rgba(92,127,168,.34) 100%) !important; opacity:.86; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-tag{ display:none !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-head{ display:grid !important; grid-template-columns:40px minmax(0,1fr) !important; gap:14px !important; align-items:start !important; padding:16px 18px 10px !important; margin:0 !important; background:linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(247,251,255,.982) 100%) !important; } section[id^="ni-body-"][id*="guide"] .faq-card h3{ line-height:1.1 !important; letter-spacing:-.015em !important; font-size:18.3px !important; color:var(--g-title) !important; display:block !important; overflow:visible !important; text-overflow:clip !important; -webkit-line-clamp:unset !important; -webkit-box-orient:initial !important; min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-mini{ display:none !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-foot{ margin-top:auto !important; padding:10px 18px 14px !important; border-top:1px solid rgba(211,222,234,.76) !important; justify-content:center !important; display:flex !important; background:linear-gradient(180deg, rgba(250,252,255,.70) 0%, rgba(246,250,254,.92) 100%) !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:32px !important; min-width:0 !important; padding:0 14px 0 15px !important; border-radius:999px !important; font-size:12.5px !important; font-weight:900 !important; line-height:1 !important; color:#173247 !important; background: radial-gradient(100px 28px at 0% 0%, rgba(214,191,138,.05), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(248,251,255,.985) 100%) !important; border:1px solid rgba(36,58,82,.15) !important; box-shadow:0 4px 10px rgba(17,34,54,.025) !important; white-space:nowrap !important; margin:0 auto !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-btn::after{ content:"→"; margin-left:8px; font-size:12px; line-height:1; } @media (min-width:741px){ section[id^="ni-body-"][id*="guide"] .faq-card{ min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-head{ grid-template-columns:1fr !important; justify-items:center !important; align-content:start !important; text-align:center !important; row-gap:12px !important; padding:18px 18px 12px !important; min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-no{ margin:0 auto !important; } section[id^="ni-body-"][id*="guide"] .faq-card h3{ width:100% !important; max-width:clamp(20ch, 88%, 26ch) !important; margin:0 auto !important; text-align:center !important; display:block !important; overflow:visible !important; text-overflow:clip !important; -webkit-line-clamp:unset !important; -webkit-box-orient:initial !important; text-wrap:balance !important; overflow-wrap:normal !important; word-break:normal !important; hyphens:auto !important; -webkit-hyphens:auto !important; min-height:0 !important; } } @media (min-width:960px){ section[id^="ni-body-"][id*="guide"] .faq-card-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } /* 1 Karte in letzter Reihe mittig */ section[id^="ni-body-"][id*="guide"] .faq-card-grid > .faq-card:last-child:nth-child(3n+1){ grid-column:2 !important; } /* 2 Karten in letzter Reihe: links + mitte */ section[id^="ni-body-"][id*="guide"] .faq-card-grid > .faq-card:nth-last-child(2):nth-child(3n+1){ grid-column:1 !important; } section[id^="ni-body-"][id*="guide"] .faq-card-grid > .faq-card:last-child:nth-child(3n+2){ grid-column:2 !important; } } @media (hover:hover) and (pointer:fine){ section[id^="ni-body-"][id*="guide"] .faq-card:hover .faq-btn{ background:linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(246,250,255,.985) 100%) !important; border-color:rgba(36,58,82,.20) !important; box-shadow:0 8px 16px rgba(17,34,54,.04) !important; } } /* ========================= 15) KRITERIEN- / KOSTENKARTEN ========================= */ section[id^="ni-body-"][id*="guide"] .criteria-card, section[id^="ni-body-"][id*="guide"] .cost-card{ padding:0 !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; background: radial-gradient(180px 54px at 0% 0%, rgba(214,191,138,.06), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(248,251,255,.975) 100%) !important; } section[id^="ni-body-"][id*="guide"] .criteria-head, section[id^="ni-body-"][id*="guide"] .cost-card .top{ padding:14px 14px 12px !important; margin:0 !important; background:linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(247,251,255,.978) 100%) !important; border-bottom:1px solid var(--g-border-soft) !important; } section[id^="ni-body-"][id*="guide"] .criteria-card h3, section[id^="ni-body-"][id*="guide"] .cost-card h3{ line-height:1.12 !important; font-size:19.5px !important; } section[id^="ni-body-"][id*="guide"] .criteria-card p, section[id^="ni-body-"][id*="guide"] .cost-card p{ padding:14px 16px 16px !important; margin:0 !important; color:#334b61 !important; line-height:1.6 !important; } /* ========================= 16) ACTION HUB / NÄCHSTE SCHRITTE ========================= */ section[id^="ni-body-"][id*="guide"] .action-hub-wrap{ padding:18px 18px 16px !important; background: radial-gradient(560px 140px at 50% -12%, rgba(214,191,138,.11), transparent 72%), linear-gradient(180deg, rgba(248,251,255,.992) 0%, rgba(243,248,253,.972) 100%) !important; } section[id^="ni-body-"][id*="guide"] .action-hub-wrap .hub-head{ margin:0 0 8px !important; font-size:23px !important; line-height:1.18 !important; } section[id^="ni-body-"][id*="guide"] .action-hub-wrap .hub-sub{ max-width:760px !important; margin:0 auto 18px !important; line-height:1.62 !important; } section[id^="ni-body-"][id*="guide"] .action-grid{ gap:14px !important; } section[id^="ni-body-"][id*="guide"] .action-card{ grid-template-columns:44px minmax(0,1fr) !important; gap:12px !important; padding:15px 15px 7px !important; text-decoration:none !important; color:inherit !important; background: radial-gradient(180px 54px at 0% 0%, rgba(214,191,138,.08), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.998) 0%, rgba(248,251,255,.982) 100%) !important; border:1px solid rgba(211,222,234,.96) !important; box-shadow:0 10px 22px rgba(17,34,54,.045) !important; } section[id^="ni-body-"][id*="guide"] .action-ico{ width:42px !important; height:42px !important; flex:0 0 42px !important; border-radius:14px !important; } section[id^="ni-body-"][id*="guide"] .action-meta h3{ font-size:18.8px !important; line-height:1.12 !important; } section[id^="ni-body-"][id*="guide"] .action-meta p{ color:#43596d !important; line-height:1.54 !important; font-weight:700 !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip{ margin-top:16px !important; gap:8px !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-link{ padding:7px 12px 7px 8px !important; font-size:14px !important; font-weight:850 !important; border-radius:999px !important; box-shadow:0 5px 12px rgba(17,34,54,.03) !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-ico{ width:24px !important; height:24px !important; flex:0 0 24px !important; border-radius:8px !important; box-shadow:none !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-ico svg{ width:15px !important; height:15px !important; } /* ========================= 17) PRAXISBEISPIELE / FOCUS ========================= */ section[id^="ni-body-"][id*="guide"] .example-card{ background: radial-gradient(180px 54px at 0% 0%, rgba(214,191,138,.06), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(248,251,255,.975) 100%) !important; } section[id^="ni-body-"][id*="guide"] .example-card .eyebrow{ background:linear-gradient(180deg, rgba(247,250,254,.99) 0%, rgba(241,246,251,.97) 100%) !important; border:1px solid rgba(211,222,234,.92) !important; color:#63778c !important; } section[id^="ni-body-"][id*="guide"] .example-card .focus{ margin-top:auto !important; padding:14px 14px 0 !important; border-top:none !important; background:transparent !important; } section[id^="ni-body-"][id*="guide"] .example-card .focus-kicker{ display:flex !important; align-items:center !important; gap:10px !important; margin:0 0 10px !important; font-size:12.2px !important; line-height:1.2 !important; font-weight:950 !important; letter-spacing:.07em !important; text-transform:uppercase !important; color:var(--g-blue-2) !important; } section[id^="ni-body-"][id*="guide"] .example-card .focus-kicker svg{ width:16px !important; height:16px !important; color:var(--g-blue-2) !important; } section[id^="ni-body-"][id*="guide"] .example-card .focus p{ position:relative !important; margin:0 !important; padding:12px 14px 14px 16px !important; color:#31506b !important; font-weight:790 !important; line-height:1.5 !important; background: radial-gradient(160px 34px at 0% 0%, rgba(214,191,138,.04), transparent 58%), linear-gradient(180deg, rgba(247,251,255,.999) 0%, rgba(241,247,252,.992) 100%) !important; border:1px solid rgba(205,219,232,.78) !important; border-radius:14px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.76) !important; } section[id^="ni-body-"][id*="guide"] .example-card .focus p::before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:999px; background:linear-gradient(180deg, rgba(205,185,138,.58) 0%, rgba(92,127,168,.70) 100%) !important; } /* ========================= 18) FINAL CTA PANEL ========================= */ section[id^="ni-body-"][id*="guide"] .final-cta-panel{ background: radial-gradient(560px 180px at 50% -12%, rgba(214,191,138,.14), transparent 72%), linear-gradient(180deg, #203547 0%, #142838 100%) !important; border:1px solid rgba(214,191,138,.16) !important; color:#fff !important; box-shadow:0 20px 42px rgba(17,34,54,.18) !important; padding:18px 18px 24px !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .head{ text-align:center !important; text-wrap:balance !important; color:#fff !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .sub{ display:block !important; max-width:760px !important; width:100% !important; margin:0 auto 18px !important; text-align:center !important; color:rgba(255,255,255,.84) !important; line-height:1.72 !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btns{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; gap:14px !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn{ min-height:54px !important; padding:0 28px !important; border-radius:999px !important; font-weight:950 !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn.primary{ background:linear-gradient(180deg, #f2e5c6 0%, #e6d4a2 100%) !important; border:1px solid rgba(214,191,138,.44) !important; color:#4f3a12 !important; box-shadow: 0 12px 24px rgba(8,20,30,.22), inset 0 1px 0 rgba(255,255,255,.72) !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn.ghost{ background:linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.08) 100%) !important; border:2px solid rgba(255,255,255,.18) !important; color:#fff !important; box-shadow:0 10px 22px rgba(8,20,30,.16) !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .cta-footer{ max-width:900px !important; margin:28px auto 0 !important; padding-top:18px !important; border-top:1px solid rgba(214,191,138,.14) !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .cta-footer-inner{ max-width:760px !important; margin:0 auto !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .mini-note{ max-width:760px !important; margin:0 auto !important; text-align:center !important; color:rgba(255,255,255,.78) !important; line-height:1.72 !important; } /* ========================= 19) LEGAL NOTE / HINWEIS AM ENDE ========================= */ section[id^="ni-body-"][id*="guide"] [id^="fazit-"] .legal-note{ background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important; border:1px solid var(--g-border) !important; color:#23384b !important; box-shadow:0 10px 24px rgba(17,34,54,.05) !important; padding:16px 18px 14px !important; margin-bottom:0 !important; } section[id^="ni-body-"][id*="guide"] [id^="fazit-"] .legal-note::before{ background:var(--g-border) !important; } section[id^="ni-body-"][id*="guide"] [id^="fazit-"] .legal-note p{ color:#32495d !important; line-height:1.72 !important; } section[id^="ni-body-"][id*="guide"] [id^="fazit-"] .legal-note strong{ font-weight:400 !important; color:inherit !important; } section[id^="ni-body-"][id*="guide"] [id^="fazit-"] .legal-note p > strong:first-of-type{ font-weight:700 !important; color:#173247 !important; } section[id^="ni-body-"][id*="guide"] [id^="fazit-"] .legal-note a{ font-weight:700 !important; color:#173247 !important; } /* ========================= 20) HOVER FEINTUNING ========================= */ @media (hover:hover) and (pointer:fine){ section[id^="ni-body-"][id*="guide"] .intro-point:hover, section[id^="ni-body-"][id*="guide"] .callout:hover, section[id^="ni-body-"][id*="guide"] .profile-card:hover, section[id^="ni-body-"][id*="guide"] .cost-card:hover, section[id^="ni-body-"][id*="guide"] .criteria-card:hover, section[id^="ni-body-"][id*="guide"] .faq-card:hover, section[id^="ni-body-"][id*="guide"] .example-card:hover, section[id^="ni-body-"][id*="guide"] .action-card:hover, section[id^="ni-body-"][id*="guide"] .rule-row:hover{ transform:translateY(-1px); border-color:rgba(36,58,82,.18) !important; box-shadow:0 18px 36px rgba(17,34,54,.075) !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-link:hover, section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn:hover{ transform:translateY(-1px); } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn.primary:hover{ box-shadow: 0 16px 30px rgba(8,20,30,.28), inset 0 1px 0 rgba(255,255,255,.76) !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn.ghost:hover{ box-shadow:0 14px 26px rgba(8,20,30,.20) !important; } } /* ========================= 21) REDUCED MOTION ========================= */ @media (prefers-reduced-motion:reduce){ section[id^="ni-body-"][id*="guide"] .intro-point, section[id^="ni-body-"][id*="guide"] .callout, section[id^="ni-body-"][id*="guide"] .profile-card, section[id^="ni-body-"][id*="guide"] .cost-card, section[id^="ni-body-"][id*="guide"] .criteria-card, section[id^="ni-body-"][id*="guide"] .faq-card, section[id^="ni-body-"][id*="guide"] .example-card, section[id^="ni-body-"][id*="guide"] .action-card, section[id^="ni-body-"][id*="guide"] .rule-row, section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-link, section[id^="ni-body-"][id*="guide"] .faq-btn, section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn, section[id^="ni-body-"][id*="guide"] .toc-link, section[id^="ni-body-"][id*="guide"] .toc-num, section[id^="ni-body-"][id*="guide"] .toc-label{ transition:none !important; } section[id^="ni-body-"][id*="guide"] .intro-point:hover, section[id^="ni-body-"][id*="guide"] .callout:hover, section[id^="ni-body-"][id*="guide"] .profile-card:hover, section[id^="ni-body-"][id*="guide"] .cost-card:hover, section[id^="ni-body-"][id*="guide"] .criteria-card:hover, section[id^="ni-body-"][id*="guide"] .faq-card:hover, section[id^="ni-body-"][id*="guide"] .example-card:hover, section[id^="ni-body-"][id*="guide"] .action-card:hover, section[id^="ni-body-"][id*="guide"] .rule-row:hover, section[id^="ni-body-"][id*="guide"] .mini-link-strip .strip-link:hover, section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn:hover, section[id^="ni-body-"][id*="guide"] .toc-link:hover, section[id^="ni-body-"][id*="guide"] .toc-link:hover .toc-num{ transform:none !important; } } /* ========================= 22) MOBILE ========================= */ @media (max-width:919px){ section[id^="ni-body-"][id*="guide"] .toc-wrap{ grid-template-columns:1fr !important; gap:12px !important; padding:0 12px 12px !important; } section[id^="ni-body-"][id*="guide"] .toc-box{ padding:13px !important; border-radius:18px !important; } section[id^="ni-body-"][id*="guide"] .toc-box .label{ min-height:25px !important; padding:0 11px !important; margin-bottom:11px !important; font-size:11.2px !important; } section[id^="ni-body-"][id*="guide"] .toc-list{ gap:8px !important; grid-template-rows:none !important; } section[id^="ni-body-"][id*="guide"] .toc-link{ min-height:auto !important; padding:10px 10px 10px 11px !important; } section[id^="ni-body-"][id*="guide"] .toc-num{ min-width:28px !important; width:28px !important; height:28px !important; flex:0 0 28px !important; font-size:11px !important; } section[id^="ni-body-"][id*="guide"] .toc-label{ font-size:15px !important; line-height:1.18 !important; } section[id^="ni-body-"][id*="guide"] .action-grid{ grid-template-columns:1fr !important; } } @media (max-width:740px){ section[id^="ni-hero-"][id*="guide"] .ni-cta{ width:100% !important; max-width:none !important; margin:14px 0 0 !important; padding:0 12px 14px !important; gap:14px !important; flex-direction:column !important; align-items:stretch !important; justify-content:stretch !important; position:relative !important; top:0 !important; } section[id^="ni-hero-"][id*="guide"] .ni-cta a{ width:100% !important; min-width:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card{ min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-head{ grid-template-columns:40px minmax(0,1fr) !important; justify-items:start !important; align-content:start !important; text-align:left !important; row-gap:0 !important; padding:16px 18px 10px !important; min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card .faq-no{ margin:0 !important; } section[id^="ni-body-"][id*="guide"] .faq-card h3{ font-size:18px !important; text-align:left !important; max-width:none !important; display:block !important; overflow:visible !important; min-height:0 !important; } section[id^="ni-body-"][id*="guide"] .criteria-card h3, section[id^="ni-body-"][id*="guide"] .cost-card h3{ font-size:18.5px !important; } section[id^="ni-body-"][id*="guide"] .action-hub-wrap{ padding:16px !important; } section[id^="ni-body-"][id*="guide"] .mini-link-strip{ gap:8px !important; } } @media (max-width:719px){ section[id^="ni-body-"][id*="guide"] .wrap{ padding-bottom:24px !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel{ padding:18px 16px 22px !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .sub{ margin:0 auto 16px !important; font-size:15px !important; line-height:1.68 !important; } section[id^="ni-body-"][id*="guide"] .final-cta-panel .btn{ width:100% !important; min-width:0 !important; } } /* ========================================================= S & C – GUIDE ADDON | Kachel-Label-Abstand Fix Zweck: - mehr Luft zwischen Pill/Label und Überschrift - besonders für Profil-/Info-Karten im Guide - keine Strukturänderung, nur vertikales Spacing ========================================================= */ section[id^="ni-body-"][id*="guide"] .profile-card .profile-tag, section[id^="ni-body-"][id*="guide"] .example-card .eyebrow{ margin-bottom:18px !important; } /* Profilkarten: Überschrift nach Label sauberer setzen */ section[id^="ni-body-"][id*="guide"] .profile-card h3{ margin-top:0 !important; margin-bottom:12px !important; } /* Falls in einzelnen Guide-Karten das Label direkt vor einer Überschrift steht */ section[id^="ni-body-"][id*="guide"] .profile-card .profile-tag + h3, section[id^="ni-body-"][id*="guide"] .example-card .eyebrow + .example-main h3{ margin-top:0 !important; } /* Mobile minimal kompakter, aber weiterhin mehr Luft als vorher */ @media (max-width:640px){ section[id^="ni-body-"][id*="guide"] .profile-card .profile-tag, section[id^="ni-body-"][id*="guide"] .example-card .eyebrow{ margin-bottom:16px !important; } section[id^="ni-body-"][id*="guide"] .profile-card h3{ margin-bottom:10px !important; } }/* End custom CSS */