:root{--green:#0b7f5a;--green2:#138a4d;--blue:#073655;--ink:#143852;--muted:#5e7285;--bg:#f5fbf8;--card:#fff;--line:#d9e8e2;--shadow:0 18px 45px rgba(7,54,85,.10);--radius:22px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(90deg,#f7fbf9 0%,#fff 45%,#e8f7f1 100%);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92vw);margin:auto}.topbar{height:20px;background:var(--blue)}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:#0b65a0}.brand-mark{width:52px;height:52px;border:5px solid #16aa72;border-right-color:#1f60a7;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#0b65a0}.menu{display:flex;gap:22px;align-items:center;font-weight:800;color:var(--blue);font-size:15px}.menu a.active{color:var(--green);border-bottom:3px solid var(--green);padding-bottom:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green);border-radius:10px;padding:11px 18px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#fff;color:var(--blue);border-color:var(--line)}.btn.ghost{background:transparent;color:var(--green)}.btn[disabled]{opacity:.55;cursor:not-allowed}.donate-btn.active{box-shadow:0 0 0 3px rgba(11,127,90,.15)}
.site-scope{font-family:var(--page-font-family);font-size:var(--page-body-size);color:var(--page-text-color)}.site-scope .section-title,.site-scope .page-hero h1{font-size:var(--page-heading-size)}.site-scope .card{border-radius:var(--page-card-radius)}.site-scope .btn,.site-scope .role,.site-scope .icon,.site-scope .badge{--green:var(--page-accent-color);color:inherit}.site-scope .btn:not(.secondary):not(.ghost){background:var(--page-accent-color);border-color:var(--page-accent-color)}.site-scope .btn.ghost{color:var(--page-accent-color)}.site-scope .role,.site-scope .icon{color:var(--page-accent-color)}
.hero{padding:48px 0 34px}.hero-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;min-height:360px}.hero-text{padding:60px}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.04;margin:0 0 20px;color:var(--blue)}.hero p{font-size:clamp(18px,2vw,24px);font-weight:700;margin:0 0 30px}.hero-img{background-size:cover;background-position:center;min-height:280px}
.section{padding:38px 0}.section-title{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:0 0 16px;color:var(--blue)}.lead{max-width:720px;color:var(--muted);font-size:18px}.grid{display:grid;gap:24px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr 1fr}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 30px rgba(7,54,85,.06)}.card h3{font-size:24px;margin:0 0 8px;color:var(--blue)}.icon{font-size:42px;color:var(--green);line-height:1}.news-card{padding:0;overflow:hidden}.news-card img{width:100%;height:145px;object-fit:cover;display:block}.news-card .inner{padding:18px}.meta{font-size:13px;color:var(--muted)}
.page-hero{padding:54px 0}.page-hero h1{font-size:clamp(42px,5vw,64px);margin:0;color:var(--blue)}.people-grid{grid-template-columns:repeat(4,1fr)}.person{padding:0;overflow:hidden}.person img{width:100%;height:230px;object-fit:cover;display:block}.person .inner{padding:22px}.person h3{font-size:25px}.role{font-weight:800;color:var(--green);margin-bottom:10px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #b9e4d4;background:#effaf5;color:var(--green);padding:7px 12px;border-radius:999px;font-weight:800;font-size:13px}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f0f8f4;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:30px}.rich-output h2,.rich-output h3{color:var(--blue);line-height:1.15}.rich-output blockquote{border-left:4px solid var(--green);padding-left:18px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}.info-list{display:grid;gap:18px}.info-item{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}.info-dot{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.form-card label{display:block;font-weight:800;margin:0 0 7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;background:#fff;color:var(--ink)}input[type=checkbox],input[type=radio],input[type=color]{width:auto}input[type=color]{height:46px;min-width:64px;padding:6px}textarea{min-height:150px}.help{font-size:14px;color:var(--muted)}.notice{padding:14px 16px;border-radius:14px;background:#eefaf5;border:1px solid #cceadc;color:#0b6b4a;margin-bottom:18px}.notice.err{background:#fff0f0;border-color:#ffd0d0;color:#9b1c1c}.checkline{display:flex!important;align-items:center;gap:10px;margin:14px 0;font-weight:800}
.donation-panel{max-width:1000px;margin:auto}.donation-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.donation-option{display:grid;gap:10px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 12px 30px rgba(7,54,85,.05);cursor:pointer}.donation-option:has(input:checked){border-color:var(--green);box-shadow:0 0 0 3px rgba(11,127,90,.12)}.donation-option .amount{font-size:34px;font-weight:900;color:var(--green)}.donation-option strong{font-size:20px;color:var(--blue)}
.footer{margin-top:60px;background:var(--blue);color:#fff;padding:42px 0}.footer a{color:#fff}
.cms-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f6f9fb}.sidebar{background:#092944;color:#fff;padding:24px}.sidebar .brand{color:#fff}.side-nav{display:grid;gap:6px;margin-top:30px}.side-nav a{padding:12px 14px;border-radius:10px;color:#d9e8f7;font-weight:750}.side-nav a.active,.side-nav a:hover{background:rgba(255,255,255,.10);color:#fff}.cms-main{padding:34px}.cms-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.cms-card{background:#fff;border:1px solid #dce8ef;border-radius:16px;padding:24px;box-shadow:0 10px 25px rgba(7,54,85,.05);margin-bottom:22px}.editor-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}.program-row{display:grid;grid-template-columns:34px 1fr 72px 120px 90px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf3f1}.small{font-size:13px;color:var(--muted)}.status{display:inline-flex;border-radius:999px;background:#e4f5ec;color:#0b7f5a;padding:5px 10px;font-weight:800;font-size:12px}.point-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:10px}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;background:#f6faf8;border:1px solid var(--line);border-radius:14px;padding:10px;margin:12px 0}.editor-toolbar button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 11px;font-weight:800;cursor:pointer}.rich-editor{min-height:180px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;outline:none}.rich-editor:focus{box-shadow:0 0 0 3px rgba(11,127,90,.12);border-color:var(--green)}.cms-table{width:100%;border-collapse:collapse}.cms-table th,.cms-table td{padding:13px;border-bottom:1px solid #edf3f1;text-align:left}.cms-table th{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}.permission-grid label{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f9fcfb}.donation-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.style-preview{position:sticky;top:110px}pre{white-space:pre-wrap;background:#f7fafc;border:1px solid #e1ecf2;border-radius:14px;padding:16px;overflow:auto}
@media(max-width:900px){.hero-card,.grid.three,.grid.two,.people-grid,.contact-layout,.editor-grid,.cms-shell,.donation-choice-grid,.donation-admin-grid{grid-template-columns:1fr}.menu{display:none}.hero-text{padding:34px}.sidebar{display:none}.cms-main{padding:18px}.form-grid{grid-template-columns:1fr}.cta-strip{display:block}.people-grid{display:grid}.permission-grid{grid-template-columns:1fr}}

/* V2.2 visual refinements */
.program-grid{align-items:stretch}.program-card{display:flex;flex-direction:column;min-height:292px}.program-card ul{margin:10px 0 20px;padding-left:22px}.program-card .readmore{margin-top:auto;align-self:flex-start;min-width:136px;height:48px;border-radius:12px;border:1px solid var(--green);background:#fff;color:var(--green);padding:0 18px;font-weight:900}.program-card .readmore:hover{background:#edf9f4}.profile-actions{display:flex;gap:10px}.round-link{width:44px;height:44px;border-radius:50%;border:1px solid #a9d9c8;color:var(--green);display:inline-grid;place-items:center;font-weight:900;background:#fff}.wordlid-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.highlight-card{background:linear-gradient(135deg,#ffffff 0%,#effaf5 100%)}.feature-list{display:grid;gap:12px;margin-top:22px}.feature-list span{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;font-weight:800}.mini-cards{margin-top:24px}.donation-wrap{max-width:1120px}.donation-hero-panel{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center;background:linear-gradient(135deg,#063655 0%,#0b7f5a 100%);color:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow);margin-bottom:28px}.donation-hero-panel h2{font-size:clamp(32px,4vw,52px);line-height:1.06;margin:8px 0 14px}.donation-hero-panel p{font-size:18px;max-width:760px}.eyebrow{display:inline-flex;padding:7px 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-weight:900}.donation-total-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:24px;display:grid;gap:8px}.donation-total-card strong{font-size:72px;line-height:1}.donation-total-card span{font-weight:800}.donation-public-grid{align-items:stretch}.donation-option{position:relative;min-height:245px}.donation-option.featured{transform:translateY(-8px);border-color:#0b7f5a}.donation-option.featured:before{content:'Meest gekozen';position:absolute;top:-14px;left:18px;background:#0b7f5a;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:900}.donation-option em{margin-top:auto;color:var(--muted);font-style:normal;font-weight:800}.donation-action{text-align:center}.donation-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.donation-status span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fff;font-weight:800;color:var(--muted)}.cms-actions{display:flex;gap:10px;align-items:center}.dashboard-grid,.users-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #dce8ef;border-radius:16px;padding:22px;box-shadow:0 10px 25px rgba(7,54,85,.05)}.stat-card span{display:block;color:var(--muted);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.stat-card strong{display:block;font-size:40px;color:var(--blue);line-height:1.15;margin-top:6px}.quick-panel{display:grid;gap:12px}.quick-link{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;font-weight:900}.quick-link:after{content:'→';color:var(--green)}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.users-layout{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}.users-list-card{overflow:auto}.cms-table tr.row-active{background:#effaf5}.cms-table td:first-child a{display:block}.user-editor-card,.profile-editor-card{position:sticky;top:30px}.form-grid.compact{gap:12px}.permission-matrix{display:grid;gap:14px;margin:18px 0}.perm-group{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f9fcfb}.perm-group h3{margin:0 0 10px;font-size:16px}.perm-group label{display:flex;gap:10px;align-items:center;padding:9px 0;font-weight:800}.people-admin-layout{display:grid;grid-template-columns:1fr 430px;gap:24px;align-items:start}.profile-admin-grid{display:grid;gap:12px}.profile-admin-card{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.profile-admin-card.active{background:#effaf5;border-color:#9bd9c3}.profile-admin-card img{width:74px;height:58px;object-fit:cover;border-radius:12px}.profile-admin-card strong,.profile-admin-card span,.profile-admin-card small{display:block}.profile-admin-card small{color:var(--muted)}.profile-preview{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:#f9fcfb;margin-bottom:16px}.profile-preview img{width:96px;height:76px;object-fit:cover;border-radius:14px}.profile-preview strong,.profile-preview span{display:block}.donation-admin-card textarea{min-height:105px}
@media(max-width:900px){.wordlid-layout,.donation-hero-panel,.dashboard-grid,.users-dashboard,.users-layout,.people-admin-layout{grid-template-columns:1fr}.donation-option.featured{transform:none}.cms-actions{flex-wrap:wrap}.section-head{display:block}.user-editor-card,.profile-editor-card{position:static}.profile-admin-card{grid-template-columns:64px 1fr}.profile-admin-card .btn{grid-column:1/-1}}

/* V2.3 uniform buttons, page-photo heroes and cleaner CMS */
.btn{min-height:46px;border-radius:12px;padding:0 18px;font-weight:900;line-height:1;border-width:1.5px;white-space:nowrap}.button-row{display:flex;gap:12px;flex-wrap:wrap}.site-scope .btn:not(.secondary):not(.ghost){color:#fff}.site-scope .btn.secondary{background:#fff;color:var(--blue);border-color:var(--line)}.site-scope .btn.ghost{background:#fff;color:var(--page-accent-color);border-color:var(--page-accent-color)}
.program-card{min-height:346px}.program-card p{min-height:52px}.program-card .readmore,.readmore{height:48px;min-width:136px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 18px}.program-card .icon{min-height:50px}.program-card li{margin:4px 0}
.page-hero-photo{position:relative;overflow:hidden;background-size:cover;background-position:center right;padding:78px 0;margin:0;border:0}.page-hero-photo:after{content:'';position:absolute;inset:auto 0 0 0;height:72px;background:linear-gradient(180deg,rgba(245,251,248,0),rgba(245,251,248,1));pointer-events:none}.page-hero-photo .container{position:relative;z-index:1}.page-hero-photo h1{max-width:760px}.page-hero-photo .lead{max-width:760px;color:#29495f;font-weight:650}
.file-inline{margin-top:10px}.generic-page .card{max-width:880px}.rich-output ul{padding-left:22px}.rich-output li{margin:8px 0}
.donorbox-layout{max-width:1120px}.donorbox-shell{display:grid;grid-template-columns:360px 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.donorbox-form{padding:0;background:#fff}.donorbox-head{height:58px;background:#1598d3;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-weight:900}.frequency-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 22px 4px}.frequency-tabs label{border:1px solid #a9d9ef;border-radius:8px;padding:10px;text-align:center;font-weight:900;color:#0b65a0;background:#eef8fd}.frequency-tabs input{margin-right:6px}.amount-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px 22px}.amount-grid label{border:1px solid #cfdce5;border-radius:8px;padding:13px 8px;text-align:center;background:#fff;display:grid;gap:3px;cursor:pointer}.amount-grid label:has(input:checked){border-color:#1598d3;box-shadow:0 0 0 3px rgba(21,152,211,.12)}.amount-grid input{display:none}.amount-grid span{font-weight:900;font-size:18px;color:#607487}.amount-grid small{font-size:11px;color:#607487}.custom-amount{margin:0 22px 16px;width:calc(100% - 44px);border-radius:8px}.mini-label{display:block;margin:0 22px 6px;font-size:13px;color:#1598d3;font-weight:900}.donorbox-form select,.donorbox-form textarea,.donorbox-form .form-grid{margin-left:22px;margin-right:22px;width:calc(100% - 44px)}.donorbox-form .form-grid{display:grid;grid-template-columns:1fr;gap:10px}.donorbox-form .form-grid input{border-radius:8px}.donorbox-form textarea{min-height:80px;margin-top:10px;border-radius:8px}.donor-next{margin:18px 22px 8px;width:calc(100% - 44px);background:#1598d3!important;border-color:#1598d3!important}.donorbox-form .help{margin:0 22px 22px}.donorbox-story{padding:34px;background:linear-gradient(90deg,#fff 0%,#f4fbf8 100%)}.story-photo{height:230px;background-size:cover;background-position:center;border-radius:18px;margin-bottom:24px}.donorbox-story h2{font-size:42px;line-height:1.08;color:var(--blue);margin:0 0 14px}.donorbox-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.donorbox-pills span{background:#eaf7f2;border:1px solid #bfe4d5;border-radius:999px;padding:8px 12px;font-weight:900;color:var(--green)}
.nav-group{display:block}.nav-group summary{list-style:none;cursor:pointer;padding:12px 14px;border-radius:10px;color:#d9e8f7;font-weight:750}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'▾';float:right;opacity:.75}.nav-group summary.active,.nav-group summary:hover{background:rgba(255,255,255,.10);color:#fff}.nav-subpages{display:grid;gap:3px;margin:6px 0 8px 16px;border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.nav-subpages a{font-size:12px;padding:7px 9px!important;color:#c6d9e8!important}.nav-subpages a.active{background:rgba(255,255,255,.16)!important;color:#fff!important}.side-nav>a{display:block}
.users-layout{grid-template-columns:minmax(560px,1fr) 460px;gap:34px}.users-dashboard{gap:22px}.cms-table{border-collapse:separate;border-spacing:0 8px}.cms-table th{padding:8px 16px}.cms-table td{background:#fff;padding:18px 16px;border-top:1px solid #edf3f1;border-bottom:1px solid #edf3f1}.cms-table td:first-child{border-left:1px solid #edf3f1;border-radius:14px 0 0 14px}.cms-table td:last-child{border-right:1px solid #edf3f1;border-radius:0 14px 14px 0}.cms-table tr.row-active td{background:#effaf5;border-color:#bfe4d5}.permission-matrix{grid-template-columns:1fr;gap:16px}.perm-group{padding:18px}.user-editor-card .form-grid.compact{grid-template-columns:1fr 1fr;gap:14px}.mini-check{display:flex;gap:8px;align-items:center;font-weight:800;color:var(--muted)}
.donation-cms-layout{display:grid;grid-template-columns:minmax(560px,1fr) 520px;gap:26px;align-items:start}.donation-admin-stack{display:grid;gap:14px}.donation-edit-row{display:grid;grid-template-columns:42px 1.2fr 120px 1.7fr auto;gap:12px;align-items:end;border:1px solid var(--line);border-radius:16px;padding:14px;background:#f9fcfb}.number-badge{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.donation-edit-row label{font-weight:900;font-size:13px}.donation-edit-row input{border-radius:10px}.cms-donor-preview{grid-template-columns:1fr;border-radius:16px;box-shadow:none}.cms-donor-preview .donorbox-story{padding:20px}.cms-donor-preview .donorbox-story h3{margin-top:0;color:var(--blue)}.cms-donor-preview .amount-grid{grid-template-columns:1fr 1fr 1fr}.cms-donor-preview .donorbox-form{border-bottom:1px solid var(--line)}
@media(max-width:1100px){.donorbox-shell,.donation-cms-layout{grid-template-columns:1fr}.users-layout{grid-template-columns:1fr}.donation-edit-row{grid-template-columns:42px 1fr 120px}.donation-edit-row .wide{grid-column:2/-1}}@media(max-width:700px){.amount-grid{grid-template-columns:1fr 1fr}.program-card{min-height:auto}.page-hero-photo{padding:54px 0}.donation-edit-row,.user-editor-card .form-grid.compact{grid-template-columns:1fr}.number-badge{margin-bottom:4px}}


/* V2.4 scoped hero photos, equal card buttons, header socials and footer CMS */
.header .nav{gap:24px}.header-actions{display:flex;align-items:center;gap:14px}.header-socials{display:flex;align-items:center;gap:8px}.social-mini{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:950;color:#fff;box-shadow:0 8px 18px rgba(7,54,85,.12);font-size:15px}.social-facebook{background:#2f6fd2}.social-x{background:#0b1420}.social-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}
.program-grid{align-items:stretch}.program-card{display:flex;flex-direction:column;min-height:392px}.program-card p{min-height:58px}.program-card ul{margin-bottom:22px;flex:1}.program-card .readmore{margin-top:auto;align-self:flex-start}.home .program-card{min-height:300px}
.page-hero{padding:32px 0 0;background:linear-gradient(90deg,#f7fbf9 0%,#fff 45%,#e8f7f1 100%)}.page-hero .container{width:min(1180px,92vw)}.page-hero-photo{position:relative;overflow:hidden;background-size:cover;background-position:center right;padding:74px 56px;border-radius:0;margin:0;min-height:260px;border:0;box-shadow:none}.page-hero-photo:after{content:'';position:absolute;inset:auto 0 0 0;height:86px;background:linear-gradient(180deg,rgba(245,251,248,0),rgba(245,251,248,1));pointer-events:none}.page-hero-photo h1,.page-hero-photo .lead{position:relative;z-index:1}.page-hero-photo h1{max-width:760px}.page-hero-photo .lead{max-width:760px;color:#29495f;font-weight:650}
.side-nav{gap:7px}.nav-group{width:100%}.nav-group summary{display:flex;align-items:center;justify-content:space-between}.nav-group summary:after{float:none;margin-left:8px}.nav-subpages{display:flex!important;flex-direction:column!important;gap:6px;margin:8px 0 10px 0;border-left:0;padding-left:0}.nav-subpages a{display:block!important;width:100%;white-space:normal;line-height:1.25;padding:9px 12px!important;border-radius:10px;color:#d9e8f7!important;background:rgba(255,255,255,.055)}.nav-subpages a.active{background:rgba(255,255,255,.18)!important;color:#fff!important}.nav-subpages a:before{content:'• ';opacity:.7}.side-nav>a{width:100%}
.footer{background:#0d2418;color:#fff;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr 1.2fr 1fr 1fr;gap:50px;align-items:start}.footer-logo{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:900;color:#18b783!important;margin-bottom:22px}.footer-logo .brand-mark{border-color:#18b783;border-right-color:#1f60a7;color:#18b783}.footer-socials{display:flex;gap:14px;margin-bottom:24px}.social-tile{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;color:#fff!important;font-size:28px;font-weight:950}.footer-nav{display:grid;gap:9px;margin-top:18px}.footer a{font-weight:900}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom a{margin-left:14px}.footer p{margin:0 0 20px}.footer strong{color:#fff}
.social-edit-box{border:1px solid var(--line);border-radius:18px;padding:16px;background:#f9fcfb;margin:16px 0}.social-edit-box h3{margin:0 0 4px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.footer-cms-layout{display:grid;grid-template-columns:minmax(560px,1fr) 420px;gap:26px;align-items:start}.footer-link-editor{display:grid;gap:10px}.footer-link-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.footer-preview{background:#0d2418;color:#fff;border-radius:18px;padding:22px}.footer-preview-socials{display:flex;gap:12px;margin-bottom:18px}.footer-preview .social-tile{width:52px;height:52px}.footer-preview p{color:#fff}
@media(max-width:1150px){.header-socials{display:none}.footer-grid,.footer-cms-layout{grid-template-columns:1fr 1fr}.program-card{min-height:360px}}@media(max-width:900px){.footer-grid,.footer-cms-layout{grid-template-columns:1fr}.page-hero-photo{padding:54px 28px}.program-card{min-height:auto}.program-card p,.program-card ul{min-height:0;flex:0}.footer-bottom{display:block}.footer-bottom a{display:inline-block;margin:8px 12px 0 0}}


/* V2.5 requested refinements */
.header-actions{display:flex;align-items:center;gap:16px}.header-socials{display:flex;align-items:center;gap:10px}.social-mini{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;color:#fff!important;font-size:22px;font-weight:950;line-height:1;box-shadow:0 10px 22px rgba(7,54,85,.12);transition:transform .15s ease, box-shadow .15s ease}.social-mini:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,54,85,.18)}.social-facebook{background:#1877f2}.social-x{background:#050505}.social-instagram{background:radial-gradient(circle at 30% 110%,#ffdb57 0 18%,#f58529 28%,#dd2a7b 52%,#8134af 75%,#515bd4 100%)}.footer-socials{display:flex;gap:16px;margin:0 0 22px}.social-tile{width:74px;height:74px;border-radius:18px;display:inline-grid;place-items:center;color:#fff!important;font-size:38px;font-weight:950;box-shadow:0 14px 32px rgba(0,0,0,.22)}
.round-link{width:52px;height:52px;font-size:22px;border-width:2px}.profile-actions{gap:12px;flex-wrap:wrap}.profile-actions .round-link:nth-child(2){background:#0a66c2;color:#fff;border-color:#0a66c2}.profile-actions .round-link[title="Facebook"]{background:#1877f2;color:#fff;border-color:#1877f2}.profile-actions .round-link[title="Instagram"]{background:radial-gradient(circle at 30% 110%,#ffdb57 0 18%,#f58529 28%,#dd2a7b 52%,#8134af 75%,#515bd4 100%);color:#fff;border-color:#dd2a7b}.profile-actions .round-link[title="X"]{background:#050505;color:#fff;border-color:#050505}.profile-actions .round-link[title="Website"]{background:#0b7f5a;color:#fff;border-color:#0b7f5a}
.nav-group{display:block;border-radius:12px}.nav-group summary{list-style:none;cursor:pointer;padding:12px 14px;border-radius:10px;color:#d9e8f7;font-weight:850}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:before{content:'▾ ';font-size:13px}.nav-group summary.active,.nav-group summary:hover{background:rgba(255,255,255,.10);color:#fff}.nav-subpages{display:grid!important;grid-template-columns:1fr!important;gap:4px;margin:8px 0 8px 12px;padding-left:8px;border-left:1px solid rgba(255,255,255,.16)}.nav-subpages a{display:block!important;width:100%;padding:8px 10px!important;border-radius:9px;font-size:13px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;color:#d9e8f7!important}.nav-subpages a.active{background:#0b7f5a!important;color:#fff!important}.side-nav{align-items:stretch}.side-nav>a{display:block!important}
.people-admin-layout{grid-template-columns:minmax(0,1fr) 420px}.profile-admin-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.profile-admin-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px!important;border-radius:14px!important;min-height:0!important;font-size:12px}.profile-admin-card img{width:100%!important;height:54px!important;object-fit:cover!important;border-radius:10px!important;background:#e9f7f2}.profile-admin-card strong{font-size:14px;line-height:1.18}.profile-admin-card span,.profile-admin-card small{font-size:12px;line-height:1.2}.profile-admin-card .btn{width:100%;min-height:34px;padding:7px 10px;font-size:12px}.profile-preview img{width:72px;height:56px}.profile-editor-card textarea{min-height:100px}.social-edit-box{border:1px solid var(--line);background:#f9fcfb;border-radius:16px;padding:14px;margin-top:14px}
.donor-live-summary{margin:2px 22px 18px;background:linear-gradient(135deg,#eef8fd 0%,#effaf5 100%);border:1px solid #bfe4d5;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:center}.donor-live-summary span{font-weight:900;color:#1598d3}.donor-live-summary strong{font-size:30px;color:#0b7f5a}.donor-live-summary em{grid-column:1/-1;font-style:normal;color:var(--muted);font-weight:800}.donorbox-shell{border-radius:26px}.donorbox-head{background:linear-gradient(90deg,#1598d3 0%,#0b7f5a 100%)}.amount-grid label{transition:transform .14s ease, box-shadow .14s ease}.amount-grid label:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(7,54,85,.10)}.donation-cms-layout .cms-donor-preview{border:1px solid var(--line);overflow:hidden}.donation-cms-layout .donorbox-head{height:52px}.donation-edit-row{transition:box-shadow .14s ease, transform .14s ease}.donation-edit-row:hover{box-shadow:0 14px 28px rgba(7,54,85,.08);transform:translateY(-1px)}
@media(max-width:900px){.header-socials{display:none}.people-admin-layout{grid-template-columns:1fr}.profile-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-tile{width:58px;height:58px;font-size:30px}}


/* V2.6 herstel doneerknop, programma uit verkiezingsprogramma, nette CMS-paginadropdown */
.header-actions{display:flex;align-items:center;gap:12px}.header-socials{display:none!important}.donate-header{min-width:92px;border-radius:12px;padding:12px 20px;box-shadow:0 10px 22px rgba(11,127,90,.16)}
.menu{flex:1;justify-content:flex-end}.nav{width:min(1180px,92vw);margin:auto}.header .container.nav{gap:26px}.brand{flex-shrink:0}.topbar{display:none}
.program-grid{align-items:stretch}.program-card{display:flex!important;flex-direction:column!important;min-height:440px}.program-card p{min-height:72px}.program-card ul{flex:1;margin-bottom:22px}.program-card .readmore{margin-top:auto!important;align-self:flex-start}.home .program-card{min-height:340px}.home .program-card p{min-height:92px}
.cms-shell{grid-template-columns:300px 1fr}.sidebar{width:300px}.side-nav{gap:6px}.nav-group summary{display:block;width:100%;white-space:normal}.nav-subpages{display:flex!important;flex-direction:column!important;gap:5px!important;margin:8px 0 10px 0!important;padding:0!important;border-left:0!important}.nav-subpages a{display:block!important;width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.25!important;padding:8px 11px!important;border-radius:9px!important;font-size:13px!important;background:rgba(255,255,255,.05)!important}.nav-subpages a:before{content:none!important}.nav-subpages a.active{background:#0b7f5a!important;color:#fff!important}.side-nav>a{display:block;width:100%}.cms-main{min-width:0}
.page-hero-photo{background-position:center center!important}.hero-img{background-position:center center!important}
.footer .social-tile{width:74px;height:74px}
@media(max-width:1150px){.cms-shell{grid-template-columns:1fr}.sidebar{width:auto}.menu{display:none}.donate-header{display:inline-flex}}
@media(max-width:700px){.program-card{min-height:auto}.program-card p,.program-card ul{min-height:0;flex:0}.header .container.nav{width:min(1180px,92vw)}}

/* NEWS_IMAGE_FIT_V38_START - alleen passend maken binnen bestaande nieuwsvensters */
.news-card img,
.news-card picture img{
  width:100%;
  height:145px;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:#eef7f5;
}
.cms-news-image-preview{
  width:100%;
  height:150px;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:#f6f9fb;
}
@media(max-width:760px){.news-card img,.news-card picture img{height:170px}}
/* NEWS_IMAGE_FIT_V38_END */

/* NEWS_IMAGE_FIT_V39_START - geen layoutwijziging, alleen afbeeldingen passend binnen bestaande nieuwsvensters */
.news-card img,
.news-card picture img,
.news-grid .card img,
.card.news img,
article.news-card img{
  width:100%;
  max-width:100%;
  height:145px;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:#eef7f5;
}
/* NEWS_IMAGE_FIT_V39_END */
/* NEWS_LIVE_V42_CSS_START - functionele nieuwsweergave: kaarten passend, korte tekst, detailkaart */
.news-card img{width:100%;height:155px;object-fit:cover;object-position:center center;display:block;background:#eef7f5}
.news-card .inner{display:flex;flex-direction:column;gap:8px}
.news-card .inner p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em}
.news-card .readmore{margin-top:auto;width:max-content}
.news-placeholder{height:155px;display:grid;place-items:center;background:linear-gradient(135deg,#e5f5f2,#f6fbfa);font-weight:900;color:#078653}
.news-detail-card{max-width:920px;margin:0 auto}.news-detail-card h2{font-size:clamp(30px,4vw,54px);line-height:1.05;margin:.3em 0}.news-detail-image{border-radius:18px;overflow:hidden;margin:16px 0 20px;background:#eef7f5}.news-detail-image img{width:100%;height:min(380px,48vw);object-fit:cover;object-position:center center;display:block}.news-detail-card .rich-output{font-size:17px;line-height:1.7}.news-detail-card .rich-output p{margin:0 0 14px}
/* NEWS_LIVE_V42_CSS_END */

/* NEWS_IMAGE_ALIGNMENT_V76_START
   Alleen afbeeldingen binnen bestaande nieuwskaarten. Geen kaart- of gridwijziging. */
:where(
  .news-card,
  .news-item,
  .news-grid .card,
  .home-news .card,
  .homepage-news .card,
  .actual-news .card,
  .actueel-grid .card,
  [data-news-card],
  [data-news-id]
) :where(.news-image,.card-image,.image,.media,.thumb,picture){
  overflow:hidden;
}

:where(
  .news-card,
  .news-item,
  .news-grid .card,
  .home-news .card,
  .homepage-news .card,
  .actual-news .card,
  .actueel-grid .card,
  [data-news-card],
  [data-news-id]
) :where(img,picture img){
  display:block;
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 9;
  height:auto;
  object-fit:cover;
  object-position:center center;
}

/* Moderne fallback wanneer de kaart geen vaste nieuwsklasse heeft. */
:where(article,.card):has(a[href*="page=nieuws"]):not(.news-detail):not(.news-popup):not([role="dialog"]) img,
:where(article,.card):has(a[href*="bericht="]):not(.news-detail):not(.news-popup):not([role="dialog"]) img{
  display:block;
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 9;
  height:auto;
  object-fit:cover;
  object-position:center center;
}

/* Volledig artikel en popup niet hard bijsnijden. */
:where(.news-detail,.news-popup,.news-modal,[role="dialog"]) :where(img,picture img){
  max-width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
/* NEWS_IMAGE_ALIGNMENT_V76_END */

/* V99_NEWS_IMAGE_COVER_START — nieuwskaarten volledig laten vullen */
.news-card__image,
.news-card-image,
.news-card-media,
.news-teaser__image,
.news-item__image,
.news-item__thumb,
.news-item-thumb,
.news-list__thumb,
.news-list-thumb,
.more-news__thumb,
.more-news-thumb,
.article-card__image,
.article-list__thumb,
.home-news-card__image,
.page-news-card__image,
[data-news-image-wrap] {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #e7f0eb;
}
.news-card__image,
.news-card-image,
.news-card-media,
.news-teaser__image,
.news-item__image,
.article-card__image,
.home-news-card__image,
.page-news-card__image,
[data-news-image-wrap] {
    aspect-ratio: 16 / 9;
    min-height: 170px;
}
.news-item__thumb,
.news-item-thumb,
.news-list__thumb,
.news-list-thumb,
.more-news__thumb,
.more-news-thumb,
.article-list__thumb {
    aspect-ratio: 16 / 9;
    min-height: 84px;
}
.news-card__image img,
.news-card-image img,
.news-card-media img,
.news-teaser__image img,
.news-item__image img,
.news-item__thumb img,
.news-item-thumb img,
.news-list__thumb img,
.news-list-thumb img,
.more-news__thumb img,
.more-news-thumb img,
.article-card__image img,
.article-list__thumb img,
.home-news-card__image img,
.page-news-card__image img,
[data-news-image-wrap] img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}
/* V99_NEWS_IMAGE_COVER_END */

/* WLB_PROGRAM_DETAIL_WIDTH_R9 */
.container.generic-page.program-detail-uniform-r9{
  max-width:none!important;
}
/* /WLB_PROGRAM_DETAIL_WIDTH_R9 */

/* WLB_PROGRAM_DETAIL_WIDTH_R9_HF2 */
.container.generic-page.program-detail-uniform-r9 .card{
  max-width:none!important;
  width:100%;
}
/* /WLB_PROGRAM_DETAIL_WIDTH_R9_HF2 */
/* WLB_HERO_CSP_FIX_R10_HF1 */
.page-hero-photo{position:relative;overflow:hidden}
.page-hero-photo .page-hero-media-r10{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.page-hero-photo.hero-layout-contain-right .page-hero-media-r10{object-fit:contain;object-position:right center}
.page-hero-photo .page-hero-shade-r10{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(245,251,248,.98) 0%,rgba(245,251,248,.88) 43%,rgba(245,251,248,.20) 100%);pointer-events:none}
.page-hero-photo > h1,.page-hero-photo > .lead{position:relative;z-index:2}
/* /WLB_HERO_CSP_FIX_R10_HF1 */

/* WLB_PUBLIC_CSP_MEDIA_LIVE_STAR_R14 */
.form-honeypot-r14{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.hero-img-r14,.story-photo-r14{position:relative;overflow:hidden}
.hero-img-r14 .hero-img-media-r14,.story-photo-r14 .story-photo-media-r14{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;pointer-events:none}
/* /WLB_PUBLIC_CSP_MEDIA_LIVE_STAR_R14 */

/* WEBSITE_HERO_LEAD_V101_HF2_START */
/*
 * Alleen de bestaande tekst ONDER de page-hero titel groter maken.
 * Geen hero-achtergrond, hero-afbeelding, titel of hero-markup wijziging.
 */
.page-hero-photo .lead{
    font-size:clamp(22px,2vw,30px) !important;
    line-height:1.38 !important;
    font-weight:650 !important;
    letter-spacing:-0.01em !important;
    max-width:760px !important;
    margin-top:14px !important;
}

/*
 * Alleen Contact/Meldpunt: deze twee formulieren gebruiken multipart/form-data.
 * Daardoor raakt dit GEEN algemene .btn en ook niet het Bubkes-formulier.
 */
.contact-layout .form-card form[enctype="multipart/form-data"] > p > button.btn[type="submit"]{
    background:#078751 !important;
    background-color:#078751 !important;
    color:#fff !important;
    border-color:#078751 !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-text-fill-color:#fff !important;
}

.contact-layout .form-card form[enctype="multipart/form-data"] > p > button.btn[type="submit"]:hover,
.contact-layout .form-card form[enctype="multipart/form-data"] > p > button.btn[type="submit"]:focus-visible{
    background:#056e43 !important;
    background-color:#056e43 !important;
    color:#fff !important;
    border-color:#056e43 !important;
    -webkit-text-fill-color:#fff !important;
}

@media (max-width:700px){
    .page-hero-photo .lead{
        font-size:clamp(20px,5vw,24px) !important;
        line-height:1.42 !important;
        max-width:100% !important;
    }
}
/* WEBSITE_HERO_LEAD_V101_HF2_END */