body,html{background-color:#3ecf6e;margin:0;padding:0;font-size:16px;font-family:"Arial","sans-serif"}.hidden{display:none;visibility:hidden}.disabled{pointer-events:none!important;background-color:rgba(0,0,0,0.1)!important}.box{width:100%;height:0;padding-top:52.4633207373%;position:absolute;top:0;margin-top:calc((100vh - 52.4633207373%) / 2);display:none;visibility:hidden}.box.show{display:block;visibility:visible}.box-inside{position:absolute;top:0;left:0;width:100%;height:100%}.flexbox-centering{height:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flexbox-bottom,.flexbox-top{height:10%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.endText{font-weight:bold;font-size:1.5rem}.button{height:70%;padding-left:40px;padding-right:40px;font-size:1.1rem;font-weight:bold;background-color:#3ecf6e;color:white;border:none;margin-left:10px;margin-right:10px;border-radius:0.5rem;cursor:pointer}.button:active,.button:focus,.button:hover,.button:visited{background-color:#30c361}.button span{display:block;font-size:0.8rem;color:#000}.video-container{width:100%;height:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:52.4633207373%;position:relative;margin-top:calc((100vh - 52.4633207373%) / 2);overflow:visible;pointer-events:none}.video-container #player{position:absolute;top:0;left:0;width:100%;pointer-events:none;height:100%}.player-overlay{background-color:#3ecf6e;width:100%;height:100%;position:absolute;top:0;z-index:999999;pointer-events:all}.player-overlay div{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.player-overlay div button,.player-overlay div h1,.player-overlay div h2,.player-overlay div p{margin:20px auto}.player-overlay div h1,.player-overlay div h2,.player-overlay div p{text-align:center;color:#165827}.player-overlay div h1,.player-overlay div h2{font-size:4rem;background-color:white;border-radius:1rem;padding:1rem 2rem}.player-overlay div p{width:90%;max-width:1080px;line-height:1.5;font-size:1.5rem}.player-overlay div p strong{margin-left:1px;margin-right:1px;padding:5px 10px;background-color:white;color:#165827;border-radius:5px}.player-overlay div button,.player-overlay div input[type=submit]{background-color:white;color:#3ecf6e;display:inline;height:initial;padding:20px 20px;font-size:1.5rem;max-width:30%;margin-left:auto;margin-right:auto;border:none;border-radius:0.5rem;cursor:pointer}.player-overlay div button:active,.player-overlay div button:focus,.player-overlay div button:hover,.player-overlay div input[type=submit]:active,.player-overlay div input[type=submit]:focus,.player-overlay div input[type=submit]:hover{background-color:#f2f2f2}.placeholder-box{width:100%;height:80%;margin-top:7%}.uitleg-box{width:calc(25% * 3 + 20%);height:80%;margin-top:7%;background-color:rgba(255,255,255,0.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.uitleg-box p{font-size:2rem;width:90%;max-width:1080px;color:#000000;font-weight:bold;text-align:center;margin:auto;line-height:1.5;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.uitleg-box p:first-of-type{margin-bottom:1.5rem}.uitleg-box p:nth-of-type(n+2){margin-top:1.5rem}.uitleg-box p strong{margin-left:1px;margin-right:1px;padding:5px 10px;background-color:#3ecf6e;color:white;border-radius:7.5px}.content-box{width:25%;height:80%;margin-top:7%;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.content-box:active,.content-box:focus,.content-box:hover{background-color:rgba(0,0,0,0.5);opacity:1}.content-box .vraag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;background-color:rgba(0,0,0,0.2);opacity:0.25;border:none;background-color:rgba(255,255,255,0)}.content-box .vraag:active,.content-box .vraag:focus,.content-box .vraag:hover{background-color:rgba(0,0,0,0.5);opacity:1}.content-box .vraag h3,.content-box .vraag h4{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:66.6666666667%;margin:auto 16.6666666667%;color:white;text-align:center;line-height:1.2}.content-box .vraag h3 span,.content-box .vraag h4 span{font-weight:bold;border-radius:20px;background-color:#3ecf6e;color:white}.content-box .vraag h4{font-size:2.2rem}.content-box .vraag h4 span{padding:5px 10px}.content-box .vraag h3{font-size:9rem}.content-box .vraag h3 span{padding:5px 40px}.content-box .vraag input[type=button]{margin:10px 20px;padding:10px}