:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(42,100%,47%,1);--primary-5:hsla(42,100%,47%,0.05);--primary-10:hsla(42,100%,47%,0.1);--primary-20:hsla(42,100%,47%,0.2);--primary-30:hsla(42,100%,47%,0.3);--primary-40:hsla(42,100%,47%,0.4);--primary-50:hsla(42,100%,47%,0.5);--primary-60:hsla(42,100%,47%,0.6);--primary-70:hsla(42,100%,47%,0.7);--primary-80:hsla(42,100%,47%,0.8);--primary-90:hsla(42,100%,47%,0.9);--primary-d-1:hsla(41,88%,43%,1);--primary-d-2:hsla(40,80%,36%,1);--primary-d-3:hsla(39,73%,30%,1);--primary-d-4:hsla(38,66%,23%,1);--primary-d-5:hsla(37,58%,16%,1);--primary-d-6:hsla(38,52%,9%,1);--primary-l-1:hsla(39,92%,61%,1);--primary-l-2:hsla(37,96%,68%,1);--primary-l-3:hsla(36,98%,75%,1);--primary-l-4:hsla(36,100%,82%,1);--primary-l-5:hsla(36,100%,88%,1);--primary-l-6:hsla(37,100%,94%,1);--secondary:hsla(37,94%,87%,1);--secondary-l-1:hsla(36,96%,90%,1);--secondary-l-2:hsla(36,97%,92%,1);--secondary-l-3:hsla(36,99%,95%,1);--secondary-l-4:hsla(36,100%,97%,1);--donker:hsla(105,4%,22%,1);--donker-5:hsla(105,4%,22%,0.05);--donker-10:hsla(105,4%,22%,0.1);--donker-20:hsla(105,4%,22%,0.2);--donker-30:hsla(105,4%,22%,0.3);--donker-40:hsla(105,4%,22%,0.4);--donker-50:hsla(105,4%,22%,0.5);--donker-60:hsla(105,4%,22%,0.6);--donker-70:hsla(105,4%,22%,0.7);--donker-80:hsla(105,4%,22%,0.8);--donker-90:hsla(105,4%,22%,0.9);--donker-d-1:hsla(120,2%,18%,1);--donker-d-2:hsla(120,3%,14%,1);--donker-d-3:hsla(120,2%,10%,1);--donker-d-4:hsla(120,3%,6%,1);--donker-l-1:hsla(105,2%,36%,1);--donker-l-2:hsla(120,1%,51%,1);--donker-l-3:hsla(90,1%,66%,1);--donker-l-4:hsla(120,1%,83%,1);--wit:hsla(85,0%,100%,1);--zwart:hsla(0,0%,0%,1);--space-4xs:clamp(0.33rem,calc(-0.03vw + 0.33rem),0.31rem);--space-3xs:clamp(0.41rem,calc(0.04vw + 0.4rem),0.44rem);--space-2xs:clamp(0.51rem,calc(0.16vw + 0.48rem),0.62rem);--space-xs:clamp(0.64rem,calc(0.35vw + 0.57rem),0.88rem);--space-s:clamp(0.8rem,calc(0.65vw + 0.67rem),1.24rem);--space-m:clamp(1rem,calc(1.11vw + 0.78rem),1.75rem);--space-l:clamp(1.25rem,calc(1.81vw + 0.89rem),2.47rem);--space-xl:clamp(1.56rem,calc(2.87vw + 0.99rem),3.5rem);--space-2xl:clamp(1.95rem,calc(4.44vw + 1.07rem),4.95rem);--space-3xl:clamp(2.44rem,calc(6.75vw + 1.09rem),7rem);--space-4xl:clamp(3.05rem,calc(10.13vw + 1.02rem),9.89rem);--text-xs:clamp(0.79rem,calc(-0.23vw + 0.84rem),0.63rem);--text-s:clamp(0.89rem,calc(-0.07vw + 0.9rem),0.84rem);--text-m:clamp(1rem,calc(0.19vw + 0.96rem),1.13rem);--text-l:clamp(1.13rem,calc(0.55vw + 1.01rem),1.5rem);--text-xl:clamp(1.27rem,calc(1.09vw + 1.05rem),2rem);--text-2xl:clamp(1.42rem,calc(1.84vw + 1.06rem),2.66rem);--text-3xl:clamp(1.6rem,calc(2.89vw + 1.02rem),3.55rem);--text-4xl:clamp(1.8rem,calc(4.34vw + 0.93rem),4.74rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--btn-space:var(--space-xs) var(--space-s);--card-space:var(--space-s);--grid-1:repeat(1,minmax(0,1fr));--grid-2:repeat(2,minmax(0,1fr));--grid-3:repeat(3,minmax(0,1fr));--grid-4:repeat(4,minmax(0,1fr));--grid-5:repeat(5,minmax(0,1fr));--grid-6:repeat(6,minmax(0,1fr));--grid-7:repeat(7,minmax(0,1fr));--grid-8:repeat(8,minmax(0,1fr));--grid-9:repeat(9,minmax(0,1fr));--grid-10:repeat(10,minmax(0,1fr));--grid-11:repeat(11,minmax(0,1fr));--grid-12:repeat(12,minmax(0,1fr));}:root.cf-theme-dark,:root.cf-theme-light .theme-inverted,:root.cf-theme-light .theme-always-dark,:root.cf-theme-dark .theme-inverted .theme-always-dark{--primary:hsla(42,100%,47%,1);--primary-5:hsla(42,100%,47%,0.05);--primary-10:hsla(42,100%,47%,0.1);--primary-20:hsla(42,100%,47%,0.2);--primary-30:hsla(42,100%,47%,0.3);--primary-40:hsla(42,100%,47%,0.4);--primary-50:hsla(42,100%,47%,0.5);--primary-60:hsla(42,100%,47%,0.6);--primary-70:hsla(42,100%,47%,0.7);--primary-80:hsla(42,100%,47%,0.8);--primary-90:hsla(42,100%,47%,0.9);--secondary:hsla(37,94%,87%,1);--donker:hsla(105,4%,22%,1);--donker-5:hsla(105,4%,22%,0.05);--donker-10:hsla(105,4%,22%,0.1);--donker-20:hsla(105,4%,22%,0.2);--donker-30:hsla(105,4%,22%,0.3);--donker-40:hsla(105,4%,22%,0.4);--donker-50:hsla(105,4%,22%,0.5);--donker-60:hsla(105,4%,22%,0.6);--donker-70:hsla(105,4%,22%,0.7);--donker-80:hsla(105,4%,22%,0.8);--donker-90:hsla(105,4%,22%,0.9);}.expand-click:not(a){position:static;}.expand-click:not(a) a{position:static;}.expand-click:not(a) > a:before{content:'';position:absolute;inset:0;cursor:pointer;display:flex;z-index:2;}a.expand-click{position:static;}a.expand-click:before{content:'';position:absolute;inset:0;cursor:pointer;display:flex;}.expand-click:focus-within:after{content:'';position:absolute;inset:-2px;z-index:3;outline:2px solid var(--primary);outline-offset:2px;display:var(--after-display);}.expand-click:focus-within:focus{outline:none;}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);background:var(--primary);color:#fff;font-size:var(--text-m);font-weight:600;border-radius:var(--radius-m);border:1px solid var(--primary-d-1);box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}.btn:hover{background:var(--primary-d-1);transform:translateY(-0.1rem);}.btn.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.btn.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.btn.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.btn.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.btn.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.btn.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}.btn.ghost:hover{background:var(--dark-10);}.btn.slight:hover{background:var(--dark-5);}.btn.tertiary:hover{background:var(--tertiary-d-1);}.btn.secondary:hover{background:var(--secondary-d-1);}.btn:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.btn.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}.btn.no-bg:hover{color:var(--dark);}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge.secondary{color:var(--secondary);}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);-webkit-text-decoration:none;text-decoration:none;transition:all 0.15s ease-in-out;}.link:hover{box-shadow:0 2px 0 var(--primary-40);}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}.select:hover{border-color:var(--primary);}.select::placeholder{color:var(--dark-40);}.select:invalid{border-color:var(--error);background:var(--error-10);}.select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.icon{color:var(--primary);width:var(--space-2xl);height:auto;font-size:var(--space-2xl);}.icon.large{width:var(--space-3xl);font-size:var(--space-3xl);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--space-l);font-size:var(--space-l);}.avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--space-l);height:var(--space-l);}.avatar.large{width:var(--space-4xl);height:var(--space-4xl);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);height:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;}.checkbox:hover{border-color:var(--primary);}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.checkbox:checked{background:var(--primary);border-color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);height:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}.radio:hover{border-color:var(--primary);}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}html.cf-theme-dark{color-scheme:dark;}