body,html{padding:0;margin:0;-webkit-font-smoothing:subpixel-antialiased}body{font-size:16px;font-family:'Open Sans',sans-serif;line-height:1.4em;background-color:#fff;background-color:#b0c3d1;color:#000;color:#0d293e;-webkit-font-smoothing:subpixel-antialiased}.accentColor{color:#000;color:#1775b9}a img{border:0}h1,h2,h3{line-height:normal}h3.formMessage{margin:0;padding:0}h3.formMessage.error{padding:0 0 15px 0;color:tomato;color:#1775b9}h3#errorMessage{margin:0;padding:0;color:tomato;color:#1775b9}ul.questions{position:relative;margin:0;padding:0;text-align:left;white-space:nowrap;list-style-type:none;overflow:hidden;user-select:none}ul.questions h3{white-space:normal}ul.questions li{width:100%;display:inline-block;vertical-align:top}ul.answers{list-style-type:none;margin:0;padding:0;width:100%;white-space:normal}ul.answers li{display:block;float:left;width:50%;padding-right:7.5px;margin-top:15px;box-sizing:border-box}ul.answers li a{cursor:pointer}ul.answers li:nth-child(even){padding-left:7.5px;padding-right:0}.setting-eye{position:fixed;right:40px;top:40px;z-index:10;opacity:0;transform:translate(200px,0);transition:opacity .5s,transform .8s cubic-bezier(.12,.98,.3,1)}.setting-eye.init{opacity:1;transform:translate(0,0)}.setting-eye .blue-eye{background-color:#2a9ed8;box-shadow:2px 1px 7px rgba(0,0,0,.3);border-radius:50%;height:100px;width:100px;text-align:center;line-height:115px;padding:0}.setting-eye .blue-eye img{left:1px;position:relative;top:9px;width:45px}.afterForm{display:none!important}.clear{clear:both}div.form{background:#efefef;padding:15px}div.form .inputLabel,div.form div.termsConditionsLabel,div.form label{display:block;position:relative;padding:0;margin:0 0 5px 0;text-align:left}div.form label{top:50%}div.form label{font-weight:700;font-size:.9em;transition:color .4s ease}div.form div.termsConditionsLabel a{text-decoration:underline}div.form div.termsConditionsLabel a{text-decoration:underline;color:#0d293e}div.form .inputLabel{display:block;height:35px;margin:0 0 15px 0}div.form .inputLabel span{position:relative;display:inline-block;width:28%;top:50%;float:left;padding-right:10px;box-sizing:border-box;overflow:hidden;transform:translate(0,-50%)}div.form .inputLabel input{width:72%;height:35px;padding:5px;float:left;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:inset 0 0 2px #efefef;box-sizing:border-box;outline:0;font-size:16px;font-family:'Open Sans',sans-serif;color:#000;color:#0d293e;transition:border-bottom .25s ease}div.form .inputLabel input:focus{box-shadow:inset 0 0 2px #ccc;border:1px solid rgba(0,0,0,.25)}div.form .inputLabel input.city,div.form .inputLabel input.streetName{width:35%}div.form .inputLabel input.postalCode{width:24%;margin:0 3px 0 0}div.form .inputLabel input.houseNumber{width:13%;margin:0 3px 0 0}div.form .inputLabel input.houseNumberAdd{width:13%}div.form .inputLabel input.city{float:right}div.form .inputLabel input.birthday{width:15%;margin:0 3px 0 0;text-align:center}div.form .inputLabel.radio{margin-bottom:0;height:auto}div.form .inputLabel.radio span{height:40px;top:0;transform:none}div.form label.radioLabel{display:inline-block;padding-right:15px}div.form label.radioLabel input{width:auto;height:auto;padding:0;float:none;background:initial;border:initial;border-radius:initial;box-shadow:initial;box-sizing:initial;outline:initial}div.form div.error span,div.form div.termsConditionsLabel.error,div.form label.error span{color:#1775b9}div.form div.error span.noError,div.form label.error span.noError{color:#0d293e}div.form div.error input,div.form label.error input{background:rgba(255,0,0,.05);border:1px solid #ba8a82}div.form div.error input.noError,div.form label.error input.noError{background:#fff;border:1px solid rgba(0,0,0,.15)}div.form select{position:relative;top:5px;font-size:16px}div.form .textLabel{display:block;margin:15px 0}a.toTermsAndConditions{cursor:pointer;text-decoration:underline}a.toPrivacyPolicy{cursor:pointer;text-decoration:underline}div#__EUNotice{display:block;position:fixed;top:0;width:100%;padding:15px;background-color:#ffffff;box-shadow:0 0 6px rgba(0,0,0,.2);box-sizing:border-box;font-size:16px;z-index:9999}div#__EUNotice p{margin:0;padding:0;color:@(quizLayout_textColor)}div#__EUNotice a.__EUNotice--okBtn{display:inline-block;padding:0 25px;height:40px;float:right;background-color:#1775b9;border-radius:20px;white-space:nowrap;text-align:center;text-decoration:none;line-height:38px;color:#fff;transition:opacity .3s ease-out 0s}div#__EUNotice a.__EUNotice--okBtn:hover{opacity:.8}@media screen and (max-width:600px){div#__EUNotice p{display:block}div#__EUNotice a.__EUNotice--okBtn{display:block}}@media screen and (max-width:530px){div.form .inputLabel{display:block;margin:0 0 8px 0;height:auto}div.form .inputLabel span{position:relative;display:block;width:100%;top:0;float:none;padding:0;transform:none}div.form .inputLabel.radio{margin-bottom:0;height:auto}div.form .inputLabel.radio span{height:auto;top:0;transform:none}div.form .inputLabel input{width:100%;float:none}div.form .inputLabel input.city,div.form .inputLabel input.streetName{width:49%}div.form .inputLabel input.postalCode{width:44%;margin:0 3px 0 0}div.form .inputLabel input.houseNumber{width:20%;margin:0 3px 0 0}div.form .inputLabel input.houseNumberAdd{width:20%}div.form .inputLabel input.birthday{width:25%}div.form .textLabel{display:block;margin:8px 0}}.cookieWrapper{position:fixed;width:100vw;height:100vh;background-color:rgba(100,100,100,.9);top:0;left:0;pointer-events:all;z-index:9;display:none}@media only screen and (min-width:600px){.cookieWrapper>div{margin:40px;text-align:center;text-align:-webkit-center;text-align:-moz-center;justify-content:center;display:flex}}.coockieWrapper .cookieHeaderLogo{max-height:100px;margin:20px}.cookieWrapper.visible{display:block}.cookieContainer{position:relative;overflow:auto;margin-top:10px;max-height:80vh;max-width:96%;left:2%;background:#fff;-moz-box-shadow:0 0 13px #ccc;-webkit-box-shadow:0 0 13px #ccc;box-shadow:0 0 13px 5px #999;text-align:left}@media only screen and (min-width:600px){.cookieContainer{max-width:560px}}.cookieHeaderLogo{position:relative;min-width:80%;text-align:center}.cookieHeaderLogo img{max-height:100px}.cookieHeader{height:65px;background-color:#efefef;border-bottom:3px solid #1775b9;text-align:center;display:flex;justify-content:left;padding-left:20px;font-size:120%}@media only screen and (max-width:600px){.hideOnMobile{display:none}}@media only screen and (min-width:600px){.hideOnDesktop{display:none}}@media only screen and (max-width:600px){.cookieHeader h2{font-size:100%}.cookieContent{font-size:80%}}.cookieContent{margin-left:20px;margin-right:20px}.cookieButtonWrapper{margin-left:20px;margin-bottom:20px;padding-top:20px}.cookieButton{border-radius:4px;display:inline-block;background-color:#1775b9;color:#fff;padding-left:35px;padding-right:35px;padding-top:15px;padding-bottom:15px;text-align:center;font-weight:bolder;user-select:none}.cookieButton:hover{opacity:.7;cursor:pointer}.cookieButton:active{opacity:.9;cursor:pointer}.answerSummary{display:grid;grid-template-columns:auto auto;gap:1rem;background:#efefef;padding:15px;overflow-x:hidden}.answerSummary .question{text-align:right;max-width:75%}.answerSummary .answer.good{color:green;text-align:left;max-width:75%}.answerSummary .answer.wrong{color:red;text-align:left;max-width:75%}
body,html{min-height:100%;-webkit-font-smoothing:subpixel-antialiased}body{background-image:url('img/f267e0fc7f@2x.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;-webkit-font-smoothing:subpixel-antialiased}.wrapper{margin:0 auto;max-width:600px;padding:15px;display:none}#landing.offline{visibility:hidden}#landingoffline.showOffline{z-index:1000;top:0;bottom:0;left:0;right:0;position:fixed;display:flex;justify-content:center;align-items:center;max-width:unset;pointer-events:all;background-color:#ffffffcc}#landingoffline .offlineContent{background:#fff;padding:1em;border-radius:.5rem;font-size:1.5em;line-height:2em}.wrapper.showingTopBanner{padding-top:149px}.dropShadow{box-shadow:0 2px 8px rgba(0,0,0,.2)}hr{height:1px;border:0;margin:15px 0;background:#0d293e;opacity:.2}nav{position:relative;padding:10px 15px;background:#fff;background:#ffffff;text-align:center;transform:translate(0,-110%);animation-duration:.6s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12,0.78,0.41,1.0);user-select:none}nav.showsButtons{padding:10px 40px}.wrapper.bottomIn nav,.wrapper.topIn nav{animation-name:animateNavIn}.wrapper.bottomIn.bottomOut nav,.wrapper.bottomIn.topOut nav,.wrapper.bottomOut nav,.wrapper.topIn.bottomOut nav,.wrapper.topIn.topOut nav,.wrapper.topOut nav{animation-name:animateNavOut}nav h2{margin:0;font-size:1.33em;font-weight:300}nav h2 img{max-height:50px}nav button{position:absolute;top:50%;height:40px;min-width:40px;margin-top:-21px;background:0 0;border:0;font-family:'Open Sans',sans-serif;font-size:.8em;font-weight:600;text-transform:uppercase;color:#1775b9;cursor:pointer;outline:0}nav button.previousQuestion{left:0}nav button.nextQuestion{right:0}nav button svg{position:relative;top:4px;height:25px;fill:#1775b9;transition:transform .25s ease}nav button.previousQuesion:active svg{transform:translate(-3px,0)}nav button.nextQuesion{display:none;opacity:0}nav button.nextQuesion:active svg{transform:translate(3px,0)}.animate{animation-duration:.6s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12,0.78,0.41,1.0)}.wrapper.topIn .animate{animation-name:animationFromTop}.wrapper.bottomIn.topOut .animate,.wrapper.topIn.topOut .animate,.wrapper.topOut .animate{animation-name:animationToTop}.wrapper.bottomIn .animate{animation-name:animationFromBottom}.wrapper.bottomIn.bottomOut .animate,.wrapper.bottomOut .animate,.wrapper.topIn.bottomOut .animate{animation-name:animationToBottom}.framework{position:relative;padding:15px;margin:30px 0;background:#fff;background:#ffffff;text-align:center;opacity:0}.wrapper[data-questions]{padding-right:0;padding-left:0;padding-bottom:0;max-width:960px}.framework img{max-width:100%}.framework h1{margin:0;padding:15px 0;font-weight:300;font-size:3em;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#learnable button,.framework button{display:inline-block;padding:0 40px;height:44px;margin:15px 0;border:2px solid;border-radius:22px;font-family:'Open Sans',sans-serif;line-height:40px;font-size:22px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;user-select:none;outline:0}#learnable button:hover,.framework button:hover{background-color:transparent}#learnable button.back,.framework button.back{padding:0;width:44px}#learnable button.back svg,.framework button.back svg{transform:rotate(270deg)}button.back:hover{transform:scale(1.1,1.1)}#learnable button svg,.framework button svg{position:relative;top:2px;width:20px;height:20px;fill:#fff}.framework .timeRemaining{position:absolute;width:100%;top:-3px;left:0;height:3px;background:#fff;background:#ffffff}.framework .timeRemaining span{display:block;height:3px;width:0;background:#000;background:#1775b9;transition:width .9s ease}h1.progressionIndicator{padding:0 15px;margin:15px 0 -15px 0;font-weight:700;font-size:1.5em;line-height:2em;color:#fff;color:#ffffff;text-shadow:0 0 10px rgba(0,0,0,.5);text-align:right;user-select:none}h1.progressionIndicator span{font-size:2em}ul.questions h3{margin:0;padding:0 0 10px 0;font-size:2.3 em}ul.questions p{margin:0;padding:0}ul.questions div.questionHead{white-space:normal}ul.questions div.questionHead:after{content:"";display:block;width:100px;height:2px;background:#ccc;margin:15px 0}ul.questions div.questionHead img{float:left;border-radius:5px;margin-right:15px;margin-bottom:15px}ul.answers.noImages li{float:none;width:auto;padding:0;border-bottom:2px solid rgba(0,0,0,.1);border-radius:2px}ul.answers.noImages li.wasHit{border-bottom:2px solid #1775b9}ul.answers.noImages li .noImg h4{padding:5px 0;background:0 0;text-align:left}ul.answers.noImages li .noImg:after{content:'\203A';float:right;font-size:2em;opacity:.5}ul.answers li div.media{position:relative;width:100%;padding:0;background-position:center;background-size:cover;background-color:transparent;border-radius:5px;overflow:hidden;box-sizing:border-box;display:flex;flex-flow:row;align-items:center;justify-content:center}ul.answers li div.answerLetter{border-radius:50%;width:24px;height:24px;min-width:24px;max-width:24px;flex-schrink:0;flex-grow:0;display:none;justify-content:center;align-items:center;margin:0;flex-flow:row;padding:0;background-color:red;color:#fff;font-weight:bolder}ul.answers.useLetters li div.answerLetter{display:flex}ul.answers.useLetters h4{margin-left:1em}ul.answers.hasImages li div.media img{width:100%;height:auto;border-radius:5px}ul.answers.hasImages li.wasHit .media:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#1775b9;border-radius:8px;opacity:.5}ul.answers li{position:relative}ul.answers li h4{position:absolute;bottom:0;margin:0;padding:15px;width:100%;font-weight:400;font-size:1.2 em;text-align:center;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box;background:#000;background:rgba(0,0,0,.5);background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));color:#fff;z-index:2}ul.answers li .imgWrap{display:block;width:100%;height:345px;background-position:center;background-size:cover}ul.answers li h4.noTitle{background:0 0}ul.answers li .noImg h4{position:relative;background:rgba(0,0,0,.1);border-radius:5px;color:#0d293e}ul.answers li .noImg .imgWrap{display:none}ul.answers li .noImg img{height:30px;opacity:0}ul.answers li{transition:transform .25s cubic-bezier(.54, 1.46, 1, .9),opacity .25s ease}ul.answers li:hover{opacity:.9;transform:translate(0,-2px)}ul.answers.hasImages li h4{padding:30px 15px 15px 15px}ul.answers.hasImages li .noImg h4{padding:15px}li.question{animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12,0.78,0.41,1.0)}li.question.animateIn{animation-name:animationFromRight}li.question.animateIn.backwards{animation-name:animationFromLeft}li.question.animateOut{animation-name:animationToLeft}li.question.animateOut.backwards{animation-name:animationToRight}ul.social{display:block;width:100%;margin:0;padding:0;list-style-type:none;text-align:center}ul.social li{width:10%;max-width:50px;padding:2.5%;margin:0;display:inline-block;cursor:pointer}ul.social li svg{fill:#0d293e;opacity:.5;transition:fill .25s linear,opacity .25s linear}ul.social li.facebook:hover svg{fill:#3f5ba0;opacity:1}ul.social li.twitter:hover svg{fill:#75cff5;opacity:1}ul.social li.pinterest:hover svg{fill:#B9031D;opacity:1}ul.social li.googleplus:hover svg{fill:#CE3530;opacity:1}ul.social li.instagram:hover svg{fill:#CE3530;opacity:1}#grade,#points,#score{font-size:5em;line-height:1em}#learnableBox{position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(5px);z-index:-2;opacity:0;transition:opacity .5s ease}#learnableBox #learnable{position:relative;padding:15px;margin:0 auto;max-width:600px;top:50%;background-color:#fff;background-color:#ffffff;box-shadow:0 2px 5px #ccc;box-shadow:0 2px 5px rgba(0,0,0,.15);text-align:center;transform:translate(0,0);transition:transform .5s ease}#learnable img{max-width:100%}#learnableBox.visible #learnable{transform:translate(0,-50%)}#learnableBox.visible{z-index:1;opacity:1}div.bannerHolder{position:absolute;top:0;left:0;width:100%}.bannerBlock{width:auto;height:auto;text-align:center}.bannerBlock div{margin:0 auto}.bannerBlock.top{position:relative;display:inline-block;margin:20px 0;width:100%}.bannerBlock.left{float:left;width:300px;margin-left:20px;margin-top:15px}.bannerBlock.right{float:right;width:300px;margin-right:20px;margin-top:15px}.noTopBanner .bannerBlock.left,.noTopBanner .bannerBlock.right{margin-top:45px}.bannerBlock.bottom{position:relative;margin:20px 0;width:100%}.bannerHolder div.midSpace{width:2px;float:left}@media screen and (max-width:1650px){body.showingQuestions .bannerBlock.left,body.showingQuestions .bannerBlock.right{display:none}}@media screen and (max-width:1260px){body{padding-bottom:300px}.bannerBlock.left,.bannerBlock.right{float:none;width:300px;margin-right:20px;margin-top:15px;position:absolute;bottom:-250px;left:50%;margin-left:-150px}body.showingQuestions .bannerBlock.left,body.showingQuestions .bannerBlock.right{display:block}}@media screen and (max-width:1000px){ul.answers li .imgWrap{height:34.5vw}}@media screen and (max-width:800px){ul.questions h3{font-size:1.6 em}ul.answers li h4{font-size:1 em}}@keyframes animationFromTop{0%{transform:translate(0,-40px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes animationToTop{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,-40px);opacity:0}}@keyframes animationFromBottom{0%{transform:translate(0,40px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes animationToBottom{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,40px);opacity:0}}@keyframes animationFromLeft{0%{transform:translate(-40px,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes animationToLeft{0%{transform:translate(0,0);opacity:1}100%{transform:translate(-40px,0);opacity:0}}@keyframes animationFromRight{0%{transform:translate(40px,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes animationToRight{0%{transform:translate(0,0);opacity:1}100%{transform:translate(40px,0);opacity:0}}@keyframes animateNavIn{0%{transform:translate(0,-110%)}100%{transform:translate(0,0)}}@keyframes animateNavOut{0%{transform:translate(0,0)}100%{transform:translate(0,-110%)}}@media screen and (max-width:630px){.framework h1{font-size:2.5em}ul.questions div.questionHead{text-align:center}ul.questions div.questionHead:after{margin:15px auto}ul.questions div.questionHead img{float:none;border-radius:5px;max-width:100%}#learnable button,.framework button{padding:0 25px;font-family:'Open Sans',sans-serif;line-height:40px;font-size:19px}}#showconsent{position:fixed;min-height:100vh;height:100%;padding:1rem;top:0;text-align:center;width:100%;overflow:hidden;box-sizing:border-box;display:flex;justify-content:center;pointer-events:none}#showconsent .showconsentLink{cursor:pointer;text-decoration:underline;background-color:inherit;position:absolute;bottom:0;padding:1rem;pointer-events:all}