/*
Theme Name: Duurzamerwerken
Description: Speels magazine met Werkdagmeter en dynamische WordPress-verhalen.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: duurzamerwerken
*/
:root{--paper:#f7f5ef;--white:#fffefa;--ink:#183c2e;--green:#244e3c;--muted:#627067;--line:#d6dacd;--lime:#d7e8a8;--clay:#e6b296;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9b5d27;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}.topline{text-align:center;background:var(--ink);color:#f2f2df;font-size:11px;letter-spacing:1.5px;padding:8px 20px}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:29px 5%;gap:25px}.wordmark{font-size:25px;font-weight:800;letter-spacing:-1.3px;line-height:1.2}.wordmark span{font-weight:400}.wordmark i{font-style:normal;color:#748a43;margin-left:8px}.header nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:600}.header nav a:hover,.plain:hover{text-decoration:underline;text-underline-offset:5px}.plain{background:none;border:0;color:inherit;padding:0;font-size:inherit}.menu{display:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;min-height:600px;padding:0 5% 40px;gap:4%}.hero-copy{padding:48px 0 32px;align-self:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin:0 0 20px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0;letter-spacing:-1.3px}h1{font-size:clamp(42px,4.55vw,67px)}em{font-weight:400;color:#718551}h1 em{display:inline-block;line-height:1.16}.hero-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:15px;line-height:1.8;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 22px;border:1px solid transparent;font-size:12px;font-weight:700;line-height:1.4;border-radius:3px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:#35644d}.hero-meta{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-top:30px}.tiny-leaf{font-size:28px;color:#718551}.hero-image{position:relative;min-height:520px;overflow:hidden;border-radius:4px 80px 4px 4px;background:#dbe2ce}.hero-image img{transition:transform .6s}.hero-image:hover img{transform:scale(1.025)}.hero-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(9,32,21,.7))}.image-label{position:absolute;z-index:1;color:white;left:30px;right:30px;bottom:30px;font-size:9px;letter-spacing:1.5px}.image-label strong{display:block;max-width:340px;font-family:var(--serif);font-size:30px;letter-spacing:-.4px;line-height:1.13;font-weight:400;margin:13px 0}.image-label>span{font-size:11px;letter-spacing:0}.start-strip{max-width:1296px;margin:0 auto 75px;background:#e7ecdc;border:1px solid #d7ddcb;display:grid;grid-template-columns:1.12fr 1fr 1fr 1fr;padding:29px 34px;gap:22px}.start-strip .eyebrow{margin-bottom:5px}.start-strip h2{font-size:25px;letter-spacing:-.5px}.start-strip>a{font-size:14px;font-weight:600;border-left:1px solid #c4ceb6;padding-left:24px;align-self:center}.start-strip>a>span{font-size:10px;color:#718551;margin-right:10px}.start-strip small{display:block;font-size:10px;font-weight:400;margin-top:7px;color:var(--muted)}.section{max-width:1296px;margin:0 auto;padding:0 0 76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{font-size:43px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.dot{color:#80964f}.story-controls{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:21px;align-items:center}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:8px 13px;background:none;color:var(--ink);white-space:nowrap}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.search{position:relative;flex-shrink:0}.search input{background:transparent;border:0;border-bottom:1px solid #aebaa8;width:200px;padding:10px 25px 10px 3px;font-size:11px;border-radius:0}.search>span:not(.sr-only){position:absolute;right:4px;top:3px;font-size:24px}.results{font-size:10px;color:var(--muted);min-height:16px;margin:16px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px}.article-card .card-image{aspect-ratio:1.55;overflow:hidden;position:relative;background:#e3e7dc;border-radius:3px;display:block}.card-image img{transition:transform .5s}.article-card:hover img{transform:scale(1.045)}.card-tag{position:absolute;left:14px;bottom:13px;background:var(--paper);padding:5px 9px;font-size:9px;font-weight:600;letter-spacing:.6px}.card-info{padding-top:18px}.card-info h3{font-size:27px;line-height:1.12;margin-bottom:12px;letter-spacing:-.5px}.card-info>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px}.card-meta{font-size:9px;letter-spacing:.5px;color:#69766b;display:flex;justify-content:space-between}.card-meta span:last-child{font-size:17px}.load{margin:40px auto 0;display:flex}.outline{background:none;border-color:#91a08b;color:var(--ink);min-width:200px}.empty{grid-column:1/-1;padding:40px;text-align:center;background:#edf0e5}.feature{display:grid;grid-template-columns:1fr 1fr;background:#dce5cb;max-width:1440px;margin:0 auto 80px;min-height:420px}.feature-image{min-height:400px}.feature-text{padding:60px 12%;align-self:center}.feature h2{font-size:44px}.feature p:not(.eyebrow){font-size:13px;color:#435743;margin:24px 0;max-width:380px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #788c61;padding-bottom:5px;display:inline-block}.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dossier{padding:27px 29px 30px;position:relative;min-height:270px;border-radius:3px;display:flex;align-items:start;flex-direction:column;transition:transform .2s}.dossier:hover{transform:translateY(-4px)}.energy{background:#e9d9bc}.buy{background:#dbe3d2}.waste{background:#e7c4b4}.dossier-symbol{font-size:39px;margin-bottom:28px;line-height:1}.dossier .eyebrow{font-size:9px;margin-bottom:11px}.dossier h3{font-size:30px;margin-bottom:22px}.dossier>span:last-child{font-size:11px;margin-top:auto}.meter-section{background:var(--ink);padding:65px max(5%,calc((100vw - 1230px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;color:#f5f4e8;margin-bottom:75px}.meter-intro{padding-top:30px}.meter-intro h2{font-size:67px}.meter-intro h2 em{color:var(--lime)}.meter-intro>p:not(.eyebrow){font-size:14px;max-width:350px;line-height:1.8;color:#d0d9c9;margin:28px 0}.meter-intro>.meter-note{font-size:11px!important;color:#adbea8!important}.meter-intro .text-link{border-color:#83937a}.meter{background:var(--paper);color:var(--ink);padding:30px;border-radius:5px}.meter-title{display:flex;justify-content:space-between;font-family:var(--serif);font-size:26px;letter-spacing:-.5px;margin-bottom:25px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-grid label{font-size:11px;font-weight:700}.input-grid label>span{display:block;color:var(--muted);font-size:10px;font-weight:400}.input-grid input{margin-top:7px;width:100%;padding:10px 12px;color:var(--ink);background:var(--white);border:1px solid #c7d1c0;border-radius:2px}.example-label{font-size:9px;color:var(--muted);margin:16px 0}.meter .button{width:100%}.meter-output{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px 0 20px;border-bottom:1px solid var(--line)}.meter-output strong{font-family:var(--serif);font-size:31px;letter-spacing:-1px;display:block;font-weight:400}.meter-output strong small{font-family:var(--sans);font-size:13px;letter-spacing:0}.meter-output div>span{font-size:9px;color:var(--muted)}details{font-size:10px;margin:15px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);line-height:1.8}.save-row{display:flex;justify-content:space-between;gap:12px}.save-row button{background:none;color:var(--ink);border:0;border-bottom:1px solid #9ca891;font-size:9px;padding:2px 0}.storage-status{font-size:9px;color:var(--muted);margin:12px 0 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{border-top:2px solid #718551;padding:22px 0}.product-number{font-size:9px;letter-spacing:1.5px;color:#718551}.product h3{font-size:28px;margin:17px 0;max-width:300px}.product p{font-size:12px;color:var(--muted);line-height:1.8;max-width:330px}.product a{font-size:10px;font-weight:700;border-bottom:1px solid #9cab92;padding-bottom:4px}.product-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;max-width:900px}.closing{background:#e8eddd;text-align:center;padding:55px 20px 65px}.closing>span{font-size:38px;color:#718551}.closing h2{font-size:40px;margin:20px 0 28px}.closing .button{font-size:11px}footer{max-width:1296px;padding:40px 0;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}footer .wordmark{font-size:22px}footer p{font-size:11px;color:var(--muted);text-align:right;margin:0}footer>div{border-top:1px solid var(--line);padding-top:23px;grid-column:1/-1;display:flex;gap:30px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{border:0;border-radius:8px;background:var(--paper);color:var(--ink);max-width:650px;width:calc(100% - 30px);padding:42px;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#10271ee0}dialog h2{font-size:37px}dialog h3{font-size:24px;margin-top:26px}dialog p:not(.eyebrow){font-size:13px;color:#526251;line-height:1.85}.dialog-close{position:absolute;right:17px;top:10px;font-size:30px;border:0;background:none;color:var(--ink)}.article-main{max-width:1100px;margin:auto;padding:25px 30px 70px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:42px}.article-head{max-width:840px;margin:0 auto 35px;text-align:center}.article-head h1{font-size:60px;line-height:1.08}.article-head .intro{font-family:var(--serif);font-size:24px;line-height:1.45;max-width:720px;margin:25px auto;color:#63705a}.article-head .byline{font-size:10px;color:var(--muted)}.article-cover{height:450px;border-radius:5px;overflow:hidden;margin-bottom:45px}.article-body{max-width:720px;margin:auto;font-size:16px;line-height:1.95;color:#3f5145}.article-body p{margin:0 0 25px}.article-body h2{font-size:32px;color:var(--ink);margin:40px 0 20px;letter-spacing:-.5px}.article-body ul{padding-left:24px}.article-body li{margin-bottom:12px}.article-evidence{background:#e8eddd;padding:25px 28px;margin:35px 0;font-size:12px;line-height:1.85}.article-evidence h2{font-size:25px;margin:0 0 16px}.article-evidence p{margin:0 0 15px}.article-evidence a{text-decoration:underline}.article-related{max-width:720px;margin:40px auto 0;border-top:1px solid var(--line);padding-top:25px}.article-related h2{font-size:30px;margin-bottom:20px}.article-related a{display:block;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.article-back{max-width:720px;margin:30px auto;font-size:12px}.article-page footer{padding-left:30px;padding-right:30px}@media(min-width:1500px){.hero{padding-left:0;padding-right:0}.header{padding-left:0;padding-right:0}.hero-image{min-height:550px}}@media(max-width:1390px){.section,.start-strip,footer{margin-left:5%;margin-right:5%}.hero{min-height:550px}.hero-image{min-height:480px}}@media(max-width:1100px){.header nav{gap:18px}.hero{gap:4%}.hero-copy{padding-top:25px}.hero-image{min-height:440px}.start-strip{padding:25px;gap:14px}.start-strip>a{padding-left:14px;font-size:12px}.start-strip h2{font-size:23px}.section-heading h2{font-size:37px}.story-controls{align-items:start;flex-direction:column}.search input{width:250px}.feature-text{padding:40px 9%}.feature h2{font-size:38px}.meter-section{gap:6%}.meter-intro h2{font-size:58px}.meter{padding:23px}}@media(max-width:760px){.topline{font-size:9px;padding:6px}.header{padding:23px 5%;position:relative;flex-wrap:wrap}.wordmark{font-size:22px}.menu{display:flex;gap:10px;background:none;border:0;font-size:11px;color:var(--ink);align-items:center}.header nav{display:none;width:100%;padding:18px 0 5px;border-top:1px solid var(--line);align-items:start}.header nav.open{display:flex;flex-direction:column}.hero{display:flex;flex-direction:column;gap:25px;padding-bottom:30px}.hero-copy{padding:16px 0 0;width:100%}.hero h1{font-size:46px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:340px;margin:20px 0}.hero-meta{margin-top:18px}.hero-image{min-height:370px;height:370px;border-radius:3px 55px 3px 3px}.image-label{left:23px;bottom:25px}.image-label strong{font-size:28px;max-width:300px}.start-strip{grid-template-columns:1fr;padding:25px;margin-bottom:48px;gap:18px}.start-strip>div{padding-bottom:5px}.start-strip>a{border-left:0;border-top:1px solid #c4ceb6;padding:14px 0 0;font-size:14px}.start-strip small{display:inline;margin-left:10px;font-size:9px}.section{padding-bottom:48px}.section-heading{align-items:start;gap:18px;flex-direction:column}.section-heading h2{font-size:34px}.section-heading>p{font-size:11px}.section-heading>p br{display:none}.filters{gap:6px}.filters button{font-size:10px;padding:7px 11px}.search{width:100%}.search input{width:100%;font-size:12px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.article-card .card-image{aspect-ratio:1.13}.card-tag{left:8px;bottom:8px;font-size:8px;padding:3px 6px}.card-info{padding-top:12px}.card-info h3{font-size:23px;line-height:1.15}.card-info>p{font-size:11px;line-height:1.7}.card-meta{font-size:8px;letter-spacing:0}.feature{grid-template-columns:1fr;margin-bottom:50px}.feature-image{min-height:280px;height:280px}.feature-text{padding:35px 6% 42px}.feature h2{font-size:37px}.feature p:not(.eyebrow){max-width:400px}.dossier-grid{grid-template-columns:1fr;gap:14px}.dossier{min-height:205px;padding:23px}.dossier h3{font-size:30px;max-width:70%;margin-bottom:20px}.dossier-symbol{position:absolute;right:27px;top:60px;font-size:55px}.dossier .eyebrow{margin-top:5px}.meter-section{grid-template-columns:1fr;padding:36px 5%;gap:30px;margin-bottom:50px}.meter-intro{padding-top:0}.meter-intro h2{font-size:52px}.meter-intro>p:not(.eyebrow){margin:20px 0;max-width:450px}.meter{padding:25px 20px}.meter-output strong{font-size:30px}.product-grid{grid-template-columns:1fr;gap:6px}.product{padding:20px 0}.product h3{max-width:none;font-size:29px}.product p{max-width:none}.product a{font-size:11px}.closing{padding:38px 20px 45px}.closing h2{font-size:33px}footer{grid-template-columns:1fr;gap:17px;padding:30px 0}footer p{text-align:left}footer>div{flex-wrap:wrap;gap:12px 23px}.article-main{padding:10px 5% 40px}.breadcrumbs{font-size:10px;margin-bottom:30px}.article-head{text-align:left}.article-head h1{font-size:43px}.article-head .intro{font-size:22px}.article-head .byline{line-height:1.8}.article-cover{height:280px;margin-bottom:30px}.article-body{font-size:15px;line-height:1.9}.article-body h2{font-size:29px}.article-evidence{padding:23px 20px}.article-page footer{padding-left:0;padding-right:0}dialog{padding:35px 25px}dialog h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@font-face{font-family:Baloo;src:url('assets/Baloo2.ttf') format('truetype');font-weight:400 800;font-display:swap}@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}:root{--serif:Baloo,Arial,sans-serif;--sans:Manrope,Arial,sans-serif}h1,h2,h3{font-weight:600;letter-spacing:-1px;line-height:1.08}h1 em,h2 em{font-style:normal}h1{font-size:clamp(46px,5.4vw,78px)}.wordmark{font-family:Baloo,sans-serif;font-size:29px;letter-spacing:-1px}.leaf-icon{display:inline-block!important;width:23px!important;height:25px!important;object-fit:contain;vertical-align:middle;flex-shrink:0;transition:transform .25s}.button:hover .leaf-icon,a:hover>.leaf-icon{transform:rotate(20deg)}.button{border-radius:28px;padding:16px 24px}.hero-image{border-radius:48% 48% 24px 24px}.hero-meta{display:flex;align-items:center;gap:10px}.hero-meta .tiny-leaf{display:inline-flex}.start-strip{border-radius:28px;margin:0 5%;border-bottom:0}.filters button{border-radius:22px}.dossier-grid{gap:28px;align-items:stretch;padding-top:25px}.dossier{position:relative;border-radius:90px 28px 55px 26px!important;padding:24px 28px 32px!important;min-height:400px;transition:transform .25s,box-shadow .25s;overflow:visible}.dossier:nth-child(2){transform:translateY(24px) rotate(2deg);border-radius:25px 90px 28px 55px!important;background:#dbe8bf}.dossier:nth-child(3){transform:rotate(-2deg);border-radius:65px 24px 75px 30px!important}.dossier:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 18px 25px #183c2e12}.dossier:nth-child(2):hover{transform:translateY(15px) rotate(0)}.dossier-art{width:100%;height:150px;object-fit:contain;margin-bottom:10px}.dossier h3{font-size:32px;position:relative;margin:12px 0 22px}.dossier .eyebrow{font-size:9px}.dossier>span:last-child{font-size:12px}.dossiers{padding-bottom:110px}.meter{border-radius:30px}.product-grid{gap:28px}.playful-tool{padding:0!important;border:0!important;background:#fffefa;border-radius:30px;overflow:hidden;box-shadow:0 7px 0 #e5e6d9;display:flex;flex-direction:column}.tool-picture{position:relative;background:#e8edda;height:230px;padding:35px 25px 10px}.playful-tool:nth-child(2) .tool-picture{background:#eed8c8}.playful-tool:nth-child(3) .tool-picture{background:#f2e4af}.tool-picture>img{object-fit:contain;transition:transform .3s}.playful-tool:hover .tool-picture>img{transform:rotate(-5deg) scale(1.04)}.tool-sticker{position:absolute;top:14px;left:18px;border-radius:18px;background:#fffefa;padding:5px 13px;transform:rotate(-5deg);font-size:11px;font-weight:700;z-index:1}.tool-text{padding:26px;display:flex;flex-direction:column;flex:1}.tool-text h3{font-size:31px}.tool-text p{font-size:13px}.tool-text a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border:0;font-size:12px}.action-garden{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;text-align:left;padding:70px 8%;background:#e2edc9;border-radius:70px 70px 0 0;align-items:center}.garden-picture{position:relative;min-height:320px}.garden-picture>img{object-fit:contain;width:100%;height:300px}.garden-note{display:block;position:absolute;bottom:0;right:0;transform:rotate(-8deg);font:600 26px/1.1 Baloo;background:#f8db85;border-radius:45% 55% 50% 45%;padding:26px}.garden-copy h2{font-size:clamp(38px,4vw,58px);margin:0 0 15px}.action-choices{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.action-choices button{border:1px solid #718551;background:transparent;border-radius:25px;padding:10px 15px;color:var(--ink);font-size:12px}.action-choices button[aria-pressed=true]{background:var(--ink);color:white}#daily-action{background:#fffefa;border-radius:12px 32px 32px 32px;padding:23px;min-height:180px}#daily-action h3{font-size:26px}#daily-action p{font-size:13px;margin:10px 0}#daily-action a{font-size:12px;font-weight:700;display:inline-flex;gap:20px;align-items:center}.closing>span{display:none}@media(max-width:850px){.dossier-grid{gap:16px}.dossier{padding:20px!important}.dossier h3{font-size:27px}.action-garden{gap:25px;padding:50px 5%}.product-grid{gap:18px}.tool-text{padding:20px}.tool-text h3{font-size:27px}}@media(max-width:620px){.dossier-grid{grid-template-columns:1fr;gap:24px}.dossier,.dossier:nth-child(2),.dossier:nth-child(3){transform:none;min-height:0;display:grid;grid-template-columns:1fr 110px;column-gap:12px;border-radius:30px 65px 30px 30px!important}.dossier-art{grid-column:2;grid-row:1/4;height:140px;align-self:center}.dossier h3{grid-column:1;font-size:29px}.dossier>span{grid-column:1}.dossier:hover,.dossier:nth-child(2):hover{transform:translateY(-3px)}.product-grid{grid-template-columns:1fr}.action-garden{grid-template-columns:1fr;gap:20px;border-radius:35px 35px 0 0}.garden-picture{min-height:200px}.garden-picture>img{height:200px}.garden-note{font-size:22px;right:10%}.hero-image{border-radius:90px 90px 22px 22px}.start-strip{margin:0 5%}.wordmark{font-size:25px}}@media(prefers-reduced-motion:reduce){.dossier,.tool-picture>img,.leaf-icon{transition:none;transform:none!important}}

.wp-post-image{height:auto}.wp-pagination{display:flex;gap:16px;justify-content:center;padding:32px}.article-body img{height:auto}.article-body a{text-decoration:underline}.archive-heading{padding-bottom:35px}.article-body{max-width:760px;margin:40px auto;font-size:18px;line-height:1.8}.article-body h2,.article-body h3{margin:30px 0 18px}.article-body p{margin:0 0 22px}.article-hero{max-width:1440px;margin:auto;padding:40px 5%}.article-hero h1{max-width:950px}.article-cover{max-height:560px;margin-top:28px}.site-description{max-width:720px}.wp-block-image img{height:auto} @media(max-width:800px){.article-body{padding:0 6%}}