.bfs,.bfs *,.bfs :after,.bfs :before{box-sizing:border-box;margin:0;padding:0}.bfs{--orange:#e8640a;--green:#00a868;--green-dark:#0a5b2d;--green-light:#e8f7f1;--green-mid:#c8eddc;--ink:#0d0d0d;--body:#4a5550;--gray:#64748b;--white:#fff;--off:#f6f8f6;--border:#e2e8e2;background:transparent;color:var(--ink);font-family:Rubik,sans-serif;padding:80px 0}.bfs-wrap{margin:0 auto;max-width:1600px;padding:0 64px}.bfs-head{align-items:flex-end;display:flex;gap:40px;justify-content:space-between;margin-bottom:36px}.bfs-badge{color:var(--green);display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:1.2px;margin-bottom:10px;text-transform:uppercase}.bfs-title{font-family:DIN Next Pro Medium,DIN Next Pro,DIN Next LT Pro,Rubik,sans-serif;font-size:clamp(28px,3.3vw,46px);font-weight:500;letter-spacing:-1.2px;line-height:1.12}.bfs-nav{display:flex;flex:none;gap:10px}.bfs-arrow{align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:100px;cursor:pointer;display:flex;height:52px;justify-content:center;transition:background .25s ease,border-color .25s ease,transform .25s ease;width:52px}.bfs-arrow svg{fill:none;height:20px;stroke:var(--green-dark);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;transition:stroke .25s ease;width:20px}.bfs-arrow:hover:not(:disabled){background:var(--green);border-color:var(--green);transform:translateY(-2px)}.bfs-arrow:hover:not(:disabled) svg{stroke:#fff}.bfs-arrow:disabled{cursor:default;opacity:.35}.bfs-arrow:focus-visible{outline:3px solid var(--green);outline-offset:3px}.bfs-viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;padding-bottom:4px;scrollbar-width:none}.bfs-viewport::-webkit-scrollbar{display:none}.bfs-track{align-items:stretch;display:flex;gap:22px}.bfs-card{background:var(--white);border:1.5px solid var(--border);border-radius:26px;color:inherit;display:flex;flex:0 0 calc(33.33333% - 14.66667px);flex-direction:column;overflow:hidden;scroll-snap-align:start;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.bfs-card:hover{border-color:var(--green-mid);box-shadow:0 30px 64px -28px rgba(10,91,45,.22);transform:translateY(-6px)}.bfs-card:focus-visible{outline:3px solid var(--green);outline-offset:3px}.bfs-card-beeld{aspect-ratio:16/10;background:var(--green-light);display:block;overflow:hidden}.bfs-card-beeld img{display:block;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1);width:100%}.bfs-card:hover .bfs-card-beeld img{transform:scale(1.04)}.bfs-card-body{display:flex;flex:1;flex-direction:column;padding:26px 26px 24px}.bfs-tag{align-self:flex-start;background:var(--green-light);border-radius:100px;color:var(--green-dark);font-size:12px;font-weight:500;margin-bottom:14px;padding:6px 14px}.bfs-card-titel{font-family:DIN Next LT Pro,Rubik,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.35;margin-bottom:10px}.bfs-card-tekst{color:var(--body);font-size:15px;line-height:1.65}.bfs-card-lees{align-items:center;color:var(--green-dark);display:inline-flex;font-size:14.5px;font-weight:500;gap:8px;margin-top:auto;padding-top:20px;transition:gap .25s ease,color .25s ease}.bfs-card:hover .bfs-card-lees{color:var(--green);gap:12px}.bfs-progress{background:var(--border);border-radius:2px;height:4px;margin-top:28px;overflow:hidden;position:relative}.bfs-progress-fill{background:var(--green);border-radius:2px;bottom:0;position:absolute;top:0;transition:left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1)}.bfs-leeg{color:var(--gray);font-size:15px}@media (max-width:1366px){.bfs{padding:72px 0}.bfs-wrap{padding:0 40px}.bfs-card{flex:0 0 calc(45.45455% - 10px)}}@media (max-width:1100px){.bfs-card{flex:0 0 calc(62.5% - 13.75px)}.bfs-head{gap:24px}}@media (max-width:900px){.bfs{padding:56px 0}.bfs-wrap{padding:0 20px}.bfs-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.bfs-title{font-size:26px;letter-spacing:-.6px}.bfs-arrow{height:46px;width:46px}.bfs-track{gap:12px}.bfs-card{border-radius:20px;flex:0 0 86%}.bfs-card:hover{box-shadow:none;transform:none}.bfs-card-body{padding:20px}.bfs-card-titel{font-size:17.5px}}@media (prefers-reduced-motion:reduce){.bfs-viewport{scroll-behavior:auto}.bfs *,.bfs :after,.bfs :before{transition:none!important}}