@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--groen: #2f9e77;--groen-shadow: #1f6e52;--donker: #173229;--donker-shadow: #0b1c15;--pagina: #fffdf5;--wit: #fff;--tekst-2: #4d7263;--border: #e8e2cf;--divider: #efe9d8;--pastel-groen: #dff2e8;--pastel-groen-tekst: #1f6e52;--pastel-geel: #fff4d6;--pastel-geel-2: #ffe9a8;--pastel-geel-tekst: #8a6d00;--pastel-roze: #ffe3e9;--pastel-roze-tekst: #a33953;--pastel-blauw: #e3edff;--pastel-blauw-tekst: #2d5aa6;--track: #e6f2ea;--op-donker-tekst: #cfe6da;--op-donker-icoon: #7dc9a4;font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--donker);background:var(--pagina);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--pagina);color:var(--donker);font-family:Nunito,system-ui,sans-serif;font-weight:600;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;cursor:pointer;font-family:inherit;font-weight:800;border-radius:16px;transition:transform .16s ease-out,box-shadow .16s ease-out,background .15s ease-out;text-align:center}.btn:disabled{opacity:.6;cursor:default}.btn-dark{background:var(--donker);color:#fff;padding:15px 28px;font-size:16px;border-radius:18px;box-shadow:0 5px 0 var(--donker-shadow)}.btn-dark:not(:disabled):hover{transform:translateY(2px);box-shadow:0 3px 0 var(--donker-shadow)}.btn-green{background:var(--groen);color:#fff;padding:13px 24px;font-size:15px;box-shadow:0 4px 0 var(--groen-shadow)}.btn-green:not(:disabled):hover{transform:translateY(2px);box-shadow:0 2px 0 var(--groen-shadow)}.btn-ghost{background:var(--wit);border:2px solid var(--border);color:var(--donker);padding:13px 20px;font-size:14px}.btn-ghost:not(:disabled):hover{border-color:var(--groen)}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--pastel-groen);color:var(--pastel-groen-tekst);font-size:14px;font-weight:800;padding:8px 18px;border-radius:999px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--wit);border:2px solid var(--border);color:var(--tekst-2);font-size:13px;font-weight:800;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .15s ease-out}.chip.active{background:var(--donker);color:#fff;border-color:var(--donker)}.progress-track{height:12px;border-radius:99px;background:var(--track);overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:var(--groen);transition:width .4s ease-out}.icon-tile{display:flex;align-items:center;justify-content:center;border-radius:16px;flex:none}.page{min-height:100vh;background:var(--pagina)}.container{max-width:1240px;margin:0 auto}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--donker);color:#fff;font-weight:800;font-size:14px;padding:12px 22px;border-radius:999px;box-shadow:0 8px 24px #0b1c154d;z-index:100;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.bb-header{background:var(--pagina);position:relative;z-index:20}.bb-header-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 48px}.bb-logo{display:flex;align-items:center;gap:10px}.bb-logo-tile{background:var(--groen);color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);flex:none}.bb-logo-naam{font-weight:900}.bb-nav{display:flex;align-items:center;gap:26px}.bb-nav-link{font-size:15px;font-weight:700;color:var(--tekst-2);padding-bottom:2px}.bb-nav-link:hover{color:var(--donker)}.bb-nav-link.is-active{color:var(--groen);font-weight:800;border-bottom:3px solid var(--groen)}.bb-hamburger{display:none;background:none;border:none;color:var(--donker);cursor:pointer;padding:4px}.bb-mobile-menu{display:none;flex-direction:column;gap:12px;padding:8px 22px 20px}.bb-mobile-menu a{font-size:16px;font-weight:800;color:var(--donker);padding:6px 0}@media(max-width:860px){.bb-header-inner{padding:20px 22px}.bb-nav{display:none}.bb-hamburger,.bb-mobile-menu{display:flex}}.home{display:flex;flex-direction:column}.home-hero{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 48px 26px;text-align:center}.home-h1{font-size:56px;line-height:1.1;font-weight:900;max-width:760px;text-wrap:balance}.home-h1 .accent{color:var(--groen)}.home-intro{font-size:18px;line-height:1.6;color:var(--tekst-2);max-width:520px;font-weight:600}.home-cta{font-size:17px}.home-cards{display:flex;justify-content:center;align-items:center;gap:18px;padding:28px 48px 56px;overflow:hidden}.home-card{width:230px;border-radius:18px;box-shadow:0 14px 28px #17322924}.home-features{background:var(--wit);border-top:1px solid var(--divider)}.home-features-grid{display:flex;gap:20px;padding:40px 48px}.home-feature{flex:1;display:flex;align-items:center;gap:16px}.home-feature-icon{width:48px;height:48px}.home-feature-text{font-size:15px;font-weight:700;line-height:1.4}.home-feature-sub{font-weight:600;color:var(--tekst-2)}@media(max-width:860px){.home-hero{padding:20px 22px 6px;gap:15px}.home-h1{font-size:31px;line-height:1.15}.home-intro{font-size:15px;line-height:1.55}.home-cta{width:100%}.badge{font-size:12.5px;padding:7px 14px}.home-cards{gap:10px;padding:18px 0 20px;align-items:flex-start}.home-card{width:130px;border-radius:12px;box-shadow:0 8px 18px #17322924}.home-card:first-child{margin-left:-24px}.home-card:last-child{margin-right:-24px}.home-card:nth-child(n+4){display:none}.home-features-grid{flex-direction:column;gap:12px;padding:20px 22px 24px}.home-feature-icon{width:38px;height:38px;border-radius:13px}.home-feature-text{font-size:14px}.home-feature-sub{display:none}}.flipcard-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.flipcard{width:100%;border:none;background:none;padding:0;cursor:pointer;perspective:1400px;display:block}.flipcard-inner{position:relative;width:100%;aspect-ratio:3 / 2;transform:rotate(var(--tilt, 0deg)) rotateY(0);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.flipcard.is-flipped .flipcard-inner{transform:rotate(var(--tilt, 0deg)) rotateY(180deg)}.flipcard.is-teasing .flipcard-inner{animation:flip-tease 4s ease-in-out 1.2s infinite}@keyframes flip-tease{0%,70%,to{transform:rotate(var(--tilt, 0deg)) rotateY(0)}80%{transform:rotate(var(--tilt, 0deg)) rotateY(-26deg)}88%{transform:rotate(var(--tilt, 0deg)) rotateY(12deg)}94%{transform:rotate(var(--tilt, 0deg)) rotateY(-4deg)}}.flipcard:hover .flipcard-inner{animation:none}.flipcard:not(.is-flipped):hover .flipcard-inner{transform:rotate(var(--tilt, 0deg)) rotateY(-24deg)}.flipcard-face{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 40px #1732292e;overflow:hidden}.flipcard-front img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.flipcard-badge{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:#173229d1;color:#fff;padding:7px 12px 7px 10px;border-radius:999px;font-size:12.5px;font-weight:800;box-shadow:0 4px 12px #0b1c154d;backface-visibility:hidden}.flipcard-badge svg{animation:badge-spin 3.2s ease-in-out infinite}.flipcard.is-teasing .flipcard-badge{animation:badge-pulse 2.6s ease-in-out infinite}@keyframes badge-spin{0%,60%,to{transform:rotate(0)}80%{transform:rotate(-90deg)}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.flipcard-back{transform:rotateY(180deg);background:var(--wit);color:var(--donker);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;border:2px solid var(--border)}.flipcard-message{font-size:18px;line-height:1.55;font-weight:700}.flipcard-sender{font-size:14px;font-weight:800;color:var(--groen)}.flipcard-hint{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--tekst-2);background:none;border:none;cursor:pointer;padding:4px 8px}.flipcard-hint:hover{color:var(--groen)}@media(prefers-reduced-motion:reduce){.flipcard.is-teasing .flipcard-inner,.flipcard-badge svg,.flipcard.is-teasing .flipcard-badge{animation:none}}@media(max-width:860px){.flipcard-message{font-size:16px}}.wizard{display:flex;flex-direction:column}.wz-header{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid var(--divider)}.wz-header-steps{flex:1;display:flex;justify-content:center}.wz-close{background:none;border:none;cursor:pointer;font-size:14px;font-weight:800;color:var(--tekst-2)}.wz-close:hover{color:var(--donker)}.wz-steps{display:flex;align-items:center;gap:8px}.wz-step{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;padding:8px 18px;border-radius:999px}.wz-step.todo{background:var(--wit);border:2px solid var(--border);color:var(--tekst-2)}.wz-step.active{background:var(--donker);color:#fff}.wz-step.done{background:var(--pastel-groen);color:var(--pastel-groen-tekst)}.wz-step-line{width:18px;height:2px;display:inline-block}.wz-mobile-progress{display:none;padding:24px 22px 12px}.wz-dots{display:flex;gap:5px}.wz-dot{width:8px;height:8px;border-radius:99px;background:#cfe6da}.wz-dot.active{width:24px;background:var(--groen)}.wz-title{font-size:30px;font-weight:900;line-height:1.2}.wz-error{background:var(--pastel-roze);color:var(--pastel-roze-tekst);font-weight:800;font-size:14px;padding:12px 16px;border-radius:14px;margin:0 48px}.wz-kies{padding-bottom:100px}.wz-kies-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 48px 20px;flex-wrap:wrap}.wz-chips{display:flex;gap:8px;flex-wrap:wrap}.wz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:6px 48px 28px}.wz-card{position:relative;border:none;padding:0;background:none;cursor:pointer;border-radius:16px;overflow:hidden;line-height:0;transition:transform .15s ease-out}.wz-card img{width:100%;display:block;border-radius:16px}.wz-card:hover{transform:translateY(-3px)}.wz-card.selected{border:3px solid var(--donker);box-shadow:0 4px 0 var(--donker)}.wz-card.selected img{border-radius:13px}.wz-card-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--donker);color:#fff;display:flex;align-items:center;justify-content:center}.wz-kies-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;background:var(--wit);border-top:1px solid var(--divider);padding:16px 48px;z-index:10}.wz-gekozen{font-size:14px;font-weight:700;color:var(--tekst-2)}.wz-schrijf{display:flex;gap:56px;padding:40px 48px 60px;align-items:flex-start}.wz-preview{flex:1;display:flex;justify-content:center;padding-top:8px}.wz-preview-img{width:420px;max-width:100%;border-radius:22px;transform:rotate(-2deg);box-shadow:0 20px 40px #17322929}.wz-schrijf-panel{flex:1;display:flex;flex-direction:column;gap:18px;max-width:520px}.wz-textbox{background:var(--wit);border:2px solid var(--border);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px}.wz-textbox textarea{border:none;outline:none;resize:none;width:100%;font-family:inherit;font-size:16px;line-height:1.6;font-weight:600;color:var(--donker);background:transparent;min-height:96px}.wz-textbox-foot{display:flex;align-items:center;gap:8px}.wz-inspiratie{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--pastel-groen);color:var(--pastel-groen-tekst);border:none;font-size:12.5px;font-weight:800;padding:7px 14px;border-radius:999px}.wz-teller{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--tekst-2)}.wz-van{display:flex;align-items:center;gap:10px;background:var(--wit);border:2px solid var(--border);border-radius:16px;padding:12px 18px}.wz-van-label{font-size:15px;font-weight:700;color:var(--tekst-2)}.wz-van input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;font-weight:700;color:var(--donker)}.wz-anoniem{background:none;border:none;cursor:pointer;font-size:13px;font-weight:800;color:var(--groen)}.wz-anoniem-static{font-size:13px;font-weight:800;color:var(--groen)}.wz-nieuwsbrief{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--tekst-2);line-height:1.4}.wz-nieuwsbrief input{position:absolute;opacity:0;width:0;height:0}.wz-nieuwsbrief-box{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--border);background:var(--wit);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .15s ease-out}.wz-nieuwsbrief input:checked+.wz-nieuwsbrief-box{background:var(--groen);border-color:var(--groen);color:#fff}.wz-schrijf-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px;gap:12px}.wz-back{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;font-size:14px;font-weight:800;color:var(--tekst-2)}.wz-back:hover{color:var(--donker)}.wz-deel{display:flex;gap:56px;padding:44px 48px 60px;align-items:center}.wz-deel-preview{flex:1;display:flex;justify-content:center;position:relative}.wz-deel-img{width:400px;max-width:100%;border-radius:22px;transform:rotate(-2deg);box-shadow:0 20px 40px #1732292e}.wz-deel-check{position:absolute;bottom:-8px;right:calc(50% - 210px);width:52px;height:52px;border-radius:50%;background:var(--groen);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--groen-shadow);transform:rotate(6deg)}.wz-deel-panel{flex:1;display:flex;flex-direction:column;gap:18px;max-width:520px}.wz-deel-sub{font-size:16px;font-weight:600;color:var(--tekst-2);line-height:1.6}.wz-linkveld{display:flex;align-items:center;gap:10px;background:var(--wit);border:2px dashed var(--groen);border-radius:16px;padding:14px 18px}.wz-link{flex:1;font-size:15px;font-weight:700;color:var(--tekst-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wz-kopieer{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none;background:var(--groen);color:#fff;font-size:14px;font-weight:800;padding:9px 16px;border-radius:999px}.wz-share{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.wz-share-tile{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:var(--wit);border:2px solid var(--border);border-radius:16px;padding:14px 8px;font-size:13.5px;font-weight:800;color:var(--donker);transition:border-color .15s ease-out}.wz-share-tile:hover{border-color:var(--groen)}.wz-qr{display:flex;justify-content:center;padding:6px}.wz-qr img{border-radius:12px;background:#fff;padding:8px;border:2px solid var(--border)}.wz-telt-mee{display:flex;align-items:center;gap:10px;background:var(--pastel-groen);color:var(--pastel-groen-tekst);border-radius:16px;padding:13px 16px;font-size:13.5px;font-weight:700;line-height:1.4}.wz-opnieuw{display:none;background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--tekst-2);text-align:center}.wz-opnieuw span{color:var(--groen);font-weight:800}@media(max-width:860px){.wz-header{padding:20px 22px}.wz-header-steps,.wz-close{display:none}.wz-mobile-progress{display:block}.wz-title{font-size:26px;padding:0 22px 16px}.wz-error{margin:0 22px}.wz-kies-head{flex-direction:column;align-items:stretch;padding:0}.wz-kies-head .wz-title{padding:0 22px 16px}.wz-chips{padding:0 22px 14px;flex-wrap:nowrap;overflow-x:auto}.wz-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 18px}.wz-kies-bar{position:static;padding:0 22px 26px;flex-direction:column;align-items:stretch;border-top:none;background:none}.wz-kies-bar .btn{width:100%;font-size:16px;padding:16px}.wz-gekozen{text-align:center;margin-bottom:4px}.wz-schrijf,.wz-deel{flex-direction:column;gap:0;padding:0;align-items:stretch}.wz-schrijf .wz-title,.wz-deel .wz-title{padding:0 22px 16px}.wz-preview{padding:0 22px 14px}.wz-preview-img{width:100%;transform:none;border-radius:20px;box-shadow:0 10px 24px #17322924}.wz-schrijf-panel,.wz-deel-panel{padding:0 22px 26px;max-width:none}.wz-schrijf-actions{flex-direction:column-reverse;align-items:stretch}.wz-schrijf-actions .btn{width:100%;justify-content:center;font-size:16px;padding:16px}.wz-back{justify-content:center;padding:8px}.wz-deel-preview{padding:10px 22px 4px}.wz-deel-img{width:75%}.wz-deel-check{right:30px;bottom:2px;width:44px;height:44px}.wz-deel-sub{padding:0}.wz-telt-mee{display:none}.wz-opnieuw{display:block;margin-top:6px}}.cv-page{min-height:100vh;background:var(--groen);color:#fff;position:relative;overflow:hidden;display:flex;justify-content:center}.cv-center{align-items:center}.cv-deco{position:absolute;border-radius:50%}.cv-deco-1{top:-60px;left:-60px;width:220px;height:220px;background:#ffffff1f}.cv-deco-2{bottom:-80px;right:-50px;width:280px;height:280px;background:#ffffff1a}.cv-inner{position:relative;z-index:2;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 22px 40px}.cv-gift{width:56px;height:56px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff}.cv-title{font-size:26px;font-weight:900;text-align:center;line-height:1.25}.cv-card{width:100%;border-radius:20px;box-shadow:0 24px 48px #0b1c1559;transform:rotate(-2deg);margin:6px 0}.cv-message{background:#fff;color:var(--donker);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;width:100%}.cv-quote{font-size:16px;line-height:1.55;font-weight:600}.cv-van{font-size:13px;font-weight:800;color:var(--groen)}.cv-inner .flipcard-hint{color:#ffffffd9}.cv-actions{display:flex;gap:10px;width:100%;margin-top:4px}.cv-terug{flex:1}.cv-bewaar{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;background:#ffffff2e;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:15px;font-weight:800;padding:14px;border-radius:16px}.cv-bewaar:hover{background:#ffffff47}.cv-loading{font-size:18px;font-weight:800}.cv-fout{background:#fff;color:var(--donker);border-radius:22px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:380px}.cv-fout h2{font-size:24px;font-weight:900}.cv-fout p{color:var(--tekst-2);font-weight:600}@media(min-width:861px){.cv-title{font-size:30px}}.hw{display:flex;flex-direction:column}.hw-hero{display:flex;flex-direction:column;align-items:center;gap:20px;padding:44px 48px 30px;text-align:center}.hw-h1{font-size:50px;line-height:1.1;font-weight:900;max-width:720px;text-wrap:balance}.hw-intro{font-size:18px;line-height:1.6;color:var(--tekst-2);max-width:560px;font-weight:600}.hw-stappen{display:flex;gap:24px;padding:26px 48px 52px}.hw-stap{flex:1;display:flex;flex-direction:column;gap:10px;background:var(--wit);border:2px solid var(--border);border-radius:22px;padding:30px}.hw-stap-icon{border-radius:18px}.hw-stap-num{font-size:13px;font-weight:900;color:var(--groen);letter-spacing:.03em;text-transform:uppercase}.hw-stap-titel{font-size:20px;font-weight:900}.hw-stap-tekst{font-size:14.5px;line-height:1.55;color:var(--tekst-2);font-weight:600}.hw-banner{background:var(--donker);color:#fff}.hw-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 48px}.hw-banner-left{display:flex;align-items:center;gap:16px}.hw-banner-icon{width:48px;height:48px;background:#ffffff1f;flex:none}.hw-banner-titel{font-size:20px;font-weight:900;margin-bottom:4px}.hw-banner-sub{font-size:15px;font-weight:600;color:var(--op-donker-tekst);line-height:1.5;max-width:620px}.hw-banner .btn{white-space:nowrap}@media(max-width:860px){.hw-hero{padding:32px 22px 24px}.hw-h1{font-size:32px}.hw-intro{font-size:16px}.hw-stappen{flex-direction:column;gap:16px;padding:20px 22px 36px}.hw-banner-inner{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 22px}.hw-banner .btn{width:100%}}.org-logo{display:inline-flex;align-items:center;justify-content:center;background:var(--pastel-geel-2);color:var(--pastel-geel-tekst);font-weight:900;flex:none;overflow:hidden}.org-logo img{width:100%;height:100%;object-fit:cover}.project-card{background:var(--wit);border:2px solid var(--border);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:18px;box-shadow:0 16px 32px #1732291a}.project-card-head{display:flex;align-items:center;gap:12px}.project-card-naam{font-size:17px;font-weight:900}.project-card-belofte{font-size:13px;font-weight:700;color:var(--tekst-2)}.project-card-stats{display:flex;gap:12px}.project-stat{flex:1;background:#f4faf6;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:2px}.project-stat-num{font-size:26px;font-weight:900;color:var(--groen)}.project-stat-label{font-size:12.5px;font-weight:700;color:var(--tekst-2)}.project-card-progress{display:flex;flex-direction:column;gap:8px}.project-progress-labels{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800}.project-progress-labels .muted{color:var(--tekst-2)}.project-progress-labels .groen{color:var(--groen)}.project-mini-row{display:flex;gap:10px;align-items:center}.project-mini-row img{width:86px;border-radius:10px}.project-mini-cta{font-size:13px;font-weight:800;color:var(--groen)}.vo{display:flex;flex-direction:column}.vo-hero{display:flex;align-items:center;gap:56px;padding:52px 48px 60px}.vo-hero-left{flex:1;display:flex;flex-direction:column;gap:22px;max-width:520px}.vo-hero-left .badge{align-self:flex-start}.vo-h1{font-size:50px;line-height:1.1;font-weight:900;text-wrap:balance}.vo-intro{font-size:18px;line-height:1.6;color:var(--tekst-2);font-weight:600}.vo-cta-row{display:flex;gap:14px;align-items:center}.vo-prijs{font-size:15px;font-weight:800;color:var(--groen)}.vo-hero-right{flex:1;display:flex;justify-content:center}.vo-hero-right .project-card{width:460px;max-width:100%}.vo-stappen{background:var(--wit);border-top:1px solid var(--divider)}.vo-stappen-grid{display:flex;gap:24px;padding:44px 48px}.vo-stap{flex:1;display:flex;flex-direction:column;gap:12px;background:var(--pagina);border:2px solid var(--border);border-radius:20px;padding:26px}.vo-stap-titel{font-size:17px;font-weight:900}.vo-stap-tekst{font-size:14.5px;line-height:1.55;color:var(--tekst-2);font-weight:600}.vo-banner{background:var(--donker);color:#fff}.vo-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 48px}.vo-banner-titel{font-size:22px;font-weight:900;margin-bottom:6px}.vo-banner-sub{font-size:15px;font-weight:600;color:var(--op-donker-tekst);line-height:1.5}.vo-banner .btn{white-space:nowrap}@media(max-width:860px){.vo-hero{flex-direction:column;gap:32px;padding:32px 22px 40px}.vo-hero-left{max-width:none}.vo-h1{font-size:34px}.vo-intro{font-size:16px}.vo-hero-right .project-card{transform:none!important}.vo-stappen-grid{flex-direction:column;gap:16px;padding:32px 22px}.vo-banner-inner{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 22px}.vo-banner .btn{width:100%}}.sp{display:flex;flex-direction:column}.sp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid var(--divider)}.sp-header-left{display:flex;align-items:center;gap:10px}.sp-header-tag{font-size:13px;font-weight:700;color:var(--tekst-2)}.sp-close{background:none;border:none;cursor:pointer;font-size:14px;font-weight:800;color:var(--tekst-2)}.sp-body{display:flex;gap:56px;padding:40px 48px 60px;align-items:flex-start}.sp-form{flex:1.1;display:flex;flex-direction:column;gap:22px;max-width:600px}.sp-h1{font-size:38px;line-height:1.15;font-weight:900}.sp-sub{font-size:16px;line-height:1.6;color:var(--tekst-2);font-weight:600;margin-top:8px}.sp-field{display:flex;flex-direction:column;gap:8px}.sp-label{font-size:14px;font-weight:800}.sp-input{background:var(--wit);border:2px solid var(--border);border-radius:16px;padding:15px 18px;font-size:16px;font-weight:700;font-family:inherit;color:var(--donker);outline:none;width:100%}.sp-input:focus-within,.sp-input:focus{border-color:var(--groen)}.sp-row{display:flex;gap:16px}.sp-row .sp-field{flex:1}.sp-logo-upload{display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--wit);border:2px dashed #cfe6da;border-radius:16px;padding:13px 18px}.sp-logo-cta{font-size:13.5px;font-weight:800;color:var(--groen)}.sp-slug{display:flex;align-items:center;padding:0 18px}.sp-prefix{color:var(--tekst-2);font-weight:700;white-space:nowrap}.sp-slug input{border:none;outline:none;background:transparent;font-family:inherit;font-size:15px;font-weight:700;color:var(--donker);flex:1;padding:15px 0;min-width:0}.sp-ratios{display:flex;gap:10px}.sp-ratio{flex:1;position:relative;cursor:pointer;text-align:left;background:var(--wit);border:2px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:2px;font-family:inherit}.sp-ratio.selected{background:var(--pastel-groen);border:3px solid var(--groen);padding:15px}.sp-ratio-titel{font-size:17px;font-weight:900;color:var(--tekst-2)}.sp-ratio-sub{font-size:13px;font-weight:700;color:var(--tekst-2)}.sp-ratio.selected .sp-ratio-titel,.sp-ratio.selected .sp-ratio-sub{color:var(--pastel-groen-tekst)}.sp-ratio-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--groen);color:#fff;display:flex;align-items:center;justify-content:center}.sp-custom{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--tekst-2)}.sp-custom input{width:80px;border:2px solid var(--border);border-radius:12px;padding:8px 12px;font-family:inherit;font-size:15px;font-weight:800;color:var(--donker);outline:none}.sp-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tekst-2)}.sp-submit{align-self:flex-start}.sp-preview{flex:1;display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}.sp-preview-label{font-size:13px;font-weight:800;color:var(--tekst-2);letter-spacing:.04em;text-transform:uppercase}@media(max-width:860px){.sp-header{padding:20px 22px}.sp-body{flex-direction:column;gap:32px;padding:28px 22px 40px}.sp-form{max-width:none}.sp-h1{font-size:30px}.sp-row{flex-direction:column}.sp-ratios{flex-wrap:wrap}.sp-ratio{flex:1 1 44%}.sp-preview{position:static;width:100%}.sp-submit{align-self:stretch}}.pp{display:flex;flex-direction:column}.pp-center{display:flex;align-items:center;justify-content:center}.pp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid var(--divider)}.pp-header-left{display:flex;align-items:center;gap:10px}.pp-header-tag{font-size:13px;font-weight:700;color:var(--tekst-2)}.pp-header-cta{border-radius:14px}.pp-hero{display:flex;align-items:center;gap:56px;padding:48px 48px 36px}.pp-hero-left{flex:1.1;display:flex;flex-direction:column;gap:20px}.pp-org{display:flex;align-items:center;gap:14px}.pp-org-naam{font-size:26px;font-weight:900}.pp-org-url{font-size:14px;font-weight:700;color:var(--tekst-2)}.pp-h1{font-size:42px;line-height:1.15;font-weight:900;text-wrap:balance}.pp-belofte{font-size:17px;line-height:1.6;color:var(--tekst-2);font-weight:600;max-width:480px}.pp-hero-left .btn{align-self:flex-start}.pp-hero-right{flex:1;display:flex;flex-direction:column;gap:16px}.pp-stats{display:flex;gap:14px}.pp-stat{flex:1;background:var(--wit);border:2px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:2px}.pp-stat-num{font-size:34px;font-weight:900;color:var(--groen)}.pp-stat-num span{font-size:16px}.pp-stat-label{font-size:13.5px;font-weight:700;color:var(--tekst-2)}.pp-progress-card{background:var(--wit);border:2px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px}.pp-progress-foot{font-size:12.5px;font-weight:700;color:var(--tekst-2)}.pp-laatste{background:var(--wit);border-top:1px solid var(--divider)}.pp-laatste .container{padding:36px 48px 44px}.pp-laatste-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.pp-laatste-titel{font-size:22px;font-weight:900}.pp-laatste-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pp-laatste-kaart{display:flex;flex-direction:column;gap:10px;background:var(--pagina);border:2px solid var(--border);border-radius:18px;padding:14px}.pp-laatste-kaart img{width:100%;border-radius:12px;display:block}.pp-laatste-tijd{font-size:13px;font-weight:700;color:var(--tekst-2)}.pp-leeg{color:var(--tekst-2);font-weight:700}.pp-banner{background:var(--donker);color:#fff}.pp-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 48px}.pp-banner-left{display:flex;align-items:center;gap:16px}.pp-banner-icon{width:48px;height:48px;background:#ffffff1f}.pp-banner-tekst{font-size:15px;font-weight:600;color:var(--op-donker-tekst);line-height:1.5;max-width:640px}.pp-banner-cta{border:2px solid rgba(255,255,255,.4);color:#fff;font-size:14px;font-weight:800;padding:12px 22px;border-radius:14px;white-space:nowrap}.pp-banner-cta:hover{background:#ffffff1a}.pp-loading{font-size:18px;font-weight:800;color:var(--tekst-2)}.pp-fout{background:var(--wit);border:2px solid var(--border);border-radius:22px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:380px}.pp-fout h2{font-size:24px;font-weight:900}.pp-fout p{color:var(--tekst-2);font-weight:600}@media(max-width:860px){.pp-header{padding:20px 22px}.pp-header-cta{display:none}.pp-hero{flex-direction:column;align-items:stretch;gap:28px;padding:32px 22px}.pp-h1{font-size:32px}.pp-stats{flex-direction:column}.pp-hero-left .btn{align-self:stretch;justify-content:center}.pp-laatste .container{padding:28px 22px 32px}.pp-laatste-grid{grid-template-columns:1fr 1fr}.pp-banner-inner{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 22px}.pp-banner-cta{width:100%;text-align:center}}.ob{display:flex;flex-direction:column}.ob-hero{display:flex;flex-direction:column;align-items:center;gap:20px;padding:44px 48px 30px;text-align:center}.ob-h1{font-size:50px;line-height:1.1;font-weight:900;max-width:720px;text-wrap:balance}.ob-intro{font-size:18px;line-height:1.6;color:var(--tekst-2);max-width:560px;font-weight:600}.ob-stats{display:flex;justify-content:center;gap:20px;padding:16px 48px 44px}.ob-stat{flex:1;max-width:300px;background:var(--wit);border:2px solid var(--border);border-radius:22px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:4px}.ob-stat-num{font-size:42px;font-weight:900;color:var(--groen)}.ob-stat-label{font-size:15px;font-weight:700;color:var(--tekst-2)}.ob-tijdlijn{background:var(--wit);border-top:1px solid var(--divider)}.ob-tijdlijn .container{padding:44px 48px}.ob-sectie-titel{font-size:24px;font-weight:900;text-align:center;margin-bottom:26px}.ob-tijdlijn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ob-tl-kaart{display:flex;flex-direction:column;gap:10px;background:var(--pagina);border:2px solid var(--border);border-radius:20px;padding:24px}.ob-tl-jaar{font-size:14px;font-weight:900;color:var(--groen)}.ob-tl-titel{font-size:16px;font-weight:900}.ob-tl-tekst{font-size:14px;line-height:1.55;color:var(--tekst-2);font-weight:600}.ob-waarden{display:flex;gap:24px;padding:44px 48px}.ob-waarde{flex:1;display:flex;flex-direction:column;gap:10px}.ob-waarde-titel{font-size:17px;font-weight:900}.ob-waarde-tekst{font-size:14.5px;line-height:1.55;color:var(--tekst-2);font-weight:600}.ob-banner{background:var(--donker);color:#fff}.ob-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 48px}.ob-banner-titel{font-size:22px;font-weight:900;margin-bottom:6px}.ob-banner-sub{font-size:15px;font-weight:600;color:var(--op-donker-tekst);line-height:1.5}.ob-banner-acties{display:flex;gap:12px}.ob-banner-ghost{display:inline-flex;align-items:center;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:15px;font-weight:800;padding:14px 24px;border-radius:16px;white-space:nowrap}.ob-banner-ghost:hover{background:#ffffff1a}@media(max-width:860px){.ob-hero{padding:32px 22px 24px}.ob-h1{font-size:32px}.ob-intro{font-size:16px}.ob-stats{flex-direction:column;align-items:center;padding:8px 22px 32px}.ob-stat{width:100%;max-width:none;transform:none!important}.ob-tijdlijn .container{padding:32px 22px}.ob-tijdlijn-grid{grid-template-columns:1fr}.ob-waarden{flex-direction:column;padding:32px 22px}.ob-banner-inner{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 22px}.ob-banner-acties{flex-direction:column;width:100%}.ob-banner-acties .btn,.ob-banner-ghost{width:100%;justify-content:center}}.admin-login-container{min-height:100vh;background:linear-gradient(135deg,#2d5f4f,#1e4035);display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-box{background:#fff;padding:50px;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:400px;width:100%}.admin-login-box h1{color:#2d5f4f;margin-bottom:10px;font-size:2rem;text-align:center}.admin-subtitle{color:#666;text-align:center;margin-bottom:40px;font-size:1.1rem}.admin-login-box .form-group{margin-bottom:25px}.admin-login-box label{display:block;color:#2d5f4f;font-weight:600;margin-bottom:8px}.admin-login-box input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.admin-login-box input:focus{outline:none;border-color:#2d5f4f}.login-button{width:100%;padding:15px;background:#2d5f4f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.login-button:hover:not(:disabled){background:#1e4035;transform:translateY(-2px);box-shadow:0 4px 15px #2d5f4f4d}.login-button:disabled{opacity:.6;cursor:not-allowed}.admin-login-box .error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}@media(max-width:768px){.admin-login-box{padding:30px}.admin-login-box h1{font-size:1.5rem}}.admin-dashboard{min-height:100vh;background:#f5f5f5}.admin-header{background:linear-gradient(135deg,#2d5f4f,#1e4035);color:#fff;padding:20px 40px;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:2rem;margin:0}.logout-button{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.logout-button:hover{background:#fff;color:#2d5f4f}.dashboard-content{max-width:1400px;margin:0 auto;padding:40px 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 10px #0000001a;text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.stat-icon{font-size:3rem;margin-bottom:15px}.stat-value{font-size:2.5rem;font-weight:700;color:#2d5f4f;margin-bottom:10px}.stat-label{color:#666;font-size:1rem}.section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.section h2{color:#2d5f4f;margin-bottom:20px;font-size:1.5rem}.table-container{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse}.stats-table thead{background:#f8f9fa}.stats-table th{padding:15px;text-align:left;font-weight:600;color:#2d5f4f;border-bottom:2px solid #dee2e6}.stats-table td{padding:15px;border-bottom:1px solid #dee2e6}.stats-table tbody tr:hover{background:#f8f9fa}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:300px;padding:20px 0;gap:5px;overflow-x:auto}.chart-bar-container{flex:1;min-width:30px;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:linear-gradient(135deg,#2d5f4f,#4a8a6f);border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;transition:all .3s;min-height:20px}.chart-bar:hover{background:linear-gradient(135deg,#4a8a6f,#2d5f4f);transform:scaleY(1.05)}.bar-value{color:#fff;font-size:12px;font-weight:600;padding:5px}.chart-label{margin-top:10px;font-size:11px;color:#666;transform:rotate(-45deg);white-space:nowrap}.loading,.error{text-align:center;padding:100px 20px;font-size:1.2rem;color:#666}.error{color:#c33}@media(max-width:768px){.admin-header{padding:15px 20px}.admin-header h1{font-size:1.5rem}.header-content{flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.section{padding:20px}.stats-table th,.stats-table td{padding:10px;font-size:14px}.chart-container{height:200px}}.admin-tabs{max-width:1400px;margin:16px auto 0;display:flex;gap:8px;flex-wrap:wrap}.admin-tab{background:#ffffff26;color:#fff;border:none;cursor:pointer;padding:9px 18px;border-radius:999px;font-weight:700;font-size:14px}.admin-tab.active{background:#fff;color:#1e4035}.admin-error{max-width:1400px;margin:0 auto 16px;background:#fde8e8;color:#8b1538;padding:12px 16px;border-radius:10px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.admin-error button{background:none;border:none;color:#8b1538;text-decoration:underline;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filters{display:flex;gap:16px;font-size:14px}.filters label{display:flex;align-items:center;gap:6px;cursor:pointer}.row-actions{white-space:nowrap;display:flex;gap:6px}.btn-mini{padding:6px 12px;border:1px solid #cfd8d3;background:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#2d5f4f}.btn-mini.save{background:#2d5f4f;color:#fff;border-color:#2d5f4f}.btn-mini.danger{color:#b3261e;border-color:#e6b4b0}.btn-mini:hover{filter:brightness(.97)}.row-edit input{width:100%;padding:7px 9px;border:1px solid #cfd8d3;border-radius:7px;font-size:13px}.muted{color:#9aa5a0}.leeg{text-align:center;color:#9aa5a0;padding:24px}.tag{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.tag.ja{background:#dff2e8;color:#1f6e52}.tag.nee{background:#eee;color:#888}.cards-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.card-admin{background:#fff;border:1px solid #e5e5e0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.card-admin img{width:100%;border-radius:8px;display:block}.card-admin-titel{font-size:13px;font-weight:700;color:#2d5f4f}.card-admin select{padding:7px;border:1px solid #cfd8d3;border-radius:7px;font-size:13px}.org-cell,.logo-edit{display:flex;align-items:center;gap:10px}.logo-edit-actions{display:flex;flex-direction:column;gap:4px}.logo-edit-actions .btn-mini{text-align:center}.logo-edit-actions label.btn-mini{display:inline-block}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}