@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#102a2f;--green:#0e6259;--mint:#bce3d5;--cream:#f4f1e9;--white:#fff;--orange:#ef8b54;--line:#d9e1dd;--muted:#617174;--shadow:0 24px 70px rgba(16,42,47,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fcfdfb;font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',Arial,sans-serif;line-height:1.08}h1{font-size:clamp(3rem,6.5vw,6.3rem);letter-spacing:-.065em;margin-bottom:1.5rem}h1 em,h2 em{font-style:normal;color:var(--green)}h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.045em}.site-header{height:86px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1.25rem,4vw,5rem);border-bottom:1px solid var(--line);background:rgba(252,253,251,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{font-size:1.65rem;font-weight:700;letter-spacing:-.06em;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:37px;height:37px;border-radius:50%;margin-right:.25rem}nav{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.75rem);margin:auto}nav a{font-size:.92rem;font-weight:600;color:#40575a;padding:1rem 0;white-space:nowrap}nav a:hover,nav a.active{color:var(--green)}nav a.active{box-shadow:inset 0 -2px var(--green)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-weight:700;transition:.2s}.header-cta{background:var(--ink);color:#fff;padding:.7rem 1.2rem;font-size:.85rem}.header-cta:hover,.button:hover{transform:translateY(-2px)}.menu{display:none}.hero{min-height:calc(100vh - 86px);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,7rem);display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.76rem;color:var(--green);margin-bottom:1.4rem}.lead{font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--muted);max-width:650px}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2.2rem 0}.button{padding:1rem 1.5rem}.primary{background:var(--green);color:#fff;box-shadow:0 12px 25px rgba(14,98,89,.18)}.secondary{border:1px solid var(--line)}.secondary span{margin-left:.7rem}.trust{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.85rem;color:#526568}.hero-visual{min-height:540px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #bed4cb;border-radius:50%}.o1{width:540px;height:540px}.o2{width:390px;height:390px}.dashboard{width:min(470px,90%);background:#fff;border-radius:22px;box-shadow:var(--shadow);position:relative;z-index:2;transform:rotate(-2deg);overflow:hidden}.dash-top{background:var(--ink);color:#fff;padding:1rem 1.2rem;display:flex;gap:.7rem;align-items:center}.dash-top small{margin-left:auto;color:#b5c7c9}.dot{width:9px;height:9px;border-radius:50%;background:#80cfac}.dash-body{padding:1.6rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.welcome{grid-column:1/-1;font-size:1.2rem}.metric{padding:1rem;background:var(--cream);border-radius:14px}.metric span,.metric i{display:block;font-size:.75rem;color:var(--muted);font-style:normal}.metric strong{font-size:2rem}.mini-chart{grid-column:1/-1;height:80px;display:flex;align-items:end;gap:8px;padding-top:1rem}.mini-chart i{flex:1;background:var(--mint);border-radius:4px 4px 0 0}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:60%}.mini-chart i:nth-child(3){height:48%}.mini-chart i:nth-child(4){height:82%;background:var(--green)}.mini-chart i:nth-child(5){height:65%}.mini-chart i:nth-child(6){height:95%;background:var(--orange)}.float-card{position:absolute;z-index:3;background:#fff;padding:.8rem 1rem;border-radius:12px;box-shadow:0 12px 30px rgba(16,42,47,.15);font-size:.8rem;font-weight:700}.fc1{top:13%;right:0;color:var(--green)}.fc2{bottom:12%;left:0}.audience{padding:2rem clamp(1.25rem,6vw,7rem);background:var(--ink);color:#fff;text-align:center}.audience p{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#a9bfc1}.audience div{display:flex;justify-content:center;gap:clamp(1rem,4vw,4rem);flex-wrap:wrap;font-weight:600}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.intro h2{margin-bottom:0}.intro>p{font-size:1.15rem;color:var(--muted)}.feature-grid{padding:0 clamp(1.25rem,6vw,7rem) 8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{padding:2.2rem;border:1px solid var(--line);border-radius:22px;min-height:310px}.feature.featured{background:var(--cream);border:none}.feature h3{font-size:1.5rem;margin-top:4rem}.feature p{color:var(--muted)}.feature a,.resource-grid a,.news a{font-weight:700;color:var(--green)}.icon{font-size:2rem;color:var(--green)}.portal-band{background:var(--green);color:#fff;padding:clamp(4rem,8vw,7rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.light{color:var(--mint)}.quick-links{display:grid;gap:.8rem}.quick-links a{background:rgba(255,255,255,.1);padding:1.3rem 1.5rem;border:1px solid rgba(255,255,255,.16);border-radius:13px;display:flex;justify-content:space-between;transition:.2s}.quick-links a:hover{background:#fff;color:var(--ink)}.quick-links span{font-size:.85rem}.closing{text-align:center}.closing h2{max-width:850px;margin:0 auto 2rem}.page-hero{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,10vw,12rem) 4rem;background:linear-gradient(135deg,#f6f4ed,#edf5f0)}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem);margin-bottom:1rem}.page-hero>p:last-child{max-width:650px;font-size:1.2rem;color:var(--muted)}.portal-hero{text-align:center}.portal-hero>p:last-child{margin-left:auto;margin-right:auto}.portal-cards{padding:4rem clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.portal-card{padding:2.5rem;border:1px solid var(--line);border-radius:24px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.portal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.portal-card h2{font-size:2.1rem}.portal-card p{color:var(--muted)}.portal-card .number{align-self:flex-end;font-size:.75rem;letter-spacing:.1em}.main-card{background:var(--green);color:#fff;border:0}.main-card p{color:#d3e8e2}.upload-card{background:var(--cream);border:0}.notice{margin:0 clamp(1.25rem,8vw,9rem) 5rem;padding:1.2rem 1.5rem;background:#eef6f2;border-left:4px solid var(--green);border-radius:8px;color:#40575a}.search{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--line);border-radius:99px;padding:.8rem 1.2rem;max-width:520px;margin-top:2rem}.search input{width:100%;border:0;outline:0;font:inherit;background:transparent}.resource-grid,.news-grid{padding:4rem clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resource-grid article,.news{padding:2rem;border:1px solid var(--line);border-radius:19px}.resource-grid article{min-height:260px}.resource-grid h2,.news h2{font-size:1.45rem;margin-top:2rem}.tag{display:inline-block;color:var(--green);background:#e6f2ed;border-radius:99px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.muted{font-size:.75rem;color:#8a9798}.no-results{text-align:center;padding-bottom:4rem}.download-list{padding:4rem clamp(1.25rem,10vw,12rem);display:grid;gap:1rem}.download-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;border:1px solid var(--line);border-radius:18px;padding:1.5rem 2rem}.download-list h2{font-size:1.45rem;margin:.5rem 0}.download-list p{margin:0;color:var(--muted)}.file-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:1.5rem}.status{font-size:.8rem;color:#8a9798}.featured-news{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;background:var(--cream);border:0}.news-art{min-height:260px;border-radius:14px;background:var(--green);display:grid;place-items:center}.news-art span{font:bold 5rem Manrope;color:var(--mint);letter-spacing:-.1em}.news time{text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;color:var(--green);font-weight:700}.contact-layout{padding:clamp(5rem,8vw,8rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:1.1fr .7fr;gap:7vw}.contact-layout h1{font-size:clamp(3.1rem,6vw,5.7rem)}.contact-options{display:grid;gap:.7rem;margin-top:3rem}.contact-options a{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}.contact-options span{color:var(--muted)}.contact-layout aside{background:var(--green);color:#fff;border-radius:24px;padding:2.5rem;align-self:start}.contact-layout aside h2{font-size:1.35rem}.contact-layout aside hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:2rem 0}.pale{background:#fff;color:var(--green);margin-top:1rem}.wide{margin-top:-2rem}footer{background:var(--ink);color:#c4d0d1;padding:4rem clamp(1.25rem,6vw,7rem) 2rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}footer b{color:#fff;margin-bottom:.5rem}footer a:hover{color:#fff}.lightbrand{color:#fff}.lightbrand span{background:var(--mint);color:var(--ink)}footer small{grid-column:1/-1;border-top:1px solid #31494d;padding-top:1.5rem;margin-top:1rem}
@media(max-width:1000px){nav{position:absolute;display:none;top:86px;left:0;right:0;background:#fff;padding:1rem 1.5rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}nav.open{display:flex}.menu{display:block;margin-left:auto;border:1px solid var(--line);border-radius:99px;background:#fff;padding:.6rem 1rem}.header-cta{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:480px}.intro,.portal-band,.contact-layout{grid-template-columns:1fr}.feature-grid,.resource-grid,.news-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.featured-news{grid-template-columns:1fr}.news-art{min-height:180px}}
@media(max-width:640px){h1{letter-spacing:-.05em}.site-header{height:72px}.hero{padding-top:4rem}.hero-visual{min-height:360px}.o1{width:360px;height:360px}.o2{width:280px;height:280px}.dashboard{width:92%}.float-card{font-size:.68rem}.fc1{top:3%}.fc2{bottom:2%}.trust{flex-direction:column;gap:.3rem}.feature-grid,.resource-grid,.news-grid,.portal-cards{grid-template-columns:1fr}.portal-cards{padding:2rem 1.25rem}.download-list article{grid-template-columns:auto 1fr}.download-list .status{grid-column:2}.quick-links a{flex-direction:column}.featured-news{grid-column:auto}.contact-options a{flex-direction:column}.contact-layout aside{padding:1.8rem}footer{grid-template-columns:1fr}.menu{display:block}nav{top:72px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 2Work huisstijl met het originele beeldmerk */
:root{--green:#ed2d20;--ink:#261f1c;--mint:#ffd44d;--cream:#fff4d8;--orange:#f39a26;--line:#eadfd7;--muted:#6d625d}
.logo-brand{display:block;width:92px;height:64px;overflow:hidden;border-radius:12px;background:#d3d3d3}.logo-brand img{width:100%;height:100%;object-fit:cover}.site-header{background:rgba(255,253,248,.96);border-bottom-color:#f0ded4}.site-header nav{margin-left:auto;margin-right:0}.sunny-hero{min-height:calc(100vh - 86px);position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);overflow:hidden;background:linear-gradient(135deg,#fffdf6 0%,#fff4cc 62%,#ffdd6d 100%)}.sunny-copy{position:relative;z-index:2}.sunny-copy h1{font-size:clamp(3.5rem,7vw,7rem)}.sunny-copy h1 em{color:var(--green)}.sun-disc{position:absolute;width:52vw;height:52vw;right:-15vw;top:-22vw;border-radius:50%;background:rgba(255,255,255,.52)}.mascot-wrap{position:relative;display:grid;place-items:center}.mascot-wrap img{width:min(540px,100%);border-radius:48% 42% 45% 38%;box-shadow:0 32px 90px rgba(112,59,17,.18);transform:rotate(2deg)}.spark{position:absolute;border-radius:50%;background:var(--green);z-index:2}.s1{width:28px;height:28px;top:3%;right:5%}.s2{width:14px;height:14px;bottom:14%;left:2%;background:#51acd9}.s3{width:20px;height:20px;top:20%;left:-3%;background:#ffcb26}.audience{background:var(--green)}.bright-intro{background:#fff}.sunshine{background:#fff4c8;border-color:#ffe37d}.red-band{background:var(--green);color:#fff;padding:clamp(4rem,8vw,7rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.red-band .eyebrow{color:#ffd7ce}.primary{background:var(--green);box-shadow:0 12px 25px rgba(237,45,32,.2)}.page-hero{background:linear-gradient(135deg,#fffaf0,#ffe8de)}.news-hero{text-align:center}.news-hero>p:last-child{margin-left:auto;margin-right:auto}.external-news{padding:3rem clamp(1rem,5vw,5rem) 6rem}.external-bar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;background:var(--ink);color:#fff;border-radius:16px 16px 0 0}.external-bar a{color:#ffd44d;font-weight:700}.external-news iframe{width:100%;height:900px;border:1px solid var(--line);background:#fff}.frame-fallback{text-align:center;padding:2rem;background:var(--cream);border-radius:0 0 16px 16px}.frame-fallback p{color:var(--muted)}.tag{color:var(--green);background:#fff0ed}.file-icon{background:var(--green)}.footer-logo{width:110px;height:76px;margin-bottom:.8rem}
@media(max-width:1000px){.sunny-hero,.red-band{grid-template-columns:1fr}.mascot-wrap img{width:min(430px,90%)}.sunny-hero{padding-top:4rem}.site-header nav{margin:0}}
@media(max-width:640px){.logo-brand{width:72px;height:50px}.sunny-hero{min-height:auto}.external-news iframe{height:650px}.external-bar{flex-direction:column}.mascot-wrap{margin-top:1rem}}
.short-home{min-height:440px;display:grid;grid-template-columns:1.1fr .5fr;align-items:center;gap:5vw;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,9vw,10rem);background:linear-gradient(135deg,#fffdf6,#fff0c7)}.short-home h1{font-size:clamp(3.4rem,7vw,6.5rem);margin-bottom:1rem;color:var(--green)}.short-home p:not(.eyebrow){font-size:1.2rem;max-width:650px;color:var(--muted)}.short-home>img{width:min(320px,100%);border-radius:38% 46% 42% 45%;box-shadow:0 24px 60px rgba(112,59,17,.15)}.home-news{padding:clamp(3rem,6vw,5rem) clamp(1.25rem,7vw,8rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading h2{margin-bottom:0}.section-heading>a{font-weight:700;color:var(--green)}.home-news iframe{width:100%;height:620px;border:1px solid var(--line);border-radius:18px;background:#fff}.compact-contact{min-height:650px}.compact-contact h1{font-size:clamp(3rem,6vw,5rem)}
@media(max-width:800px){.short-home{grid-template-columns:1fr}.short-home>img{width:220px}.section-heading{align-items:start;flex-direction:column}.home-news iframe{height:520px}}
.tiny-footer{display:block;text-align:center;padding:1rem;background:var(--ink);color:#c4d0d1}.tiny-footer small{display:block;border:0;padding:0;margin:0}.section-heading:has(>div:only-child){display:block}
.download-grid{padding:4rem clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.download-grid article{min-height:250px;padding:2rem;border:1px solid var(--line);border-radius:19px;background:#fff}.download-grid p{color:var(--muted)}.download-title{display:flex;align-items:center;gap:1rem;margin:2rem 0 1rem;font:700 1.45rem/1.2 Manrope,Arial,sans-serif;color:var(--ink)}.download-title:hover{color:var(--green)}.download-title .file-icon{flex:0 0 55px}.download-title:hover .file-icon{transform:translateY(2px)}
@media(max-width:700px){.download-grid{grid-template-columns:1fr}}
.home-news{padding-bottom:.75rem}.home-news+.download-list{padding-top:.75rem}.leesmeer-button{display:inline-block;margin-top:1rem;padding:0;border:0;border-bottom:2px solid currentColor;background:transparent;color:var(--green);font:700 .95rem/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}.leesmeer-button:hover{color:var(--ink)}.leesmeer-inhoud{display:inline}.leesmeer-inhoud[hidden]{display:none}

/* Compactere bovenblokken: de eerste inhoud blijft direct zichtbaar. */
.short-home{min-height:300px;padding:2.25rem clamp(1.25rem,7vw,7rem);gap:3vw}.short-home h1{font-size:clamp(2.7rem,5vw,4.8rem);margin-bottom:.65rem}.short-home p:not(.eyebrow){font-size:1.05rem;margin-bottom:.75rem}.short-home .eyebrow{margin-bottom:.75rem}.short-home .actions{margin:1.25rem 0 0}.short-home>img{width:min(230px,100%)}.page-hero{padding:2.75rem clamp(1.25rem,8vw,9rem) 2.25rem}.page-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);margin-bottom:.75rem}.page-hero .eyebrow{margin-bottom:.8rem}.page-hero .search{margin-top:1.25rem}.resource-grid,.news-grid,.download-grid{padding-top:2rem;padding-bottom:2.5rem}.resource-grid article,.download-grid article{min-height:200px}.compact-contact{min-height:0}.contact-layout{padding-top:3rem;padding-bottom:3rem;background:linear-gradient(135deg,#fffaf0,#ffe8de)}.compact-contact h1{font-size:clamp(2.7rem,5vw,4.5rem)}
@media(max-width:800px){.short-home{min-height:0;padding-top:2rem;padding-bottom:2rem}.short-home>img{width:170px}.contact-layout{padding-top:2.5rem;padding-bottom:2.5rem}}

/* Paginaheaders op circa 60% van de vorige maat. */
.short-home{min-height:180px;padding:1.35rem clamp(1.25rem,5vw,5rem)}.short-home h1{font-size:clamp(1.75rem,3vw,2.9rem);margin-bottom:.4rem}.short-home p:not(.eyebrow){font-size:.95rem;margin-bottom:.45rem}.short-home .eyebrow{margin-bottom:.4rem}.short-home .actions{margin:.75rem 0 0}.short-home .button{padding:.7rem 1.1rem}.short-home>img{width:min(140px,100%)}.page-hero{padding:1.65rem clamp(1.25rem,6vw,6rem) 1.35rem}.page-hero h1{font-size:clamp(1.7rem,3vw,2.7rem);margin-bottom:.45rem}.page-hero>p:last-child{font-size:1rem;margin-bottom:0}.page-hero .eyebrow{margin-bottom:.45rem}.page-hero .search{margin-top:.75rem}.contact-layout{padding-top:1.8rem;padding-bottom:1.8rem}.compact-contact h1,.contact-layout h1{font-size:clamp(1.8rem,3vw,2.8rem)}.contact-layout .lead{font-size:1rem}.contact-options{margin-top:1.5rem}
@media(max-width:800px){.short-home{padding-top:1.25rem;padding-bottom:1.25rem}.short-home>img{width:120px}.contact-layout{padding-top:1.5rem;padding-bottom:1.5rem}}

/* Toon de vier menuopties op desktop, laptop en tablet. */
@media(min-width:701px){.site-header nav{position:static;display:flex!important;flex-direction:row;align-items:center;padding:0;background:transparent;box-shadow:none}.site-header .menu{display:none!important}}
@media(max-width:700px){.site-header nav{top:72px}.site-header .menu{display:block}}
@media(min-width:701px){.page-hero h1,.contact-layout h1,.short-home h1{white-space:nowrap}}
.short-home h1{color:var(--ink)}.short-home h1 em,.contact-layout h1 em{color:var(--green);font-style:normal}
.inline-document-link{display:inline;border-bottom:2px solid currentColor;color:var(--green);font-weight:700;text-decoration:none}.inline-document-link:hover{color:var(--ink)}.inline-document-link:focus-visible{outline:3px solid #ffd44d;outline-offset:3px}.secure-file-icon{font-size:1.25rem}