@font-face{font-family:"Open Sans";font-style:normal;font-weight:normal;font-display:swap;src:url("/klimaatplan-ui/fonts/open-sans.woff2") format("woff2")}@font-face{font-family:"Sofia Pro";font-style:normal;font-weight:normal;font-display:swap;src:url("/klimaatplan-ui/fonts/sofia-pro.woff2") format("woff2")}html{--colorPrimary: #1E64C8;--colorPrimaryHover: #20408E;--colorSecondary: #A9D8E0;--colorTertiary: #C5E2E7;--colorText: #333;--colorTextSubtle: #666;--fontPrimary: "Open Sans";--fontHeading: "Sofia Pro";--widthMax:1568px;--widthContent:1180px}*{padding:0;margin:0}a{text-decoration:none}img{width:100%;height:auto;display:block}ul,li{list-style:none}body{font-family:var(--fontPrimary);color:var(--colorText);font-family:"Open Sans","Helvetica Neue",Arial}.heading{font-family:var(--fontHeading)}p{line-height:1.5em}.heading{color:var(--colorPrimary)}#site{max-width:var(--widthMax);margin:0 auto;padding:0 16px}body.menuOpen{height:100dvh;overflow:hidden}#siteHeader{display:grid;grid-template-areas:"label nav";grid-template-columns:132px 1fr;gap:20px;max-width:var(--widthContent);margin:0 auto;align-items:center;padding:16px 0;position:relative;z-index:10}#siteHeader .siteLabel{grid-area:label;width:132px;height:38px}#siteHeader .siteLabel a{display:block}#siteHeader .navigation{grid-area:nav;justify-self:end}.homepage #siteHeader .siteLabel a{background:url("/klimaatplan-ui/images/turnhout-logo-white.webp") left top no-repeat;background-size:contain}.homepage #siteHeader .siteLabel img{visibility:hidden}body.homepage.menuOpen #siteHeader .siteLabel img{visibility:visible}@media(max-width: 1099px){#siteHeader .siteLabel{position:relative;z-index:20}#siteHeader .navigation .menu{position:relative;z-index:20}#siteHeader .navigation .menu button{border:none;color:var(--colorPrimary);font-size:20px;font-family:"Sofia Pro";background:none;cursor:pointer;display:flex;gap:8px;align-items:center;transition:color .15s}#siteHeader .navigation .menu button:after{width:16px;height:16px;content:"";background:url("/klimaatplan-ui/images/icons/hamburger-blue.svg")}#siteHeader .navigation>.wrap{position:fixed;inset:0;background:rgba(0,0,0,.4);transform:translateX(-100%);transition:transform .15s;z-index:10}#siteHeader .navigation>.wrap>.wrap2{background:#fff;padding:56px 16px 24px 16px}.homepage #siteHeader .navigation .menu button{color:#fff}.homepage #siteHeader .navigation .menu button:after{background-image:url("/klimaatplan-ui/images/icons/hamburger.svg")}.homepage #siteHeader .navigation .menu button:is(:hover,:focus){color:var(--colorTertiary)}body.menuOpen #siteHeader .navigation>.wrap{transform:translateX(0)}body.menuOpen #siteHeader .navigation .menu button:is(:hover,:focus){color:var(--colorPrimaryHover)}body.menuOpen #siteHeader .navigation .menu button:after{background:url("/klimaatplan-ui/images/icons/close.svg")}body.homepage.menuOpen #siteHeader .navigation .menu button{color:var(--colorPrimary)}}@media(min-width: 1100px){#siteHeader{grid-template-columns:223px 1fr}#siteHeader .siteLabel{width:223px;height:64px}#siteHeader .navigation>.menu{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#siteHeader .navigation>.wrap>.wrap2{display:flex;flex-direction:row;gap:48px}#siteHeader .navigation>.wrap>.wrap2>*+*{position:relative}#siteHeader .navigation>.wrap>.wrap2>*+*:before{content:"";position:absolute;left:-24px;border-left:1px solid var(--colorSecondary);top:0;bottom:0}}.navMain ul li a,.navExt ul li a{font-size:20px;font-family:"Sofia Pro";color:var(--colorPrimary);transition:color .15s}.navMain ul li a[href]:is(:hover,:focus),.navExt ul li a[href]:is(:hover,:focus){color:var(--colorPrimaryHover)}@media(max-width: 1099px){.navMain,.navExt{border-top:1px solid var(--colorSecondary);padding-top:24px;margin-top:24px}.navMain ul li a,.navExt ul li a{display:block;padding:8px 0}}@media(min-width: 1100px){.navMain ul,.navExt ul{display:flex;flex-direction:row;gap:24px}.homepage .navMain ul li a,.homepage .navExt ul li a{color:#fff}.navMain ul li a[href]:is(:hover,:focus),.navExt ul li a[href]:is(:hover,:focus){color:var(--colorSecondary)}}.navMain ul li a{font-weight:700}#siteMain{position:relative;container-type:inline-size}#siteMain>.pageHeader>.hero.simple{margin-top:32px}#siteMain>.pageHeader>.hero.home{margin:-70px -16px 0}#siteMain>.pageHeader>.hero.full{margin-left:-16px;margin-right:-16px}#siteMain>.pageFooter{position:absolute;top:8px;left:0;right:0}#siteMain>.pageFooter>.back{max-width:1180px;margin-left:auto;margin-right:auto}#siteMain>.pageFooter>.back a{display:flex;gap:4px;align-items:center;font-weight:700;color:var(--colorPrimary)}#siteMain>.pageFooter>.back a:before{content:"";background:url("/klimaatplan-ui/images/icons/chevron-left.svg");width:20px;height:20px;background-size:cover}#siteMain>.pageFooter>.back a:is(:hover,:focus){text-decoration:underline}@container (min-width:768px){#siteMain>.pageHeader>.hero.simple{margin-top:120px}#siteMain>.pageFooter{top:60px}}@media(min-width: 1100px){#siteMain .pageHeader>.hero.home{margin-top:-96px}}#siteFooter{margin-top:40px}#siteFooter .fat{background:var(--colorPrimary);padding:32px 16px;margin:0 -16px}#siteFooter .fat>.wrap{display:flex;flex-direction:column}#siteFooter .fat .partner{display:flex;flex-direction:column-reverse}#siteFooter .fat .partner img{width:196px;height:56px;margin-bottom:24px}#siteFooter .fat .partner *{color:#fff}#siteFooter .fat .partner a{text-decoration:underline}#siteFooter .fat .contact>*+*{margin-top:16px}#siteFooter .fat .contact .heading{color:var(--colorSecondary);font-family:"Sofia Pro";font-size:24px;line-height:32px}#siteFooter .fat .contact .textblock{color:#fff}#siteFooter .legal{margin:24px 0}#siteFooter .legal ul li a{color:var(--colorPrimary);font-size:18px;transition:color .15s}#siteMain:has(>*:last-child>*.banded:last-child)+#siteFooter{margin-top:0}#siteFooter .fat .partner a:is(:hover,:focus){text-decoration:none}#siteFooter .legal ul li a[href]:is(:hover,:focus){color:var(--colorPrimaryHover)}@media(max-width: 767px){#siteFooter .fat .partner{align-self:start}#siteFooter .fat .contact{margin-top:24px;padding-top:24px;border-top:1px solid var(--colorSecondary)}#siteFooter .fat .contact .cta{display:block}#siteFooter .legal ul li+li{margin-top:4px}#siteFooter .legal ul{margin-top:12px}}@media(min-width: 768px){#siteFooter{margin-top:60px}#siteFooter .fat{padding:60px 32px 80px}#siteFooter .fat>.wrap{max-width:var(--widthContent);margin:0 auto;flex-direction:row;justify-content:space-between;gap:24px}#siteFooter .fat>.wrap>*{max-width:400px}#siteFooter .fat .partner{justify-content:space-between}#siteFooter .legal{max-width:var(--widthContent);padding:0 16px;margin:16px auto}#siteFooter .legal .navLegal{display:flex;align-items:center;gap:24Px}#siteFooter .legal .navLegal ul{display:flex;gap:24px}}.pageMain,.pageAside{margin-top:40px}.pageMain>*+*,.pageAside>*+*{margin-top:40px}@media(min-width: 768px){.pageMain,.pageAside{margin-top:60px}.pageMain>*,.pageAside>*{max-width:var(--widthContent);margin-left:auto;margin-right:auto;box-sizing:border-box}.pageMain>*+*,.pageAside>*+*{margin-top:60px}}.banded{position:relative;padding:32px 0}.banded:after{content:"";background:var(--colorTertiary);z-index:0;position:absolute;top:0;bottom:0;left:-16px;right:-16px}.banded>*{position:relative;z-index:1}@container (min-width:768px){.banded{padding:60px 0}}@container (min-width:1180px){.banded:after{left:auto;right:auto;margin-left:calc((100cqw - 1148px)/-2);width:calc(100cqw + 32px)}}@container (min-width:1600px){.banded:after{left:50%;margin-left:-800px;width:1600px}}.textblock>*+*{margin-top:12px}.textblock>*+h3,.textblock>*+h4,.textblock>*+h5,.textblock>*+h6{margin-top:24px}.textblock h2,.textblock h3,.textblock h4,.textblock h5,.textblock h6{color:var(--colorPrimary);font-family:var(--fontHeading)}.textblock h2{font-size:32px;line-height:1.2em}.textblock h3{font-size:24px;line-height:1.33em}.textblock h4{font-size:20px;line-height:1.4em}.textblock img{max-width:100%;width:auto}.textblock a{text-decoration:underline;transition:color .15s;font-weight:700;color:var(--colorPrimary)}.textblock a:is(:hover,:focus){color:var(--colorPrimaryHover)}.textblock ul>li,.textblock ol>li{position:relative;padding-left:32px}.textblock ul>li:before{content:"";background:url("/klimaatplan-ui/images/icons/checkmark.svg");background-size:contain;position:absolute;left:0;color:var(--colorPrimary);top:0;width:24px;height:24px}.textblock ol{counter-reset:section}.textblock ol>li:before{counter-increment:section;content:counter(section) ".";position:absolute;left:0;top:0;width:20px;text-align:right;color:var(--colorPrimary)}.textblock li+li{margin-top:8px}.textblock li>*{margin-top:12px}.textblock .embeditem iframe{width:100%;aspect-ratio:16/10;height:auto}.textblock.onColor{color:#fff}.textblock.onColor h2,.textblock.onColor h3,.textblock.onColor h4,.textblock.onColor h5,.textblock.onColor h6{color:#fff}.textblock.onColor a{color:#fff}.textblock.onColor ul>li:before{content:"";background-image:url("/klimaatplan-ui/images/icons/checkmark-white.svg")}.textblock.onColor ol>li:before{color:#fff}.textblock.onColor a:is(:hover,:focus){color:var(--colorTertiary)}@container (min-width:768px){.textblock>*+*{margin-top:16px}.textblock li>*{margin-top:16px}.textblock li+li{margin-top:12px}.textblock h2{font-size:40px}}.cta{display:inline-block}.cta>*{text-decoration:none;padding:12px 16px;display:block;text-align:center;font-weight:700;font-family:"Sofia Pro";line-height:20px;font-size:18px;transition:all .15s;border:none;background:none;cursor:pointer}.cta>*:after{content:"";height:20px;width:20px;background-size:contain;vertical-align:middle;display:inline-block;margin-left:2px;position:relative;top:-1px}.cta.primary>*{background:var(--colorPrimary);color:#fff}.cta.primary>*:after{background-image:url("/klimaatplan-ui/images/icons/chevron-right-white.svg")}.cta.primary>*:focus{box-shadow:inset 0 0 0 2px #20408e;outline:none}.cta.primary>*:hover{background:#20408e}.cta.secondary>*{background:#fff;color:var(--colorPrimary)}.cta.secondary>*:after{background-image:url("/klimaatplan-ui/images/icons/chevron-right.svg")}.cta.secondary>*:hover{background:#e9f0fa}.cta.secondary>*:focus{box-shadow:inset 0 0 0 2px #20408e;outline:none}