button.hidden{opacity:0;transform:none;pointer-events:none}main.mainFoodQuiz{padding:0;background:url(/img/pattern-light-green.webp);min-height:100%}main.mainFoodQuiz .foodquizContainer{padding:0;align-items:center;max-width:100%;height:calc(var(--vh,1vh) * 100);margin-top:0}#foodQuiz{width:100%;height:100%;overflow:hidden;position:relative;display:flex;justify-content:center}#foodQuiz>.svg{position:absolute;width:100%;bottom:0;z-index:1;display:flex;justify-content:center}#foodQuiz>.svg,#foodQuiz>.lights,#foodQuiz>.startBg{opacity:1;transition:opacity .4s ease;pointer-events:none;z-index:1}#foodQuiz>.svg.hidden,#foodQuiz>.lights.hidden,#foodQuiz>.startBg.hidden{opacity:0}#foodQuiz>.svg>svg{margin-bottom:-275px;padding:0 12px;min-width:1900px;max-width:2200px}#foodQuiz .questions{opacity:1;position:absolute;max-width:800px;z-index:3;transition:opacity 1s ease;height:100%;margin-top:13vh;will-change:opacity}#foodQuiz .questions.start{margin-left:175px;overflow:visible}#foodQuiz .form .inputs{gap:20px}#foodQuiz .form .inputs .input{display:flex;background-color:#e4efeb;transition:background-color .3s ease;width:100%;max-width:100%;cursor:pointer;padding:4px 20px;height:68px;border-radius:15px;font-size:20px;justify-content:center;align-items:center}#foodQuiz .answers>label.active,#foodQuiz .form .inputs .input.active{background-color:#cfe2dc}@media (hover:hover) and (pointer:fine){#foodQuiz .answers>label:hover,#foodQuiz .form .inputs .input:hover{background-color:#cfe2dc}}#foodQuiz .form .inputs .input>input{display:none}#foodQuiz .form .input>input{display:flex;background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;height:68px;width:100%;text-align:center;font-size:32px;max-width:300px;margin-right:auto;margin-left:auto;margin-bottom:0;margin-top:12px}#foodQuiz .form input::placeholder{color:#EAECEF}#foodQuiz .question{padding:45px 40px;border-radius:15px;background-color:rgba(245,249,248,.9);display:flex;flex-direction:column;position:relative}#foodQuiz .question.introduction{position:relative;margin-left:100px}#foodQuiz .question.introduction:after{background-color:#f5f9f8;content:"";display:block;height:40px;left:-20px;position:absolute;top:calc(50% - 20px);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);width:40px}#foodQuiz .question.introduction>.image{background-color:#fcfcfc;box-shadow:0 0 9px 0 #f1f1f1;border-radius:100%;overflow:hidden;height:180px;width:180px;display:flex;justify-content:center;left:-230px}#foodQuiz .question.introduction>.image img{height:250px;width:auto;margin-top:8px}#foodQuiz .question.introduction>.top p{font-size:17px;color:#444;margin-bottom:12px;font-style:italic}#foodQuiz .question.introduction .questionMark{display:inline-block;vertical-align:middle;margin:0 2px}#foodQuiz .question.introduction .questionMark>.mark>span{font-size:24px}#foodQuiz .question.introduction>.buttons{margin-top:0}#foodQuiz .question>form{transition:opacity .6s ease}#foodQuiz .question>form.disabled{opacity:.5;pointer-events:none}#foodQuiz .questions.start .question>small{font-size:12px;text-align:center;color:#999999;margin-top:10px}#foodQuiz .question .image{position:absolute;width:100%;max-width:310px;left:-350px;top:50%;transform:translate(0,-50%)}#foodQuiz .question h1{position:relative;font-size:50px;line-height:55px;text-align:center}#foodQuiz .question>.top{margin-bottom:25px;display:flex;gap:6px}#foodQuiz .question>.top>span{font-size:22px}#foodQuiz .question>.top h3{font-weight:normal;font-size:22px;margin-bottom:0}#foodQuiz .question>.top p{margin-bottom:0;font-size:14px;color:#8a8a8a}#foodQuiz .answers{gap:12px;display:flex;flex-wrap:wrap;justify-content:center}#foodQuiz #preLoad{height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease}#foodQuiz .preLoad{max-width:300px;z-index:3;z-index:99}#foodQuiz .answers>label{padding:15px;background-color:#e4efeb;border-radius:20px;text-align:center;font-size:20px;cursor:pointer;transition:background-color .3s ease;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:15px;min-width:max-content;max-width:100%}#foodQuiz .answers>label.textOnly{padding:20px 35px;min-width:200px}#foodQuiz .answers>label>img{max-height:90px;min-height:90px;height:90px}#foodQuiz .answers>label>span{font-size:14px;color:#999999}#foodQuiz .answers>label.textOnly>span{font-size:20px;color:#444}#foodQuiz .question label.check{}#foodQuiz .question label.check>span{align-items:center}#foodQuiz .question label.check>span:before{vertical-align:middle;margin-top:-3px}#foodQuiz .question>.buttons{margin:55px auto 0 auto;font-size:20px;padding:10px 0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:15px}#foodQuiz .questions.start .buttons{justify-content:center}#foodQuiz .questions.start .buttons{margin-top:25px}#foodQuiz .questions.start .question>p{font-size:19px}#foodQuiz .question .btn{gap:12px;padding:10px 50px 10px 50px;width:auto;margin-top:0}#foodQuiz .question .both .btn{padding:10px 30px 10px 30px}#foodQuiz .questions.start .question .buttons:not(.both) .btn{min-width:340px;max-width:100%}#foodQuiz .question .btn.green{background-color:#37b591}#foodQuiz .question .btn.prev{padding:0;min-width:40px;min-height:40px;max-width:40px;max-height:40px;margin-right:auto;background-color:#d1e7df;position:absolute;left:-20px;top:50%;transform:translateY(-50%);box-shadow:none}#foodQuiz .question .btn.next,#foodQuiz .question label.check{margin-bottom:0}#foodQuiz .question .btn.prev>span{transform:rotate(180deg);display:flex;margin-top:-1px;margin-left:-1px}#foodQuiz .question .btn.prev>.spinner{display:none!important}#foodQuiz .light{width:150px;position:absolute;z-index:2;padding-top:22vh}#foodQuiz .light::before{content:"";position:absolute;width:7px;height:calc(100% - 100px);background-color:#2BB38B;top:0;left:calc(50% - 1px);transform:translate(-50%,0);z-index:-1}#foodQuiz .light.left{left:50px}#foodQuiz .light.right{right:50px}#foodQuiz .questionMark>.mark{display:flex}#foodQuiz .questionMark>.content{position:absolute;width:max-content;max-width:400px;right:53px;z-index:99;opacity:0;transition:opacity .3s ease;pointer-events:none;text-align:left}#foodQuiz .questionMark>.content .icon{display:none}#foodQuiz .questionMark>.content>.inner{background-color:rgba(0,0,0,.7);color:#fff;padding:1px 20px;border-radius:12px}#foodQuiz .questionMark>.mark:hover~.content{opacity:1}#foodQuiz .questionMark>.mark>span{color:#FF5722;font-size:29px;cursor:help}#foodQuiz .boxTop{overflow:visible;margin-bottom:30px}#foodQuiz .boxTop>hr:first-child{display:none}#foodQuiz .boxTop>hr{display:block}#foodQuiz .boxTop>.box>img{max-width:72px;margin-top:-33px;margin-left:-42px}#foodQuiz .boxTop>.box>.title{margin-left:12px}#foodQuiz .startBg>img{position:absolute;width:8500px;left:0}#foodQuiz .startBg>img.main{z-index:2;bottom:0}#foodQuiz .startBg>img.cloud{z-index:1;bottom:200px}#foodQuiz .sliderBar{padding-left:50px;height:45px;position:relative;margin-top:25px}#foodQuiz .sliderBar .rs-scale{width:calc(100% + 1px)}#foodQuiz .sliderBar:before,#foodQuiz .sliderBar:after{content:"";height:10px;width:50px;position:absolute;top:5px;left:0;background-color:#37b591;border-radius:15px 0 0 15px}#foodQuiz .sliderBar:after{display:none}#foodQuiz #progress{position:absolute;top:0;left:0;width:100%;height:15px;background-color:#dcece6;z-index:4}#foodQuiz #progress>.bar{background-color:#f8d88a;height:100%;display:flex;justify-content:flex-end;transition:width .6s ease;border-radius:0 20px 20px 0;width:0}#foodQuiz #svgItems,#svgItems>g>g,#svgItems>g>rect,#svgItems>g>path{opacity:0;transition:opacity .4s ease}#popupLoader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.foodQuizResult{margin-bottom:100px;display:flex;flex-direction:column-reverse;width:100%;gap:100px}.foodQuizResult .container{padding:0}.foodQuizResult .mainRight{margin-top:75px}.foodQuizResult .box{scroll-margin-top:160px}.foodQuizResult .introHero>.content>.text{width:100%;font-size:19px}.foodQuizResult h2{font-size:32px;margin-bottom:0;scroll-margin-top:125px}.foodQuizResult section.imageCon>div{width:70%}.foodQuizResult section.imageCon>.image{width:30%}.foodQuizResult .more{color:#F8B758;font-size:18px;display:flex;align-items:center;gap:6px;cursor:pointer;width:max-content;max-width:100%;margin:auto}.foodQuizResult .more>span{transition:transform .8s ease;transform:rotate(90deg)}.foodQuizResult .more.active>span{transform:rotate(270deg)}.foodQuizResult .moreBox{max-height:0;overflow:hidden;transition:max-height .8s ease}.foodQuizResult .moreBox>section:first-of-type{margin-top:20px}.foodQuizResult section:not(.know) .top{margin-top:10px;display:flex;align-items:center;margin-bottom:25px;gap:15px}.foodQuizResult .index a{font-size:16px;display:flex}.foodQuizResult .index a:before{height:20px;width:20px;margin-bottom:2px;margin-right:10px;background-repeat:no-repeat;opacity:.7;transition:opacity .4s ease}.foodQuizResult .index a:hover:before{opacity:1}.foodQuizResult .index a.score0:before{background-image:url(/img/voedsel-quiz/smile-0.svg)}.foodQuizResult .index a.score1:before{background-image:url(/img/voedsel-quiz/smile-1.svg)}.foodQuizResult .index a.score2:before{background-image:url(/img/voedsel-quiz/smile-2.svg)}.foodQuizResult .index a.score3:before{background-image:url(/img/voedsel-quiz/smile-3.svg)}.foodQuizResult .index a.score4:before{background-image:url(/img/voedsel-quiz/smile-4.svg)}.foodQuizResult .index a.score5:before{background-image:url(/img/voedsel-quiz/smile-5.svg)}.foodQuizResult .foodQuizHero .score{display:flex;justify-content:center;max-width:205px;position:relative;height:317px;width:100%}.foodQuizResult .foodQuizHero .score>.badge{position:absolute;-moz-animation:badgeJump 4s infinite ease-in-out;-webkit-animation:badgeJump 4s infinite ease-in-out}.foodQuizResult .foodQuizHero .score>.badge>span{font-size:46px;color:#45360B;font-weight:bold;position:absolute;margin-top:90px;display:flex;justify-content:center;width:100%}.foodQuizResult .foodQuizHero .score>.badge>img{width:100%}.foodQuizResult .foodQuizHero .score>.shadow{position:absolute;bottom:-30px;height:18px;border-radius:100%;left:0;background:transparent;width:100%;opacity:1;margin-left:-205px;pointer-events:none;-moz-animation:badgeShadow 4s infinite ease-in-out;-webkit-animation:badgeShadow 4s infinite ease-in-out}@-moz-keyframes badgeJump{0%{top:-20px}50%{top:0}100%{top:-20px}}@-webkit-keyframes badgeJump{0%{top:-20px}50%{top:0}100%{top:-20px}}@-moz-keyframes badgeShadow{0%{opacity:.3;box-shadow:205px 0 30px rgba(0,0,0,.2)}50%{opacity:.6;box-shadow:205px 0 10px rgba(0,0,0,.3)}100%{opacity:.3;box-shadow:205px 0 30px rgba(0,0,0,.2)}}@-webkit-keyframes badgeShadow{0%{opacity:.3;box-shadow:205px 0 30px rgba(0,0,0,.2)}50%{opacity:.6;box-shadow:205px 0 10px rgba(0,0,0,.3)}100%{opacity:.3;box-shadow:205px 0 30px rgba(0,0,0,.2)}}.foodQuizResult .boxTop{margin-top:80px;overflow:visible;margin-bottom:0}.foodQuizResult .boxTop:first-child{margin-top:0}.foodQuizResult .boxTop>hr:first-child{display:none}.foodQuizResult .boxTop>.box>img{max-width:72px;margin-top:-33px;margin-left:-42px}.foodQuizResult .boxTop>.box>.title{margin-left:16px}.mainContent.box.exceptions{margin-bottom:60px}.exceptions .exception>section{background-color:#FDC}.exceptions .exception>section.tip .left::after{display:none}.exceptions .exception>section .right{background-color:#FFEDE2;flex-direction:column;padding:20px}.exceptions .exception>section .right>h3{font-size:30px;margin-top:8px;margin-bottom:25px;width:100%}.exceptions .exception>section .right>p{margin-bottom:17px}.exceptions .exception>section~.moreBox>section,.exceptions .exception>section~.moreBox>section.tip>.right{background-color:#FFEDE2}.exceptions .exception>section~.moreBox>section.tip{background-color:#FDC}section.tip .right{flex-direction:column}section.tip .right p{margin:17px 0}.expert{overflow:visible;max-width:1000px;margin:0 auto;scroll-margin-top:120px}.mainCenter .expert.explanation{margin-bottom:60px}.expert .text p{margin-top:0;font-style:italic}.expert .text p>small{font-size:15px}.expert .text p>a{font-style:italic}.expert .text p>span{cursor:pointer;color:#FF5722}.rs-container{position:relative}.rs-container .rs-bg,.rs-container .rs-selected{background-color:#fdfdfd;height:10px;left:0;position:absolute;top:5px;width:100%;border-radius:0 15px 15px 0}.rs-container .rs-selected{background-color:#37b591;transition:all .2s linear;width:0}.rs-container .rs-scale{left:0;position:absolute;top:5px;white-space:nowrap}.rs-container .rs-scale span{float:left;position:relative}.rs-container.rs-noscale span:first-child::before,.rs-container.rs-noscale span:last-child::before{display:block}.rs-container.rs-noscale span::before{display:none}.rs-container .rs-scale span::before{background-color:#e6e6e6;content:"";height:8px;left:0;position:absolute;top:10px;width:1px}.rs-container .rs-scale span ins{display:inline-block;font-size:15px;margin-top:13px;text-decoration:none;transition:opacity .2s ease}.rs-container .rs-scale span ins>i{font-style:normal}.rs-container .rs-scale span:last-child{margin-left:-1px;width:0!important}.rs-container .rs-pointer{background-image:url(/img/apple.svg);background-repeat:no-repeat;background-size:contain;background-position:center center;cursor:pointer;height:60px;left:-10px;position:absolute;top:-24px;width:60px;transition:all .2s linear;z-index:9}.estimation .rs-container .rs-selected,.estimation .rs-container .rs-pointer{transition:none}.rs-container .rs-tooltip{position:absolute;bottom:-38px;background-color:#fdfdfd;padding:2px 10px;border-radius:15px;min-width:max-content;text-align:center;left:50%;transform:translate(-50%,0)}@media screen and (min-width:881px){.intro.quiz>.bottom{position:relative;z-index:2}.intro.quiz>.content .map img.image{z-index:4}.intro.quiz>.form{padding:0 350px 0 30px}.intro.quiz .textArrowQuiz{margin-top:0;padding:20px 0 15px 38px;position:relative;background-color:#f4f9fd;z-index:3}.intro.quiz .textArrowQuiz>img{top:43px}}@media screen and (min-width:320px) and (max-width:1300px){#foodQuiz .light.left,#foodQuiz .light.right{display:none}}@media screen and (min-width:1060px){.foodQuizResult>.mainCenter{display:none}}@media screen and (min-width:320px) and (max-width:1060px){.foodQuizResult .container{flex-direction:column;width:100%}.foodQuizResult .mainRight{display:block;width:100%;max-width:100%;padding-left:0;min-width:inherit;margin-bottom:-75px}.foodQuizResult .mainRight .match,.foodQuizResult .mainRight .col:not(.sticky){display:none}}@media screen and (min-width:320px) and (max-width:1035px){#foodQuiz .question.introduction{margin-left:0}#foodQuiz .question.introduction>.image,#foodQuiz .question.introduction:after{display:none}}@media screen and (min-width:320px) and (max-width:730px){.foodQuizHero{flex-direction:column;gap:60px}}@media screen and (min-width:320px) and (max-width:880px){.intro.quiz>.bottom{position:relative;z-index:5}}@media screen and (min-width:320px) and (max-width:800px){#foodQuiz .question .image{display:none}#foodQuiz .questions.start{padding:0;margin-left:0}}@media screen and (min-width:620px){#foodQuiz .question.introduction h1{font-size:20px;text-align:left}}@media screen and (min-width:320px) and (max-width:620px){#foodQuiz{background-color:rgba(245,249,248,1)}#foodQuiz .questions{margin:auto;margin-top:0;height:100%;width:100%;background-color:rgba(245,249,248,.8);left:0;transition:transform .8s linear;will-change:transform}#foodQuiz .question{padding:25px;border-radius:0;margin-bottom:0;height:100%;margin-top:0;background-color:transparent;overflow-y:auto;overflow-x:hidden}#foodQuiz>.svg>svg{margin-bottom:-310px;min-width:1750px}#foodQuiz>.svg>svg>g:not(#svgItems){display:none}#foodQuiz #svgItems{transform:translate(-70px,52px)}#foodQuiz .boxTop{margin:30px 0 30px 0;width:calc(100% + 100px);margin-left:-50px}#foodQuiz .boxTop>hr:first-child{display:block!important}#foodQuiz .question:not(.introduction) .questionMark>.mark{position:absolute;top:25px;right:25px}#foodQuiz .questionMark>.content{max-width:100%;right:0;bottom:0;height:100%;display:flex;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}#foodQuiz .questionMark>.content.show{opacity:1!important;pointer-events:all}#foodQuiz .questionMark>.content .icon{display:block;position:absolute;top:18px;right:18px;cursor:pointer;font-size:18px;color:#fff}#foodQuiz .questionMark>.content>.inner{margin:0 10px;position:relative;padding-top:42px}#foodQuiz .questionMark>.mark:hover~.content{opacity:0}#foodQuiz #progress>.bar>span{display:none}#foodQuiz .questions.start>.question>h1,#foodQuiz .question.introduction>.top h1{margin-top:20px}#foodQuiz .questions.start .buttons{margin-top:0}#foodQuiz .questions.start .question>p:last-of-type>span{display:none}.foodQuizResult .boxTop>.box>img{margin-left:-34px}#foodQuiz .sliderBar{padding-right:26px}#foodQuiz .sliderBar:after{display:block;width:26px;background-color:#fdfdfd;left:auto;right:0;border-radius:0 15px 15px 0}.foodQuizResult .foodQuizHero .score{display:none}#foodQuiz .question .btn.prev{position:relative;left:0;top:0;transform:none}#foodQuiz .question label.check{width:100%}}@media screen and (min-width:320px) and (max-width:575px){.expert{flex-wrap:wrap}.expert .image{margin:auto}#foodQuiz .answers>label.textOnly{min-width:100%}}@media screen and (min-width:320px) and (max-width:460px){#foodQuiz .btn.next>span{display:none}#foodQuiz .question .btn{padding:10px 30px 10px 30px}}@media screen and (min-width:320px) and (max-width:440px){.exceptions .exception>section~.moreBox>section{margin-left:0}}@media screen and (min-width:320px) and (max-width:380px){.intro.quiz>.content .map{display:none}.intro.quiz>.content{padding:15px}}@media screen and (min-width:320px) and (max-width:360px){#foodQuiz .question .btn{width:100%}}@media screen and (max-height:1050px) and (min-width:620px) and (max-width:1900px){#foodQuiz>.svg>svg{margin-bottom:-386px}}@media screen and (max-height:1050px) and (min-width:2200px){#foodQuiz>.svg>svg{margin-bottom:-447px}}@media screen and (max-height:1050px) and (min-width:1900px) and (max-width:2200px){#foodQuiz>.svg>svg{margin-bottom:-20.3%}}@media screen and (max-height:830px) and (min-width:620px){#foodQuiz .questions{margin-top:80px}}@media screen and (max-height:730px) and (min-width:620px){#foodQuiz>.lights{opacity:0}}@media screen and (max-height:780px) and (min-width:620px){#foodQuiz .questions{margin-top:50px}}