.grid:after,.h-nested--lg:after,.h-nested:after,.nested--lg:after,.nested:after,.question-wrapper:after,.row:after{display:table;content:"";clear:both}.nested{margin:-10px}.nested--lg{margin:-15px}.h-nested{margin:0 -10px}.h-nested--lg{margin:0 -15px}.col-padding,.grid .col-padding{padding:10px}.col-padding--xxl,.grid .col-padding--xxl{padding:30px}.col-padding--xl,.grid .col-padding--xl{padding:20px}.col-padding--lg,.grid .col-padding--lg{padding:15px}.col-padding--sm,.grid .col-padding--sm{padding:6px}.col-padding--xs,.grid .col-padding--xs{padding:3px}.col-padding>p:last-child,.grid .col-padding>p:last-child{margin-bottom:0}.show-md-and-up,.show-sm-only{display:none}@media (min-width:640px){.show-md-and-up{display:block}span.show-md-and-up,strong.show-md-and-up{display:inline}.hide-md-and-up{display:none}}@media (max-width:640px){.show-sm-only{display:block}span.show-sm-only,strong.show-sm-only{display:inline}.hide-sm-only{display:none}}.grid{list-style:none;display:block;padding:0;margin:0}.grid>li{padding:0;margin:0}@supports (display:flex){.flex-center,.flex-center--vcenter{justify-items:center;flex-wrap:wrap;display:flex}.flex-center--vcenter{align-items:center}.flex-center>[class*=col]{margin:0 auto;float:none}.flex-center .col-md-50{flex:0 0 100%}.flex-center .col-xs-50{flex:0 0 50%}@media (min-width:640px){.flex-center .col-md-50{flex:0 0 50%}}}[class^=col-md],[class^=col-sm],[class^=col-xs]{float:left}.col-md-50,.col-xs-100{width:100%}.col-xs-50{width:50%}.col-xs-40{width:40%}.col-xs-25{width:25%}.col-xs-20{width:20%}@media (min-width:640px){.col-md-50{width:50%;float:left}}.alert{border:1px solid #ccc;border-radius:8px}.alert--outline{border-color:rgba(174,201,11,.6)}input.input--block{width:100%}.input-readonly{pointer-events:none}.streetname{display:block;padding-bottom:12px;text-align:left}.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn--block{width:100%}.h3,h3{margin:5px 0 15px;line-height:36px;font-weight:300;font-size:21px}.h3.text--flat,h3.text--flat{line-height:28px;margin:6px 0}.h3:first-child,h3:first-child{margin-top:0}.h4,h4{font-weight:500;margin:0}.text--flat{margin-bottom:0}.text--bold{font-weight:700!important}.text--sm{font-size:.85em!important}.text--xs{font-size:.7em!important}.text--primary{color:#aec90b!important}.text--center{text-align:center}@media (max-width:960px){.text--center--md{text-align:center!important}}@media (max-width:960px){header{box-shadow:0 0 5px rgba(0,0,0,.3);padding:10px 74px;margin:-20px -20px 0;justify-items:center;align-items:center;position:relative;text-align:center;display:flex;z-index:3}header .backBtn{bottom:50%;transform:translateY(50%);position:absolute;display:block;color:inherit;left:20px}header .backBtn:before{transform:translateY(-50%);position:absolute;left:0;top:50%;margin-top:-2px}header .backBtn span{font-size:12px!important;line-height:1.25em;padding-left:20px;text-align:left;display:block;width:60px}header a{display:block;margin:auto}header a img{max-height:32px;display:block}}@media (min-width:960px){header{border-right:1px solid #ddd;top:0;bottom:0;left:0;background:#fff;position:fixed;width:240px;z-index:99}header .backBtn{top:14px;left:260px;white-space:nowrap;position:absolute;display:block;color:#fff}header a:not(.backBtn){border-bottom:1px solid #ddd;display:block}}.module__placeholder{border:1px dashed red;margin:16px 0;padding:16px}.eyetest .fa-info-circle{vertical-align:middle;margin-top:-.2em;font-size:1.3em;color:#666}.eyetest-header{display:none}@media (min-width:960px){.eyetest-header{background:#c2d461;background:linear-gradient(180deg,#c2d461,#afc818);box-shadow:0 2px 5px rgba(0,0,0,.25);position:relative;text-align:center;margin:0 -20px;display:block;color:#fff;z-index:2;padding:0}.eyetest-header .eyetest-header_title{line-height:32px;font-weight:300;font-size:32px;padding:0 0 2px}.eyetest-header .eyetest-header_title strong{font-size:1em}}.eyetest-navbar{background:#dbe4a3;margin:0 -20px 30px;color:#fff}@media (max-width:479px){.eyetest-navbar{margin:0 -20px 15px}}@media (min-width:740px){.eyetest-navbar{margin:0 -20px 50px}}.eyetest-navbar ul{justify-content:center;align-content:center;max-width:520px;padding:0 10px;margin:0 auto;display:flex}.eyetest-navbar ul li{padding:6px 2px 0;margin:0}.eyetest-navbar ul li .eyetest-navbar__item{border-bottom:2px solid transparent;border-top-right-radius:8px;border-top-left-radius:8px;padding:9px 11px 11px;float:left}.eyetest-navbar ul li .eyetest-navbar__item>div{line-height:18px;height:18px;width:18px}@media (max-width:479px){.eyetest-navbar ul li .eyetest-navbar__item{padding:10px 8px 12px}}.eyetest-navbar ul li .eyetest-navbar__item svg{vertical-align:middle;display:inline-block;max-height:18px;max-width:18px;width:100%}.eyetest-navbar ul li .eyetest-navbar__item svg path{fill:#fff!important}.eyetest-navbar ul li .eyetest-navbar__item svg polygon{stroke:#fff!important}.eyetest-navbar ul li .eyetest-navbar__item svg text{fill:#fff!important}.eyetest-navbar ul li .eyetest-navbar__item svg.svg-blind-spot path{stroke:#fff!important}.eyetest-navbar ul li .eyetest-navbar__item svg.svg-blind-spot ellipse{fill:#fff!important}.eyetest-navbar ul li.active .eyetest-navbar__item{background:#fff}.eyetest-navbar ul li.active .eyetest-navbar__item svg path,.eyetest-navbar ul li.active .eyetest-navbar__item svg text{fill:#000!important}.eyetest-navbar ul li.active .eyetest-navbar__item svg.svg-blind-spot path,.eyetest-navbar ul li.active .eyetest-navbar__item svg polygon{stroke:#000!important}.eyetest-navbar ul li.active .eyetest-navbar__item svg.svg-blind-spot ellipse,.eyetest-navbar ul li.done .eyetest-navbar__item svg path,.eyetest-navbar ul li.done .eyetest-navbar__item svg text{fill:#000!important}.eyetest-navbar ul li.done .eyetest-navbar__item svg.svg-blind-spot path,.eyetest-navbar ul li.done .eyetest-navbar__item svg polygon{stroke:#000!important}.eyetest-navbar ul li.done .eyetest-navbar__item svg.svg-blind-spot ellipse{fill:#000!important}.eyetest-overview{margin:16px auto 24px;max-width:640px;flex-wrap:wrap;display:flex}@media (max-width:580px){.eyetest-overview{margin:16px -10px 24px}}@media (max-width:480px){.eyetest-overview{margin:5px -5px}}.eyetest-overview li{flex:1 1 33.33%;padding:10px}@media (max-width:480px){.eyetest-overview li{padding:5px}}.eyetest-overview li .eyetest-overview__item{border:1px solid rgba(174,201,11,.3);text-align:center;border-radius:8px;display:block;padding:10px;height:100%}@media (max-width:480px){.eyetest-overview li .eyetest-overview__item{padding:10px 2px}}.eyetest-overview li .eyetest-overview__icon{text-align:center;line-height:22px;max-width:48px;height:42px;margin:auto;padding:8px}.eyetest-overview li .eyetest-overview__icon>div{vertical-align:middle;display:inline-block}.eyetest-overview li .eyetest-overview__icon svg{max-height:26px;display:block;width:100%}.eyetest-overview li .eyetest-overview__icon svg.svg-color-blindness path{fill:#000!important}.eyetest-overview li .eyetest-overview__title{font-size:11px}.eyetest-overview li:first-child .eyetest-overview__item{border:1px solid #aec90b}.eyetest-wrapper{position:relative}@media (max-width:480px){.eyetest-container{padding-bottom:0}}.eyetest-container .h3.text--flat{line-height:22px;margin-bottom:0;font-size:18px}.eyetest-container p:last-child{padding-bottom:5px}.eyetest-content{float:left;width:100%}.eyetest-content--xl{max-width:640px;margin:auto}.eyetest-content--lg{max-width:580px;margin:auto}.eyetest-content,.eyetest-content--md{max-width:500px;margin:auto}.eyetest-content--sm{max-width:420px;margin:auto}.eyetest-module{min-height:calc(100vh - 183px);min-height:calc(var(--vh, 1vh)*100 - 183px);padding-bottom:10px;margin-right:auto;margin-left:auto;max-width:420px}@media (min-width:640px) and (min-height:750px){.eyetest-module{height:500px;min-height:0}}.eyetest-bottom-navigation{max-width:420px;margin:auto}.eyetest-bottom-navigation>button:last-child{margin-bottom:10px}.eyetest-bottom-navigation__static{position:static}.eyetest-bottom-navigation__loader{opacity:0;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.99);transition:all .3s ease-in-out;position:absolute;z-index:9999;opacity:.99;padding:4px}@media (max-width:640px){.eyetest-bottom-navigation__loader{left:0}}.eyetest-bottom-navigation__loader img{transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;display:block;height:30px;margin:auto}.sharpness_wrapper{margin:20px auto 0;position:relative;max-width:360px;padding:100px;width:100%}@media (max-width:376px){.sharpness_wrapper{padding:80px}}.sharpness_wrapper .sharpness_image svg{max-width:150px;display:block;margin:auto}.sharpness_wrapper button.btn{position:absolute;padding:4px;height:38px;width:38px}.sharpness_wrapper button.btn.sharpness_top{left:50%;transform:translateX(-50%);top:20px}@media (max-width:376px){.sharpness_wrapper button.btn.sharpness_top{top:10px}}.sharpness_wrapper button.btn.sharpness_bottom{left:50%;transform:translateX(-50%);bottom:20px}@media (max-width:376px){.sharpness_wrapper button.btn.sharpness_bottom{bottom:10px}}.sharpness_wrapper button.btn.sharpness_left{top:50%;transform:translateY(-50%);left:20px}@media (max-width:376px){.sharpness_wrapper button.btn.sharpness_left{left:10px}}.sharpness_wrapper button.btn.sharpness_right{top:50%;transform:translateY(-50%);right:20px}@media (max-width:376px){.sharpness_wrapper button.btn.sharpness_right{right:10px}}.sharpness_wrapper button.btn svg{max-height:16px;max-width:16px;display:block;margin:auto;width:auto}.image-wrapper{text-align:center;margin:0 0 20px}.image-wrapper img{margin:auto}.eyetest_color-blindness .image-wrapper img{max-height:50vh;max-height:calc(var(--vh, 1vh)*50);height:320px}@media (max-width:376px){.eyetest_color-blindness .image-wrapper img{max-height:calc(var(--vh, 1vh)*40)}}.eyetest_blindspot .image-wrapper img{max-height:40vh;max-height:calc(var(--vh, 1vh)*40)}@media (max-width:376px){.eyetest_blindspot .image-wrapper img{max-height:calc(var(--vh, 1vh)*30)}}p+.image-wrapper{margin-top:20px}.field-of-view .image-wrapper *,.field-of-view .image-wrapper strong{font-size:14px!important}.field-of-view .image-wrapper img{height:100px}@media (max-width:640px) and (max-height:680px){.field-of-view .image-wrapper img{height:84px}}@media (max-width:480px) and (max-height:600px){.field-of-view .image-wrapper img{height:62px}}.question-wrapper{max-height:500px}.question-wrapper :-ms-input-placeholder{color:#666!important;opacity:1}.question-wrapper ::-ms-input-placeholder{color:#666;opacity:1}.question-wrapper ::-webkit-input-placeholder{color:#666;opacity:1}.question-wrapper ::-moz-placeholder{color:#666;opacity:1}.question-wrapper ::placeholder{color:#666;opacity:1}.privacy-waarborg{margin-top:30px;opacity:.75;height:40px;clear:both;float:left}.eyetest-results_toggle{position:relative}.eyetest-results_toggle .show-results{display:inline}.eyetest-results_toggle.active .show-results,.eyetest-results_toggle .hide-results{display:none}.eyetest-results_toggle.active .hide-results{display:inline}.eyetest-results_toggle svg{top:50%;transform:translateY(-50%);position:absolute;right:10px}.eyetest-results_toggle svg path{fill:#fff!important}.eyetest-results{margin:40px -20px 0;transition:all 1s;overflow:hidden;max-height:0;padding:0;opacity:0}.eyetest-results.active{max-height:1000vh;padding:32px 0;opacity:1}.result{position:relative;padding:20px}.result:not(:last-child):after{border-bottom:2px solid #ddd;left:20px;right:20px;position:absolute;display:block;content:"";bottom:0}@media (max-width:640px){.result:nth-last-child(2):after{border-bottom:0}}.result .result__header{margin:8px 0}.result .result__header .result__icon{border:1px solid #ddd;display:inline-block;border-radius:8px;text-align:center;margin-right:8px;line-height:17px;background:#fff;height:28px;padding:4px;width:29px}.result .result__header .result__icon div{display:inline-block;line-height:16px;height:16px;width:16px}.result .result__header .result__icon div svg{vertical-align:middle;display:inline-block;max-height:16px;max-width:16px}.result .result__header .result__icon div svg.svg-color-blindness path{fill:#000!important}.result .result__header .result__title{vertical-align:middle;display:inline-block}.result .result__content{padding-bottom:10px}.result .result__content>p:last-child{padding-bottom:0}.eyetest-footeritem{margin:32px -20px 0;padding:32px 24px}.eyetest-footeritem.bg--blue .block{padding:0}aside.social-share:not(:last-child){border-bottom:1px solid #e4e4e5}aside.social-share h3{margin-bottom:0}aside.social-share a{margin-top:7px!important;vertical-align:middle}aside.footer-links{padding-top:0}.show-print-only{display:none}.show-print-only .print-logo{margin-bottom:20px;font-weight:700}.show-print-only .print-logo img{margin-bottom:5px}@media print{.bg--results:before,.eyetest-footeritem,.eyetest-header,.eyetest-navbar,.eyetest-results .result:last-child,.eyetest-results_toggle,aside.footer-links,aside.social-share,header{display:none}#main.full-size{border:0}.show-print-only{display:block}.eyetest-content--md{max-width:600px}}.checkbox-tooltip{vertical-align:middle;display:inline-block;position:relative}.checkbox-tooltip input{position:absolute;opacity:.01;z-index:-1}.checkbox-tooltip input~.checkbox-tooltip__tooltip{z-index:-1;opacity:0;top:0}.checkbox-tooltip input:checked~.checkbox-tooltip__tooltip{opacity:1;z-index:9;top:100%}.checkbox-tooltip__icon{background:#979797;font-family:serif;border-radius:50%;line-height:1.2em;text-align:center;font-size:10px;cursor:pointer;font-size:1em;height:18px;width:18px;color:#fff}.checkbox-tooltip__icon .fa{font-size:14px!important}.checkbox-tooltip__icon:hover{background:#555}.checkbox-tooltip__tooltip{box-shadow:0 0 20px rgba(0,0,0,.1);transition:all .3s ease-in-out;border:1px solid #ccc;background:#f5f5f5;border-radius:7px;position:absolute;padding:8px 12px;max-width:360px;margin-top:10px;left:-10px;top:100%}.checkbox-tooltip__tooltip:before{border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #c5c5c5;position:absolute;content:"";left:12px;top:-7px;height:0;width:0}.checkbox-tooltip__tooltip:after{border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #f5f5f5;position:absolute;content:"";left:12px;top:-6px;height:0;width:0}.checkbox-tooltip.tooltip--left .checkbox-tooltip__tooltip{right:-10px;left:auto}.checkbox-tooltip.tooltip--left .checkbox-tooltip__tooltip:after,.checkbox-tooltip.tooltip--left .checkbox-tooltip__tooltip:before{right:12px;left:auto}.checkbox-tooltip__tooltip p{display:inline-block;white-space:nowrap;padding:0;margin:0}.checkbox-tooltip__tooltip[style] p{white-space:normal}#main.full-size{border-right:1px solid #ddd;padding:0 20px 0 260px;height:auto!important;margin:0!important;overflow:hidden;min-height:100%}@media (max-width:960px){#main.full-size{padding:20px 20px 10px}#main.full-size :not(h1):not(h2):not(h3):not(h4):not(.eyetest-overview__title){font-size:15px}}.typo3-adminPanel{margin-bottom:-45px!important;opacity:.05!important}.typo3-adminPanel:hover{margin-bottom:0!important;opacity:1!important}.inline-element{margin:10px 0 15px}.bg--grey{border-bottom:1px solid #ddd;border-top:1px solid #ddd;background:#f5f5f5}.bg--blue{background-color:#40b6e9;color:#fff}.bg--results{border-top:1px solid #ddd;background:#f9fbee;position:relative}.bg--results:before{background:#f9fbee;background:linear-gradient(0deg,#f8fbee,#e5e5e5);top:0;left:0;right:0;position:absolute;height:10px;content:""}legend{position:relative;font-weight:500}legend span{position:absolute;margin-right:5px;right:100%}span.errors{display:inline-block;font-style:italic;padding-top:2px;color:red}.text--left{text-align:left}.text--right{text-align:right}@media (max-width:960px){.text--center--md .btn{display:inline-block}}.break-100{margin:0 -100px}@media (max-width:640px){.eyetest-module .break-100{margin:0}}.break-150{margin:0 -150px}@media (max-width:640px){.eyetest-module .break-150{margin:0}}.social-share a,.social-share h3{vertical-align:middle;display:inline-block}.social-share a{margin:5px!important;vertical-align:top}.fade-enter,.fade-leave-to{opacity:0}.fade-enter{transform:translateX(100vw)}.fade-leave-to{transform:translateX(-100vw)}.fade-enter-active,.fade-leave-active{transition:all 1s}@media (max-width:640px){.fade-enter-active,.fade-leave-active{transition:all .6s}}.fade-enter,.fade-enter-to{top:0;left:0;right:0;position:absolute}[v-cloak]{display:none!important}.banner-block-text{padding:25px 20px!important;text-align:center!important;width:calc(100% - 50px)!important;max-width:unset!important;margin-bottom:unset!important;margin-left:25px!important;margin-right:25px;float:right}@media only screen and (min-width:880px){.banner-block-text{max-width:440px!important;margin-right:100px;width:100%!important;margin-left:unset!important}}@media only screen and (min-width:1200px){.banner-block-text{max-width:560px!important}}