@font-face{font-family:Inter;src:url('/assets/fonts/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;background:#fafaf7;color:#10120e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #315420;outline-offset:4px}svg{display:block}.skip-link{position:fixed;left:16px;top:10px;z-index:10;transform:translateY(-150%);background:#fff;padding:15px}.skip-link:focus{transform:none}.bronnen-wrap{width:min(1640px,calc(100% - 112px));margin:auto}.bronnen-header{padding:14px 0 4px}.bronnen-header a{display:block;width:220px}.bronnen-header img{display:block;width:100%;height:auto}.bronnen-layout{display:grid;grid-template-columns:1.67fr 1fr;gap:38px;align-items:center;padding:12px 0 34px}.bronnen-hero{min-width:0;overflow-wrap:anywhere}.bronnen-breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#5a6352;margin:-16px 0 15px}.bronnen-breadcrumb a{display:flex;align-items:center;min-height:44px;text-underline-offset:4px}h1{font-size:clamp(38px,4.13vw,74px);line-height:1.09;letter-spacing:-.045em;font-weight:800;margin:0;max-width:990px}h1 span{color:#648c00}.bronnen-lead{font-size:clamp(18px,1.55vw,26px);line-height:1.5;color:#565c51;margin:23px 0 0;max-width:850px}.bronnen-resources{display:grid;grid-template-columns:minmax(0,1fr) 19%;gap:16px;align-items:end;position:relative;margin-top:76px}.bronnen-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bronnen-cards li{min-width:0;border:1px solid #cccec7;border-radius:17px;padding:17px 8px 24px;text-align:center;background:#ffffff60}.bronnen-icon{overflow:hidden;width:100%;aspect-ratio:1;position:relative}.bronnen-icon img{width:300%;max-width:none;height:100%;display:block;object-fit:fill}.bronnen-icon .icon-templates{transform:translateX(-33.333333%)}.bronnen-icon .icon-workflows{transform:translateX(-66.666667%)}.bronnen-cards h2{font-size:clamp(18px,1.45vw,26px);font-weight:750;letter-spacing:-.03em;line-height:1.3;margin:12px 0 0}.bronnen-mascot{position:absolute;right:-6px;bottom:-12px;width:21%;height:calc(100% + 110px);object-fit:contain;object-position:bottom;pointer-events:none}.bronnen-signup{border:1px solid #bfc3b8;border-radius:17px;background:#fff;padding:45px 39px 38px;min-width:0}.bronnen-signup>h2{font-size:clamp(28px,2.45vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:780;margin:0 0 24px;overflow-wrap:anywhere}.bronnen-placeholder{font-size:13px;line-height:1.5;color:#445336;background:#f0f5e8;padding:10px 12px;border-radius:5px;margin:0 0 25px}.bronnen-signup form{display:grid;gap:10px}.bronnen-signup label{font-size:19px;line-height:1.4}.bronnen-signup input{min-width:0;width:100%;min-height:64px;padding:16px 20px;border:1px solid #858b7f;border-radius:10px;font-size:18px;color:#10120e;background:#fff;margin-bottom:22px}.bronnen-signup input::placeholder{color:#6b7066}.bronnen-signup button{border:1px solid #12150e;background:#0e100c;color:white;border-radius:10px;min-height:78px;padding:20px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:clamp(18px,1.55vw,25px);font-weight:700;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}.bronnen-signup button:hover{background:#26391c}.bronnen-signup button svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:#c4f73b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.bronnen-mail{display:flex;gap:13px;align-items:center;font-size:17px;line-height:1.5;color:#5d6456;margin:26px 0 0}.bronnen-mail svg{width:24px;height:24px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;fill:none}#bronnen-status{font-size:15px;line-height:1.5;color:#315420;margin:4px 0 0}.bronnen-footer{display:flex;align-items:center;gap:24px;min-height:60px;margin:10px 0 16px;font-size:12px;color:#5d6456}.bronnen-footer span{margin-right:auto}.bronnen-footer a{min-height:44px;display:flex;align-items:center;text-underline-offset:4px}[hidden]{display:none!important}
@media(min-width:1600px){.bronnen-header{padding-top:22px}.bronnen-layout{padding-top:15px}.bronnen-resources{margin-top:90px}.bronnen-cards li{padding-bottom:30px}.bronnen-signup{padding:54px 48px 44px}.bronnen-signup input{min-height:70px;margin-bottom:26px}}
@media(max-width:1150px){.bronnen-wrap{width:calc(100% - 64px)}.bronnen-layout{gap:24px;grid-template-columns:1.35fr 1fr}.bronnen-signup{padding:30px 24px}.bronnen-signup input{font-size:16px;padding:14px}.bronnen-cards{gap:10px}.bronnen-cards li{padding:12px 3px 18px}.bronnen-cards h2{font-size:16px}.bronnen-resources{gap:6px;margin-top:65px}.bronnen-lead{font-size:19px}.bronnen-signup>h2{font-size:30px}.bronnen-mail{font-size:14px}.bronnen-mascot{width:21%;height:calc(100% + 65px)}h1 br{display:none}}
@media(max-width:850px){.bronnen-wrap{width:calc(100% - 40px);max-width:650px}.bronnen-header{padding-top:5px}.bronnen-header a{width:170px}.bronnen-layout{grid-template-columns:1fr;gap:40px;padding-top:10px}.bronnen-breadcrumb{margin:-10px 0 12px}h1{font-size:clamp(35px,6.2vw,52px);line-height:1.1}.bronnen-lead{font-size:18px;margin-top:18px}.bronnen-resources{margin-top:50px}.bronnen-cards{gap:10px}.bronnen-cards h2{font-size:clamp(12px,2.65vw,20px);letter-spacing:-.02em;margin-top:9px}.bronnen-cards li{border-radius:11px;padding-bottom:16px}.bronnen-mascot{height:calc(100% + 55px);right:-3px}.bronnen-signup{padding:28px 24px}.bronnen-signup>h2{font-size:30px}.bronnen-signup input{min-height:54px;margin-bottom:16px}.bronnen-signup label{font-size:17px}.bronnen-signup button{min-height:66px;font-size:20px}.bronnen-mail{font-size:15px;margin-top:20px}.bronnen-footer{flex-wrap:wrap;gap:4px 20px}.bronnen-footer span{flex-basis:100%;margin:0}}
@media(max-width:380px){.bronnen-wrap{width:calc(100% - 32px)}.bronnen-resources{grid-template-columns:minmax(0,1fr) 14%;gap:5px}.bronnen-cards{gap:7px}.bronnen-mascot{width:17%;height:calc(100% + 28px)}.bronnen-signup{padding:25px 19px}.bronnen-signup button{font-size:18px;gap:12px;padding:15px}.bronnen-cards h2{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.bronnen-mascot{object-fit:cover}h1{text-wrap:balance}