.blog-items{--blog-gap:40px;@media screen and (max-width:1328px){box-sizing:border-box;padding-left:16px;padding-right:16px}@media screen and (max-width:1312px){--blog-gap:16px}@media screen and (max-width:650px){--blog-gap:32px}display:flex;flex-wrap:wrap;gap:var(--blog-gap);.blog-item{flex:1 0 calc(33.33333% - var(--blog-gap)*2/3);max-width:calc(33.33333% - var(--blog-gap)*2/3);@media screen and (max-width:1000px){flex:1 0 calc((100% - var(--blog-gap))/2);max-width:calc((100% - var(--blog-gap))/2)}@media screen and (max-width:650px){flex:1 0 100%;max-width:100%}}&.featured{h3{flex:0 0 100%;font-size:44px;margin:0 0 -8px}.blog-item:first-child{background-color:#e4e6da;a:not(:hover){background-color:var(--groen-donker)}}.blog-item:nth-child(2){background-color:#efedea;a:not(:hover){background-color:var(--zwart)}}.blog-item:nth-child(3){background-color:#f3e5d7;a:not(:hover){background-color:var(--oranje-donker)}}}}.blog-item{background-color:var(--grijs);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease-in-out;h4{color:var(--zwart);font-family:var(--font);font-size:32px;line-height:36px;margin-bottom:0;padding:24px 16px 16px;&.double,&.quadrupple,&.single,&.tripple{+p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}}&.single+p{-webkit-line-clamp:6;line-clamp:6;margin-top:12px}&.double+p{-webkit-line-clamp:5;line-clamp:5}&.tripple+p{-webkit-line-clamp:3;line-clamp:3;margin-top:12px}&.quadrupple+p{-webkit-line-clamp:2;line-clamp:2}}p{font-size:14px;line-height:24px;margin:0 0 24px;padding-left:16px;padding-right:16px}a.button{align-self:flex-start;margin-left:16px;margin-top:auto;&:hover{background-color:#fff;color:var(--zwart)}&:before{content:"";inset:0;position:absolute}}figure{aspect-ratio:404/260;background-color:rgba(0,0,0,.2);margin-top:var(--padding-l);max-height:260px;position:relative;width:100%;img{height:100%;object-fit:cover;object-position:center;width:100%;&.placeholder{height:auto;object-fit:contain;object-position:center;width:50%}}&:has(img.placeholder){align-items:center;display:flex;justify-content:center}}}.blog-pagination{box-sizing:border-box;display:flex;gap:16px;justify-content:center;margin:48px 0 96px;padding:0 16px;a{background-color:var(--grijs);border-radius:100%;color:var(--zwart);flex:0 0 32px;height:32px;text-decoration:none;width:32px}.dots,a{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:center}.dots{cursor:default;flex:0 0 12px;width:12px}:is(.dots,.next,.prev){background-color:transparent!important}:is(a:not(.active)):hover{background-color:#c3bdbd;color:#fff}a.active{background-color:var(--rood);color:#fff;cursor:default}:is(.next,.prev){background-position:50%;background-repeat:no-repeat;background-size:18px;filter:invert(2%) sepia(50%) saturate(0) hue-rotate(237deg) brightness(53%) contrast(75%);transition:all .2s ease-in-out}.prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 5-7 7 7 7'/%3E%3C/svg%3E");&:hover{background-position:0}}.next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 5 7 7-7 7'/%3E%3C/svg%3E");&:hover{background-position:100%}}}@media screen and (max-width:1312px){.blog-items{&.featured{h3{font-size:32px;margin:0 0 16px}}}}@media screen and (max-width:768px){.blog-pagination{gap:12px;overflow-x:auto;.next:hover,.prev:hover{background-position:50%}}}.blog-items.featured .slick-track{display:flex!important}.blog-items.featured .slick-slide{display:flex!important;flex:unset!important;height:inherit!important;margin:0 8px}.blog-items.featured .slick-list{margin:0 -16px}.blog-items.featured .slick-dots{align-content:center;display:flex;gap:10px;justify-content:center;width:100%}.blog-items.featured .slick-dots li button{aspect-ratio:1/1;background-color:#eeedea;border:2px solid #eeedea;border-radius:100%;box-sizing:border-box;display:block;font-size:0;height:18px;max-height:18px;max-width:18px;outline:0;padding:0;width:18px}.blog-items.featured .slick-dots li.slick-active button{background-color:var(--rood)}@media (max-width:1000px){.blog-item h4{font-size:26px;line-height:32px}}@media (max-width:500px){.blog-item h4{font-size:22px;line-height:28px}}