/* MeerwerkPro 5.4 + 5.5 — premium header, storytelling & conversion; scoped to the theme. */
:root{--mwp54-ink:#102e48;--mwp54-accent:#178c83;--mwp54-mint:#eef8f5;--mwp54-soft:#f6fbfa;--mwp54-stroke:#dce9e7}
/* Consistente desktopnav, ook voor bestaande door WordPress beheerde menu's. */
@media(min-width:781px){
 .site-header{border-bottom:1px solid #e6efee;box-shadow:0 8px 30px rgba(16,44,69,.035)}
 .site-header .header-inner{min-height:88px;gap:clamp(10px,1.6vw,23px);flex-wrap:nowrap}
 .site-header .site-brand.mwpt-new-brand,.site-header .custom-logo-link{flex:0 1 265px;max-width:265px;min-width:165px}
 .site-header .site-brand.mwpt-new-brand img.mwpt-brand-full{width:min(265px,100%);max-height:70px}
 .site-header .primary-nav{min-width:0;gap:clamp(2px,.4vw,9px);flex:1 1 auto;justify-content:center}
 .site-header .mwp-navigation-list{gap:clamp(2px,.4vw,9px)}
 .site-header .primary-nav>a:not(.mwp-start-link),.site-header .mwp-navigation-list>li>a{display:inline-flex;align-items:center;justify-content:center;padding:11px clamp(7px,.6vw,12px);border-radius:11px;font-size:clamp(12px,.85vw,14px);line-height:1.2;font-weight:720;color:#354f60;text-transform:capitalize;white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
 .site-header .primary-nav>a:not(.mwp-start-link):hover,.site-header .mwp-navigation-list>li>a:hover,.site-header .primary-nav .current-menu-item>a,.site-header .mwp-navigation-list>li.current_page_item>a{background:#ecf7f3;color:#096e69;box-shadow:inset 0 -2px #259e8c}
 .site-header .header-buttons{gap:clamp(7px,1vw,15px);flex:0 0 auto}
 .site-header .header-buttons .mwp-button{white-space:nowrap;min-height:44px;padding:12px clamp(12px,1vw,18px);border-radius:11px;box-shadow:0 8px 20px rgba(11,128,119,.13)}
 .site-header .header-login{font-size:13px}
 .site-header .primary-nav .mwp-start-link{font-size:12px;padding:9px 10px}
}
@media(min-width:781px) and (max-width:1150px){
 .site-header .site-brand.mwpt-new-brand,.site-header .custom-logo-link{flex-basis:205px;max-width:205px}
 .site-header .site-brand.mwpt-new-brand img.mwpt-brand-full{width:205px}
 .site-header .primary-nav>a:not(.mwp-start-link),.site-header .mwp-navigation-list>li>a{font-size:12px;padding:10px 6px}
 .site-header .header-buttons .mwp-button{padding:11px 10px;font-size:12px}
}
@media(max-width:780px){
 .site-header .primary-nav a,.site-header .mwp-navigation-list>li>a{font-size:14px;text-transform:capitalize}
 .site-header .primary-nav .mwp-navigation-list>li.current-menu-item>a{background:#e9f7f2;color:#0d766e}
}
/* Full-width public pages are still constrained by the outer WordPress .site-container. */
.mwp54-story-hero,.mwp54-how-hero,.mwp54-story-text,.mwp54-purpose,.mwp54-neighbor-story,.mwp54-bottom-cta,.mwp54-how-steps,.mwp54-how-split,.mwp54-how-benefits,.mwp54-how-faq{max-width:1100px;margin-inline:auto}
.mwp54-story-hero,.mwp54-how-hero{background:linear-gradient(118deg,#f2f9f7,#e7f6f2 66%,#e9f6f9);border:1px solid #dbece7;border-radius:28px;position:relative;overflow:hidden}
.mwp54-story-hero{padding:clamp(25px,5vw,64px)}
.mwp54-story-hero-inner{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:clamp(20px,4vw,52px)}
.mwp54-story-hero h1,.mwp54-how-hero h1{font-size:clamp(37px,4.4vw,61px);line-height:1.08;letter-spacing:-2.4px;color:var(--mwp54-ink);margin:17px 0 22px;max-width:800px}
.mwp54-story-hero h1 em,.mwp54-how-hero h1 em{font-style:normal;color:#078c81}
.mwp54-lead,.mwp54-how-hero>p{font-size:clamp(16px,1.4vw,19px);line-height:1.77;color:#476674;max-width:660px;margin:0 0 25px}
.mwp54-button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mwp54-text-link{display:inline-flex;gap:6px;align-items:center;color:#096f70;text-decoration:none;font-weight:800;font-size:14px;min-height:44px}
.mwp54-text-link:hover{text-decoration:underline}
.mwp54-story-visual{display:grid;gap:10px;text-align:center;min-width:0}
.mwp54-old-work{background:#fff;border:1px solid #d8e8e6;border-radius:20px;padding:18px;box-shadow:0 12px 35px #174c4f12;display:grid;gap:8px}
.mwp54-old-work>span{font-size:12px;font-weight:850;color:#677d86;text-transform:uppercase;letter-spacing:.8px}
.mwp54-old-work>div{background:#f4f8f8;border:1px solid #e2ecec;border-radius:9px;padding:8px 12px;color:#3b5966;font-size:13px;font-weight:650}
.mwp54-visual-arrow{color:#168d82;font-size:25px;line-height:1}
.mwp54-one-place{background:#163d53;color:#fff;border-radius:17px;padding:27px 14px;display:grid;gap:7px;box-shadow:0 15px 26px #0a303533}
.mwp54-one-place strong{font-size:22px;color:#fff}.mwp54-one-place span{font-size:13px;color:#c9efdf}
.mwp54-story-text{max-width:810px;margin:75px auto 72px;color:#516d78;font-size:16px;line-height:1.9}
.mwp54-story-text h2,.mwp54-section-top h2,.mwp54-how-split h2,.mwp54-neighbor-story h2,.mwp54-bottom-cta h2,.mwp55-section-top h2{font-size:clamp(27px,3.2vw,41px);letter-spacing:-1.2px;line-height:1.16;color:var(--mwp54-ink);margin:11px 0 18px}
.mwp54-story-text p{margin:0 0 20px}.mwp54-story-quote{border-left:4px solid #19a192;margin:30px 0;padding:17px 25px;background:#f0f8f5;color:#163f49;border-radius:0 14px 14px 0;font-size:clamp(17px,2vw,22px);font-weight:760;line-height:1.55}
.mwp54-purpose,.mwp54-how-benefits{padding:30px 0 85px}
.mwp54-section-top,.mwp55-section-top{text-align:center;max-width:760px;margin:0 auto 31px}.mwp54-section-top p,.mwp55-section-top p{color:#5d7780;font-size:15px}
.mwp54-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.mwp54-feature-grid article{background:#fff;border:1px solid var(--mwp54-stroke);border-radius:18px;padding:24px;box-shadow:0 9px 35px #133b4808}
.mwp54-icon{background:#ecf7f3;color:#0a786f;border-radius:11px;display:grid;place-items:center;width:42px;height:42px;font-weight:900}
.mwp54-feature-grid h3{font-size:18px;color:var(--mwp54-ink);margin:18px 0 9px;line-height:1.25}
.mwp54-feature-grid p{color:#617984;font-size:13px;margin:0;line-height:1.75}
.mwp54-neighbor-story{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;background:#143b4d;color:#fff;border-radius:25px;padding:clamp(28px,4.2vw,55px);align-items:center}
.mwp54-neighbor-story .eyebrow{color:#81e3cf}.mwp54-neighbor-story h2{color:#fff}.mwp54-neighbor-story p{max-width:700px;color:#c4dfe1;line-height:1.76;font-size:15px}
.mwp54-neighbor-art{align-self:stretch;min-height:190px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;border-radius:16px;border:1px solid #ffffff28;background:linear-gradient(125deg,#236477,#174758)}
.mwp54-neighbor-art span{font-size:52px;color:#9be4cb}.mwp54-neighbor-art span:nth-child(2){font-size:74px;color:#e8f6fa}.mwp54-neighbor-art small{position:absolute;bottom:15px;font-weight:700;color:#b8e8d9}
.mwp54-bottom-cta{padding:90px 20px 25px;text-align:center}.mwp54-bottom-cta p{max-width:620px;margin:0 auto 23px;color:#607985}.mwp54-bottom-cta .mwp54-button-row{justify-content:center}
.mwp54-bottom-cta>.mwp-button{margin-top:8px}
.mwp54-how-hero{text-align:center;padding:clamp(35px,6vw,80px) 22px;margin-bottom:75px}
.mwp54-how-hero h1,.mwp54-how-hero>p{margin-inline:auto}.mwp54-how-hero .mwp54-button-row{justify-content:center}
.mwp54-how-tags{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:27px}
.mwp54-how-tags span{background:#fff;border:1px solid #cee8e0;border-radius:100px;padding:8px 13px;color:#126b65;font-size:12px;font-weight:760}
.mwp54-how-steps,.mwp54-how-benefits{scroll-margin-top:95px}
.mwp54-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mwp54-step-grid article{background:#f7faf9;border:1px solid #dce8e6;padding:25px 21px;border-radius:18px}
.mwp54-step-count{font-weight:900;font-size:23px;color:#0b887f}
.mwp54-step-grid h3{font-size:18px;line-height:1.25;color:#133a4d;margin:15px 0 10px}
.mwp54-step-grid p{font-size:13px;color:#617985;line-height:1.75;margin:0}
.mwp54-how-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;margin:75px auto;padding:47px;background:#f2f8f6;border-radius:22px}
.mwp54-how-split p{color:#55727c;line-height:1.77}.mwp54-two-phases{display:grid;gap:13px}
.mwp54-two-phases>div{padding:22px;background:#fff;border-radius:14px;border:1px solid #dceae4}.mwp54-two-phases small{color:#0a8478;font-size:11px;font-weight:850;letter-spacing:.5px}.mwp54-two-phases h3{margin:7px 0 6px;color:#153b4b;font-size:19px}.mwp54-two-phases p{font-size:13px;margin:0}
.mwp54-how-faq{max-width:860px;margin:35px auto}.mwp54-how-faq details{border-bottom:1px solid #dce7e5;padding:16px 4px}.mwp54-how-faq summary{font-weight:770;cursor:pointer;color:#143f4e;font-size:16px}.mwp54-how-faq details p{color:#647e87;line-height:1.7}
/* Home story & honest conversion elements */
.mwp54-home-story{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,4vw,55px);align-items:center;margin-top:55px;margin-bottom:85px;padding-top:30px;padding-bottom:30px}
.mwp54-home-story h2{color:var(--mwp54-ink);font-size:clamp(29px,3.1vw,42px);line-height:1.15;letter-spacing:-1.2px;margin:10px 0 20px}
.mwp54-home-story p{color:#526f7b;font-size:15px;line-height:1.77}
.mwp54-home-story-art{background:#eff8f6;border:1px solid #dbe9e4;border-radius:22px;padding:27px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;min-width:0}
.mwp54-home-story-art>div{display:grid;gap:11px;align-content:center}.mwp54-home-story-art>div>span:not(.mwp54-art-heading){background:#fff;border-radius:9px;padding:10px 8px;font-size:13px;font-weight:650;color:#506e78;box-shadow:0 2px 9px #143b4d0c}
.mwp54-home-story-art .mwp54-art-heading{font-size:11px;color:#65838b;font-weight:850;letter-spacing:.5px;text-transform:uppercase}
.mwp54-home-story-art .mwp54-story-arrow{font-size:23px;color:#139a87}
.mwp54-home-story-art .mwp54-art-result{padding:27px 12px;border-radius:15px;background:#174257;color:#fff;text-align:center;min-height:160px;justify-content:center}
.mwp54-home-story-art .mwp54-art-result .mwp54-art-heading{color:#ace4d6}.mwp54-home-story-art .mwp54-art-result strong{font-size:clamp(14px,1.4vw,21px);color:#fff;overflow-wrap:anywhere}.mwp54-home-story-art .mwp54-art-result small{font-size:11px;color:#d5eeeb}
.mwp55-trust-section{padding-top:55px;padding-bottom:55px}.mwp55-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mwp55-trust-grid article{border:1px solid #e0eae9;background:#fbfdfc;border-radius:15px;padding:26px}.mwp55-trust-grid strong{color:#113e4d;font-size:17px}.mwp55-trust-grid p{margin:10px 0 0;color:#647e85;font-size:13px;line-height:1.7}
.mwp55-trust-bottom{margin-top:18px;padding:19px 24px;border-radius:14px;background:#ebf7f3;display:flex;gap:18px;align-items:center;justify-content:space-between}.mwp55-trust-bottom p{margin:0;color:#416874;font-size:13px}
.mwp55-reviews{padding:60px 0}.mwp55-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mwp55-review-card{margin:0;padding:25px;background:#f8fbfa;border:1px solid #dce8e5;border-radius:16px}.mwp55-review-card blockquote{margin:0;color:#3c5d66;line-height:1.75;font-size:14px}.mwp55-review-card figcaption{margin-top:18px;color:#0b6f64;font-size:13px;font-weight:850}
@media(max-width:950px){.mwp54-feature-grid,.mwp54-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mwp54-home-story{grid-template-columns:1fr}.mwp54-home-story-art{max-width:640px;width:100%;margin:auto}}
@media(max-width:780px){.mwp54-story-hero-inner,.mwp54-how-split,.mwp54-neighbor-story{grid-template-columns:1fr}.mwp54-story-visual{max-width:420px;width:100%;margin:auto}.mwp54-neighbor-art{min-height:165px}.mwp55-trust-grid,.mwp55-review-grid{grid-template-columns:1fr}.mwp55-trust-bottom{align-items:flex-start;flex-direction:column}.mwp54-story-text{margin-block:48px}.mwp54-purpose,.mwp54-how-benefits{padding-bottom:50px}.mwp54-home-story{margin-top:30px;margin-bottom:45px}.mwp54-how-split{margin:45px auto;padding:27px}}
@media(max-width:480px){.mwp54-story-hero,.mwp54-how-hero{border-radius:19px}.mwp54-story-hero h1,.mwp54-how-hero h1{letter-spacing:-1.3px;font-size:clamp(33px,9.1vw,43px)}.mwp54-feature-grid,.mwp54-step-grid{grid-template-columns:1fr}.mwp54-story-text{font-size:15px}.mwp54-story-quote{margin-inline:0;padding:15px}.mwp54-button-row{align-items:stretch;flex-direction:column}.mwp54-button-row .mwp-button{width:100%}.mwp54-home-story-art{grid-template-columns:1fr;gap:10px;text-align:center}.mwp54-home-story-art .mwp54-story-arrow{transform:rotate(90deg)}.mwp54-home-story-art>div{max-width:100%;width:100%}.mwp54-bottom-cta{padding:55px 0 20px}.mwp54-neighbor-story{padding:26px}}
@media(prefers-reduced-motion:reduce){.site-header .primary-nav>a,.site-header .mwp-navigation-list>li>a{transition:none}}

/* 5.5 prijsvergelijking op de officiële tarievenpagina */
.mwp55-comparison{max-width:1040px;margin:30px auto 45px;padding:20px 0}.mwp55-compare-scroll{max-width:100%;overflow-x:auto;border:1px solid #dfeae6;border-radius:17px;-webkit-overflow-scrolling:touch}.mwp55-compare-scroll table{border-collapse:collapse;width:100%;min-width:530px;background:#fff}.mwp55-compare-scroll th,.mwp55-compare-scroll td{padding:14px 20px;border-bottom:1px solid #e5eeeb;text-align:center;color:#315260;font-size:13px}.mwp55-compare-scroll th:first-child{text-align:left}.mwp55-compare-scroll thead th{background:#eff8f4;color:#10394c;font-size:14px}.mwp55-compare-scroll tbody th{font-weight:700}.mwp55-compare-scroll td:last-child{font-weight:780;color:#0b796c}.mwp55-comparison-note{color:#69838a;font-size:12px;text-align:center;margin:14px 0 25px}.mwp55-price-cta{display:flex;gap:16px;align-items:center;justify-content:space-between;border-radius:16px;padding:22px 26px;background:#eef8f3}.mwp55-price-cta strong{color:#174359}.mwp55-price-cta p{margin:4px 0 0;color:#52747c;font-size:13px}@media(max-width:620px){.mwp55-price-cta{flex-direction:column;align-items:stretch}.mwp55-price-cta .mwp-button{width:100%}}
@media (min-width:781px) and (max-width:980px){
 .site-header .header-inner{flex-wrap:wrap;padding-top:9px;padding-bottom:10px;row-gap:0}
 .site-header .site-brand,.site-header .site-brand.mwpt-new-brand{order:1}
 .site-header .header-buttons{order:2;margin-left:auto}
 .site-header .primary-nav{order:3;flex:1 1 100%;justify-content:center;padding-top:3px}
 .site-header .primary-nav>a:not(.mwp-start-link),.site-header .mwp-navigation-list>li>a{font-size:12px;padding:8px 11px}
}
