@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(/static/fonts/poppins-v23-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:300;src:url(/static/fonts/poppins-v23-latin-300italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/fonts/poppins-v23-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:400;src:url(/static/fonts/poppins-v23-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(/static/fonts/poppins-v23-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:500;src:url(/static/fonts/poppins-v23-latin-500italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/static/fonts/poppins-v23-latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:600;src:url(/static/fonts/poppins-v23-latin-600italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/fonts/poppins-v23-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:700;src:url(/static/fonts/poppins-v23-latin-700italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:900;src:url(/static/fonts/poppins-v23-latin-900.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:900;src:url(/static/fonts/poppins-v23-latin-900italic.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}.container{width:100%;max-width:1350px;margin-inline:auto;padding-inline:1.5rem}@media (width<=1700px){.container{max-width:1400px}}@media (width<=1500px){.container{max-width:1200px}}@media (width<=1300px){.container{max-width:1100px}}@media (width<=1200px){.container{max-width:1000px}}@media (width<=1100px){.container{max-width:900px}}.container-fluid{width:100%;padding-inline:4.5rem}.row{flex-wrap:wrap;margin-inline:-1.5rem;display:flex}.row [class^=col-]{padding-inline:1.5rem}[class^=col-]{width:100%}.col-6{width:50%}@media (width>=576px){.col-sm-12{width:100%}}@media (width>=768px){.col-md-6{width:50%}}:root{--primary:#ed6855;--secondary:#241c15;--tertiary:#ffeed1;--bouw-onder:var(--primary);--bouw-midden:#72e58f;--bouw-boven:#9da7f5;--black:#241c15;--font-color:#212121}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0}html[lang]{margin-top:0!important}body{background-color:#e5fcf1}body:before{content:"";z-index:-1;background-color:#00de72;width:100%;height:57.5rem;position:absolute;top:0;left:0;right:0}body .page-wrapper{transition:filter .3s}body .page-wrapper>.container>.row{position:relative}a{color:#004a43;font-weight:900;text-decoration:none}a:hover{text-decoration:underline}strong{color:#004a43}p{margin-top:.5rem}p:empty{display:none}picture{display:contents}img{max-width:100%;height:auto}iframe{border:0;max-width:100%}ul{padding-left:2.5rem;list-style-type:square}ul li::marker{color:#00de72;font-size:2.2rem}.text-center{text-align:center}.text-right{text-align:right}hr{border-top:0;border-bottom:1px solid #eee;margin:1.5rem 0}html{font-size:62.5%}@media (width<=1200px) or (height<=785px){html{font-size:57.75%}}@media (width<=1100px) or (height<=725px){html{font-size:50%}}body{color:#004a43;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:400;line-height:2.6rem}h1,h2,h3,h4,h5,h6{color:#004a43;margin-top:4rem;margin-bottom:2rem;font-family:Poppins,sans-serif;font-style:normal;font-weight:900;line-height:1}.lessons-wrapper h1,.lessons-wrapper h2,.lessons-wrapper h3,.lessons-wrapper h4,.lessons-wrapper h5,.lessons-wrapper h6{font-weight:700}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:3.6rem}h2{font-size:5.5rem}@media (width<=991px){h2{font-size:3rem}}@media (width<=767px){h2{font-size:2.6rem}}h3{font-size:3.5rem}@media (width<=991px){h3{font-size:2.6rem}}@media (width<=767px){h3{font-size:2rem}}h4{font-size:2.2rem}h5{font-size:1.8rem}@media (width<=991px){h5{font-size:2rem}}h6{font-size:1.8rem}strong{font-weight:900}button{cursor:pointer;font-family:Poppins,sans-serif;font-weight:500}.page-wrapper{background-color:#fff;min-height:62.8rem;margin-top:11.5rem;padding:6rem 6.5rem;position:relative}.page-wrapper .content-wrapper{max-width:76.8rem;margin-inline:auto}.page-wrapper .content-wrapper a:not(.btn){color:#00de72;font-weight:600;text-decoration:underline}section{padding-block:5rem}section .section-title{text-align:center;position:relative}section .section-title:after{content:"";background-image:url(/static/images/section-title.svg);background-size:100%;width:3.3rem;height:.5rem;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}header#header{z-index:9999;background-color:#00de72;padding:2.8rem 0;transition:padding-bottom .3s,padding-top .3s;position:fixed;top:0;left:0;right:0}header#header .header-content{z-index:9999;align-items:center;display:flex}header#header .header-content .left-holder .logo-holder{flex:auto;max-width:26.5rem}header#header .header-content .left-holder .logo-holder .logo{object-fit:contain;object-position:left;width:100%;height:4rem;display:block}header#header .header-content .right-holder{align-items:center;margin-left:auto;display:flex}header#header .header-content .right-holder .main-nav>ul{margin:0;padding:0;display:flex}header#header .header-content .right-holder .main-nav>ul li{list-style-type:none}header#header .header-content .right-holder .main-nav>ul li a{color:#004a43;margin:auto 2rem;font-size:1.6rem;font-weight:600}header#header .header-content .right-holder .main-nav>ul li a[aria-current=page],header#header .header-content .right-holder .main-nav>ul li a:hover{color:#fff}@media (width<=1300px){header#header .header-content .right-holder .main-nav>ul li a{margin:auto 1rem}}header#header .header-content .right-holder .buttons-holder{margin-left:4.5rem}@media (width<=1300px){header#header .header-content .right-holder .buttons-holder{margin-left:1.5rem}}header#header .header-content .right-holder .buttons-holder .btn{transition:padding-bottom .3s,padding-top .3s}header#header.scrolled{padding:1rem 0}header#header.scrolled .header-content .right-holder .buttons-holder .btn{padding-top:1.5rem;padding-bottom:1.5rem}footer#footer{padding:2.5rem 0;font-size:1.2rem;font-weight:600;display:flex;position:relative}footer#footer .footer-copyright{align-items:center;display:flex}footer#footer .copyright-left{display:flex}footer#footer .copyright-left ul{margin:0 0 0 3rem;padding:0;display:flex}footer#footer .copyright-left ul li{padding:0 2rem;list-style-type:none}footer#footer .copyright-left ul li a{font-weight:600;display:inline-block}footer#footer .copyright-right{align-items:center;margin-left:auto;display:flex}footer#footer .copyright-right img{max-width:13.5rem;height:auto;margin:0 0 1rem 1rem}.shape-holder{content:"";z-index:-1;background-image:url(/static/images/big-stripes-pink.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;width:8.4rem;height:59rem;position:fixed}.shape-holder.shape-holder-left{top:42.5rem;left:0;transform:scaleX(-1)}.shape-holder.shape-holder-right{top:24rem;right:0}.small-screen-popup{z-index:10099;background-color:#004a43bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width>=1024px) and (height>=672px){.small-screen-popup{display:none}}.small-screen-popup .popup-content-holder{background-color:#fff;border:1rem solid #00de72;flex:0 0 57.5rem;width:57.5rem;max-width:90vw;padding:3rem}.small-screen-popup .popup-content-holder .logo-holder img{object-fit:contain;object-position:center;width:100%;height:3rem;margin-bottom:2rem}.small-screen-popup .popup-content-holder .content p:last-child{margin-bottom:0}.btn{color:#fff;cursor:pointer;background-color:#004a43;border:.3rem solid #004a43;padding:1.9rem 6.9rem 1.9rem 2.4rem;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:500;line-height:1rem;text-decoration:none;display:inline-block;position:relative}.content-wrapper .btn{border-width:1px;padding-block:1.8rem;font-weight:600;line-height:normal}.btn:hover{text-decoration:none}.btn:after{content:"";background-image:url(/static/images/icons/arrow-right.svg);background-repeat:no-repeat;background-size:contain;width:2.1rem;height:1.6rem;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}.btn.btn-outline{color:#004a43;background-color:#0000}.btn.btn-outline:after{background-image:url(/static/images/icons/arrow-right-dark-green.svg)}.btn-arrow{color:#00de72;align-items:center;display:flex}.btn-arrow:before{content:"";background-color:#00de72;background-image:url(/static/images/icons/download-white.svg);background-position:50%;background-repeat:no-repeat;background-size:32%;width:5rem;height:5rem;margin-right:2rem;display:inline-block}.btn-arrow span{text-decoration:underline}form .form-row .form-label{margin-bottom:4.5rem;font-size:1.8rem;font-weight:400;display:block}form .form-row .form-label input[type=text]{border:1px solid #828282;border-radius:0;width:100%;margin-top:1rem;padding:1.5rem;font-family:Poppins,sans-serif;font-size:1.6rem;display:block}form .form-row .form-label input[type=password]{border:1px solid #828282;border-radius:0;width:100%;margin-top:1rem;padding:1.5rem;font-family:Poppins,sans-serif;font-size:1.6rem;display:block}form .form-row .form-label input[type=text]::placeholder{opacity:.6}form .form-row .form-label input[type=password]::placeholder{opacity:.6}form .form-row .form-label input[type=text]::-webkit-input-placeholder{opacity:.6}form .form-row .form-label input[type=password]::-webkit-input-placeholder{opacity:.6}form .form-row .form-label input[type=text]::-moz-placeholder{opacity:.6}form .form-row .form-label input[type=password]::-moz-placeholder{opacity:.6}form .form-row .form-label input[type=text]:-ms-placeholder-shown{opacity:.6}form .form-row .form-label input[type=password]:-ms-placeholder-shown{opacity:.6}form .form-row .form-label input[type=text]:-moz-placeholder-shown{opacity:.6}form .form-row .form-label input[type=password]:-moz-placeholder-shown{opacity:.6}input::placeholder{opacity:.5;color:red}input::-webkit-input-placeholder{opacity:.5;color:red}input::-moz-placeholder{opacity:.5;color:red}input:-ms-placeholder-shown{opacity:.5;color:red}input:-moz-placeholder-shown{opacity:.5;color:red}.lightbox-toggle{cursor:pointer}.lightbox-overlay{cursor:pointer;opacity:.8;z-index:2;background-color:#000;width:100vw;height:100vh;animation:.5s ease-out forwards fadeInOverlay;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:.8}}.lightbox-image{z-index:3;border:.4rem solid #fff;border-radius:.3rem;width:auto;max-width:96svw;height:auto;max-height:85svh;animation:.5s ease-out forwards fadeInImage;position:fixed;top:5rem;left:50%;transform:translate(-50%)}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.popup-menu{opacity:0;visibility:hidden;z-index:1;background-color:#fff;border:1rem solid;grid-template-columns:1fr;grid-template-areas:"heading""column-left";width:30ch;transition:opacity .1s;display:grid;position:absolute}.popup-menu.two-column{grid-template-columns:1fr 1fr;grid-template-areas:"heading heading""column-left column-right";width:53ch}.popup-menu .heading{text-transform:uppercase;background-color:#8bffbd;grid-area:heading;padding:1rem 4rem 2rem;font-size:1.3rem;font-weight:900;line-height:2rem}.popup-menu .column-left,.popup-menu .column-right{padding-block:1rem .5rem}.popup-menu .column-left{grid-area:column-left}.popup-menu .column-right{grid-area:column-right;position:relative}.popup-menu .column-right:before{content:"";opacity:.1;background-color:#004a43;width:1px;position:absolute;top:1rem;bottom:.5rem;left:0}.popup-menu h4{color:#00de72;text-align:center;margin:0;padding:1rem 2rem;font-size:1.4rem;font-weight:600;line-height:1.3}.popup-menu .menu-item{color:#004a4340;cursor:not-allowed;text-overflow:ellipsis;padding:1.5rem 4rem 1.5rem 2.5rem;font-size:1.4rem;font-weight:600;line-height:1.3;text-decoration:none;display:block;position:relative;overflow-x:hidden}.popup-menu .menu-item:before{content:"";opacity:.2;background-image:url(/static/images/icons/arrow-dark-green.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.5rem;height:1.2rem;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)rotate(-90deg)}.popup-menu .menu-item.enabled:before{opacity:1}.popup-menu .menu-item:after{content:"";opacity:.25;background-color:#004a43;height:1px;position:absolute;bottom:0;left:1.5rem;right:1.5rem}.popup-menu .menu-item:not(.enabled):after{opacity:.05}.popup-menu .menu-item:has(+.menu-item:not(.enabled)):after{opacity:.05}.popup-menu .menu-item:last-child:after{content:none}.popup-menu .menu-item.enabled{color:#004a43;cursor:pointer}.popup-menu .menu-item[aria-current=page]{color:#00de72}.side-labels-holder{width:6.5rem;position:absolute;top:0;right:100%}.side-labels-holder .label-home{background-color:#004a43;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;display:flex}.side-labels-holder .label-home img{width:2.2rem;height:2.2rem}.side-labels-holder .popup-menu-holder{background-color:#8bffbd;justify-content:center;align-items:center;width:6.5rem;height:12rem;display:flex;position:relative}.side-labels-holder .popup-menu-holder .popup-menu-trigger{cursor:pointer;justify-content:center;align-items:center;width:12rem;height:6.5rem;font-size:1.6rem;font-weight:600;display:flex;position:absolute;transform:rotate(-90deg)}.side-labels-holder .popup-menu-holder .popup-menu{border-color:#8bffbd;top:0;left:100%}.side-labels-holder .popup-menu-holder.active .popup-menu{opacity:1;visibility:visible}.preview-grid{display:grid}.preview-grid .preview-tile,.preview-grid .preview-tile:hover{text-decoration:none}.preview-grid .preview-tile img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.preview-grid .preview-tile .pre-title{color:#00de72;text-transform:uppercase;margin:2rem 0 0;font-size:1.2rem;font-weight:700}.preview-grid .preview-tile .title{margin:0;font-size:1.8rem;line-height:2.6rem}section.startpage{background-color:#fff;padding:0;position:relative}section.startpage .section-title{text-align:center;margin-bottom:6rem;font-size:2.8rem}section.startpage .main-menu{margin-left:-1.4rem;margin-right:-1.4rem;display:flex}section.startpage .main-menu .main-menu-section-holder{flex:0 0 25%;max-width:25%;padding:1.8rem}section.startpage .main-menu .main-menu-section-holder .main-menu-section{cursor:pointer;background:green;text-decoration:none;display:block;position:relative}section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder{align-items:center;width:100%;height:20rem;display:flex;position:relative}section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder .text-holder{color:#fff;-webkit-user-select:none;user-select:none;margin-left:-.5rem;font-size:5.4rem;font-weight:900;line-height:1}section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder img{width:calc(100% - 8rem);height:auto;position:absolute;bottom:3rem;left:4rem;right:4rem}@media (width<=1500px){section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder .text-holder{font-size:4.5rem}section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder img{width:calc(100% - 4rem);left:2rem;right:2rem}}@media (width<=1300px){section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder .text-holder{font-size:4rem}section.startpage .main-menu .main-menu-section-holder .main-menu-section .image-holder img{width:calc(100% - 3rem);left:1.5rem;right:1.5rem}}section.startpage .main-menu .main-menu-section-holder .main-menu-section h3{-webkit-user-select:none;user-select:none;min-height:8rem;margin:0;padding:1.5rem 2rem 3.5rem;font-size:1.8rem;font-weight:700;position:relative}section.startpage .main-menu .main-menu-section-holder .main-menu-section h3:before,section.startpage .main-menu .main-menu-section-holder .main-menu-section h3:after{content:"";background-color:#004a43;position:absolute}section.startpage .main-menu .main-menu-section-holder .main-menu-section h3:before{width:2.2rem;height:2px;bottom:2.5rem;right:1.6rem}section.startpage .main-menu .main-menu-section-holder .main-menu-section h3:after{width:2px;height:2.2rem;transition:opacity .3s;bottom:1.5rem;right:2.6rem}section.startpage .main-menu .main-menu-section-holder .main-menu-section .popup-menu{width:calc(200% + 3.6rem);top:100%;left:0}section.startpage .main-menu .main-menu-section-holder .main-menu-section.active .popup-menu{opacity:1;visibility:visible;transition:opacity .1s}section.startpage .main-menu .main-menu-section-holder .main-menu-section.active h3:after{opacity:0}section.startpage .main-menu .main-menu-section-holder:last-child .popup-menu{left:auto;right:0}section.startpage .main-menu .main-menu-section-holder.onderbouw .image-holder img{width:calc(100% - 9rem);left:4.5rem;right:4.5rem}@media (width<=1700px){section.startpage .main-menu .main-menu-section-holder.onderbouw .image-holder img{width:calc(100% - 10rem);left:5rem;right:5rem}}@media (width<=1500px){section.startpage .main-menu .main-menu-section-holder.onderbouw .image-holder img{width:calc(100% - 6rem);left:3rem;right:3rem}}section.startpage .main-menu .main-menu-section-holder.middenbouw .image-holder img{width:calc(100% - 10rem);left:5rem;right:5rem}@media (width<=1700px){section.startpage .main-menu .main-menu-section-holder.middenbouw .image-holder img{width:calc(100% - 12rem);left:6rem;right:6rem}}@media (width<=1500px){section.startpage .main-menu .main-menu-section-holder.middenbouw .image-holder img{width:calc(100% - 6rem);left:3rem;right:3rem}}@media (width<=1300px){section.startpage .main-menu .main-menu-section-holder.middenbouw .image-holder img{width:calc(100% - 4.4rem);left:2.2rem;right:2.2rem}}section.startpage .main-menu .main-menu-section-holder.bovenbouw .image-holder img{width:calc(100% - 8rem);left:4rem;right:4rem}@media (width<=1700px){section.startpage .main-menu .main-menu-section-holder.bovenbouw .image-holder img{width:calc(100% - 10rem);left:5rem;right:5rem}}@media (width<=1500px){section.startpage .main-menu .main-menu-section-holder.bovenbouw .image-holder img{width:calc(100% - 6rem);left:3rem;right:3rem}}@media (width<=1300px){section.startpage .main-menu .main-menu-section-holder.bovenbouw .image-holder img{width:calc(100% - 4rem);left:2rem;right:2rem}}section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section .image-holder,section.startpage .main-menu .main-menu-section-holder.middenbouw .main-menu-section .image-holder{background-color:#8bffbd}section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section h3,section.startpage .main-menu .main-menu-section-holder.middenbouw .main-menu-section h3{background-color:#0ff;border-color:#0ff}section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section .popup-menu,section.startpage .main-menu .main-menu-section-holder.middenbouw .main-menu-section .popup-menu{border-color:#0ff}section.startpage .main-menu .main-menu-section-holder.onderbouw .main-menu-section .image-holder,section.startpage .main-menu .main-menu-section-holder.bovenbouw .main-menu-section .image-holder{background-color:#0ff}section.startpage .main-menu .main-menu-section-holder.onderbouw .main-menu-section h3,section.startpage .main-menu .main-menu-section-holder.bovenbouw .main-menu-section h3{background-color:#00de72}section.startpage .main-menu .main-menu-section-holder.onderbouw .main-menu-section .popup-menu,section.startpage .main-menu .main-menu-section-holder.bovenbouw .main-menu-section .popup-menu{border-color:#00de72}section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section h3{color:#00de72;background-color:#004a43}section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section h3:before,section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section h3:after{background-color:#00de72}section.startpage .main-menu .main-menu-section-holder.schoolcultuur .main-menu-section .popup-menu{border-color:#004a43}.announcements{padding-bottom:0}.announcements .section-title{text-align:center;margin-bottom:5.5rem;font-size:2rem}.announcements .section-title:after{bottom:-2rem}.announcements-holder{scroll-snap-align:start;margin-inline:-1.4rem;position:relative;container:announcements/inline-size}.announcements-slider{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-flow:column;display:grid;overflow:scroll hidden}.announcement{scroll-snap-align:start;padding:0 1.8rem}@container announcements (width>0){.announcement{width:25cqw}}.announcement a[href]{text-decoration:none;display:block}.announcement a[href] .image-holder img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.announcement a[href] h3,.announcement a[href] h4{font-weight:700}.announcement a[href] h4.sub-title{color:#00de72;text-transform:uppercase;margin:1.8rem 0 .5rem;font-size:1.2rem;line-height:1.8rem}.announcement a[href] h3{color:#004a43;margin:0;font-size:1.8rem}section.login{margin:-6.5rem;padding:6rem;position:relative}section.login .login-holder{display:flex}section.login .left-holder{flex:0 0 50%;padding-right:3rem}@media (width<=991px){section.login .left-holder{flex:0 0 100%}}section.login .left-holder h1{margin-bottom:10rem;font-size:4rem}section.login .left-holder form .form-label{margin-bottom:3rem;font-size:1.6rem;font-weight:900}section.login .left-holder form .form-label input{margin-top:2.5rem}section.login .left-holder .login-footer .post-form-text{margin-top:3rem}section.login .right-holder{flex:0 0 50%}@media (width<=991px){section.login .right-holder{display:none}}section.login .right-holder img{object-fit:cover;object-position:center;width:calc(50% - 3rem);height:100%;position:absolute;inset:0 0 0 auto}section.content-heading{max-width:76.8rem;margin:0 auto;padding:0}section.content-heading .pre-title{color:#00de72;text-align:center;margin-top:0;font-size:2rem;font-weight:900}section.content-heading .section-title{margin:0 auto 10rem;font-size:5rem;font-weight:900;line-height:7.6rem}section.content-heading .section-title:after{bottom:-4rem}section.content-heading .intro{margin-bottom:10rem;font-size:2.6rem;font-weight:300;line-height:4rem}section.content-heading.with-media .section-title{margin-bottom:3.5rem}section.content-heading.with-media .section-title:after{content:none}section.content-heading.with-media .content-heading-image-holder{margin:0 -20rem 15rem;position:relative}section.content-heading.with-media .content-heading-image-holder:before{content:"";background-image:url(/static/images/content-heading-pattern.svg);background-repeat:no-repeat;width:97.1rem;height:39.7rem;position:absolute;bottom:-2.5rem;right:-2.5rem}section.content-heading.with-media .content-heading-image-holder:after{content:"";background-image:url(/static/images/section-title.svg);background-size:100%;width:3.3rem;height:.5rem;position:absolute;bottom:-8.5rem;left:50%;transform:translate(-50%)}@media (width<=1500px){section.content-heading.with-media .content-heading-image-holder{margin:0 -10rem 15rem}section.content-heading.with-media .content-heading-image-holder:before{width:60rem}}@media (width<=1300px){section.content-heading.with-media .content-heading-image-holder{margin:0 0 15rem}}section.content-heading.with-media .content-heading-image-holder{padding-bottom:62.5%;position:relative}section.content-heading.with-media .content-heading-image-holder img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}section.content-heading.with-media .content-heading-video-holder{margin:0 -20rem 15rem;position:relative}section.content-heading.with-media .content-heading-video-holder:before{content:"";background-image:url(/static/images/content-heading-pattern.svg);background-repeat:no-repeat;width:40rem;height:30rem;position:absolute;bottom:-2.5rem;right:-2.5rem}section.content-heading.with-media .content-heading-video-holder:after{content:"";background-image:url(/static/images/section-title.svg);background-size:100%;width:3.3rem;height:.5rem;position:absolute;bottom:-8.5rem;left:50%;transform:translate(-50%)}@media (width<=1500px){section.content-heading.with-media .content-heading-video-holder{margin:0 -10rem 15rem}section.content-heading.with-media .content-heading-video-holder:before{width:60rem}}@media (width<=1300px){section.content-heading.with-media .content-heading-video-holder{margin:0 0 15rem}}section.content-heading.with-media .content-heading-video-holder iframe{display:block;position:relative}.articles-overview .content-heading h1{margin-bottom:8rem;font-size:3.6rem}.articles-overview .content-heading h1:after{bottom:-3rem}.articles-overview .content-heading .intro{margin-bottom:7rem;font-size:1.8rem;line-height:2.6rem}.articles-overview .preview-grid{grid-template-columns:repeat(3,1fr);gap:5rem;padding-block:0}.article-content .section-media{display:block}.article-content .video-embed{aspect-ratio:16/9;width:100%}.article-content .content-section{margin-bottom:3.5rem}.article-content .content-section h1,.article-content .content-section h2,.article-content .content-section h3,.article-content .content-section h4,.article-content .content-section h5,.article-content .content-section h6{color:#00de72;margin-bottom:0;font-size:1.8rem}.article-content .highlight{background-color:#8bffbd;margin:5rem -6rem;padding:5rem 6rem}.article-content .highlight h1,.article-content .highlight h2,.article-content .highlight h3,.article-content .highlight h4,.article-content .highlight h5,.article-content .highlight h6{color:#004a43;margin:0}.article-content .highlight p:last-child{margin-bottom:0}section.related-articles-holder{margin:13.5rem -5.5rem 0;padding:0;position:relative}section.related-articles-holder:before{content:"";z-index:0;background-image:url(/static/images/icons/related-articles-pattern.svg);background-position:0 0;background-repeat:no-repeat;width:68.5rem;height:38rem;position:absolute;top:-2.5rem;left:-2.5rem}section.related-articles-holder .related-articles{background-color:#fff;min-height:37.5rem;margin-bottom:-5.5rem;padding:5rem 5.5rem;position:relative}@media (width<=1300px){section.related-articles-holder .related-articles{padding:3rem 3rem 0}}section.related-articles-holder h3{color:#00de72;margin-bottom:3.5rem;font-size:2.2rem;font-weight:900}section.related-articles-holder .btn-holder{justify-content:end;display:flex}section.related-articles-holder a.all-items{margin-left:auto;font-size:1.6rem;font-weight:600;display:flex}section.related-articles-holder a.all-items .icon-holder{justify-content:center;align-items:center;margin-left:1.5rem;display:flex}section.related-articles-holder a.all-items .icon-holder img{transform:rotate(-90deg)}section.related-articles-holder .preview-grid{grid-template-columns:repeat(4,1fr);gap:5rem}@media (width<=1500px){section.related-articles-holder .preview-grid{gap:3rem}section.related-articles-holder .preview-grid .title{font-size:1.6rem}}@media (width<=1300px){section.related-articles-holder .preview-grid{gap:2rem}}section.theme-heading{padding-block:0}section.theme-heading .pre-title{color:#00de72;text-transform:uppercase;font-size:2.2rem;font-weight:900}section.theme-heading .section-title{text-align:left;margin-bottom:5rem;font-size:3.6rem}section.theme-heading .section-title:after{left:0;transform:none}section.theme-heading .intro{white-space:pre-line;font-size:1.8rem}section.theme-heading .intro .btn-arrow{margin-top:5rem}section.theme-heading img{object-fit:contain;object-position:center;width:100%;height:100%;max-height:40rem}.sections-navigation{margin-block:2rem;padding:0}.sections-navigation ol{grid-template-columns:repeat(4,1fr);gap:2rem;margin:0;padding:0;list-style:none;display:grid}.sections-navigation li{background-color:#fff}.sections-navigation a{white-space:nowrap;padding:2rem 4.5rem 2rem 3rem;font-weight:600;display:block;position:relative}.sections-navigation a:hover{text-decoration:none}.sections-navigation a:after{content:"";background-image:url(/static/images/icons/arrow-dark-green.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.6rem;height:1.6rem;position:absolute;top:50%;right:2.1rem;transform:translateY(-50%)}.navigation-anchor{position:relative;top:-12rem}section.theme-transition-activity{background-color:#ffa2ff;margin-block:2rem;padding:0}section.theme-transition-activity a:hover{text-decoration:none}section.theme-transition-activity .activity-head{justify-content:space-between;align-items:center;padding:2.5rem 5.5rem;display:flex}section.theme-transition-activity .activity-head .activity-heading{gap:1rem;font-size:1.8rem;font-weight:900;display:inline-flex}.theme-activities-list,.theme-knowledge-lessons-list{background-color:#fff;border-left:1.5rem solid;margin-block:2rem;padding:5.5rem 6.5rem 5.5rem 5rem}.theme-activities-list header,.theme-knowledge-lessons-list header{margin-bottom:5.5rem}.theme-activities-list h3,.theme-knowledge-lessons-list h3{color:#004a43;margin:0 0 1.5rem;font-size:2.2rem;font-weight:900}.theme-activities-list .preview-grid,.theme-knowledge-lessons-list .preview-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}.theme-activities-list .preview-grid .pre-title,.theme-knowledge-lessons-list .preview-grid .pre-title{background:url(/static/images/icons/theme-lesson-duration.svg) 0/1.6rem 1.6rem no-repeat;padding-left:2.1rem}.theme-activities-list{border-color:#00de72}.theme-knowledge-lessons-list{border-color:#0ff}.theme-knowledge-lessons-list .mascot-illustration{grid-area:1/4;position:relative}.theme-knowledge-lessons-list .mascot-illustration img{object-fit:contain;object-position:center bottom;width:100%;max-height:37.5rem;position:absolute;bottom:0}.lessons-wrapper{background-color:#e5fcf1;position:relative;overflow:hidden}.lessons-wrapper .shape-holder{z-index:0}.lessons-wrapper .activities-header{position:relative}.lessons-wrapper .activities-header a.logo-holder{padding:2rem 6.5rem;display:block;position:relative}.lessons-wrapper .activities-header a.logo-holder img{height:3rem;display:block}.lessons-wrapper .activities-header:before{content:"";z-index:0;background-color:#00de72;width:100%;height:57.5rem;position:absolute;top:0;left:0;right:0}.lessons-wrapper .activity-content-holder{justify-content:center;align-items:flex-start;width:100vw;height:calc(100vh - 7rem);padding:0 15rem;display:flex}.lessons-wrapper .content-wrapper{--slide-title-height:2.6375cqw;--slide-title-gap:calc(3.15rem - var(--slide-title-height) / 2);--slide-title-space:calc(var(--slide-title-height) * 1.5 + var(--slide-title-gap));background-color:#fff;flex-direction:column;width:100%;padding:2rem 6.5rem 0;display:flex;position:relative;container:content-wrapper/inline-size}@media (width>=1601px){.lessons-wrapper .content-wrapper{max-width:1400px;margin:0 auto}}@media (height<=1000px){.lessons-wrapper .content-wrapper{max-width:1300px;margin:0 auto}}@media (height<=940px){.lessons-wrapper .content-wrapper{max-width:1200px;margin:0 auto}}@media (height<=885px){.lessons-wrapper .content-wrapper{max-width:1100px;margin:0 auto}}@media (height<=825px){.lessons-wrapper .content-wrapper{max-width:1000px;margin:0 auto}}@media (height<=765px){.lessons-wrapper .content-wrapper{max-width:900px;margin:0 auto}}.lessons-wrapper .content-wrapper .heading{align-items:center;width:calc(100% - 13rem);height:7rem;font-weight:600;display:flex;position:absolute;top:-7rem}.lessons-wrapper .content-wrapper .heading .title{margin-left:auto;display:flex}.lessons-wrapper .content-wrapper a.close-lesson{color:#fff;background-color:#004a43;background-image:url(/static/images/icons/close.svg);background-position:2.8rem 2.2rem;background-repeat:no-repeat;background-size:1rem 1rem;justify-content:center;align-items:center;width:6.5rem;padding-top:1.8rem;text-decoration:none;display:flex}.lessons-wrapper .content-wrapper a.close-lesson.close-activity{height:19.6rem}.lessons-wrapper .content-wrapper a.close-lesson.close-knowledge-lesson{height:15rem}.lessons-wrapper .content-wrapper a.close-lesson .label-close-lesson{justify-content:center;align-items:center;height:6.5rem;font-size:1.6rem;font-weight:500;display:flex;position:absolute;transform:rotate(-90deg)}.lessons-wrapper .content-wrapper a.close-lesson .label-close-lesson.label-close-activity{width:19.6rem}.lessons-wrapper .content-wrapper a.close-lesson .label-close-lesson.label-close-knowledge-lesson{width:15rem}.lessons-wrapper .content-wrapper .content{max-height:calc(100vh - 21.5rem);position:relative}.lessons-wrapper .content-wrapper .content-slides,.lessons-wrapper .content-wrapper .content-leerkracht{height:100%;overflow:hidden}.lessons-wrapper .content-wrapper .slide-aspect-ratio-container{aspect-ratio:16/9;display:flex;container:slide/size}@media (width<=1600px){.lessons-wrapper .activities-header a.logo-holder{padding:2rem 1.5rem}.lessons-wrapper .activity-content-holder{padding-inline:7.5rem}}@media (width<=1400px){.lessons-wrapper .activities-header a.logo-holder img{height:2rem}.lessons-wrapper .activity-content-holder{height:calc(100vh - 6rem)}.lessons-wrapper .content-wrapper{--slide-title-gap:calc(2.75rem - var(--slide-title-height) / 2);padding:1.5rem 3rem 0}.lessons-wrapper .content-wrapper .heading{width:calc(100% - 6rem);height:6.5rem;top:-6.5rem}}.lessons-wrapper.opening-activity,.lessons-wrapper.closing-activity{background-color:#ffa2ff40}.lessons-wrapper.opening-activity .shape-holder,.lessons-wrapper.closing-activity .shape-holder{background-image:url(/static/images/big-stripes-blue.svg)}.lessons-wrapper.opening-activity .activities-header:before,.lessons-wrapper.closing-activity .activities-header:before{background-color:#ffa2ff}.lessons-wrapper.knowledge-lesson{background-color:#e5ffff}.lessons-wrapper.knowledge-lesson .activities-header:before{background-color:#0ff}.lessons-wrapper .lesson-toolbar{background-color:#fff;margin-top:4rem;display:flex;position:relative;container:toolbar/inline-size}@media (width<=1400px){.lessons-wrapper .lesson-toolbar{margin-top:3rem}}@container toolbar (width>0){.lessons-wrapper .lesson-toolbar button,.lessons-wrapper .lesson-toolbar a[href]{white-space:nowrap;background-color:#ffa2ff;border:0;border-radius:0;height:100%;padding-block:1.97cqw 1.81cqw;font-size:1.26cqw;font-weight:600;line-height:1;text-decoration:none}.lessons-wrapper .lesson-toolbar .left-holder{scrollbar-width:none;gap:.39cqw;display:flex;overflow:auto}.lessons-wrapper .lesson-toolbar a[href].for-content,.lessons-wrapper .lesson-toolbar a[href].for-teacher{color:#fff;background-color:#004a43;background-image:url(/static/images/icons/arrow-left.svg);background-position:right 2.15cqw center;background-repeat:no-repeat;background-size:1.7cqw;width:20.47cqw;padding-inline:2.75cqw}.lessons-wrapper .lesson-toolbar a[href].for-teacher{background-image:url(/static/images/icons/arrow-right.svg)}.lessons-wrapper .lesson-toolbar .center-holder{align-items:end;gap:.79cqw;margin-left:auto;display:flex}.lessons-wrapper .lesson-toolbar .center-holder a[href]{background-color:#ffa2ff;padding-inline:3.94cqw;transition:height .2s}.lessons-wrapper .lesson-toolbar .center-holder a[href][aria-current=page]{background-color:#ffa2ffb3;height:85%}.lessons-wrapper .lesson-toolbar .right-holder{justify-content:space-between;gap:.8cqw;width:18.11cqw;margin-left:auto;display:flex}.lessons-wrapper .lesson-toolbar .slide-counter{align-items:center;gap:.39cqw;font-size:1.42cqw;font-weight:600;display:flex}.lessons-wrapper .lesson-toolbar .full-screen-toggle-holder button.toggle-full-screen{background-color:#004a43;background-image:url(/static/images/icons/full-screen-open.svg);background-position:50%;background-repeat:no-repeat;background-size:47.5%;border:0;border-radius:0;width:5.12cqw;height:5.12cqw;display:block}.lessons-wrapper .lesson-toolbar .full-screen-toggle-holder button.toggle-full-screen.fullscreen-active{background-image:url(/static/images/icons/full-screen-close.svg)}}.lessons-wrapper .content-slides{height:100%}.lessons-wrapper .content-slides img{height:auto}.lessons-wrapper .content-slides iframe{flex-grow:1;width:100%}.lessons-wrapper .content-slides .slider-arrow{height:4.8rem;top:calc(50% + var(--slide-title-space) / 2 - 10.75rem);background-size:1.6rem 2.1rem;width:21.5rem}.lessons-wrapper .content-slides .slider-arrow.prev{left:-14rem}.lessons-wrapper .content-slides .slider-arrow.next{right:-14rem}@container content-wrapper (width>0){.lessons-wrapper .content-slides .slide{flex-direction:column;height:100%;display:flex}.lessons-wrapper .content-slides .slide.activity .intro-content-wrapper{background-color:#e5fcf1}.lessons-wrapper .content-slides .slide.opening-activity .intro-content-wrapper,.lessons-wrapper .content-slides .slide.closing-activity .intro-content-wrapper,.lessons-wrapper .content-slides .slide.knowledge-lesson .intro-content-wrapper{background-color:#e5ffff}.lessons-wrapper .content-slides .slide>h4{font-size:var(--slide-title-height);margin-bottom:var(--slide-title-gap);text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1.5;overflow-x:hidden}.lessons-wrapper .content-slides .slide>.slide-aspect-ratio-container:first-child{margin-top:var(--slide-title-space)}}@container slide (width>0){.lessons-wrapper .content-slides .intro-content-wrapper{--textbox-padding-block:2.75cqw;--textbox-padding-inline:3.25cqw;z-index:1;grid-template-rows:3.5cqw 1fr 3.5cqw;grid-template-columns:3.5cqw 17.5cqw 18cqw 1fr 45cqw 3.5cqw;width:100%;height:100%;display:grid}.lessons-wrapper .content-slides .intro-title{height:min-content;padding:var(--textbox-padding-block) var(--textbox-padding-inline);text-wrap:balance;isolation:isolate;grid-area:2/2/-2/4;margin:0;font-size:3.375cqw;font-weight:900;line-height:1.25;display:block;position:relative}.lessons-wrapper .content-slides .intro-title>span{anchor-name:--target;display:inline-block;position:relative}.lessons-wrapper .content-slides .intro-title>span:before{content:"";inset:0 anchor(inside);position-anchor:--target;z-index:-1;background-color:#fff;position:absolute}@supports (anchor-name:--target){.lessons-wrapper .content-slides .intro-title>span{display:inline;position:static}.lessons-wrapper .content-slides .intro-title>span:before{margin-inline:calc(-1 * var(--textbox-padding-inline))}}.lessons-wrapper .content-slides .intro-mascot-image{grid-area:2/2/-2/3;place-self:end center;max-height:57cqh;margin-bottom:6cqh}.lessons-wrapper .content-slides .intro-text-holder{padding:var(--textbox-padding-block) var(--textbox-padding-inline);background-color:#fff;grid-area:2/5/-2/-2;align-self:end;font-size:1.25cqw;line-height:1.65}.lessons-wrapper .content-slides .intro-text-holder>h4{margin:0 0 .75cqw;font-size:1em;font-weight:900}.lessons-wrapper .content-slides .intro-text-holder .prose p{margin-block:.5cqw}.lessons-wrapper .content-slides .intro-text-holder .prose p:last-child{margin-bottom:0}.lessons-wrapper .content-slides .intro-text-holder .prose h2,.lessons-wrapper .content-slides .intro-text-holder .prose h3,.lessons-wrapper .content-slides .intro-text-holder .prose h4,.lessons-wrapper .content-slides .intro-text-holder .prose h5,.lessons-wrapper .content-slides .intro-text-holder .prose h6{margin:1cqw 0 .5cqw;font-size:1em;font-weight:900}.lessons-wrapper .content-slides .intro-image-holder{z-index:-1;grid-area:1/1/-1/-1;justify-self:end;width:75%;height:fit-content;position:relative}.lessons-wrapper .content-slides .intro-image-holder img{display:block}.lessons-wrapper .content-slides .intro-image-holder:before{content:"";z-index:-1;background:url(/static/images/content-heading-pattern.svg) bottom no-repeat;width:100%;height:100%;position:absolute;bottom:-3.5cqw;left:-3.5cqw}}.lessons-wrapper .content-wrapper .content-leerkracht{margin-top:var(--slide-title-space);position:relative}.lessons-wrapper .content-wrapper .content-leerkracht .left-holder,.lessons-wrapper .content-wrapper .content-leerkracht .right-holder{padding:3.94cqw;font-size:1.44cqw;line-height:1.425;position:relative;overflow:auto}.lessons-wrapper .content-wrapper .content-leerkracht .left-holder .pre-title,.lessons-wrapper .content-wrapper .content-leerkracht .right-holder h3{text-transform:uppercase;margin-bottom:3.45cqw;font-size:1.44cqw;font-weight:900;line-height:1}.lessons-wrapper .content-wrapper .content-leerkracht .left-holder{flex:0 0 35%}.lessons-wrapper .content-wrapper .content-leerkracht .left-holder .pre-title{margin-bottom:2.25cqw}.lessons-wrapper .content-wrapper .content-leerkracht .right-holder{flex:auto;margin-left:1.25cqw}.lessons-wrapper .content-wrapper .content-leerkracht .section-title{margin-bottom:5.75cqw;font-size:3.25cqw;font-weight:900;position:relative}.lessons-wrapper .content-wrapper .content-leerkracht .section-title:after{content:"";background-image:url(/static/images/section-title.svg);background-size:100%;width:2.5cqw;height:.4cqw;position:absolute;bottom:-3.2cqw;left:0}.lessons-wrapper .content-wrapper .content-leerkracht .instructions-content{white-space:pre-line}.lessons-wrapper .content-wrapper .content-leerkracht .downloads-holder{overflow:hidden}.lessons-wrapper .content-wrapper .content-leerkracht .downloads{grid-template-columns:1fr 1fr 1fr;gap:2.857cqw;display:grid}.lessons-wrapper .content-wrapper .content-leerkracht .downloads .image-holder{background-color:#00de72;margin-bottom:1.9cqw;padding:1.9cqw 2.857cqw 0;position:relative}.lessons-wrapper .content-wrapper .content-leerkracht .downloads .image-holder img{object-fit:cover;object-position:top;width:100%;height:10.24cqw;display:block}.lessons-wrapper .content-wrapper .content-leerkracht .downloads .image-holder .download-icon{background-color:#ffa2ff;background-image:url(/static/images/icons/download-dark-green.svg);background-position:50%;background-repeat:no-repeat;background-size:.95cqw;width:2.857cqw;height:2.857cqw;position:absolute;top:.95cqw;right:.95cqw}.lessons-wrapper .content-wrapper .content-leerkracht .downloads .download-title{font-weight:700;line-height:1.35}.lessons-wrapper.opening-activity .content-leerkracht .left-holder,.lessons-wrapper.closing-activity .content-leerkracht .left-holder{background-color:#e5ffff}.lessons-wrapper.opening-activity .content-leerkracht .left-holder .section-title:after,.lessons-wrapper.closing-activity .content-leerkracht .left-holder .section-title:after{background-image:url(/static/images/section-title-blue.svg)}.lessons-wrapper.opening-activity .content-leerkracht .right-holder,.lessons-wrapper.closing-activity .content-leerkracht .right-holder{background-color:#e5ffff}.lessons-wrapper.opening-activity .content-leerkracht .right-holder .downloads .image-holder,.lessons-wrapper.closing-activity .content-leerkracht .right-holder .downloads .image-holder{background-color:#0ff}.lessons-wrapper.activity .content-leerkracht .left-holder{background-color:#e5fcf1}.lessons-wrapper.activity .content-leerkracht .left-holder .section-title:after{background-image:url(/static/images/section-title-pink.svg)}.lessons-wrapper.activity .content-leerkracht .right-holder{background-color:#e5fcf1}.lessons-wrapper.knowledge-lesson .content-leerkracht .left-holder{background-color:#e5ffff}.lessons-wrapper.knowledge-lesson .content-leerkracht .left-holder .section-title:after{background-image:url(/static/images/section-title-pink.svg)}.lessons-wrapper.knowledge-lesson .content-leerkracht .right-holder{background-color:#e5ffff}.lessons-wrapper.knowledge-lesson .content-leerkracht .right-holder .downloads .image-holder{background-color:#0ff}.slider-arrow{color:#fff;cursor:pointer;background-color:#ffa2ff;background-image:url(/static/images/icons/arrow-dark-green.svg);background-position:50%;background-repeat:no-repeat;background-size:1.3rem 1.7rem;border:0;border-radius:0;justify-content:center;align-items:center;width:calc(16.6667cqw - 2.4rem);height:4rem;padding:0;font-size:2.4rem;transition:background-color .3s,opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:before{content:"";background-position:50%;background-size:1.2rem;width:1.2rem;height:1.2rem}.slider-arrow.disabled{opacity:.4;background-color:#ddd}.slider-arrow.prev{top:0;left:calc(-8.33333cqw - .4rem);transform:translateY(-50%)rotate(90deg)translate(50%)}.slider-arrow.next{top:0;right:calc(-8.33333cqw - .4rem);transform:translateY(-50%)rotate(-90deg)translate(-50%)}