/* LEESBAAR-PER-SECTIE-20260914 * * Eerdere contrastreparaties (design-system.css, 16-08 en 10-09) zetten tekstkleuren GLOBAAL met * !important, gemeten op lichte secties. Op de blauwe secties stond daardoor tekst in dezelfde * kleur als de achtergrond (gemeten met axe-core + eigen meting, 14-09, 12 paginatypen): * - "What does it cost?" #9a4a00 op #1067b2 = 1,07:1 * - cijfers Over ons (500+, 15+, 100%, 4.9★) var(--primary) op var(--primary) = 1:1 * - sticky "Offerte"-knop mobiel #0b3974 op #1d4ed8 = 1,69:1 * Deze regels zijn bewust per SECTIE afgebakend, niet globaal — anders herhaalt het probleem zich * in omgekeerde richting. Laadt als laatste (na de inline :root-kleuren). * Bron = hetverhuizteam.com; verhuis-sites-sync.php kopieert naar deverhuizing.com. */ /* ── 1. Tekst op de blauwe secties ─────────────────────────────────────────── */ #calculator .section-pre, .section-calc .section-pre, .section-header.light .section-pre { color:#fed7aa !important; } /* licht oranje op blauw ≈ 5,6:1 */ .section-stats .stat-number { color:#ffffff !important; } .section-stats .stat-suffix { color:#bfdbfe !important; } /* was var(--secondary) op blauw */ .section-stats .stat-label { color:rgba(255,255,255,.88) !important; } .over-intro-grid .stat-number { color:#ffffff !important; } .over-intro-grid .stat-number + div, .over-intro-grid [style*="opacity:.8"] { color:#ffffff !important; opacity:.92 !important; } .section-sm [style*="opacity:.8"][style*="margin-top:.25rem"] { color:#ffffff !important; opacity:.92 !important; } /* wagenpark: 4,34 → 6+ */ #tool-volume .dv-vol-sticky .total small, .dv-vol-sticky .total small { color:#ffffff !important; opacity:1 !important; } /* ── 2. Mobiele sticky-balk ───────────────────────────────────────────────── */ .site-sticky-cta a[href="#offerte"] { color:#ffffff !important; } /* ── 3. WhatsApp-kaart op Contact: wit op #25D366 is 1,98:1 ─────────────────── */ .contact-info-col a[href*="wa.me"] .card, .contact-info-col a[href*="wa.me"], .contact-info-col [style*="background:#25d366"], .contact-info-col [style*="background:#25D366"] { background:#15803d !important; } /* wit op #15803d = 5,0:1 */ .contact-info-col a[href*="wa.me"] * { color:#ffffff !important; opacity:1 !important; } /* ── 4. Kleine grijze teksten op lichte vlakken (#94a3b8 ≈ 2,4:1) ───────────── */ .evol, .wz-dot-lbl, #tool-upload small, p[style*="color:#94a3b8"], span[style*="color:#94a3b8"] { color:#475569 !important; } /* ook op #f1f5f9 ≥ 4,5:1 */ /* ── 5. Losse oranje/lichte tinten in de pagina's zelf ─────────────────────── */ span[style*="color:#f59e0b"] { color:#b45309 !important; } /* "opt." 2,05 → 5,0 */ div[style*="color:#ff6b35"] { color:#c2410c !important; } /* "Regular movers" 2,83 → 5,2 */ span[style*="background:#f59e0b"][style*="color:#fff"] { background:#b45309 !important; } /* tijdlijn 2024 */ span[style*="background:#059669"][style*="color:#fff"] { background:#047857 !important; } /* tijdlijn 2020 */ td[style*="color:#0d9488"] { color:#0f766e !important; } .dienst-badge[style*="color:#0284c7"] { color:#075985 !important; } #dv-cc-btn-accept { background:#15803d !important; color:#fff !important; } /* 3,29 → 5,0 */ /* ── 6. Indeling ─────────────────────────────────────────────────────────── */ /* "Waarom kiezen voor ons": de kolom "anderen" is op 10-08 op verzoek van de klant weggehaald, maar het raster bleef twee kolommen — één kaart links, leeg vak rechts. */ .waarom-grid { grid-template-columns:minmax(0, 620px) !important; justify-content:center !important; } /* Interne markering "Stock-foto" hoort niet in beeld bij bezoekers. */ .wagen-todo { display:none !important; } /* Aanvulling na hermeting 14-09 */ .waarom-col.wij .waarom-col-head i { color:#ffffff !important; } /* vinkje blauw op blauwe kop */ th[style*="white-space:nowrap"][style*="background:rgba("] { background-color:#1e5a96 !important; } /* tabelkop 4,3 → 6,9 */ /* HERO-RUIMTE-BOVEN-20260914 — de homepage-hero had op desktop padding-top 0 en centreerde de inhoud; op een laptop (1190×744) stond de badge 60px onder de menubalk en bij minder hoogte vrijwel ertegenaan. */ @media (min-width: 992px) { #hero.hero-section { padding-top: clamp(56px, 9vh, 120px) !important; padding-bottom: clamp(48px, 7vh, 96px) !important; } } /* HERO-MOBIEL-MINDER-RUIMTE-20260915 — op mobiel stapelden drie paddings zich op vóór de badge: .hero-section 72px (klassiek.css, ≤420px; 80px tot 640px) + .container 16px + .hero-split 48px. Gemeten op 375×667: 190px tussen onderkant menubalk en de kop, waardoor de kop pas halverwege het scherm begon. De menubalk ligt NIET over de hero (sticky, hero start eronder), dus die ruimte vangt niets op. Eigenaar 15-09: "minder padding". */ @media (max-width: 991px) { #hero.hero-section { padding-top: 20px !important; padding-bottom: 24px !important; } #hero.hero-section > .container { padding-top: 0 !important; padding-bottom: 0 !important; } #hero.hero-section .hero-split { padding-top: 0 !important; padding-bottom: 16px !important; } #hero.hero-section .hero-badge { margin-bottom: 14px !important; } } /* ── 7. CONTRAST-AUDIT-VOLLEDIG-20260915 ───────────────────────────────────────────────────────────────── Alle 293 sitemap-pagina's van deverhuizing.com × desktop (1440) en mobiel (390) gemeten met /root/scripts/pagina-contrastscan.mjs: effectieve tekstkleur (alfa × opacity van de ouders) tegen de ECHTE ondergrond in pixels. axe-core gaf op dezelfde pagina's 0 fouten — het slaat tekst op verlopen/foto's over. 29 patronen, 310 meldingen; hieronder per patroon de gemeten verhouding → doel ≥ 4,5 (normaal) / 3 (groot). */ /* Rekenmodule (home) */ .calc-garanties span { color:#ffffff !important; opacity:1 !important; } /* wit 55% → 100% (2,71) */ .calc-garanties span i, .calc-garanties span svg { color:#93c5fd !important; fill:#93c5fd !important; } #calculator .section-header p, .section-calc .section-header p { color:rgba(255,255,255,.94) !important; } /* 4,01 */ #calculator .section-pre, .section-calc .section-pre { color:#ffedd5 !important; } /* 4,30 → 5,2 */ .calc-result-card a.calc-tel { color:#ffffff !important; } .lt-btn > span { opacity:1 !important; color:#334155 !important; } /* (+€75) 3,44 */ .lt-btn.lt-active > span { color:inherit !important; } .wk-opt .wk-hint, .zone-opt > span { color:#4b5563 !important; } /* 4,46 */ /* Portfolio: CTA onderaan staat op een donker verloop, de kop erfde donkergrijs (1,10 — onleesbaar) */ section[style*="#0f172a"] h2, section[style*="#0f172a"] h3, section[style*="#0f172a"] p { color:#ffffff !important; } .pf-filter-btn .pf-count { background:#1e3a8a !important; color:#ffffff !important; } /* 3,99 */ /* Blog: nieuwsbrief-blok is blauw, tekst stond in grijs (1,28) */ .blog-newsletter-content p { color:rgba(255,255,255,.94) !important; } .blog-newsletter-form .blog-nl-privacy { color:rgba(255,255,255,.88) !important; } /* 4,15 */ /* Verhuis-tools: blauwe sectie "Tool 8" + wagenwidget (1,36 / 1,64) */ #tool-truck .section-subtitle { color:rgba(255,255,255,.92) !important; } #tool-truck .section-label { color:#ffedd5 !important; } .dvtc-header h3, .dvtc-header p { color:#ffffff !important; } /* Over ons: functietitel oranje op het donkere fotoverloop (2,12) — de algemene #ff6b35-regel hierboven is voor lichte vlakken */ div[style*="rgba(15,23,42,.7)"] div[style*="color:#ff6b35"] { color:#fdba74 !important; } /* Sectielabels oranje op lichte vlakken (3,76–4,15) */ .section-label { color:#9a3412 !important; } #tool-truck .section-label, .section-calc .section-label, [style*="linear-gradient"] > .container > .section-label { color:#ffedd5 !important; } /* Dienstbadges: dienstkleur op 12% van zichzelf (1,95–3,98) — 32× elk, op alle dienst- en werkgebiedpagina's */ .dienst-badge[style*="color:#f59e0b" i] { color:#92400e !important; } .dienst-badge[style*="color:#059669" i] { color:#065f46 !important; } .dienst-badge[style*="color:#0d9488" i] { color:#115e59 !important; } .dienst-badge[style*="color:#6366f1" i] { color:#3730a3 !important; } .dienst-badge[style*="color:#dc2626" i] { color:#991b1b !important; } /* Dienstenoverzicht: prijs en knop in amber (1,99 / 2,15) */ .service-price strong[style*="#f59e0b" i] { color:#92400e !important; } .service-page-actions a.btn-primary[style*="#f59e0b" i] { background:#b45309 !important; border-color:#b45309 !important; color:#ffffff !important; } /* Google-reviewblok: #777 op bijna-wit (4,33) */ .gr-pending-text, .gr-pending-text a { color:#4b5563 !important; } /* Desiree-widget: sinds WIDGET-LICHT-20260915 licht thema in dvh-avatar-widget.js zelf — hier geen kleuren meer. */ /* Aanvulling na hermeting 15-09 (pagina's buiten de sitemap) */ body .wk-opt span.wk-hint, body .zone-opt > span { color:#4b5563 !important; } /* design-system.css had .wk-opt span.wk-hint met !important → specifieker nodig */ .rvp-hero h1 { color:#ffffff !important; } /* /reviews: kop 1,19 (donkergrijs op donkerblauw) */ .rvp-card-datum { color:#64748b !important; } /* #94a3b8 op wit 2,56 → 4,76 */ .rvp-chip span { opacity:1 !important; } /* telling "(4)" 3,24 */ .rvp-card-verified { color:#15803d !important; } /* #16a34a op wit 3,30 → 5,0 */ /* Aanvulling 2 (15-09): pagina's die niet in de sitemap staan — 28 extra pagina's × 2 breedtes gemeten */ .lp-hero h1, .lp-cta-strip h2, .lp-cta-strip p { color:#ffffff !important; } /* landingspagina's: kop donkergrijs op donkerblauw 1,11–1,35 */ .lp-cta.lp-cta-primary, .lp-cta.lp-cta-tel { background:#047857 !important; border-color:#047857 !important; color:#ffffff !important; } /* wit op #10b981 2,54 → 5,5 */ .lp-tel-banner { background:#047857 !important; } .lp-tel-banner small { color:#ffffff !important; opacity:1 !important; } /* 2,96 */ .ai-hero-text h1 { color:#ffffff !important; } /* /ai-inventaris 1,64 */ .ai-hero-text h1 span { color:#bfdbfe !important; -webkit-text-fill-color:#bfdbfe !important; background:none !important; } /* 1,25 */ .ai-hero-text .ai-badge { color:#ffffff !important; background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.35) !important; } /* blauw op blauw 1,01 */ .ai-scanner-hud .hud-box span { background:rgba(15,23,42,.88) !important; color:#ffffff !important; } /* label op foto 2,10 */ .hero--compact h1 span[style*="background-clip:text"] { background:linear-gradient(90deg,#bfdbfe,#93c5fd) !important; -webkit-background-clip:text !important; background-clip:text !important; } /* /verhuisroutes: donkerblauw verloop op donkere foto */ .cl-trust, .ig-trust { color:#64748b !important; } /* #94a3b8 op wit 2,56 */ .sitemap-og-url { opacity:1 !important; color:#475569 !important; } /* 2,36 */ a[style*="background:#16a34a"] { background:#15803d !important; } /* cookies: wit op #16a34a 3,30 → 5,0 */ /* Aanvulling 3 (15-09): eindmeting — overige dienstkleuren op /diensten */ .service-price strong[style*="#059669" i] { color:#065f46 !important; } /* 3,50 */ .service-price strong[style*="#6366f1" i] { color:#3730a3 !important; } /* 4,14 */ .service-price strong[style*="#dc2626" i] { color:#991b1b !important; } /* 4,45 */ .service-price strong[style*="#0d9488" i] { color:#115e59 !important; } .service-page-actions a.btn-primary[style*="#059669" i] { background:#047857 !important; border-color:#047857 !important; } /* 3,77 */ .service-page-actions a.btn-primary[style*="#0d9488" i] { background:#0f766e !important; border-color:#0f766e !important; } .service-page-actions a.btn-primary[style*="#6366f1" i] { background:#4338ca !important; border-color:#4338ca !important; } .service-page-actions a.btn-primary[style*="#dc2626" i] { background:#b91c1c !important; border-color:#b91c1c !important; } /* ── NL-FAMILIE-CONTRAST-20260915 ─────────────────────────────────────────────── Deze stylesheet bestond alleen in de .com-familie; hetverhuizteam.nl en deverhuizing.nl hadden geen enkele contrastreparatie. Gemeten 15-09 met pagina-contrastscan.mjs (65 pagina's hetverhuizteam.nl + landingspagina's deverhuizing.nl, 1440 en 390 px). Ratio's uit die meting staan achter elke regel. ─────────────────────────────── */ .hero--compact h1, .hero--compact > .container > p, .hero--compact p strong { color:#ffffff !important; } /* /verhuizen-vanuit-* en /verhuizen-x-naar-y: kop 1,10–1,42 · tekst 1,47 */ .ws-num { color:#0f2a4d !important; opacity:.8 !important; } /* stapnummers wit op 18% = 1,06 */ .blog-tag { color:#ffffff !important; } /* donkerblauw op donkerblauw 1,33 */ .stat-number { color:inherit !important; } /* /over-ons: cijfer in dezelfde kleur als de ondergrond = 1,00 (onzichtbaar) */ details summary span, summary > span { color:#475569 !important; } /* /verhuisroutes "(5 steden)" 2,56 */ .dvtc-extra-item .evol { color:#475569 !important; } /* /verhuis-tools 2,45 */ .dv-es-icon { color:#475569 !important; } /* lege-staat-icoon 2,32 */ .drop > div { color:#4b5563 !important; } /* /ai-inventaris "JPG / PNG / WebP" 4,48 */ a[style*="background:#059669" i], a[style*="background: #059669" i] { background:#047857 !important; } /* wit op groen 3,77 */ .lp-sticky a.tel { background:#047857 !important; } /* mobiele belknop: wit op #10b981 */ /* deverhuizing.nl gebruikt amber #f9bb2a als accent — witte tekst daarop is 1,73 */ .fn-btn, .fn-btn span { color:#1f2937 !important; } /* nieuwsbriefknop */ .pf-filter-btn span, .pf-filter-btn .pf-count { color:#1f2937 !important; } /* portfolio-filters */ .hv-404-actions a.hv-404-link.accent { color:#1f2937 !important; } .hv-404-code { color:#b45309 !important; } /* 1,65 */ .pf-cta-link { color:#b45309 !important; } /* 1,73 */ .rvp-card-stars, .rvp-score-stars, .pf-stars i { color:#a16207 !important; } /* sterren 1,73 → 4,7 */