.project-category-overview{background:#fff;padding:32px 0 22px}
.category-reset{display:flex;justify-content:flex-end;margin-bottom:12px}
.category-reset a{color:#188a64;font-size:10px;font-weight:800}
.project-category-cards{display:flex;align-items:stretch;gap:12px}
.project-category-card{position:relative;flex:1 1 0;min-width:0;min-height:230px;border:0;border-radius:15px;background:#fff;padding:28px 14px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#17283a;box-shadow:0 0 15px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}
.project-category-card.category-tint{background:#f3f7f5}
.project-category-card:hover,.project-category-card.active{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.15)}
.project-category-card.active{outline:2px solid #36c991;outline-offset:-2px}
.category-icon{width:75px;height:75px;border-radius:10px;display:grid;place-items:center;color:#22a979;font-size:28px}
.category-icon img{display:block;width:100%;height:100%;object-fit:contain}
.category-copy{display:flex;flex-direction:column;align-items:center}
.category-copy strong{margin-top:15px;margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.18}
.category-copy small{display:block;color:#87958e;font-size:12px;line-height:1.3}
.project-category-card>b{display:inline-block;margin-top:12px;padding:5px 9px;border-radius:10px 0 10px 0;background:#fff;color:#24aa7c;box-shadow:0 0 5px rgb(0 0 0 / 25%);font-size:12px;font-weight:600}
.project-category-card:not(.category-tint)>b{background:#edf6f2}
.project-year-filter{background:#fff;padding:8px 0 24px}.project-year-filter .shell{display:flex;flex-wrap:wrap;gap:9px}.project-year-filter a{padding:10px 15px;border:1px solid #d6e1e9;border-radius:9px;color:#526b7d;background:#fff;font-size:12px;font-weight:800}.project-year-filter a:hover,.project-year-filter a.active{border-color:#36c991;background:#e9f8f2;color:#126d50}
@media(max-width:1180px){.project-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.project-category-card{min-height:215px}}
@media(max-width:760px){.project-category-overview{padding:24px 0 14px}.project-category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-category-card{min-height:200px;padding:22px 10px 18px}.category-icon{width:68px;height:68px}.category-copy strong{font-size:15px}}
@media(max-width:430px){.project-category-cards{grid-template-columns:1fr}.project-category-card{min-height:190px}}
.project-compare-tool{padding:24px 0;background:#f4f7f9}.project-compare-tool details{background:#0a223b;color:#fff;border-radius:16px;padding:0 22px}.project-compare-tool summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:19px 0;list-style:none}.project-compare-tool summary::-webkit-details-marker{display:none}.project-compare-tool summary span{display:grid;gap:3px}.project-compare-tool summary small{color:#45d3a0;font-weight:800;letter-spacing:.11em}.project-compare-tool summary>b{font-size:1.5rem;color:#45d3a0}.project-compare-tool details[open] summary>b{transform:rotate(45deg)}.project-compare-tool form{border-top:1px solid rgba(255,255,255,.14);padding:20px 0 24px}.project-compare-tool form>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:14px}.project-compare-tool label{display:grid;gap:7px;font-size:.78rem;font-weight:800}.project-compare-tool select{min-height:48px;border-radius:9px;border:1px solid #537087;background:#fff;padding:0 12px;color:#0a223b}.project-comparison{padding:42px 0;background:#eef3f6}.project-comparison header{margin-bottom:18px}.comparison-grid{display:grid;grid-template-columns:minmax(130px,.65fr) 1fr 1fr;background:#fff;border:1px solid #dce5eb;border-bottom:0}.comparison-grid:last-child{border-bottom:1px solid #dce5eb}.comparison-grid>*{padding:16px 18px;border-left:1px solid #e2e9ee}.comparison-grid>*:first-child{border-left:0}.comparison-grid>strong{color:#365067}.comparison-grid span{color:#596c7a}.comparison-head{background:#0a223b;color:#fff;border-radius:14px 14px 0 0;overflow:hidden}.comparison-head>div{font-weight:800}.comparison-head a{display:grid;gap:4px;color:#fff;text-decoration:none}.comparison-head a span{padding:0;border:0;color:#45d3a0;font-size:.75rem}.comparison-head a strong{font-size:1.05rem}@media(max-width:700px){.project-compare-tool form>div{grid-template-columns:1fr}.comparison-grid{grid-template-columns:105px 1fr 1fr;font-size:.8rem}.comparison-grid>*{padding:12px 9px}.comparison-head>div{font-size:0}.comparison-head>div:after{content:'Kenmerk';font-size:.75rem}}