.mainSite .homeNews{background-color:#fff} .mainSite .newsCardGrid{display:grid; gap:1.75rem; grid-template-columns:minmax(0,1fr)} .mainSite .homeNews .newsCardGrid{margin-top:3.5rem} .mainSite .newsPage .newsCardGrid{margin-top:3rem} .mainSite .newsCard,.mainSite .newsCardLink,.mainSite .newsCardContent{display:block; min-width:0} .mainSite .newsCardLink{color:inherit; text-decoration:none} .mainSite .newsCardLink:focus-visible{border-radius:16px; outline:3px solid rgba(45,106,79,.45); outline-offset:4px} .mainSite .newsCardMedia{aspect-ratio:16 / 9; background:#f5f4f0; border-radius:16px; display:block; margin-bottom:1rem; overflow:hidden} .mainSite .newsCardMedia img{display:block; height:100%; object-fit:cover; transition:transform .25s ease; width:100%} .mainSite .newsCardLink:hover .newsCardMedia img{transform:scale(1.025)} .mainSite .newsCardCategory{align-items:center; background:var(--category-background,#f5f5f4); border-radius:999px; color:var(--category-color,#44403b); display:inline-flex; font-size:.6875rem; font-weight:700; line-height:1.03125rem; min-height:27px; padding:.3125rem .75rem} .mainSite .newsCardContent h3{color:#1a1a1a; font-size:.875rem; font-weight:800; line-height:1.375rem; margin:.75rem 0 0} .mainSite .newsCardContent p{color:#737373; display:-webkit-box; font-size:.875rem; line-height:1.421875rem; margin:.5rem 0 0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3} .mainSite .newsCardContent time{color:#aaa; display:block; font-size:.75rem; line-height:1rem; margin-top:.75rem} .mainSite .nieuwsContent{padding-top:1rem; padding-bottom:5rem} .mainSite .nieuwsContent .breadcrumb{margin-bottom:2rem} .mainSite .nieuwsContent .row{--bs-gutter-y:2rem} .mainSite .nieuwsContent .newsItemTitle{max-width:980px; margin-bottom:2rem} .mainSite .nieuwsContent .newsItemTitle h1{margin:0; font-size:clamp(2rem,8vw,4.25rem); font-weight:600; line-height:1.05} .mainSite .nieuwsContent .newsItemContent{max-width:760px; font-size:1.08rem; line-height:1.8} .mainSite .nieuwsContent .newsItemContent>*:first-child{margin-top:0} .mainSite .nieuwsContent .newsItemContent h2,.mainSite .nieuwsContent .newsItemContent h3{margin-top:2.5rem; margin-bottom:1rem; line-height:1.2} .mainSite .nieuwsContent .newsItemContent p,.mainSite .nieuwsContent .newsItemContent ul,.mainSite .nieuwsContent .newsItemContent ol{margin-bottom:1.25rem} .mainSite .nieuwsContent .newsItemContent img{height:auto; border-radius:.25rem} .mainSite .nieuwsContent .images{display:grid; gap:1rem; grid-template-columns:1fr} .mainSite .nieuwsContent .images .itemImg{background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:.25rem; aspect-ratio:16 / 9; background-color:var(--color-black-sec)} @media(min-width:768px){.mainSite .newsCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .mainSite .nieuwsContent{padding-top:3rem; padding-bottom:7rem} .mainSite .nieuwsContent .images{grid-template-columns:1fr 1fr}} @media(min-width:992px){.mainSite .newsCardGrid{grid-template-columns:repeat(3,minmax(0,1fr))} .mainSite .nieuwsContent .images{position:sticky; top:7rem}} @media(max-width:767.98px){.mainSite .homeNews .newsCardGrid{margin-top:2rem}} @media(prefers-reduced-motion:reduce){.mainSite .newsCardMedia img{transition:none}} @media(min-width:1400px){.mainSite .nieuwsContent .images .itemImg:first-of-type{grid-column:1 / -1; grid-row:1 / 2}}