.blog-content-holder-top .blog-overview-wrapper{ display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);}.blog-content-holder-top .blog-overview-wrapper .blog-overview{ width:100%;}.blog-content-holder-top .blog-overview-wrapper .blog-overview-0{ grid-area:1 / 1 / 3 / 3;}.blog-content-holder-top .blog-overview-wrapper .blog-overview-1{ grid-area:1 / 3 / 2 / 4;}.blog-content-holder-top .blog-overview-wrapper .blog-overview-2{ grid-area:1 / 4 / 2 / 5;}.blog-content-holder-top .blog-overview-wrapper .blog-overview-3{ grid-area:2 / 3 / 3 / 4;}.blog-content-holder-top .blog-overview-wrapper .blog-overview-4{ grid-area:2 / 4 / 3 / 5;}.blog-content-holder-top .blog-overview-wrapper .blog-overview.blog-overview-0 .blog-overview-top{ height:446px;}.blog-content-holder-top .blog-overview-wrapper .blog-overview .blog-overview-top{ height:180px;}.blog-content-holder-top .blog-overview-wrapper .blog-overview.blog-overview-0 .blog-text-holder{ padding:38px 30px;}.blog-content-holder-top .blog-overview-wrapper .blog-overview.blog-overview-0 .blog-text-holder h3{ font-size:36px;line-height:43px;height:86px;}.blog-content-holder-top .blog-overview-wrapper .blog-overview .blog-text-holder h3{ font-size:18px;line-height:22px;height:44px;}.blogs-relevant-holder,.blog-content-holder-bottom .blog-overview-wrapper{ display:flex;flex-wrap:wrap;gap:40px;}.blog-overview-wrapper{ gap:40px;}.blogs-relevant-wrapper{ margin-top:100px;z-index:2;}.blog-overview{ display:block;width:calc(33.33% - 27px);border-radius:12px;overflow:hidden;}.blog-link{ display:block;text-decoration:none !important;position:relative;}.blog-overview-top{ height:220px;overflow:hidden;display:flex;box-sizing:border-box;position:relative;}.blog-overview-top-bg-left{ position:absolute;width:183px;height:215px;display:flex;pointer-events:none;z-index:2;left:-50px;top:-71px;transition:left 0.3s ease,top 0.3s ease;}.blog-overview:hover .blog-overview-top-bg-left{ left:-30px;top:-51px;}.blog-overview-top-bg-right{ position:absolute;width:169px;height:199px;display:flex;right:-3px;bottom:-29px;pointer-events:none;z-index:2;transition:bottom 0.3s ease;}.blog-overview:hover .blog-overview-top-bg-right{ bottom:-9px;}.blog-overview-top-bg-left svg,.blog-overview-top-bg-right svg{ width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}.blog-overview-top-info{ flex:0 0 40%;width:40%;min-width:40%;position:relative;z-index:5;}.blog-overview-top-info span{ display:block;color:var(--white);font-size:18px;line-height:22px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:auto;max-height:44px;word-break:break-word;overflow:hidden;}.blog-overview-top-info span.blog-overview-top-subtitle{ margin-bottom:14px;font-size:36px;line-height:43px;max-height:86px;}.blog-overview-writer{ flex:0 0 60%;width:60%;min-width:60%;position:relative;z-index:5;}.blog-overview-writer .img-holder,.blog-overview-writer picture{ display:flex;width:100%;height:100%;}#inhoud .blog-overview-writer img{ display:flex;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;}.blog-overview-bottom{ position:relative;z-index:10;}.blog-overview-bottom-tags{ position:absolute;top:-13px;left:0;right:0;display:flex;align-items:center;gap:8px;z-index:8;overflow:hidden;padding:0 30px;}.blog-overview-bottom-tags span{ background-color:var(--first-color);border-radius:50px;padding:2px 14px;color:var(--white);font-size:14px;line-height:22px;font-weight:700;}.blog-overview-bottom-tags span.blog-overview-bottom-tag-time{ background-color:var(--second-color);display:flex;align-items:center;gap:7px;transition:background-color 0.3s ease,color 0.3s ease;}.blog-overview-bottom-tags span.blog-overview-bottom-tag-time svg path{ transition:fill 0.3s ease;}.blog-overview-bottom-tags span.blog-overview-bottom-tag-arrow{ position:absolute;padding:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;right:-30px;transition:right 0.3s ease;}.blog-overview:hover .blog-overview-bottom-tags span.blog-overview-bottom-tag-arrow{ right:30px;}.blog-text-holder{ background-color:var(--white);box-sizing:border-box;padding:30px;transition:background-color 0.3s ease;overflow:hidden;position:relative;}.blog-text-holder:after{ content:"";position:absolute;width:100%;height:332px;border-radius:500px;top:calc(100% + 200px);right:-50%;background:var(--fourth-color);-webkit-filter:blur(100px);filter:blur(100px);will-change:transform;transition:top 0.3s ease;}.blog-text-holder h3{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:24px;line-height:29px;height:58px;margin:0;word-break:break-word;overflow:hidden;transition:color 0.3s ease;position:relative;z-index:5;}.blog-text-holder p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;line-height:26px;height:52px;margin:20px 0 0 0;word-break:break-word;overflow:hidden;transition:color 0.3s ease;position:relative;z-index:5;color:var(--text-color);}.blog-overview:hover .blog-text-holder{ background-color:var(--second-color);}.blog-overview:hover .blog-text-holder:after{ top:calc(100% + -100px);}.blog-overview:hover .blog-text-holder h3{ color:var(--white);}.blog-overview:hover .blog-text-holder p{ color:var(--alt-text-color);}.blog-section-relevante-blogs{ display:block;border-top:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);box-sizing:border-box;padding:20px 0;margin:30px 0;}.blog-section-relevante-blogs h2{ font-size:24px;margin:0 0 20px 0;}.vertical-blog-holder .blog-overview{ width:100%;}.vertical-blog-holder .blog-overview:hover .blog-text-holder{ background-color:transparent;}.vertical-blog-holder .blog-overview:hover .blog-text-holder h3{ color:var(--second-color);}.vertical-blog-holder .blog-text-holder:after{ display:none;}.vertical-blog-holder .blog-link{ display:flex;align-items:center;gap:45px;}.vertical-blog-holder .blog-overview-top{ flex:0 0 270px;height:135px;border-radius:12px;padding:0;}.vertical-blog-holder .blog-overview-bottom{ flex:1;}.vertical-blog-holder .blog-overview-bottom-tags{ position:static;margin-bottom:15px;padding:0;}.vertical-blog-holder .blog-text-holder{ padding:0;background-color:transparent;}.vertical-blog-holder .blog-text-holder h3{ font-size:24px;line-height:29px;max-height:58px;height:auto;}.vertical-blog-holder .blog-text-holder p{ color:var(--text-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:16px;line-height:26px;height:26px;margin:10px 0 0 0;word-break:break-word;overflow:hidden;}.vertical-blog-holder .blog-overview-top-info span{ font-size:10px;line-height:12px;}.vertical-blog-holder .blog-overview-top-info span.blog-overview-top-subtitle{ margin-bottom:14px;font-size:18px;line-height:21px;max-height:42px;}.vertical-blog-holder .blog-overview-top-bg-left{ width:112px;height:132px;}.vertical-blog-holder .blog-overview-top-bg-right{ width:105px;height:123px;}.blogcats-menu-holder{ display:flex;justify-content:space-between;align-items:flex-start;gap:100px;margin:50px 0;}.blogcats-menu-holder.blogcats-menu-holder-no-margin{ margin-top:0;}.blogcats-menu-holder h2.subtitle{ margin:0;}.blogcats-menu-holder-right{ align-items:center;display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px;}.blogcats-menu-holder-right .meerinfoblok{ padding:17px 30px;background-color:var(--white);color:var(--second-color);}.blogcats-menu-holder-right .meerinfoblok.Geen.categorie{ display:none;}.blogcats-menu-holder-right .meerinfoblok.active{ background-color:var(--first-color);color:var(--white);}.blogcats-menu-holder-right .meerinfoblok::after{ display:none;}.blog-content-holder-bottom .blog-overview.blog-featured{ width:calc(66.67% - 13px);}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-top{ height:338px;position:relative;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-top:after{ content:"";background:linear-gradient(180deg,rgba(0,12,35,0) 0%,#000c23 100%);position:absolute;bottom:0;left:0;right:0;height:110px;z-index:5;opacity:0.6;border-radius:0 0 12px 12px;}.blog-content-holder-top .blog-overview-top-featured{ display:none;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-top-featured{ box-sizing:border-box;padding:5px 35px;background-color:rgba(34,133,249,0.4);color:var(--white);border:1px solid var(--first-color);position:absolute;top:28px;right:28px;border-radius:50px;text-transform:uppercase;font-family:var(--second-font);font-weight:700;font-size:18px;line-height:29px;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-bottom{ position:absolute;left:48px;bottom:40px;right:48px;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-bottom-tags{ padding:0;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-bottom-tags span.blog-overview-bottom-tag-time{ color:var(--second-color);background-color:var(--white);}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-bottom-tags span.blog-overview-bottom-tag-time svg path{ fill:var(--second-color);}.blog-content-holder-bottom .blog-overview.blog-featured .blog-text-holder{ background:transparent !important;padding:30px 0 0 0;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-bottom-tags span.blog-overview-bottom-tag-arrow,.blog-content-holder-bottom .blog-overview.blog-featured .blog-text-holder:after{ display:none;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-text-holder h3{ height:auto;color:var(--white);font-size:36px;line-height:43px;max-height:86px;}.blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-writer{ display:inline-block;margin-left:auto;width:40%;display:flex;justify-content:flex-end;padding-right:180px;}.kennisbank-overview .blog-overview-bottom-tags{ position:relative;padding:0;margin-top:45px;left:inherit;right:inherit;top:inherit;}.blog-overview-bottom-button{ display:flex;color:var(--second-color);align-items:center;gap:10px;flex:1;justify-content:flex-end;transition:color 0.3s ease;font-size:11px;}.blog-overview-bottom-button span{ background-color:transparent;color:var(--second-color);padding:0;font-size:14px;line-height:17px;transition:color 0.3s ease;}.blog-overview:hover .blog-overview-bottom-button{ color:var(--white);}.blog-overview:hover .blog-overview-bottom-button span{ color:var(--white);}.blog-overview.kennisbank-overview:hover .blog-overview-bottom-tags span.blog-overview-bottom-tag-time{ background-color:var(--white);color:var(--second-color);}.blog-overview.kennisbank-overview:hover .blog-overview-bottom-tags span.blog-overview-bottom-tag-time svg path{ fill:var(--second-color);}.kennisbank-content-holder-top h1{ color:var(--second-color);}.blog-text-holder-bottom{ margin-top:70px;}@media (max-width:1300px){ .blog-content-holder-top .blog-overview-wrapper .blog-overview-4{ display:none;} .blog-content-holder-top .blog-overview-wrapper .blog-overview, .blog-overview{ width:calc(50% - 20px);} .blog-content-holder-bottom .blog-overview.blog-featured{ width:calc(100%);} .blog-content-holder-top .blog-overview-wrapper{ display:flex;flex-direction:row;flex-wrap:wrap;} .blog-content-holder-top .blog-overview-wrapper .blog-overview.blog-overview-0 .blog-overview-top{ height:180px;} .blog-content-holder-top .blog-overview-wrapper .blog-overview.blog-overview-0 .blog-text-holder{ padding:30px;} .blog-content-holder-top .blog-overview-wrapper .blog-overview.blog-overview-0 .blog-text-holder h3{ font-size:18px;line-height:22px;height:44px;} .blog-content-holder-top .blog-overview-wrapper .blog-overview-0, .blog-content-holder-top .blog-overview-wrapper .blog-overview-1, .blog-content-holder-top .blog-overview-wrapper .blog-overview-2, .blog-content-holder-top .blog-overview-wrapper .blog-overview-3{ grid-area:inherit;} .vertical-blog-holder .blog-link{ gap:25px;} .vertical-blog-holder .blog-overview-top{ flex:0 0 200px;}}@media (max-width:1100px){ .blogs-holder-overview{ padding-top:70px;} .blogcats-menu-holder{ margin:70px 0;gap:50px;}}@media (max-width:900px){ .blog-text-holder h3{ font-size:18px;line-height:22px;height:44px;} .blog-content-holder-bottom .blog-overview.blog-featured .blog-text-holder h3{ font-size:22px;line-height:30px;max-height:60px;}}@media (max-width:700px){ .blog-section-relevante-blogs{ margin:25px 0;} .vertical-blog-holder .blog-text-holder h3{ font-size:20px;line-height:26px;max-height:52px;} .blogs-holder-overview{ padding-top:50px;} .blogcats-menu-holder{ margin:50px 0;flex-direction:column;text-align:center;gap:15px;align-items:center;} .blogcats-menu-holder-right .meerinfoblok{ padding:15px 20px;} .blogs-relevant-holder, .blog-content-holder-bottom .blog-overview-wrapper, .blog-content-holder-top .blog-overview-wrapper{ gap:25px;} .blog-content-holder-top .blog-overview-wrapper .blog-overview, .blog-overview{ width:100%;} .blog-text-holder-bottom{ margin-top:50px;} .blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-bottom{ bottom:30px;left:30px;right:30px;} .vertical-blog-holder .blog-link{ flex-direction:column;} .vertical-blog-holder .blog-overview-top{ flex:inherit;width:100%;height:200px;} .blogcats-menu-holder-right{ justify-content:center;}}@media (max-width:500px){ .blog-content-holder-bottom .blog-overview.blog-featured .blog-overview-top{ height:275px;}}