:root{--text: #2B2E34;--bg-dark: #38499B;--bg-light: #ffffff;--accent: rgb(228, 68, 125);--secondary: rgb(228, 68, 125);--blue: #0081C2;--error: rgb(228, 68, 125);--plyr-color-main: rgb(228, 68, 125)}html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}body{margin:0;line-height:1.5}.noscroll{overflow:hidden;width:100%;height:100%}main,article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,object,embed{max-width:100%;height:auto}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:separate;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #666;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}body{font-family:"open-sans-regular", sans-serif;font-weight:400;font-style:normal}body{color:var(--text)}h1,h3,h4,h5,h6,h2,.btn--small,.btn--large,.sidebar .title h2,.progress ul li,.start-page .figure-wrapper .black-box,.start-page .figure-wrapper .sub-text,.start-page nav ul li a,.layered-panel .bottom-title,.quiz-header h2,.question-number{font-family:'Archivo';font-weight:400;font-style:normal}h2{font-size:1.6rem;font-weight:bold}@media all and (min-width: 782px){h2{font-size:2rem}}b,strong{font-weight:bold}i,em{font-style:italic}.fade-enter-active,.fade-leave-active{transition:opacity .35s}.fade-enter,.fade-leave-to{opacity:0}.scale-enter-active,.scale-leave-active{transition:transform .35s}.scale-enter,.scale-leave-to{transform:scale(0)}.slideup-enter-active,.slideup-leave-active{transition:transform .5s}.slideup-enter{transform:translateY(100%);display:block}.slideup-leave-to{transform:translateY(-100%);display:block}.slide-to-top-enter-active,.slide-to-top-leave-active{transition:transform .4s}.slide-to-top-enter{transform:translateY(100%)}.slide-to-top-leave-to{transform:translateY(-100%)}.question-next-enter-active,.question-next-leave-active{transition:transform .45s, opacity .3s}.question-next-enter{transform:translateX(50%);opacity:0}.question-next-leave-to{transform:translateX(-50%);opacity:0}.question-prev-enter-active,.question-prev-leave-active{transition:transform .45s, opacity .3s}.question-prev-enter{transform:translateX(-50%);opacity:0}.question-prev-leave-to{transform:translateX(50%);opacity:0}button{appearance:none;border:none;background:none;font-size:1rem;padding:0}.btn{display:inline-flex;transition:all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;text-decoration:none}.btn:focus{outline:none}.btn--icon{font-size:1rem;width:1.5rem;height:1.5rem;justify-content:center;align-items:center}.btn--icon:hover{background:rgba(144,144,144,0.3)}.btn--small{font-size:1rem;color:inherit;text-decoration:none}@media all and (min-width: 782px){.btn--small{font-size:1rem}}.btn--small:focus,.btn--small:hover{color:var(--secondary)}.btn--large{position:relative;font-size:1rem;padding:1rem 2rem;background-color:var(--secondary);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1;border-radius:99em}@media all and (min-width: 782px){.btn--large{font-size:1.2rem}}.btn--large:focus,.btn--large:hover{background-color:var(--bg-dark)}.btn--large:focus::before,.btn--large:hover::before{background-color:var(--bg-dark)}.btn--image{padding-left:0.4rem}.btn--image img{max-width:45px;margin-right:0.4rem}@supports (-webkit-appearance: none) or (-moz-appearance: none){input[type='checkbox'],input[type='radio']{--active: var(--blue);--active-inner: transparent;--focus: 2px rgba(39, 94, 254, .3);--border: #707070;--border-hover: var(--blue);--background: var(--bg-light);--disabled: #F6F8FF;--disabled-inner: #E1E6F9;-webkit-appearance:none;-moz-appearance:none;height:21px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;margin-right:0.7rem;margin-top:0.2rem;cursor:pointer;border:2px solid var(--bc, var(--border));background:var(--b, var(--background));transition:background .3s, border-color .3s, box-shadow .2s}input[type='checkbox']:after,input[type='radio']:after{content:'';display:block;left:-1px;top:-1px;position:absolute;transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s)}input[type='checkbox']:checked,input[type='radio']:checked{--b: var(--active);--bc: var(--active);--d-o: .3s;--d-t: .6s;--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}input[type='checkbox']:disabled,input[type='radio']:disabled{--b: var(--disabled);cursor:not-allowed;opacity:.9}input[type='checkbox']:disabled:checked,input[type='radio']:disabled:checked{--b: var(--disabled-inner);--bc: var(--border)}input[type='checkbox']:disabled+label,input[type='radio']:disabled+label{cursor:not-allowed}input[type='checkbox']:hover:not(:checked):not(:disabled),input[type='radio']:hover:not(:checked):not(:disabled){--bc: var(--border-hover)}input[type='checkbox']:not(.switch),input[type='radio']:not(.switch){min-width:21px;max-width:21px}input[type='checkbox']:not(.switch):after,input[type='radio']:not(.switch):after{opacity:var(--o, 0)}input[type='checkbox']:not(.switch):checked,input[type='radio']:not(.switch):checked{--o: 1}input[type='checkbox']+label,input[type='radio']+label{font-size:14px;line-height:21px;display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}input[type='checkbox']:not(.switch):after{width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:6px;top:3px;transform:rotate(var(--r, 20deg))}input[type='checkbox']:not(.switch):checked{--r: 43deg}input[type='checkbox'].switch{width:38px;border-radius:11px}input[type='checkbox'].switch:after{left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:var(--ab, var(--border));transform:translateX(var(--x, 0))}input[type='checkbox'].switch:checked{--ab: var(--active-inner);--x: 17px}input[type='checkbox'].switch:disabled:not(:checked):after{opacity:.6}input[type="radio"]{border-radius:50%}input[type='radio']:after{width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;transform:scale(var(--s, 0.7))}input[type='radio']:checked{--s: .5}}#giov-quiz .router-view,.modal__content{scrollbar-color:#aaa var(--bg-light);scrollbar-width:thin}#giov-quiz .router-view::-webkit-scrollbar,.modal__content::-webkit-scrollbar{width:10px}#giov-quiz .router-view::-webkit-scrollbar-track,.modal__content::-webkit-scrollbar-track{background:var(--bg-light)}#giov-quiz .router-view::-webkit-scrollbar-thumb,.modal__content::-webkit-scrollbar-thumb{background:var(--bg-dark);background:#aaaaaa}#giov-quiz .router-view::-webkit-scrollbar-thumb:hover,.modal__content::-webkit-scrollbar-thumb:hover{background:#797878}.mt-a{margin-top:auto !important}.mr-a{margin-right:auto !important}.mb-a{margin-bottom:auto !important}.ml-a{margin-left:auto !important}.blue{color:var(--blue)}.alert{color:#ff0000}.clickable{cursor:pointer}@media all and (max-width: 781px){.xs-hide{display:none}}@media all and (min-width: 782px){.md-hide{display:none}}.start-page,.win-page,.kids-page,#giov-quiz{background-image:url("../images/swirls_wit.png");background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#e1ecf9}.sidebar .title{position:relative;margin-bottom:1.5rem;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:min-height 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;padding:1rem 1rem 0}@media all and (min-width: 782px){.sidebar .title{margin-top:5rem;background:#0c7dbf75;text-align:left;min-height:7rem;padding:1.5rem 1rem 1rem 1rem;margin-bottom:auto}.sidebar .title.has-subtitle{min-height:10.25rem}}.sidebar .title h1{font-family:"open-sans-regular" !important;font-size:1.6rem;line-height:1em;margin-bottom:0.3rem}.sidebar .title h2{font-size:1.125rem;line-height:1.2em}.progress ul{position:relative;max-width:560px;display:flex;align-items:center;justify-content:space-between;list-style:none;margin-left:0;margin-bottom:0;margin-top:1.6rem;height:5rem;padding:0 0.5rem}@media all and (min-width: 782px){.progress ul{justify-content:flex-start;padding:0;margin-top:0;padding-inline-start:1rem}}.progress ul li{position:relative;margin:0;color:#aaa;font-size:1rem;font-weight:bold;padding:0.2rem 0.5rem;z-index:1}@media all and (min-width: 782px){.progress ul li{font-size:1.2rem;padding:0.2rem 1rem}.progress ul li.done{color:#000}}.progress ul li a{color:inherit}.progress ul li.current{color:#fff;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.progress ul li.current a{text-decoration:none}.progress ul .active-marker,.progress ul .guide-bar{transition:all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s}.progress ul .active-marker{position:absolute;z-index:0;background-color:var(--blue);color:#fff;border-radius:99em}.progress ul .guide-bar{position:absolute;bottom:1rem;left:0;top:calc(100%);height:2px;background-color:var(--blue);z-index:5}.progress ul .guide-bar::before,.progress ul .guide-bar::after{content:"";height:8px;width:8px;border-radius:50%;background-color:var(--blue);position:absolute;top:-3px}.progress ul .guide-bar::before{left:-5px}.progress ul .guide-bar::after{right:-5px}.options{display:flex;flex-direction:column}.options.image-options{flex-direction:column}@media all and (min-width: 782px){.options.image-options{flex-direction:row}}.options.image-options label{flex:1;max-width:300px;margin-right:2rem;flex-wrap:wrap;margin-bottom:1rem}.options.image-options label span{font-weight:bold}.options.image-options label figure{position:relative;flex:0 0 100%;height:200px;overflow:hidden;margin-bottom:0.5rem}@media all and (min-width: 782px) and (max-width: 1024px){.options.image-options label figure{height:125px}}.options.image-options label figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}.options label{display:flex;margin-bottom:0.7rem;font-size:1.125rem}.form__group{position:relative;padding:27px 0 0;margin-top:5px}.form__field{font-family:inherit;width:100%;border:0;border-bottom:1px solid var(--blue);outline:0;font-size:1.2rem;color:var(--text);padding:7px 0;background:#fff;transition:border-color 0.2s;padding-left:1.75rem}.form__field::placeholder{color:transparent}.form__field:placeholder-shown ~ .form__label{font-size:1.2rem;cursor:text;top:32px;font-weight:normal}.form__label{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:#757575;font-weight:700;left:1.75rem;pointer-events:none}.form__field:focus{padding-bottom:6px;border-width:3px;border-color:var(--blue)}.form__field:focus ~ .form__label{position:absolute;top:0;display:block;transition:0.2s;font-size:1rem;color:var(--text);font-weight:700}.form__field:required,.form__field:invalid{box-shadow:none}.video-trigger{position:relative;max-width:200px;margin-top:1rem;margin-bottom:1rem;background:var(--dark-bg)}.video-trigger::after{content:url(../images/playbtn.svg);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.video-trigger img{display:block}.tip{z-index:900;position:relative;max-width:275px;width:100%;margin-left:auto}.tip:not(.is-mobile){position:absolute;bottom:0;right:0}.tip .general-tip{max-width:90px;animation:pulse 6s ease-in-out 0s infinite both}@media all and (min-width: 782px){.tip .general-tip{max-width:250px}}.tip .general-tip,.tip .car,.tip .sign{cursor:pointer}.tip .car{width:100%}.tip .sign{position:absolute;max-width:120px;left:6%;top:-36%;transform-origin:bottom center;animation:wave 3s ease-in-out 0s infinite alternate both}@media all and (min-width: 782px){.tip{margin-bottom:2rem}}.tip.is-mobile{margin-right:auto;margin-top:2rem;padding-left:20%}.tip.is-mobile .sign{max-width:105px;left:0%;top:10%;transform-origin:center center}@keyframes wave{from{transform:rotate(-15deg)}to{transform:rotate(10deg)}}@keyframes pulse{0%{transform:scale(1)}15%{transform:scale(1)}20%{transform:scale(1.08)}25%{transform:scale(1)}30%{transform:scale(1)}35%{transform:scale(1.08)}40%{transform:scale(1)}100%{transform:scale(1)}}.intro-icon{position:absolute;bottom:0;right:1rem;width:80%}.intro-icon img{display:block}.start-page{position:relative;min-height:100vh}.start-page .figure-wrapper{position:relative;width:100vw;height:50vh;margin:0 auto 4rem;display:grid;grid-template-areas:". . logo . ." ". ... ... ... ." ". box box box ." ". sub sub sub ." ". ... ... ... ." ". ... ... navi .";grid-template-rows:2.5fr 1fr 2.5fr 1fr 1fr 2.5fr;grid-template-columns:2rem 2fr 4fr 2fr 2rem}.start-page .figure-wrapper nav{-ms-grid-row:6;-ms-grid-column:4;grid-area:navi;align-self:flex-start}.start-page .figure-wrapper .logo-image{-ms-grid-row:1;-ms-grid-column:3;grid-area:logo;align-self:flex-start}.start-page .figure-wrapper .black-box{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:3;grid-area:box;align-self:flex-end;text-decoration:none}.start-page .figure-wrapper .sub-text{-ms-grid-row:4;-ms-grid-column:2;-ms-grid-column-span:3;grid-area:sub;align-self:flex-end}.start-page .figure-wrapper .sub-text a{color:inherit;text-decoration:none}.start-page .figure-wrapper .sub-text a:hover{text-decoration:underline}.start-page .figure-wrapper .cover-image{grid-area:2 / 1 / -1 / -1}.start-page .figure-wrapper .cover-image{position:relative;z-index:10;filter:drop-shadow(-9px -14px 19px rgba(34,34,34,0.678))}.start-page .figure-wrapper .cover-image img{width:100%;height:100%;object-fit:contain}.start-page .figure-wrapper .black-box{background:var(--blue);border-radius:30px;text-align:center;color:#fff;font-size:90px;font-size:min(max(36px, 5vw), 90px);font-size:clamp(36px, 5vw, 90px);font-size:4rem;line-height:1em;padding:0.5em 0.7em;text-decoration:none}.start-page .figure-wrapper .sub-text{position:relative;color:var(--blue);font-size:75px;font-size:min(max(28px, 4vw), 75px);font-size:clamp(28px, 4vw, 75px)}.start-page figure{position:relative;filter:drop-shadow(-9px -14px 19px rgba(34,34,34,0.678));background-repeat:no-repeat;background-size:contain;background-position:center;height:100%;z-index:10}.start-page figure.simple{margin:0 auto 2rem}.start-page figure.advanced{margin:0 auto 2rem}.start-page figure.familiedag{background-image:url("../images/start-mobile.png")}@media (-webkit-min-device-pixel-ratio: 2){.start-page figure.familiedag{background-image:url("../images/start-mobile@2x.png")}}.start-page nav{background-color:var(--bg-dark);padding:1rem}.start-page nav ul{list-style:none}.start-page nav ul li a{display:flex;align-items:center;color:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2rem;text-decoration:none;transition:all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;margin-bottom:0.5rem;gap:1rem}.start-page nav ul li a svg{max-width:2rem}.start-page nav ul li a:hover{color:var(--secondary)}.start-page nav ul li a:hover::before{transform:translateX(0.5rem)}@media all and (min-width: 782px){.start-page .figure-wrapper{width:80vw;height:80vh;padding:10vh 0 0 0;display:grid}.start-page figure.familiedag{background-image:url("../images/start.png")}.start-page nav{background-color:transparent;padding:0}.start-page nav ul{margin:0}.start-page nav ul li a{font-size:2.5rem}}@media all and (min-width: 782px) and (-webkit-min-device-pixel-ratio: 2){.start-page figure.familiedag{background-image:url("../images/start@2x.png")}}.win-page{position:relative;min-height:100vh;display:flex;justify-content:center}@media all and (min-width: 782px){.win-page{align-items:center}}.kids-page{position:relative;min-height:100vh;display:flex;justify-content:center}@media all and (min-width: 782px){.kids-page{align-items:center}}.kids-page .layered-panel .title{text-align:left;color:var(--secondary);padding-left:4rem}.kids-page .layered-panel .tekenen{display:block;margin-top:-2.5rem}.kids-page .layered-panel .bottom-title{max-width:189px;padding-top:0;justify-self:end}.kids-page .layered-panel .start{align-self:start}.kids-page .layered-panel .logo{align-self:end}.kids-page .layered-panel .icon{padding-bottom:1.5rem}.kids-page .layered-panel .icon a{align-items:center;transform:translateX(1rem)}.kids-page .layered-panel .icon a .pijltje{max-height:1em;transform:rotate(180deg);margin-right:0.5rem}.kids-page .layered-panel .bottom-content{align-self:start;display:flex;justify-content:space-between;align-items:flex-start;padding:0.5rem 0}@media all and (max-width: 781px){.kids-page .layered-panel{grid-template-areas:"check check" "title title" "image image" "top-content top-content" "start bottom-title" "bottom-content bottom-content" "icon logo";grid-template-columns:1fr 1fr}.kids-page .layered-panel .title{padding-left:1rem;font-size:3rem}.kids-page .layered-panel .bottom-content{padding-left:1rem;padding-right:1rem;justify-content:center}.kids-page .layered-panel .start{padding-top:1rem;padding-left:1rem}.kids-page .layered-panel .icon a{transform:translateX(0)}.kids-page .layered-panel > .logo-image{-ms-grid-row:7;-ms-grid-column:2}}.layered-panel{max-width:1280px;flex:1;box-shadow:0px 10px 10px rgba(0,0,0,0.4);background-color:#fff;margin-top:3rem;display:grid;gap:1rem;grid-template-areas:"check check" "title title" "image image" "top-content top-content" "icon bottom-title" "icon bottom-content" ". start" "logo logo";grid-template-columns:1fr 2fr}@media all and (min-width: 1024px){.layered-panel{margin:3.625rem 2rem 5rem;grid-template-areas:"check title title title title" "image image top-content top-content ." "icon bottom-title bottom-content start logo";grid-template-columns:2fr 3fr 5.1fr 160px 136px}.layered-panel > .logo-image{-ms-grid-row:3;-ms-grid-column:5;-ms-grid-column-span:1}}.layered-panel .check{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:check}.layered-panel .check img{max-width:10rem;transform:translate(-13%, -17%);margin-top:-2.5rem;display:block}@media all and (min-width: 1024px){.layered-panel .check img{width:131%;max-width:initial;margin-top:-2rem}}.layered-panel .title{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:title;font-size:4.3125rem;line-height:1em}.layered-panel .title span{display:block}@media all and (min-width: 1024px){.layered-panel .title{text-align:center;padding-top:2rem}.layered-panel .title span{display:initial}}.layered-panel .top-content{-ms-grid-row:7;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:top-content;padding-bottom:3rem}@media all and (min-width: 1024px){.layered-panel .top-content{padding-bottom:0}}.layered-panel .image{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:image;align-self:start;justify-self:center}.layered-panel .image img{display:block;max-width:333px;transform:translateY(-1rem)}@media all and (min-width: 1024px){.layered-panel .image{padding-bottom:2rem}}.layered-panel .icon{-ms-grid-row:9;-ms-grid-row-span:3;-ms-grid-column:1;position:relative;grid-area:icon;justify-self:center;padding-top:1.5rem}.layered-panel .icon .camera{position:relative;display:block;max-width:121px;z-index:10}.layered-panel .icon .meer-kans{position:absolute;top:0;left:1rem;transform:translateY(-50%);max-width:270px}@media all and (min-width: 1024px){.layered-panel .icon{align-self:end}}.layered-panel .bottom-title{-ms-grid-row:9;-ms-grid-column:3;grid-area:bottom-title;padding-top:3.5rem;font-size:2.875rem}.layered-panel .bottom-content{-ms-grid-row:11;-ms-grid-column:3;-ms-grid-column-span:1;grid-area:bottom-content;align-self:center}.layered-panel .start{-ms-grid-row:13;-ms-grid-column:3;grid-area:start;align-self:end;padding-bottom:2rem}@media all and (min-width: 1024px){.layered-panel .start{text-align:right}}.layered-panel .logo{-ms-grid-row:15;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:logo;justify-self:end}@media all and (max-width: 781px){.layered-panel .check{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.layered-panel .title{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}.layered-panel .top-content{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:2}.layered-panel .image{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}.layered-panel .icon{-ms-grid-row:7;-ms-grid-column:1}.layered-panel .bottom-title{-ms-grid-row:5;-ms-grid-column:2}.layered-panel .bottom-content{-ms-grid-row:6;-ms-grid-column:1;-ms-grid-column-span:2}.layered-panel .start{-ms-grid-row:5;-ms-grid-column:1}.kids-page .layered-panel > .logo{-ms-grid-row:7;-ms-grid-column:2}}@media all and (min-width: 1024px){.layered-panel > .check{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.layered-panel > .title{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:4}.layered-panel > .top-content{-ms-grid-row:2;-ms-grid-column:3;-ms-grid-column-span:2}.layered-panel > .image{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}.layered-panel > .icon{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1}.layered-panel > .bottom-title{-ms-grid-row:3;-ms-grid-column:2}.layered-panel > .bottom-content{-ms-grid-row:3;-ms-grid-column:3;-ms-grid-column-span:1}.layered-panel > .start{-ms-grid-row:3;-ms-grid-column:4}.layered-panel > .logo{-ms-grid-row:3;-ms-grid-column:5;-ms-grid-column-span:1}}.layered-panel .logo img{display:block}.layered-panel .bottom-background{grid-area:bottom-title-start / 1 / -1 / -1;background-color:var(--bg-light)}@media all and (min-width: 1024px){.layered-panel .bottom-background{grid-area:icon-start / icon-start / logo-end / -1}}.layered-panel ul{list-style:disc;margin:0.5rem 1rem}.layered-panel p a,.layered-panel ul li a{color:var(--blue);text-decoration:none}.layered-panel p a:hover,.layered-panel ul li a:hover{text-decoration:underline}@media all and (max-width: 1023px){.title,.image,.top-content{padding-left:1rem;padding-right:1rem}}html{scroll-behavior:smooth}body,#giov-quiz{min-height:100vh}body.admin-bar,body.admin-bar #giov-quiz{min-height:calc(100vh - 32px)}#giov-quiz{display:flex;justify-content:center}@media all and (min-width: 782px){#giov-quiz{align-items:center}}#giov-quiz .app-wrapper{max-width:1280px;flex:1;display:flex;flex-direction:column;margin:3.625rem 0 5rem;overflow:hidden;border-radius:30px}@media all and (min-width: 782px){#giov-quiz .app-wrapper{flex-direction:row;height:90vh;margin:1rem;max-height:640px;box-shadow:0px 10px 10px rgba(0,0,0,0.4)}}#giov-quiz .main-content{position:relative;flex:1;background-color:var(--bg-light)}@media all and (min-width: 782px){#giov-quiz .main-content{min-width:450px}}#giov-quiz .router-view{overflow-y:scroll;scroll-behavior:smooth;display:flex;flex-direction:column;padding:0 2rem}@media all and (min-width: 782px){#giov-quiz .router-view{padding-right:4rem;max-height:calc(100% - 80px);height:100%}}#giov-quiz .router-view>section{min-height:100%;height:100%}#giov-quiz .router-view>section>div{display:grid;grid-template-rows:min-content 1fr min-content;min-height:100%}#giov-quiz .check-it-out{position:absolute;max-width:160px;top:1rem;right:2rem}.access-view .toelichting{margin-top:1rem}.error{color:var(--error)}.quiz-header{padding-top:2rem;margin-bottom:0.5rem}.quiz-header h2{font-weight:bold;line-height:1.2em;font-size:2rem}.quiz-header h2+div{margin-top:1rem}.question{font-size:1.6rem;min-height:3.5rem;margin-bottom:3rem}.question .question-text{max-width:71ch;font-family:"Archivo";font-size:1.875rem}.question .question-text p{font-weight:600 !important;font-size:2rem;line-height:1.2em}ul{list-style:disc;margin-left:1em;margin-bottom:1em}p{margin-bottom:1em}.intro-text{font-size:1.2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:750px}.intro-text h2{font-size:2.2rem !important}p a{color:inherit}p a:hover{color:var(--secondary)}iframe{max-width:280px;max-height:186px}.answer h2{margin-bottom:0.7rem;font-size:1.2rem}.question-number{font-weight:500;font-size:1.125rem !important;color:var(--accent)}.button-wrapper{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;margin-bottom:2rem}.button-wrapper>*{margin:0 0.8rem}.avg-fields{display:flex;align-items:center;margin-top:1rem}.open-answer{margin-top:-0.8rem}.user-details-form{display:flex;flex-direction:column;flex:1}.modal__wrapper{position:fixed;z-index:999;left:0;top:0;width:100vw;height:100vh;display:grid;place-items:center}.modal__overlay{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:rgba(43,46,52,0.8)}.modal__content{position:relative;z-index:1200;background-color:var(--bg-light);max-width:600px;max-height:80vh;padding:3rem 1rem;overflow:scroll}@media all and (min-width: 782px){.modal__content{padding:3rem}}.modal__close{position:absolute;right:1rem;top:1rem}#giov-quiz .sidebar{position:relative;background-color:var(--bg-dark);background:linear-gradient(144deg, #0081C2, #56368a 65%, #E4447D 85%);background-size:200% 200%;animation:AnimationName 20s ease infinite;display:flex;flex-direction:column}#giov-quiz .sidebar::after{content:" ";position:absolute;inset:0;width:100%;height:100%;background-image:url("../images/uitsnede-logo.svg");background-repeat:no-repeat;background-position:0 bottom;pointer-events:none}@media all and (max-width: 781px){#giov-quiz .sidebar+.main-content{padding-top:2.5rem}#giov-quiz .sidebar::after{background-size:inherit}}@media all and (min-width: 782px){#giov-quiz .sidebar{flex:1;max-width:300px;min-width:250px;overflow:hidden;height:101%}}@keyframes AnimationName{0%{background-position:0% 31%}50%{background-position:100% 70%}100%{background-position:0% 31%}}

/*# sourceMappingURL=style.css.map */