:root{--bf-bg:#14152b;--bf-bg2:#1b1d3a;--bf-surface:#20224a;--bf-border:#2e3160;--bf-text:#e9eaf6;--bf-muted:#a6abd6;--bf-blue:#5b8cff;--bf-purple:#a855f7}
body.bf-modern-active{background:var(--bf-bg);color:var(--bf-text)}
body.bf-modern-active .site,body.bf-modern-active .site-content{background:var(--bf-bg)}
body.bf-modern-active .site-content{padding-top:0}
body.bf-modern-active #secondary,body.bf-modern-active .site-footer .widget-area,body.bf-modern-active #content-bottom-widgets{display:none !important}
body.bf-modern-active .content-area{float:none;width:100%;margin:0}
body.bf-modern-active .site-main{margin:0}
/* Lichtblauwe header + originele (donkere) logokleuren + menu rechts */
body.bf-modern-active .site-header{background:#d8e3ff;border-bottom:0;padding:12px 28px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:28px}
body.bf-modern-active .header-image{order:0;margin:0;flex:1 1 auto;min-width:0;background:url("/wp-content/uploads/2023/04/bf-header-trans.png") left center/contain no-repeat;height:66px}
body.bf-modern-active .header-image a{display:block;height:66px}
body.bf-modern-active .header-image img{display:none}
body.bf-modern-active .site-header-main{order:1;flex:0 0 auto;margin:0;padding:0;width:auto;display:flex;align-items:center}
body.bf-modern-active .site-branding{margin:0;padding:0}
body.bf-modern-active .site-title,body.bf-modern-active .site-description{display:none}
body.bf-modern-active .main-navigation{margin:0;border:0}
body.bf-modern-active .main-navigation ul{background:transparent}
body.bf-modern-active .main-navigation a{color:#23306a}
body.bf-modern-active .main-navigation a:hover{color:#5b3fd6}
body.bf-modern-active .site-footer{background:var(--bf-bg2);color:var(--bf-muted);border-top:1px solid var(--bf-border)}
.bf-modern{max-width:1100px;margin:0 auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.bf-hero{text-align:center;padding:40px 16px 48px}
.bf-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 18px;color:#fff;letter-spacing:-.02em;font-weight:800}
.bf-grad{background:linear-gradient(135deg,var(--bf-blue),var(--bf-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.bf-hero p{font-size:clamp(1.05rem,2.2vw,1.28rem);color:var(--bf-muted);max-width:680px;margin:0 auto 30px;line-height:1.6}
.bf-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.bf-btn{display:inline-block;padding:13px 26px;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}
.bf-btn-primary{background:linear-gradient(135deg,var(--bf-blue),var(--bf-purple));color:#fff}
.bf-btn-ghost{border:1px solid var(--bf-border);color:var(--bf-text)}
.bf-btn:hover{transform:translateY(-2px)}
.bf-section{padding:48px 0}
.bf-section h2{font-size:1.95rem;color:#fff;text-align:center;margin:0 0 8px;font-weight:800}
.bf-sub{text-align:center;color:var(--bf-muted);margin:0 auto 36px;max-width:640px;line-height:1.6}
.bf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.bf-card{display:block;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:16px;padding:28px;text-decoration:none;color:var(--bf-text);transition:transform .15s,border-color .15s,box-shadow .15s}
.bf-card:hover{transform:translateY(-4px);border-color:var(--bf-blue);box-shadow:0 12px 30px rgba(91,140,255,.18)}
.bf-ico{font-size:1.9rem;display:block;margin-bottom:14px}
.bf-card h3{margin:0 0 8px;color:#fff;font-size:1.2rem}
.bf-card p{margin:0;color:var(--bf-muted);font-size:.97rem;line-height:1.55}
.bf-more{display:inline-block;margin-top:14px;color:var(--bf-blue);font-weight:600;font-size:.9rem}
.bf-cta{text-align:center;background:linear-gradient(135deg,rgba(91,140,255,.12),rgba(168,85,247,.12));border:1px solid var(--bf-border);border-radius:20px;padding:50px 24px;margin:36px 0 64px}
.bf-cta h2{color:#fff;margin-top:0}
.bf-prose{max-width:760px;margin:0 auto;color:var(--bf-text);line-height:1.7;font-size:1.05rem}
.bf-prose a{color:var(--bf-blue)}
.bf-prose h2,.bf-prose h3{color:#fff}
@media(max-width:680px){body.bf-modern-active .site-header{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}body.bf-modern-active .header-image,body.bf-modern-active .header-image a{height:42px;flex:none;width:100%}}
@media(max-width:600px){.bf-hero{padding:30px 12px 30px}.bf-section{padding:34px 0}.bf-card{padding:22px}}
/* footer in lichtblauw voor balans met de header */
body.bf-modern-active .site-footer{background:#d8e3ff !important;color:#23306a;border-top:0}
body.bf-modern-active .site-footer a,body.bf-modern-active .site-info,body.bf-modern-active .site-info a{color:#23306a}
/* ===== Donkere look op ALLE pagina's (site-wide rollout) ===== */
body.bf-modern-active .site-content{padding:22px 0 48px}
body.bf-modern-active .entry-title,body.bf-modern-active .page-title,body.bf-modern-active h1,body.bf-modern-active h2,body.bf-modern-active h3,body.bf-modern-active h4,body.bf-modern-active h5,body.bf-modern-active h6{color:#fff}
body.bf-modern-active .entry-title a{color:#fff}
body.bf-modern-active .entry-content,body.bf-modern-active .entry-summary,body.bf-modern-active .page-content,body.bf-modern-active p,body.bf-modern-active li,body.bf-modern-active dd,body.bf-modern-active label,body.bf-modern-active .comment-content{color:var(--bf-text)}
body.bf-modern-active a{color:var(--bf-blue)}
body.bf-modern-active a:hover{color:var(--bf-purple)}
body.bf-modern-active .bf-btn-primary,body.bf-modern-active .bf-btn-primary:hover,body.bf-modern-active .bf-btn-primary:visited{color:#fff !important}
body.bf-modern-active .bf-btn-ghost,body.bf-modern-active .bf-btn-ghost:hover{color:var(--bf-text) !important}
body.bf-modern-active .entry-meta,body.bf-modern-active .entry-footer,body.bf-modern-active .entry-meta a,body.bf-modern-active .entry-footer a,body.bf-modern-active .comment-metadata,body.bf-modern-active .comment-metadata a,body.bf-modern-active .page-links{color:var(--bf-muted)}
body.bf-modern-active blockquote{color:var(--bf-muted);border-left-color:var(--bf-blue)}
body.bf-modern-active hr{background:var(--bf-border)}
body.bf-modern-active code,body.bf-modern-active pre,body.bf-modern-active kbd{background:var(--bf-surface);color:#e9eaf6}
body.bf-modern-active table,body.bf-modern-active th,body.bf-modern-active td{border-color:var(--bf-border)}
body.bf-modern-active input,body.bf-modern-active textarea,body.bf-modern-active select{background:var(--bf-surface);color:var(--bf-text);border:1px solid var(--bf-border)}
body.bf-modern-active option{background:var(--bf-surface);color:var(--bf-text)}
body.bf-modern-active .contact-form__select-wrapper,body.bf-modern-active .contact-form__select-element-wrapper,body.bf-modern-active .grunion-field select{background:var(--bf-surface) !important;color:var(--bf-text) !important;border-color:var(--bf-border) !important}
body.bf-modern-active select{color-scheme:dark}
body.bf-modern-active input::placeholder,body.bf-modern-active textarea::placeholder{color:var(--bf-muted)}
body.bf-modern-active input[type=submit],body.bf-modern-active button,body.bf-modern-active .button{background:linear-gradient(135deg,var(--bf-blue),var(--bf-purple));color:#fff;border:0}
body.bf-modern-active .nav-links a,body.bf-modern-active .pagination a,body.bf-modern-active .post-navigation a{color:var(--bf-text)}
body.bf-modern-active .hentry{border-bottom:1px solid var(--bf-border)}
body.bf-modern-active .entry-header,body.bf-modern-active .entry-content,body.bf-modern-active .entry-summary,body.bf-modern-active .page-content,body.bf-modern-active .comments-area,body.bf-modern-active .post-navigation,body.bf-modern-active .pagination,body.bf-modern-active .page-header{max-width:860px;margin-left:auto;margin-right:auto;float:none}
/* Oude inline witte achtergronden in content neutraliseren (leesbaar op donker) */
body.bf-modern-active .entry-content [style*="background-color: #fff"],
body.bf-modern-active .entry-content [style*="background-color:#fff"],
body.bf-modern-active .entry-content [style*="background-color: #ffffff"],
body.bf-modern-active .entry-content [style*="background-color:#ffffff"],
body.bf-modern-active .entry-content [style*="background-color: white"],
body.bf-modern-active .entry-content [style*="background: #fff"],
body.bf-modern-active .entry-content [style*="background:#fff"]{background:transparent !important;color:var(--bf-text) !important}