@import '../iconfont/material-icons.css';@keyframes fadein{0%{opacity:0}to{opacity:1}}.mt-25{margin-top:25px}*{margin:0px;padding:0px;box-sizing:border-box}.picture-container{position:relative;height:100%}.picture-container picture{position:absolute;top:0;left:0;width:100%;height:100%}.picture-container picture img{transform:all ease-in-out 0.3s;object-fit:cover;height:100%;width:100%}body{font-family:"Roboto",sans-serif;color:#515151;font-size:16px;line-height:1.5;font-weight:lighter}@media screen and (max-width:1300px){body{font-size:14px}}p{line-height:2}.block{display:block;width:100%}.hidden{display:none}#background{position:fixed;top:0;right:0;height:100%;width:50%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all ease-in-out 0.3s;z-index:-1}@media only screen and (max-width:1000px){#background{top:auto;bottom:0;width:100%;height:30vh}}@media only screen and (max-width:700px){#background{display:none}}#background-color{background:rgba(44,83,113,0.8);position:fixed;top:0;left:0;height:100%;width:100%;z-index:0}@media screen and (max-width:1100px){#background-color{background:#00539f}}.slab{font-family:"Roboto Slab",serif}.logo{position:fixed;top:0;left:100px;width:200px;animation:fadein 1s;z-index:2}@media only screen and (max-width:1300px){.logo{left:30px}}@media screen and (max-width:700px){.logo{width:150px}}.intro{position:fixed;top:0;left:0;height:100%;width:100%;background:url(../images/back-intro.jpg);background-size:cover;z-index:3;display:flex;justify-content:center}.intro .logo{position:fixed;top:0;left:100px;width:200px;animation:fadein 1s}@media only screen and (max-width:1300px){.intro .logo{left:30px}}@media screen and (max-width:700px){.intro .logo{width:350px}}.intro .beginnen,.intro .logo{animation:fadein 1s}@media screen and (max-width:700px){.intro .beginnen,.intro .logo{width:150px}}.intro .container{position:relative;width:calc(100% - 400px);background:none;box-shadow:none}@media only screen and (max-width:1400px){.intro .container{width:calc(100% - 60px)}}@media only screen and (max-width:700px){.intro .container{width:100%}}.intro .btn{position:absolute;bottom:200px;right:100px}@media only screen and (max-width:1400px){.intro .btn{right:0}}@media only screen and (max-width:700px){.intro .btn{right:15px;bottom:15px;z-index:11}}.intro .titelContainer{position:absolute;bottom:200px;left:100px;color:white}@media only screen and (max-width:1400px){.intro .titelContainer{width:100%;left:0}}@media only screen and (max-width:1000px){.intro .titelContainer{left:30px;text-shadow:0px 0px 12px rgba(0,0,0,0.37)}}@media only screen and (max-width:700px){.intro .titelContainer{left:15px;width:calc(100% - 30px)}}.intro .titelContainer .titel{font-size:100px;line-height:1;margin-bottom:15px}@media only screen and (max-width:1000px){.intro .titelContainer .titel{font-size:60px}}.intro .titelContainer .subtitel{font-size:40px;font-weight:500}@media only screen and (max-width:1000px){.intro .titelContainer .subtitel{font-size:30px}}.intro_vervolg{position:fixed;top:0;left:0;height:100%;width:100%;background:rgb(243,243,243);background:linear-gradient(143deg,rgb(243,243,243) 0%,rgb(255,255,255) 100%);background-size:cover;z-index:2;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:700px){.intro_vervolg{position:absolute;padding-top:90px;overflow:auto}}.intro_vervolg .logo{position:fixed;top:0;left:100px;width:200px;animation:fadein 1s}@media only screen and (max-width:1300px){.intro_vervolg .logo{left:30px}}@media screen and (max-width:700px){.intro_vervolg .logo{width:150px}}.intro_vervolg.uitslagprinten .container{grid-template-columns:1fr}.intro_vervolg.uitslagprinten .container .content{font-size:16px!important;line-height:1.5!important}.intro_vervolg.uitslagprinten .score{margin-bottom:30px}.intro_vervolg.uitslagprinten .tip{margin:0 0 30px 0}.intro_vervolg.uitslagprinten .tip ul{margin-left:15px}.intro_vervolg .container{position:relative;width:calc(100% - 400px);max-width:1300px;background:none;box-shadow:none;display:grid;grid-template-columns:40% 60%;gap:90px;height:auto}@media only screen and (max-width:1400px){.intro_vervolg .container{width:calc(100% - 60px);grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:1000px){.intro_vervolg .container{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%;padding-left:30px;padding-right:30px}}@media only screen and (max-width:700px){.intro_vervolg .container{grid-template-columns:repeat(1,minmax(0,1fr));padding-bottom:30px;position:absolute;top:90px}}.intro_vervolg .container .content{font-size:20px;line-height:32px;margin-bottom:90px}@media only screen and (max-width:1300px){.intro_vervolg .container .content{font-size:16px}}.intro_vervolg .container .left{display:flex;justify-content:center;flex-direction:column}.intro_vervolg .container .left .btn{display:flex;align-self:flex-start}.intro_vervolg .container .right #afbeeldingen-zijkant{max-width:600px;margin:0 auto}@media only screen and (max-width:1400px){.intro_vervolg .container .right #afbeeldingen-zijkant{max-width:90%}}.intro_vervolg .container .right .video{max-width:800px;margin:-90px auto 0 auto}.logo-small{position:fixed;width:160px;height:auto;right:60px;bottom:60px}@media screen and (max-width:1100px){.logo-small{bottom:30px;right:30px;width:100px}}@media screen and (max-width:700px){.logo-small{right:15px}}#slaapassistent{display:none;position:absolute;height:100%;width:100%}@media screen and (max-width:700px){#slaapassistent{height:auto;align-items:flex-start;-ms-align-items:flex-start}}.uitslag{align-items:initial!important;height:auto!important}.uitslag .container{height:auto!important}.container{position:absolute;z-index:1;width:100%;height:100%}@media screen and (max-width:1100px){.container{margin:0 auto 0 0;width:100%;padding:0px;height:100%}}@media screen and (max-width:700px){.container{position:relative;width:100%;height:auto;overflow:initial;padding:0px;border-radius:0}}.container .stepDetails,.container form{height:100%}@media only screen and (max-width:700px){.container .stepDetails,.container form{height:auto}}.container #form-printen{height:auto}.container .progress{position:absolute;height:10px;background-color:#E5EEF6;left:100px;bottom:45px;width:calc(100% - 200px)}@media only screen and (max-width:1400px){.container .progress{left:30px;width:calc(100% - 60px)}}@media screen and (max-width:1100px){.container .progress{margin:60px 0 60px -30px;width:100%;bottom:-60px}}@media only screen and (max-width:1000px){.container .progress{bottom:-60px;left:30px;width:100%}}@media screen and (max-width:700px){.container .progress{margin:15px 0 15px -15px;width:100%;bottom:-15px;left:15px}}.container .progress .progress-complete{border:0;position:absolute;height:10px;min-width:10px;background-color:#00539F;transition:width 0.2s ease-in-out}.container h1{color:#00539F;font-size:38px;margin-bottom:15px}@media screen and (max-width:1100px){.container h1{font-size:30px}}.container fieldset{border:0;height:100%}@media only screen and (max-width:700px){.container fieldset{height:auto}}.container fieldset .content,.container fieldset .img{float:left;width:50%;display:flex;height:100%;justify-content:center;flex-direction:column}@media only screen and (max-width:1000px){.container fieldset .content,.container fieldset .img{width:100%}}.container fieldset .content{position:relative;padding-left:100px;padding-right:100px;background:rgb(243,243,243);background:linear-gradient(143deg,rgb(243,243,243) 0%,rgb(255,255,255) 100%)}@media only screen and (max-width:1400px){.container fieldset .content{padding-left:30px;padding-right:30px}}@media only screen and (max-width:1000px){.container fieldset .content{justify-content:flex-start;padding-top:120px;height:70vh}}@media only screen and (max-width:700px){.container fieldset .content{height:auto;min-height:calc(100vh - 90px);padding-top:90px;padding-bottom:90px;overflow:auto}}.container fieldset .img img{position:absolute;top:0;right:0;height:100%;width:50%;object-fit:cover}@media only screen and (max-width:1000px){.container fieldset .img img{position:relative;width:100%;height:100%}}@media only screen and (max-width:1000px){.container fieldset .img{height:30vh}}@media only screen and (max-width:700px){.container fieldset .img{display:none;height:auto;overflow:auto}}.container fieldset .uitleg{line-height:1.5;font-style:italic;font-size:14px}@media only screen and (max-width:1000px){.container fieldset .uitleg{align-self:flex-end;width:100%;margin-top:0px}}@media screen and (max-width:700px){.container fieldset .uitleg{font-size:12px;width:100%;margin-top:0px}}#invoerveld{margin-top:15px;padding:10px 20px;border-radius:4px;border:1px solid #E5EEF6;max-width:400px}@media screen and (max-width:700px){#invoerveld{width:100%}}.paginatie{position:absolute;bottom:110px;right:100px;text-align:center;width:calc(100% - 200px);display:block}@media only screen and (max-width:1000px){.paginatie{bottom:60px}}@media screen and (max-width:700px){.paginatie{bottom:10px;right:auto;left:15px;width:calc(100% - 30px)}}.commands{position:absolute;bottom:100px;left:100px;width:calc(50% - 200px);display:flex;justify-content:space-between}@media only screen and (max-width:1400px){.commands{left:30px;width:calc(50% - 60px)}}@media only screen and (max-width:1000px){.commands{bottom:calc(30vh + 50px);width:calc(100% - 60px)}}@media screen and (max-width:700px){.commands{bottom:35px;left:15px;width:calc(100% - 30px)}}.btn{display:inline-flex;padding:10px 20px;background:#00539F;color:white;border-radius:4px;border:0px;font-size:16px;align-items:center;cursor:pointer;transition:all ease-in-out 0.3s;text-decoration:none;font-weight:500}@media screen and (max-width:1200px){.btn{font-size:12px;padding:10px}}.btn i{padding-right:7px;width:30px}@media screen and (max-width:700px){.btn i{padding-right:0}}.btn:hover{background:#00386c}.btn.prev{background:#E5EEF6;color:#00539F;margin-right:30px}.btn.prev:hover{background:#bfd5e9}@media screen and (max-width:700px){.btn.prev{margin-right:15px}}.btn.diap{background:white;color:#00539F}@media only screen and (max-width:1000px){.form-group{margin-top:30px}}#form-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:60px;margin-top:60px;gap:30px}@media only screen and (max-width:1000px){#form-wrapper{margin-top:30px}}@media only screen and (max-width:700px){#form-wrapper{margin-bottom:0;margin-top:15px;gap:15px}}#form-wrapper strong{color:#00539F;font-size:22px;text-align:left;display:flex;flex-direction:column}@media screen and (max-width:1200px){#form-wrapper strong{font-size:16px}}#form-wrapper strong span{font-size:16px;font-weight:normal}#step0 .content{height:70vh}#step0 .img{height:30vh}form #form-title{margin-top:0;font-weight:400;text-align:center}form:valid #debt-amount-slider input+label:before{transform:translate(-50%,45px) scale(0.9);transition:all 0.15s linear}form:valid #debt-amount-slider input:checked+label:before{transform:translate(-50%,45px) scale(1.1);transition:all 0.15s linear}form+button{display:block;position:relative;margin:56px auto 0;padding:10px 20px;-webkit-appearance:none;appearance:none;transition:all 0.15s ease-in-out;font-family:inherit;font-size:24px;font-weight:600;background:#fff;border:2px solid #515151;border-radius:8px;outline:0;-webkit-user-select:none;user-select:none;cursor:pointer}form+button:hover{background:#515151;color:#fff}form+button:hover:active{transform:scale(0.9)}form+button:focus{background:#4caf50;border-color:#4caf50;color:#fff;pointer-events:none}form+button:focus:before{animation:spin 1s linear infinite}form+button:before{display:inline-block;width:0;opacity:0;content:"\f3f4";font-family:"Font Awesome 5 Pro";font-weight:900;margin-right:0;transform:rotate(0deg)}form:invalid+button{pointer-events:none;opacity:0.25}form .form-group label{float:left}form .form-group .formInput{margin-top:15px;float:left;clear:both;padding:10px}em.error{position:fixed;top:0;left:0;float:left;clear:both;margin-top:0px;z-index:10000;width:100vw;height:100vh;text-align:center;background:rgba(0,83,159,0.7);padding:2em;display:flex;align-items:center;justify-content:center;color:white}@keyframes spin{0%{transform:rotate(0deg);width:24px;opacity:1;margin-right:12px}to{transform:rotate(360deg);width:24px;opacity:1;margin-right:12px}}#progress{background-color:#E5EEF6;border-radius:8px;position:relative;margin:15px 0;height:90px;width:100%}@media screen and (max-width:1100px){#progress{height:40px}}#progress .progress-done{background:#00539F;border-radius:8px;color:white;font-weight:bold;display:flex;display:-ms-flexbox;align-items:center;-ms-align-items:center;justify-content:center;-ms-justify-content:center;height:100%;width:0;opacity:0;transition:3s ease 0.5s}.logo_print{display:none}@media print{body{margin:0;padding:0;background-color:#FAFAFA;font:10pt "Roboto",sans-serif;line-height:1.5}*{box-sizing:border-box;-moz-box-sizing:border-box}#slaapassistent{display:block}.uitslagprinten{display:block}.page{width:21cm!important;min-height:29.7cm;padding:2cm;margin:1cm auto!important;border:1px #D3D3D3 solid;border-radius:5px;background:white;box-shadow:0 0 5px rgba(0,0,0,0.1)}.subpage{padding:1cm;border:5px red solid;height:256mm;outline:2cm #FFEAEA solid}.print{display:none}.logo{display:block!important;position:absolute;top:0px;left:0px;width:100px}#progress{background-color:transparent!important;padding:0!important;height:auto!important}.progress-done{background:transparent!important;font-size:30px;text-align:left!important;display:block!important}@page{size:A4;margin:0}}@media print{.page{margin:0;border:initial;border-radius:initial;width:initial;min-height:initial;box-shadow:initial;background:initial;page-break-after:always}}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto;margin-top:30px}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.radioslider{--bar-color:rgba(0,0,0,0.15);--fill-color:#00539F;--fill-color-inverse:#e6664d;--handle-color:white;--dot-size:1.5em;--bar-padding:0.25em;--bar-margin-bottom:1em;--bar-thickness:calc(var(--bar-padding)*2 + var(--dot-size))}.radioslider_horizontal{width:100%}.radioslider_horizontal .radioslider__handle{left:16px;width:var(--dot-size);height:var(--dot-size);border:0px;margin-top:0.25em}.radioslider_horizontal .radioslider__handle.focused{border:0.2em solid var(--fill-color);width:calc(var(--dot-size) + var(--bar-padding) * 2);height:calc(var(--dot-size) + var(--bar-padding) * 2);margin-top:0}@media only screen and (max-width:700px){.radioslider__text{text-align:left;word-break:keep-all}}.radioslider_vertical .radioslider__handle{margin-top:-0.5em;margin-left:0.25em;width:var(--dot-size);height:var(--dot-size);border:0px}.radioslider_vertical .radioslider__text{display:block;word-break:break-all;overflow-wrap:anywhere;text-align:center;margin-bottom:15px}.radioslider_vertical .radioslider__handle.focused{border:0.2em solid var(--fill-color);width:calc(var(--dot-size) + var(--bar-padding) * 2);height:calc(var(--dot-size) + var(--bar-padding) * 2);margin-left:0}.radioslider_vertical .radioslider__item:last-of-type .radioslider__text{margin-bottom:0}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,select:focus,textarea{font-size:16px}
/*# sourceMappingURL=stylesheet_redesign.css.map */