:root{--nv-brand-blue:#223ab1;--nv-brand-mint:#4cfdc8;--nv-brand-blue-hover:#342df1} /* NOVAMIRA – Genesis-aligned components. Editorial precision: flat cards, 1px borders, 4px grid, 200ms transitions. Brand colors and fonts preserved. */ :root{ --nv-space-1:4px;--nv-space-2:8px;--nv-space-3:12px;--nv-space-4:16px; --nv-space-5:20px;--nv-space-6:24px;--nv-space-8:32px;--nv-space-10:40px; --nv-space-12:48px;--nv-space-16:64px;--nv-space-20:80px; --nv-radius-tag:4px;--nv-radius-button:6px;--nv-radius-panel:8px; --nv-radius-card:12px;--nv-radius-pill:9999px; --nv-shadow-card-hover:0 8px 30px rgba(0,0,0,0.08); --nv-ring-focus:0 0 0 3px rgba(76,253,200,0.18); --nv-surface:#FFFFFF;--nv-bg:#FAFAFA;--nv-border:#E8E8EC; --nv-text-primary:#0A0A0A;--nv-text-secondary:#6B6B6B;--nv-text-muted:#9C9C9C; --nv-fs-section:32px;--nv-fs-subhead:24px;--nv-fs-body:15px; --nv-fs-small:13px;--nv-fs-caption:12px;--nv-fs-overline:11px; } /* TL;DR Box */ .novamira-tldr.wp-block-group{background:var(--nv-surface)!important;border:1px solid var(--nv-border)!important;border-radius:var(--nv-radius-card)!important;padding:var(--nv-space-8)!important;margin-bottom:var(--nv-space-12);position:relative} .novamira-tldr.wp-block-group::before{content:'';position:absolute;top:0;left:0;width:48px;height:3px;background:var(--color-accent,var(--nv-brand-mint));border-radius:0 0 var(--nv-radius-tag) var(--nv-radius-tag)} .novamira-tldr .novamira-tldr__label{color:var(--color-primary,var(--nv-brand-blue))!important;font-size:var(--nv-fs-overline)!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--nv-space-3)!important;line-height:1.4!important} .novamira-tldr .novamira-tldr__summary{color:var(--nv-text-primary)!important;font-size:1.0625rem!important;font-weight:600!important;line-height:1.55!important;margin:0 0 var(--nv-space-6)!important} .novamira-tldr .novamira-tldr__facts-label{color:var(--color-primary,var(--nv-brand-blue))!important;font-size:var(--nv-fs-overline)!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--nv-space-3)!important;line-height:1.4!important} .novamira-tldr .novamira-tldr__list{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:var(--nv-space-2)} .novamira-tldr .novamira-tldr__list li{position:relative;padding:var(--nv-space-1) 0 var(--nv-space-1) var(--nv-space-6)!important;color:var(--nv-text-primary)!important;font-size:var(--nv-fs-body)!important;font-weight:400!important;line-height:1.55!important;list-style:none!important} .novamira-tldr .novamira-tldr__list li::before{content:'';position:absolute;left:0;top:.55rem;width:.5rem;height:.5rem;border-radius:var(--nv-radius-pill);background:var(--color-accent,var(--nv-brand-mint));box-shadow:0 0 0 3px rgba(76,253,200,.15)} .novamira-tldr .novamira-tldr__list li strong{color:var(--color-primary,var(--nv-brand-blue))!important;font-weight:600} /* W-Frage Cards */ .novamira-wfrage.wp-block-group{background:var(--nv-surface)!important;border:1px solid var(--nv-border)!important;border-radius:var(--nv-radius-panel)!important;padding:var(--nv-space-5) var(--nv-space-6)!important;margin-bottom:var(--nv-space-3)!important;transition:border-color 200ms ease,box-shadow 200ms ease} .novamira-wfrage.wp-block-group:hover{border-color:var(--color-accent,var(--nv-brand-mint))!important;box-shadow:var(--nv-shadow-card-hover)} .novamira-wfrage .wp-block-heading{color:var(--color-primary,var(--nv-brand-blue))!important;font-size:1.0625rem!important;font-weight:700!important;margin:0 0 var(--nv-space-2)!important;line-height:1.4!important;letter-spacing:-0.01em} .novamira-wfrage .novamira-wfrage__answer{color:var(--nv-text-primary)!important;font-size:var(--nv-fs-body)!important;font-weight:600!important;margin:0 0 var(--nv-space-3)!important;line-height:1.55!important} .novamira-wfrage .novamira-wfrage__deep{color:var(--nv-text-secondary)!important;font-size:var(--nv-fs-small)!important;font-weight:400!important;margin:0!important;line-height:1.65!important} /* Partner Cards – Gallery-frame surfaces */ .novamira-partner-grid.wp-block-columns{gap:var(--nv-space-5)!important;margin-bottom:var(--nv-space-12)!important} .novamira-partner-card.wp-block-group{background:var(--nv-surface)!important;border:1px solid var(--nv-border)!important;border-radius:var(--nv-radius-card)!important;padding:var(--nv-space-6)!important;overflow:hidden;transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease!important;height:100%;position:relative} .novamira-partner-card.wp-block-group:hover{transform:translateY(-2px)!important;box-shadow:var(--nv-shadow-card-hover)!important;border-color:var(--color-accent,var(--nv-brand-mint))!important} .novamira-partner-card.wp-block-group::before{content:"";position:absolute;top:0;left:var(--nv-space-6);width:32px;height:3px;background:var(--color-accent,var(--nv-brand-mint));border-radius:0 0 var(--nv-radius-tag) var(--nv-radius-tag)} .novamira-partner-card .wp-block-heading{font-size:1.0625rem!important;font-weight:700!important;color:var(--nv-text-primary)!important;margin:0 0 var(--nv-space-2)!important;letter-spacing:-0.01em} .novamira-partner-card .wp-block-paragraph,.novamira-partner-card p{font-size:var(--nv-fs-small)!important;color:var(--nv-text-secondary)!important;margin:0!important;line-height:1.55!important} .novamira-partner-examples.wp-block-group{max-height:0;overflow:hidden;transition:max-height 350ms ease,opacity 300ms ease;opacity:0;padding:0!important} .novamira-partner-card:hover .novamira-partner-examples.wp-block-group{max-height:200px;opacity:1} /* Highlight Box */ .novamira-highlight-box.wp-block-group{background:var(--nv-surface)!important;border:1px solid var(--nv-border)!important;border-left:3px solid var(--color-accent,var(--nv-brand-mint))!important;border-radius:var(--nv-radius-card)!important;padding:var(--nv-space-6) var(--nv-space-8)!important;margin:var(--nv-space-6) 0!important} .novamira-highlight-box .novamira-highlight-box__label{font-size:var(--nv-fs-overline)!important;font-weight:700!important;color:var(--color-primary,var(--nv-brand-blue))!important;text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--nv-space-3)!important} .novamira-highlight-box p:not(.novamira-highlight-box__label){color:var(--nv-text-primary)!important;font-size:var(--nv-fs-body)!important;line-height:1.6!important;margin:0!important} /* Section H2 */ .space-page-content h2.wp-block-heading{font-size:var(--nv-fs-section)!important;font-weight:700!important;color:var(--nv-text-primary)!important;letter-spacing:-0.03em;line-height:1.15!important;margin:var(--nv-space-12) 0 var(--nv-space-5)!important} .space-page-content > h2.wp-block-heading:first-child{margin-top:0!important} .space-page-content h3.wp-block-heading{font-size:1.0625rem!important;font-weight:700!important;letter-spacing:-0.01em} .space-page-content p{font-size:var(--nv-fs-body);line-height:1.65;color:var(--nv-text-primary)} /* Yoast FAQ */ .wp-block-yoast-faq-block{margin:var(--nv-space-6) 0 var(--nv-space-12)!important} .wp-block-yoast-faq-block .schema-faq-section{display:grid!important;grid-template-columns:64px minmax(220px,1.1fr) 1.8fr!important;gap:var(--nv-space-6);padding:var(--nv-space-6);margin-bottom:var(--nv-space-2);background:var(--nv-surface);border:1px solid var(--nv-border);border-radius:var(--nv-radius-panel);align-items:start;counter-increment:faq-counter;transition:border-color 200ms ease,box-shadow 200ms ease} .wp-block-yoast-faq-block .schema-faq-section:first-child{counter-reset:faq-counter} .wp-block-yoast-faq-block .schema-faq-section:hover{border-color:var(--color-accent,var(--nv-brand-mint));box-shadow:var(--nv-shadow-card-hover)} .wp-block-yoast-faq-block .schema-faq-section::before{content:counter(faq-counter,decimal-leading-zero);font-size:2rem!important;font-weight:700;color:var(--color-accent,var(--nv-brand-mint))!important;letter-spacing:.02em;line-height:1;align-self:center} .wp-block-yoast-faq-block .schema-faq-question{color:var(--color-primary,var(--nv-brand-blue))!important;font-size:var(--nv-fs-body);font-weight:700!important;display:block;margin:0!important;line-height:1.45;letter-spacing:-0.01em;align-self:center} .wp-block-yoast-faq-block .schema-faq-answer{color:var(--nv-text-secondary)!important;font-size:var(--nv-fs-small)!important;margin:0!important;line-height:1.65!important;align-self:center} /* Related Links pill chips */ .novamira-related-links.wp-block-group{border-top:1px solid var(--nv-border);margin-top:var(--nv-space-16);padding-top:var(--nv-space-10)!important} .novamira-related-links h2.wp-block-heading{font-size:var(--nv-fs-subhead)!important;margin-top:0!important;margin-bottom:var(--nv-space-5)!important} .novamira-related-links__list.wp-block-list{list-style:none!important;padding:0!important;margin:0!important;display:flex;flex-wrap:wrap;gap:var(--nv-space-2)} .novamira-related-links__list.wp-block-list li{list-style:none!important;padding:0!important;margin:0!important} .novamira-related-links__list.wp-block-list li a{display:inline-flex;align-items:center;gap:var(--nv-space-1);padding:var(--nv-space-1) var(--nv-space-3);background:#F4F5F7;border:1px solid var(--nv-border);border-radius:var(--nv-radius-pill);font-size:var(--nv-fs-caption);font-weight:500;color:var(--color-primary,var(--nv-brand-blue))!important;text-decoration:none!important;transition:all 200ms ease;line-height:1.5} .novamira-related-links__list.wp-block-list li a:hover{background:var(--color-primary,var(--nv-brand-blue))!important;border-color:var(--color-primary,var(--nv-brand-blue))!important;color:#fff!important;transform:translateY(-1px)} /* Page header banner */ .space-title-box{background:linear-gradient(135deg,var(--color-primary,var(--nv-brand-blue)) 0%,#0d6e55 100%)!important;padding-bottom:0;border-bottom:1px solid rgba(255,255,255,0.08)} .space-title-box-h1 h1{color:#fff!important;font-weight:700!important;letter-spacing:-0.03em!important;line-height:1.1!important;text-shadow:0 1px 4px rgba(0,0,0,.18)} .space-breadcrumbs,.space-breadcrumbs a,.space-breadcrumbs span{color:rgba(255,255,255,.7)!important;font-size:var(--nv-fs-small);letter-spacing:.02em} .space-breadcrumbs a:hover{color:#fff!important;text-decoration:none!important} .space-breadcrumbs .breadcrumb-separator,.space-breadcrumbs>span>span{color:rgba(255,255,255,.45)!important} /* Sidebar topics list */ .novamira-ctc-topics-list{list-style:none!important;padding:0!important;margin:0!important} .novamira-ctc-topics-list li{border-bottom:1px solid var(--nv-border);padding:0!important} .novamira-ctc-topics-list li:last-child{border-bottom:none} .novamira-ctc-topics-list li a{display:block;padding:var(--nv-space-3) 0;font-size:var(--nv-fs-small);color:var(--nv-text-primary)!important;text-decoration:none!important;line-height:1.4;transition:color 150ms ease,padding-left 150ms ease} .novamira-ctc-topics-list li a:hover{color:var(--color-primary,var(--nv-brand-blue))!important;padding-left:var(--nv-space-1)} .space-widget-title span:before{background-color:var(--color-primary,var(--nv-brand-blue))!important;opacity:1!important} .space-widget-title span:after{background-color:var(--color-accent,var(--nv-brand-mint))!important} /* Layout content + sidebar — grid is set in ctc-layout-fixes.php; keep only non-layout helpers here */ .space-page-content-wrap{margin-right:0!important} .space-title-box-h1{margin-left:var(--nv-space-4)!important} @media(max-width:768px){ :root{--nv-fs-section:24px} .novamira-tldr.wp-block-group{padding:var(--nv-space-6) var(--nv-space-5)!important} .novamira-partner-grid .wp-block-column{flex-basis:100%!important} .novamira-partner-card.wp-block-group:hover{transform:none!important} .novamira-partner-examples.wp-block-group{max-height:200px!important;opacity:1!important} .novamira-related-links__list.wp-block-list{flex-direction:column} .space-page-content-wrap{margin-right:var(--nv-space-4)!important} .wp-block-yoast-faq-block .schema-faq-section{grid-template-columns:1fr!important;gap:var(--nv-space-3)} .wp-block-yoast-faq-block .schema-faq-section::before{font-size:1.5rem!important} } /* ============================================================================= Per-page override: Registrierung (6359) – TL;DR & W-Fragen als Fließtext FAQ unten bleibt als Box (echte Q&A). ============================================================================= */ .page-id-6359 .novamira-wfrage.wp-block-group{ background:transparent!important; border:none!important; border-radius:0!important; padding:0!important; margin:0 0 var(--nv-space-8)!important; box-shadow:none!important; transition:none!important; } .page-id-6359 .novamira-wfrage.wp-block-group:hover{ border:none!important; box-shadow:none!important; } .page-id-6359 .novamira-wfrage .wp-block-heading{ font-size:1.375rem!important; color:var(--nv-text-primary)!important; font-weight:700!important; letter-spacing:-0.02em!important; margin:0 0 var(--nv-space-3)!important; line-height:1.3!important; } .page-id-6359 .novamira-wfrage .novamira-wfrage__answer{ font-size:var(--nv-fs-body)!important; font-weight:600!important; color:var(--nv-text-primary)!important; line-height:1.7!important; margin:0 0 var(--nv-space-3)!important; } .page-id-6359 .novamira-wfrage .novamira-wfrage__deep{ font-size:var(--nv-fs-body)!important; font-weight:400!important; color:var(--nv-text-primary)!important; line-height:1.7!important; margin:0!important; } /* === CashtoCode-Brand-Visuals === Farben: Markenblau var(--nv-brand-blue) (CTA/Headings/Borders), Hellgrün var(--nv-brand-mint) (Accent) */ /* --- 3-Step-Flow --- */ .nv-stepflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;} @media(max-width:720px){.nv-stepflow{grid-template-columns:1fr;}} .nv-stepflow__item{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 18px 18px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease;} .nv-stepflow__item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(34,58,177,.12);} .nv-stepflow__num{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:var(--nv-brand-blue);letter-spacing:.04em;} .nv-stepflow__title{font-size:1.05rem;font-weight:700;color:var(--nv-brand-blue);margin:0;} .nv-stepflow__desc{font-size:.95rem;color:#475569;margin:0;line-height:1.5;} .nv-stepflow__item:not(:last-child)::after{content:'';position:absolute;top:50%;right:-12px;width:16px;height:2px;background:var(--nv-brand-mint);transform:translateY(-50%);z-index:1;} @media(max-width:720px){.nv-stepflow__item:not(:last-child)::after{top:auto;bottom:-12px;right:50%;width:2px;height:16px;transform:translateX(50%);}} /* --- Vergleichs-Karten --- */ .nv-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;} @media(max-width:720px){.nv-compare{grid-template-columns:1fr;}} .nv-compare__col{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;} .nv-compare__col--us{border-left:4px solid var(--nv-brand-blue);} .nv-compare__col--them{border-left:4px solid #94a3b8;} .nv-compare__label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:6px;} .nv-compare__col--us .nv-compare__label{color:var(--nv-brand-blue);} .nv-compare__title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 12px;} .nv-compare__list{list-style:none !important;padding:0 !important;margin:0 !important;} .nv-compare__list li{position:relative;padding:8px 0 8px 36px !important;font-size:.95rem;color:#334155;line-height:1.5;list-style:none !important;margin:0 !important;} .nv-compare__list li::marker{content:'' !important;} .nv-compare__list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;box-sizing:border-box;} .nv-compare__list li::after{content:'';position:absolute;left:6px;top:50%;} .nv-compare__col--us .nv-compare__list li::before{background:var(--nv-brand-mint);border:2px solid var(--nv-brand-blue);} .nv-compare__col--us .nv-compare__list li::after{width:8px;height:4px;border-left:2px solid var(--nv-brand-blue);border-bottom:2px solid var(--nv-brand-blue);transform:translate(0,-70%) rotate(-45deg);} .nv-compare__col--them .nv-compare__list li::before{background:#f1f5f9;border:2px solid #94a3b8;} .nv-compare__col--them .nv-compare__list li::after{width:10px;height:2px;background:#64748b;left:5px;transform:translateY(-50%);} /* --- Cross-Pills --- */ .nv-nope{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;} .nv-nope__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #cbd5e1;background:#f8fafc;color:#1e293b;border-radius:9999px;font-size:.92rem;font-weight:500;} .nv-nope__pill::before{content:'✗';font-weight:700;color:var(--nv-brand-blue);} /* --- Stat-Tiles (Kennzahlen) --- */ .nv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0;} .nv-stats__tile{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:left;border-top:4px solid var(--nv-brand-blue);} .nv-stats__num{font-size:2rem;font-weight:800;color:var(--nv-brand-blue);line-height:1.1;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;} .nv-stats__label{font-size:.85rem;font-weight:600;color:#0f172a;margin:6px 0 4px;} .nv-stats__desc{font-size:.85rem;color:#64748b;margin:0;line-height:1.4;} /* --- Pro-Liste (Vorteile/Trust) --- */ .nv-prolist{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin:24px 0;border-left:4px solid var(--nv-brand-mint);} .nv-prolist__title{font-size:1rem;font-weight:700;color:var(--nv-brand-blue);margin:0 0 12px;} .nv-prolist__items{list-style:none !important;padding:0 !important;margin:0 !important;} .nv-prolist__items li{position:relative;padding:8px 0 8px 32px !important;font-size:.95rem;color:#334155;line-height:1.5;list-style:none !important;margin:0 !important;} .nv-prolist__items li::marker{content:'' !important;} .nv-prolist__items li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--nv-brand-mint);border:2px solid var(--nv-brand-blue);box-sizing:border-box;} .nv-prolist__items li::after{content:'';position:absolute;left:6px;top:50%;width:8px;height:4px;border-left:2px solid var(--nv-brand-blue);border-bottom:2px solid var(--nv-brand-blue);transform:translate(0,-70%) rotate(-45deg);} /* --- Tag-Pills (positive Aufzählung) --- */ .nv-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;} .nv-tags__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--nv-brand-blue);background:#fff;color:var(--nv-brand-blue);border-radius:9999px;font-size:.92rem;font-weight:600;} .nv-tags__pill::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--nv-brand-mint);} /* === Brand-Typography für CashtoCode-Hilfeseiten === Scope: Mercury-Content-Wrapper. Wirkt auf alle Hilfe-Seiten ohne page-id-Liste. Farben: --nv-brand-blue (#223ab1), --nv-brand-mint (#4cfdc8) */ .space-page-content-wrap h1, .space-page-content-wrap h2, .space-page-content-wrap h3, .space-page-content-wrap h4, .space-page-content-wrap h5, .space-page-content-wrap h6{ color:var(--nv-brand-blue) !important; } .space-page-content-wrap h2.wp-block-heading{font-weight:800;letter-spacing:-.01em;} .space-page-content-wrap h3.wp-block-heading{font-weight:700;} .space-page-content-wrap h4.wp-block-heading{font-weight:700;} /* Body-Links: Blau mit Mint-Underline-Akzent */ .space-page-content-wrap p a, .space-page-content-wrap li a{ color:var(--nv-brand-blue); text-decoration:underline; text-decoration-color:var(--nv-brand-mint); text-decoration-thickness:2px; text-underline-offset:3px; transition:text-decoration-color .15s ease,color .15s ease; } .space-page-content-wrap p a:hover, .space-page-content-wrap li a:hover{ color:var(--nv-brand-blue-hover); text-decoration-color:var(--nv-brand-blue); } /* Standard-Listen: Mint-Bullet als Pseudo-Element */ .space-page-content-wrap .wp-block-list, .space-page-content-wrap ul:not([class*="nv-"]):not([class*="novamira"]){ list-style:none; padding-left:1.5em; } .space-page-content-wrap .wp-block-list > li, .space-page-content-wrap ul:not([class*="nv-"]):not([class*="novamira"]) > li{ position:relative; } .space-page-content-wrap .wp-block-list > li::before, .space-page-content-wrap ul:not([class*="nv-"]):not([class*="novamira"]) > li::before{ content:''; position:absolute; left:-1em; top:.6em; width:8px; height:8px; border-radius:50%; background:var(--nv-brand-mint); border:1.5px solid var(--nv-brand-blue); } /* TL;DR-Box: Blue-Border-Left + Mint-Akzent-Label */ .novamira-tldr{ border-left:4px solid var(--nv-brand-blue) !important; } .novamira-tldr__label{ color:var(--nv-brand-blue) !important; letter-spacing:.08em; } .novamira-tldr__label::after{ content:''; display:inline-block; margin-left:.5em; width:24px; height:2px; background:var(--nv-brand-mint); vertical-align:middle; } /* Highlight-Box & FAQ-Headings */ .novamira-highlight-box h2, .novamira-highlight-box h3, .novamira-highlight-box h4{color:var(--nv-brand-blue) !important;} /* Related-Links pills: Blue text, Mint hover-bg */ .novamira-related-links a{ color:var(--nv-brand-blue) !important; border:1px solid var(--nv-brand-blue) !important; } .novamira-related-links a:hover{ background:var(--nv-brand-mint) !important; color:var(--nv-brand-blue) !important; } /* Title-Box-Schutz: nicht blau auf dem Gradient-Banner */ .space-title-box-ins h1, .space-title-box-h1 h1{ color:#fff !important; } /* === Casino-Single (Mercury organization CPT) === */ /* Casino-Single Brand-Typography */ body.single-organization .space-aces-content-box h1, body.single-organization .space-aces-content-box h2, body.single-organization .space-aces-content-box h3, body.single-organization .space-aces-content-box h4, body.single-organization .space-aces-content-box h5, body.single-organization .space-aces-content-box h6{ color: var(--nv-brand-blue) !important; } body.single-organization .space-aces-content-box h2.wp-block-heading{font-weight:800;letter-spacing:-.01em;} body.single-organization .space-aces-content-box h3.wp-block-heading{font-weight:700;} /* Body-Links innerhalb Casino-Content */ body.single-organization .space-aces-content-box p a, body.single-organization .space-aces-content-box li a{ color:var(--nv-brand-blue); text-decoration:underline; text-decoration-color:var(--nv-brand-mint); text-decoration-thickness:2px; text-underline-offset:3px; } body.single-organization .space-aces-content-box p a:hover, body.single-organization .space-aces-content-box li a:hover{ color:var(--nv-brand-blue-hover); text-decoration-color:var(--nv-brand-blue); } /* Listen mit Mint-Bullet wie auf Hilfeseiten */ body.single-organization .space-aces-content-box .wp-block-list, body.single-organization .space-aces-content-box ul:not([class*="nv-"]):not([class*="novamira"]):not([class*="space-"]){ list-style:none; padding-left:1.5em; } body.single-organization .space-aces-content-box .wp-block-list > li, body.single-organization .space-aces-content-box ul:not([class*="nv-"]):not([class*="novamira"]):not([class*="space-"]) > li{ position:relative; } body.single-organization .space-aces-content-box .wp-block-list > li::before, body.single-organization .space-aces-content-box ul:not([class*="nv-"]):not([class*="novamira"]):not([class*="space-"]) > li::before{ content:''; position:absolute; left:-1em; top:.6em; width:8px; height:8px; border-radius:50%; background:var(--nv-brand-mint); border:1.5px solid var(--nv-brand-blue); } /* Sidebar-Box (Logo, Rating, CTA) als Card im Brand-Look */ body.single-organization .space-aces-content-meta-ins{ background:#fff; border:1px solid #e5e7eb; border-top:4px solid var(--nv-brand-blue); border-radius:12px; padding:24px 20px; box-shadow:0 1px 3px rgba(0,0,0,.04); } body.single-organization .space-organization-content-rating{ color:var(--nv-brand-blue); } body.single-organization .space-organization-content-button a, body.single-organization .space-organization-content-button-block a{ background:var(--nv-brand-blue) !important; color:#fff !important; border-radius:8px !important; font-weight:700 !important; transition:background .15s ease, transform .15s ease; } body.single-organization .space-organization-content-button a:hover, body.single-organization .space-organization-content-button-block a:hover{ background:var(--nv-brand-blue-hover) !important; transform:translateY(-1px); } /* H1 in Title-Box bleibt weiß (vom Title-Box-Schutz abgedeckt) */ /* FAQ und TL;DR-Komponenten greifen automatisch über ihre Klassen */ /* === CTC-Button-Override (Casino-Review Buttons im Content) === */ /* Überschreibt Inline-Styles wie background-color:#e63329 von wp-block-button __link */ .space-aces-content-box .wp-block-button .wp-block-button__link, .space-page-content-wrap .wp-block-button .wp-block-button__link { background:var(--nv-brand-mint) !important; background-color:var(--nv-brand-mint) !important; color:var(--nv-brand-blue) !important; font-weight:700 !important; border:0 !important; transition:transform .15s ease, box-shadow .15s ease; } .space-aces-content-box .wp-block-button .wp-block-button__link:hover, .space-page-content-wrap .wp-block-button .wp-block-button__link:hover { background:#e5e7eb !important; background-color:#e5e7eb !important; color:var(--nv-brand-blue) !important; transform:translateY(-1px); } /* === WPML-Flag-Normalize === */ /* India-Flagge wurde als 540x360 JPG hochgeladen statt WPML-Standard 18x12. */ /* Normalisiert alle Sprachumschalter-Flaggen auf gleiche Höhe. */ .wpml-ls-flag { width:18px !important; height:12px !important; object-fit:cover; display:inline-block; vertical-align:middle; } /* === Sitewide fixed-header clearance === */ /* The shared header is rendered position:fixed unconditionally on every page of this static mirror (not the live theme's scroll-triggered "sticky" toggle, which only adds body.fixed once the visitor scrolls) — so unlike the live site, our body never gets the real theme's own ".space-page-body.fixed{padding-top:90px}" rule (mercury/style.css), leaving the top of every page's first heading/content hidden under the header. Applying that same real value unconditionally here reproduces exactly the clearance the live site applies once its header goes fixed, without depending on a body class this static build never sets. */ body { padding-top: 90px; } /* === Long unbroken URLs used as visible link text === */ /* A few real content pages (de/datenschutz, terms-and-conditions) use the raw URL itself as the link's visible text for third-party policy/opt-out references. No overflow-wrap/word-break rule existed anywhere for prose links, so a long unbroken URL token could run past the edge of its column on narrow viewports instead of wrapping. Wrap-only fix — the link text/target itself is untouched. */ .space-page-content a, .space-aces-content-section a, .ctc-review-main a { overflow-wrap: break-word; word-break: break-word; } /* === Help/Hilfe: Table-Scroll-Wrapper === */ /* Echte Vergleichstabellen (space-page-content table) hatten im Original-Theme keinen Responsive-Wrapper und liefen auf schmalen Viewports ueber die Spalte. Nur Scroll-Container, keine Farb-/Struktur-Aenderung an der Tabelle selbst. */ .ctc-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.45em 0 2.9em; } .ctc-table-scroll table { margin: 0; min-width: 480px; } /* === Main-Content-Grid (space-aces-content-section) responsiv === */ /* Original hatte inline style="display:grid !important;grid-template-columns: 280px minmax(0,1fr) !important" (Desktop-Snapshot der Live-Site-JS, siehe generate.mjs). Inline !important schlaegt jede Media-Query, egal wie spezifisch - Fix entfernt das inline style und uebernimmt dieselben Desktop-Werte (280px/2rem, unveraendert aus dem Crawl) hier als echte, responsive Regel. Die Seite bringt zusaetzlich ihr EIGENES eingebettetes