:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--qt-green-lightgrass:#55bd5af5;--qt-green-grass:#37ae3c;--qt-green-forest:#0d7945;--qt-green-moss:#135937;--qt-lightgrey:#f8f8f8;--qt-midgrey:#eee;--qt-grey:#aab1aa;--qt-darkgrey:#666;--qt-white:#fdfdfd;--qt-text-black:#0f2a1c;--qt-surface:#fff;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root ::-moz-selection{color:#fff;background:#00c80ae1}:root ::selection{color:#fff;background:#00c80ab2}body:before{content:"";filter:blur(3px);z-index:-1;background:url(/assets/backgroundmobile-BwljCLW6.webp) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.05)}@media (width>=768px){body:before{background:url(/assets/backgrounddesktop-D8leEKWT.webp) 50%/cover no-repeat}}*{box-sizing:border-box}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}button{color:#000;border:none;font-size:1rem}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto}h1{font-size:1.5rem}@media screen and (width>=500px){#root{padding:1rem}}nav{margin-bottom:25vh}.card{background-color:var(--qt-white);color:#000;border-radius:5px 5px 0 0;min-width:50%;padding:1rem;font-size:1rem;position:relative}.green{color:var(--qt-green-grass);transition:color 3s}.green:hover{color:#0000;background:linear-gradient(to right, var(--qt-green-grass) 20%, #4cfb69 30%, #018f19 70%, #29943b 80%);-webkit-text-fill-color:transparent;background-size:500%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite alternate textgradient}@keyframes textgradient{0%{background-position:0%}to{background-position:100%}}.homepage-header{text-align:left;margin:1rem}.homepage-header h1{z-index:1;font-size:1.5rem}@media (width>=800px){.homepage-header{max-width:65%}}.centerbtn{justify-content:left;display:flex}.btnU{color:var(--qt-surface);background-color:var(--qt-green-grass);cursor:pointer;border:none;border-radius:5px;margin:12px 8px 12px 3px;padding:.6em 1.2em;font-size:1rem;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.btnU:hover{background-color:var(--qt-green-moss);transition:background-color .5s}.btnU:after{content:"";background-color:var(--qt-white);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.btnU:hover:after{width:100%}.btn{color:var(--qt-white);background-color:var(--qt-green-grass);cursor:pointer;border:none;border-radius:5px;margin:12px 8px 12px 3px;padding:.6em 1.2em;font-size:1rem;font-weight:500;text-decoration:none;transition:all .5s linear}.btn:hover{background-color:var(--qt-green-moss)}.btn span{transition:all .5s;display:inline-block;position:relative}.faiconbtn{opacity:0;transition:all .5s;position:absolute;top:5px;right:5px}.btn:hover span{padding-right:25px}.btn:hover .faiconbtn{opacity:1;right:0}.text-underline{cursor:pointer;color:var(--qt-green-grass);text-decoration:none;display:inline-block}.text-underline:after{content:"";background:var(--qt-green-grass);width:0;height:1px;transition:width .3s;display:block}.text-underline:hover:after{width:100%}.navbar{color:#000;z-index:9999;background-color:var(--qt-surface);min-width:100%;height:auto;min-height:3rem;margin:0;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 6px 20px #0000}#links{opacity:0;background-color:#f0f0f0;border-bottom:1px solid #000;max-height:0;transition:max-height .7s,opacity .3s;overflow:hidden}#links.open{opacity:1;max-height:500px}#active{background-color:var(--qt-surface)}.hamburger-menu{color:#000;cursor:pointer;background-color:#0000;border:none;border-radius:5px;padding:1rem;font-size:1.2rem;font-weight:500;text-decoration:none;display:block;position:absolute;top:0;left:0}.hamburger-menu svg{font-size:1.5rem;transition:transform .3s,opacity .3s,color 3s}.hamburger-menu.open svg{color:#135937;opacity:.7;transform:rotate(90deg)scale(.9)}.language{color:#000;cursor:pointer;background-color:#0000;border:none;border-radius:5px;padding:.6em 1.2em;font-size:1.2rem;font-weight:500;text-decoration:none;display:none;position:absolute;top:0;right:0}.nav-logo{cursor:pointer;width:auto;height:40px;margin:1vw;transition:transform .5s,filter .5s}.nav-logo:hover{filter:drop-shadow(0 4px 10px #014a0c40);transform:scale(1.05)}.nav-logo:active{transform:scale(.97)}.nav-logo-grey{width:auto;height:100px;margin:1vw}.navbtn{text-align:left;color:#135937;cursor:pointer;background-color:#0000;border:none;padding:.7em 1em;font-size:1.4rem;font-weight:500;text-decoration:none;display:block;position:relative}.navbtn:after{content:"";border-bottom:1px solid #656565;position:absolute;bottom:0;left:1em;right:1em}.chevron-right{float:right;padding-top:3px}.contact-btn{text-align:left;color:#135937;cursor:pointer;background-color:#0000;border:none;border-radius:10px;padding:.5em 1em;font-size:1.4rem;font-weight:500;text-decoration:none;display:block}#big{justify-content:center;display:none}.big-navbtn{color:#135937;cursor:pointer;background-color:#0000;height:100%;margin:1% .4%;padding:.7em 1em;font-size:1.2rem;font-weight:500;text-decoration:none}.big-navbtn:after{content:"";background:#135937;width:0;height:1.5px;transition:width .3s;display:block}.big-navbtn:hover:after{width:100%}#lang-btn{height:auto;display:none;position:absolute;right:1%}@media screen and (width>=650px){#big{display:flex}#small{display:none}}.footer-logo{-webkit-user-select:none;user-select:none;width:400px;height:auto;display:none}.footercolumns{color:var(--qt-surface);text-align:left;flex-wrap:wrap;justify-content:left;gap:1.2rem;margin:0 5%;font-size:1rem;display:flex}.footer-column{padding-right:1%}.footer-column h4{margin-bottom:1.2rem;font-weight:700}.footercolumn a{color:var(--qt-surface);cursor:pointer;margin:1rem 0;text-decoration:none;display:block}.footercolumn ul{margin:0;padding:0;list-style-type:none}.footer-bottom{border-top:1px solid;border-image:linear-gradient(to right, var(--qt-surface),#fff0) 1 0 0 0;max-width:fit-content;color:var(--qt-surface);flex-wrap:wrap;justify-content:left;gap:1.3rem;margin:0 5%;padding:5% 0;font-size:.8rem;display:flex}.border-bottom{cursor:pointer;display:inline-block}.border-bottom:after{content:"";background-color:var(--qt-surface);width:0;height:1px;transition:width .3s;display:block}.border-bottom:hover:after{width:100%}.socials{width:auto;color:var(--qt-surface);text-align:left;margin:0 5%;font-size:1.5rem;text-decoration:none;display:block}.social-icon{transition:transform .5s}.social-icon:hover{transform:scale(1.1)}.socials a{color:var(--qt-surface)}.footer-dot{vertical-align:middle;background-color:#ffffffc5;border-radius:50%;width:7px;height:7px;margin-top:6px;display:none}@media (width>=600px){.footer-dot{display:inline-block}.footer-logo{display:flex}}.qtdots-footer{pointer-events:none;width:380px;display:none;position:absolute;bottom:-2.3rem;right:3.5rem;transform:rotate(270deg)}@media (width>=1260px){.qtdots-footer{display:block}}#overqt{text-align:left;place-items:center;min-height:500px;display:grid}#features-btn{display:none}.heading-white-txt{text-align:center;flex-direction:column;align-items:center;display:flex}.heading-white-txt h2{color:var(--qt-surface);margin-bottom:2rem}.heading-white-txt h3{color:var(--qt-surface)}.left,.right{justify-content:center;align-items:center;display:flex}.left{font-size:.6rem}.left h1{opacity:.4;color:var(--qt-surface);margin:0 2px;transition:transform .3s,opacity .3s}.left h1.active{opacity:1;transform:translate(3px)}.over-card{color:var(--qt-surface);background:var(--qt-green-lightgrass);opacity:0;border-radius:8px;max-width:75%;min-height:220px;margin:1rem;padding:0 1rem 1rem;animation:.4s forwards fadeIn}.over-card h1{font-size:1.5rem}.price{font-size:1.1rem;font-weight:700}.dots-container{margin:.5rem;display:flex}.dot{cursor:pointer;background-color:#fff5;border-radius:50%;width:10px;height:10px;margin:3px;transition:background-color .3s,transform .3s}.active-dot{background-color:var(--qt-surface);transform:scale(1.2)}.prev-next-btns{gap:8px;margin-bottom:1rem;display:flex}.prev-next-btns button{color:var(--qt-surface);background:0 0;border:none;font-size:1.5rem;transition:transform .3s}.prev-next-btns button:hover{cursor:pointer;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1000px){#overqt{grid-template-columns:1fr 2fr;grid-template-areas:"heading heading""left right""nav nav";align-items:center;min-height:600px;display:grid}.heading-white-txt{grid-area:heading}.left{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.8rem}.right{grid-area:right;justify-self:start}.over-card{width:100%;max-width:100%;margin:2rem 5rem 2rem 2rem;padding:2rem}.prev-next-btns{grid-area:nav}}.functies{margin:7% 3% 3%}.functies-list{gap:5%;padding:0;list-style:none;display:block}.functies-list li{background-color:var(--qt-lightgrey);border-radius:5px;align-items:center;gap:.6rem;margin:.7rem 0;padding:10px;font-size:1.2rem;display:flex;position:relative}.functies-list svg{color:var(--qt-green-grass)}@media (width>=900px){.functies-list{flex-wrap:wrap;justify-content:center;gap:5%;display:flex}.functies-list li{width:30%}#features-btn{display:inline}}.quiztocht-usecases{justify-content:center;display:grid}.usecases-title{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.usecases{flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-bottom:30px;display:flex}.usecase{border-radius:7px;justify-content:center;align-items:center;width:90%;max-width:600px;min-height:150px;transition:scale .7s;display:flex;position:relative;overflow:visible}@media (width>=1100px){.usecases{grid-template-columns:repeat(2,1fr);place-items:start center;row-gap:30px;display:grid}.usecase{min-width:500px;min-height:150px}}@media (width<=350px){.usecase{min-height:200px}}.usecase:hover{cursor:pointer;scale:1.06}.header-usecase{opacity:0;visibility:hidden;pointer-events:none;background-color:#ffffff5a;width:0;transition:width .7s,opacity .4s linear,visibility 0s linear .7s;overflow:hidden}.header-usecase.open{opacity:1;visibility:visible;pointer-events:auto;background-color:#ffffff5a;width:100%;transition:width .7s,opacity .4s linear,visibility linear}.after-content{opacity:0;visibility:hidden;pointer-events:none;background-color:#fff9;max-height:0;transition:max-height .7s,opacity .5s linear,visibility 0s linear .7s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.after-content.open{opacity:1;visibility:visible;pointer-events:auto;max-height:100%;transition:max-height .7s,opacity .5s linear,visibility 9s}.huisthema{color:var(--qt-surface);margin:3rem}.huisthema-grid{flex-direction:row;justify-content:center;gap:50px;display:flex}.faq-mainpage{background:linear-gradient(180deg, var(--qt-lightgrey) 0%, #f7f7f7 100%);border:1px dashed #505050;border-radius:7px;margin:2rem 1rem;padding:1rem;box-shadow:0 6px 20px #04721300}.qtdots-homepage{pointer-events:none;width:350px;display:none;position:absolute;top:.75rem;right:.75rem;transform:rotate(180deg)}@media (width>=1000px){.qtdots-homepage{display:block}}@media (width>=1260px){.qtdots-homepage{width:450px;display:block}}.contact-form-container{background-color:var(--qt-surface);min-width:50%;color:var(--qt-text-black);border-radius:8px;margin:0 auto;padding:2rem}.contact-info{text-align:center;margin-bottom:3rem}.contact-info h1{color:var(--qt-text-black);margin-bottom:1rem;font-size:2rem}.contact-form p{font-size:1.2rem}.contact-form,.personal-info{flex-direction:column;gap:1.5rem;display:flex}@media (width>=800px){.personal-info{grid-template-columns:auto auto;display:grid}}.form-group{flex-direction:column;gap:.5rem;transition:box-shadow .3s;display:flex;box-shadow:0 6px 20px #bcbcbc00}.form-group:hover{border-radius:5px;transition:box-shadow .3s;box-shadow:0 6px 20px #bcbcbc12}.form-group label{color:var(--qt-text-black);text-align:left;font-weight:500;transition:color .5s}.input-wrapper{width:100%;position:relative}.inputfield{background-color:var(--qt-surface);color:var(--qt-text-black);border:none;border-bottom:1px solid #ccc;width:100%;padding:.8rem;font-family:inherit;font-size:1rem}.inputfield:focus{outline:none}.form-group:focus-within label{color:var(--qt-green-grass)}.input-wrapper:after{content:"";background-color:var(--qt-green-grass);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.input-wrapper:focus-within{box-shadow:0 6px 20px #93939314}.input-wrapper:focus-within:after{width:100%}input,textarea{caret-color:var(--qt-green-grass)}textarea.inputfield{resize:vertical;min-height:120px;line-height:1.5}.submit-btn{background-color:var(--qt-green-grass);color:var(--qt-surface);cursor:pointer;border:none;border-radius:4px;align-self:center;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:#07460a}.paperplane{margin-left:5px;display:inline-block}@media (width>=992px){.paperplane{transition:transform .6s,opacity .4s}.submit-btn:hover .paperplane{opacity:0;transform:translate(120px)translateY(-40px)rotate(20deg)}}.success-message{border:1px solid var(--qt-green-grass);color:var(--qt-green-grass);background-color:#4caf501a;border-radius:4px;margin:1rem 0 2rem;padding:1rem}.error-message{color:#f44336;background-color:#f443361a;border:1px solid #f44336;border-radius:4px;margin:1rem 0 2rem;padding:1rem}.form-submitting{opacity:.7;pointer-events:none}.inputfield:disabled{background-color:var(--qt-lightgrey);cursor:not-allowed}.submit-btn:disabled{background-color:var(--qt-green-moss);cursor:not-allowed}.submit-btn:disabled:hover{background-color:var(--qt-green-moss)}.paperplane.sending{animation:1s ease-in-out infinite fly}@keyframes fly{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(3px)translateY(-3px)}}@media (width<=600px){.contact-form-container{padding:1rem}}.features-page-card{border-radius:5px 5px 0 0;min-height:80vh}.features-section{max-width:1000px;margin:0 auto;padding:2rem 1rem}.features-title{color:#333;margin-bottom:1rem;font-size:2rem}.features-intro{text-align:center;color:var(--qt-darkgrey);margin:1rem 0 4rem}.feature-category-nav{text-align:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:4rem;display:grid}.feature-category-link{background:var(--qt-lightgrey);color:var(--qt-text-black);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.feature-category-link:hover{border-color:var(--qt-green-grass);color:var(--qt-green-grass);background:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.feature-category-link .feature-icon{color:var(--qt-green-grass);font-size:1.5rem}.feature-category{margin-bottom:3rem;scroll-margin-top:6rem}.feature-category-heading{color:var(--qt-green-grass);border-bottom:2px solid var(--qt-green-grass);text-align:left;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem}.feature-category-heading .feature-icon{margin-right:1rem;font-size:1.4rem}.feature-item{border-bottom:1px solid var(--qt-midgrey);margin-bottom:1rem}.feature-toggle{cursor:pointer;text-align:left;width:100%;color:var(--qt-text-black);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:1.2rem;font-weight:600;transition:color .3s;display:flex}.feature-toggle:hover{color:var(--qt-green-grass)}.feature-description{text-align:left;color:var(--qt-darkgrey);font-size:1.1rem;line-height:1.6;overflow:hidden}.feature-description p{margin:0;padding-bottom:1.5rem}.feature-chevron{flex-shrink:0;margin-left:1rem;transition:transform .3s}.feature-chevron.open{transform:rotate(180deg)}@media (width<=768px){.feature-category-heading{font-size:1.5rem}.feature-toggle{font-size:1.1rem}}