html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}elements-of-type(html5-block){display:block}html{box-sizing:border-box;font-family:sans-serif;line-height:1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a{background:transparent}a:active,a:hover{outline:0}a img{border:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}svg{overflow:hidden}svg:root{overflow:visible}select{text-transform:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}a,div,img,span{-webkit-tap-highlight-color:transparent}button,html input[type="button"],html input[type="reset"],html input[type="submit"]{margin:0;padding:0;overflow:visible;font:inherit;line-height:normal;color:inherit;text-transform:none;border:0;background:none;cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button::-moz-focus-inner,html input[type="button"]::-moz-focus-inner,html input[type="reset"]::-moz-focus-inner,html input[type="submit"]::-moz-focus-inner{border:0;padding:0}@-webkit-keyframes zack-arm{0%{transform:rotate(7deg)}50%{transform:rotate(0deg)}100%{transform:rotate(7deg)}}@keyframes zack-arm{0%{transform:rotate(7deg)}50%{transform:rotate(0deg)}100%{transform:rotate(7deg)}}@-webkit-keyframes ose-arm{0%{transform:rotate(-7deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-7deg)}}@keyframes ose-arm{0%{transform:rotate(-7deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-7deg)}}@-webkit-keyframes ose-zoom{0%{transform:scale(0.9)}50%{transform:scale(1)}100%{transform:scale(0.9)}}@keyframes ose-zoom{0%{transform:scale(0.9)}50%{transform:scale(1)}100%{transform:scale(0.9)}}@-webkit-keyframes zack-zoom{0%{transform:scale(1)}50%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes zack-zoom{0%{transform:scale(1)}50%{transform:scale(0.9)}100%{transform:scale(1)}}@-webkit-keyframes rainbow{0%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}15%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}40%{-webkit-clip-path:circle(125px at 0 100px);clip-path:circle(125px at 0 100px)}75%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}100%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}}@keyframes rainbow{0%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}15%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}40%{-webkit-clip-path:circle(125px at 0 100px);clip-path:circle(125px at 0 100px)}75%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}100%{-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px)}}@font-face{font-family:'NotoSans';src:url("../fonts/Noto_Sans/NotoSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:'NotoSans-Bold';src:url("../fonts/Noto_Sans/NotoSans-Bold.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:'LondrinaSolid';src:url("../fonts/Londrina_Solid/LondrinaSolid-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}body,html{margin:0 0;height:100%;width:100%;overflow:hidden;-webkit-overflow-scrolling:touch}body{font-family:"NotoSans",sans-serif;font-size:16px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed}.page{position:relative;width:100%;height:100%;display:none}.page.visible{display:block}.main-container{position:relative;width:100%;height:100%}.box-button{font-size:13px;font-family:"NotoSans-Bold",sans-serif;text-transform:uppercase;padding:9px 10px;letter-spacing:.4px;color:#fff;position:relative;text-align:left;outline:none}.box-button:after{content:'';background:#000;height:4px;width:100%;position:absolute;bottom:-4px;left:0}.box-button[disabled]{pointer-events:none;opacity:.5}[data-theme="green"] .box-button{background-color:#279b87}[data-theme="blue"] .box-button{background-color:#559db1}[data-theme="violet"] .box-button{background-color:#8b96d5}[data-theme="red"] .box-button{background-color:#d87070}[data-theme="yellow"] .box-button{background-color:#a19132}.is-mouse-mode .box-button:hover{background-color:#fff;color:#331f09}.is-mouse-mode .box-button:hover .icon svg{fill:#331f09}.box-button.has-arrow-icon{padding-right:30px}.box-button .icon{position:absolute;top:50%;right:10px;transform:translateY(-46%);display:flex;width:13px}.box-button .icon:after{content:'';display:block;padding-top:91.66%}.box-button .icon svg{width:100%;fill:#fff;position:absolute;height:100%;transition:fill 0.3s ease-in-out}.bonus-button{position:relative;display:flex;flex-direction:row;justify-content:stretch;align-items:center;padding:10px 25px;margin:0 auto;background-color:#4b3419;color:#fff;outline:none;z-index:1;transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out}.bonus-button:after{content:'';background:#000;height:4px;width:100%;position:absolute;bottom:-4px;left:0}.bonus-button[disabled]{pointer-events:none}.bonus-button[disabled] .label-text--points,.bonus-button[disabled] .label-text--enabled{opacity:0;height:0}.bonus-button[disabled] .label-text--disabled{opacity:1;height:auto}.bonus-button .icon{background:transparent center center no-repeat;background-size:contain;margin-right:15px}.bonus-button.bonus-button--science .icon{width:40px;height:52px;background-image:url("../images/core/science-bonus@2x.png")}.bonus-button.bonus-button--science[disabled] .icon{background-image:url("../images/core/science-bonus-collected@2x.png")}.bonus-button.bonus-button--star .icon{width:48px;height:52px;background-image:url("../images/core/quiz-bonus@2x.png")}.bonus-button.bonus-button--star[disabled] .icon{background-image:url("../images/core/quiz-bonus-collected@2x.png")}.bonus-button .label{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;font-size:15px}.bonus-button .label-text{position:relative;display:inline-block}.bonus-button .label-text:after{content:'';width:100%;height:1px;position:absolute;bottom:-1px;left:0;background:#fff}.bonus-button .label-text--points{font-family:"LondrinaSolid";font-size:20px}.bonus-button .label-text--points:after{content:none}.bonus-button .label-text--disabled{opacity:0;height:0}.bonus-button .label-text--disabled:after{content:none}[data-theme="green"].is-tab-mode .bonus-button:focus,[data-theme="green"].is-tab-mode .bonus-button:hover,[data-theme="green"].is-mouse-mode .bonus-button:focus,[data-theme="green"].is-mouse-mode .bonus-button:hover{background-color:#279b87;color:#fff}[data-theme="blue"].is-tab-mode .bonus-button:focus,[data-theme="blue"].is-tab-mode .bonus-button:hover,[data-theme="blue"].is-mouse-mode .bonus-button:focus,[data-theme="blue"].is-mouse-mode .bonus-button:hover{background-color:#559db1;color:#fff}[data-theme="violet"].is-tab-mode .bonus-button:focus,[data-theme="violet"].is-tab-mode .bonus-button:hover,[data-theme="violet"].is-mouse-mode .bonus-button:focus,[data-theme="violet"].is-mouse-mode .bonus-button:hover{background-color:#8b96d5;color:#fff}[data-theme="red"].is-tab-mode .bonus-button:focus,[data-theme="red"].is-tab-mode .bonus-button:hover,[data-theme="red"].is-mouse-mode .bonus-button:focus,[data-theme="red"].is-mouse-mode .bonus-button:hover{background-color:#d87070;color:#fff}[data-theme="yellow"].is-tab-mode .bonus-button:focus,[data-theme="yellow"].is-tab-mode .bonus-button:hover,[data-theme="yellow"].is-mouse-mode .bonus-button:focus,[data-theme="yellow"].is-mouse-mode .bonus-button:hover{background-color:#a19132;color:#fff}@media (min-width: 600px){.box-button{font-size:15px;padding:11px 15px}.box-button .icon{width:15px;right:15px}.box-button.has-arrow-icon{padding-right:40px}}[data-cmp="navigation"]{display:flex;align-items:flex-start;justify-content:space-between;position:absolute;top:0;left:50%;transform:translate(-50%, 0);padding:17px 20px 0;width:100%;height:64px;z-index:2}[data-cmp="navigation"] .logo-wrapper{display:flex;flex-direction:column}[data-cmp="navigation"] .logo-wrapper .link-schule,[data-cmp="navigation"] .logo-wrapper .link-swr{outline:none;transition:transform 0.3s ease-in-out}[data-cmp="navigation"] .logo-wrapper .link-schule:hover,[data-cmp="navigation"] .logo-wrapper .link-swr:hover{transform:translateY(-3px)}.is-tab-mode [data-cmp="navigation"] .logo-wrapper .link-schule:focus,.is-tab-mode [data-cmp="navigation"] .logo-wrapper .link-swr:focus{outline:2px dashed #331f09}[data-cmp="navigation"] .logo-wrapper .link-schule{width:90px;height:26px}[data-cmp="navigation"] .logo-wrapper .link-swr{width:39px;height:26px}[data-cmp="navigation"] .logo-wrapper .logo-schule,[data-cmp="navigation"] .logo-wrapper .logo-swr{width:100%;height:100%}[data-cmp="navigation"] .icon-wrapper{display:flex;width:100%;height:26px;justify-content:flex-end;align-items:center}[data-cmp="navigation"] .icon-wrapper .science-bonus{padding:0 4px;height:100%;align-items:center;text-decoration:none;outline:none;display:none}[data-cmp="navigation"] .icon-wrapper .science-bonus.visible{display:flex}[data-cmp="navigation"] .icon-wrapper .science-bonus.is-collected .science-bonus-icon{background-image:url("../images/core/icon-science-collected.svg")}.is-tab-mode [data-cmp="navigation"] .icon-wrapper .science-bonus:focus{outline:2px dashed #331f09}[data-cmp="navigation"] .icon-wrapper .science-bonus-txt{font-family:"NotoSans-Bold",sans-serif;font-size:11px;padding:0 3px;color:#331f09;text-transform:uppercase;display:none}[data-cmp="navigation"] .icon-wrapper .science-bonus-icon{background-image:url("../images/core/icon-science.svg");background-repeat:no-repeat;background-position:center center;background-size:contain;width:17px;height:24px}[data-cmp="navigation"] .icon-wrapper .score-wrapper{font-family:"NotoSans-Bold",sans-serif;text-transform:uppercase;color:#fff;background-color:#331f09;transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;display:flex;flex-flow:row;align-items:center;margin:0 1vw;padding:0 4px;height:26px;outline:none}[data-cmp="navigation"] .icon-wrapper .score-wrapper.is-level{color:#331f09;background-color:#fff}[data-cmp="navigation"] .icon-wrapper .score-txt{font-size:11px;line-height:10px}[data-cmp="navigation"] .icon-wrapper .score-counter{font-family:"LondrinaSolid",sans-serif;font-size:15px;line-height:14px;text-align:center}[data-cmp="navigation"] .icon-wrapper .volume-wrapper{height:100%;padding:4px 1px;outline:none}.is-tab-mode [data-cmp="navigation"] .icon-wrapper .volume-wrapper:focus{outline:2px dashed #331f09}[data-cmp="navigation"] .icon-wrapper .volume-wrapper .volume-icon-unmuted,[data-cmp="navigation"] .icon-wrapper .volume-wrapper .volume-icon-muted{display:none;width:24px;content:url("../images/core/icon-sound-off.svg")}[data-cmp="navigation"] .icon-wrapper .volume-wrapper .volume-icon-unmuted{display:flex;content:url("../images/core/icon-sound-on.svg")}[data-cmp="navigation"] .icon-wrapper .volume-wrapper.muted .volume-icon-unmuted{display:none}[data-cmp="navigation"] .icon-wrapper .volume-wrapper.muted .volume-icon-muted{display:flex}[data-cmp="navigation"] .layer-menu-wrapper{margin-left:1vw;padding:6px 4px;display:flex;flex-direction:column}.is-tab-mode [data-cmp="navigation"] .layer-menu-wrapper:focus{outline:2px dashed #331f09}[data-cmp="navigation"] .menu-line{width:18px;height:2px;margin:4px 0 0;background-color:#331f09}[data-cmp="navigation"] .menu-line:first-child{margin:0}@media (min-width: 600px){[data-cmp="navigation"] .logo-wrapper{flex-direction:row}[data-cmp="navigation"] .logo-wrapper .link-schule{margin-right:20px}[data-cmp="navigation"] .icon-wrapper .science-bonus-txt{display:flex}[data-cmp="navigation"] .icon-wrapper .score-wrapper{margin:0 14px}[data-cmp="navigation"] .icon-wrapper .layer-menu-wrapper{margin-left:14px}}@media (min-width: 1280px){[data-cmp="navigation"]{align-items:center;padding:30px 60px 0;height:80px}[data-cmp="navigation"] .logo-wrapper{flex-flow:row}[data-cmp="navigation"] .logo-wrapper .link-schule{width:173px;height:50px;margin-right:40px}[data-cmp="navigation"] .logo-wrapper .link-swr{width:74px;height:50px}[data-cmp="navigation"] .icon-wrapper{height:50px}[data-cmp="navigation"] .icon-wrapper .science-bonus{height:50px}[data-cmp="navigation"] .icon-wrapper .score-wrapper{height:33px;padding:0 8px;margin:0 26px}[data-cmp="navigation"] .icon-wrapper .science-bonus-txt{font-size:15px;padding:2px 5px 0;display:flex}[data-cmp="navigation"] .icon-wrapper .science-bonus-icon{width:22px;height:29px}[data-cmp="navigation"] .icon-wrapper .score-txt{font-size:15px;line-height:14px}[data-cmp="navigation"] .icon-wrapper .score-counter{font-size:23px;line-height:22px}[data-cmp="navigation"] .icon-wrapper .volume-wrapper{height:50px;padding:10px 9px}[data-cmp="navigation"] .icon-wrapper .volume-wrapper .volume-icon-unmuted,[data-cmp="navigation"] .icon-wrapper .volume-wrapper .volume-icon-muted{width:31px}[data-cmp="navigation"] .layer-menu-wrapper{height:50px;padding:10px 13px;margin-left:26px}[data-cmp="navigation"] .menu-line{width:24px;height:3px;margin:0 0 5px}[data-cmp="navigation"] .menu-line:first-child{margin:5px 0 5px 0}}.footer{position:fixed;bottom:0;left:0;width:100%;height:17px;z-index:1;display:flex;justify-content:center;background-color:#331f09}.footer .footer-item{font-family:"NotoSans",sans-serif;font-size:13px;line-height:16px;color:#fff;text-decoration:none;outline:none}.is-tab-mode .footer .footer-item:focus{outline:1px dashed #fff}.footer .footer-item:not(:first-child){margin-left:15px}@media (min-width: 1280px){.footer{height:21px}.footer .footer-item{font-size:15px;line-height:21px}}[data-cmp="start-page"]{position:relative;width:100%;height:100%}[data-cmp="start-page"] .level-wrapper{position:relative;width:100%;height:100%;padding:64px 20px 17px;background:#f5e0ea url("../images/core/bg-start.svg") no-repeat center top;background-size:cover}[data-cmp="start-page"] .level-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5e0ea;opacity:0;visibility:hidden;transition:opacity 0.5s ease-out, visibility 0.5s ease-out}[data-cmp="start-page"] .level-wrapper.started:after{opacity:1;visibility:visible}[data-cmp="start-page"] .level-wrapper.started .level-container{height:calc(100% - 17px - 74px)}[data-cmp="start-page"] .level-wrapper.started .banner-container{opacity:1;visibility:visible}[data-cmp="start-page"] .level-wrapper.started .banner-wrapper{transform:translateY(0)}[data-cmp="start-page"] .level-wrapper .level-container{position:absolute;top:0;left:0;width:100%;background-color:#efeedb;background-image:url("../images/core/layer-corner-gfx-btm-left.svg"),url("../images/core/layer-corner-gfx-top-right.svg");background-position:0 100%, 100% 0;background-repeat:no-repeat, no-repeat;background-attachment:scroll, fixed;background-size:40%;z-index:1;height:0;transition:height 0.75s ease-in-out}[data-cmp="start-page"] .level-wrapper .level-box-wrapper{position:relative;width:100%;height:100%;max-width:768px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;-webkit-clip-path:polygon(0 64px, 100% 64px, 100% 100%, 0% 100%);clip-path:polygon(0 64px, 100% 64px, 100% 100%, 0% 100%)}[data-cmp="start-page"] .level-wrapper .level-box-inner{position:relative;height:380px;top:64px}[data-cmp="start-page"] .level-wrapper .level-box{position:absolute;width:146px;top:50%;left:50%;transform:translate(-50%, -50%)}[data-cmp="start-page"] .level-wrapper .level-box:after{content:"";display:block;padding-bottom:100%}[data-cmp="start-page"] .level-wrapper .level-box.level-1{transform:translate(-100%, -125%);z-index:1}[data-cmp="start-page"] .level-wrapper .level-box.level-1 .level-text{width:156px;-webkit-clip-path:polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0 50%);clip-path:polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0 50%)}[data-cmp="start-page"] .level-wrapper .level-box.level-2{transform:translate(0%, -85%)}[data-cmp="start-page"] .level-wrapper .level-box.level-3{transform:translate(-100%, -30%)}[data-cmp="start-page"] .level-wrapper .level-box.level-4{transform:translate(0%, 10%)}[data-cmp="start-page"] .level-wrapper .level-box .level-image{position:absolute;top:0;left:0;width:100%}[data-cmp="start-page"] .level-wrapper .level-box .level-image:hover+.level-text{color:#fff;background-color:#331f09}.is-tab-mode [data-cmp="start-page"] .level-wrapper .level-box .level-image:focus+.level-text{color:#fff;background-color:#331f09}[data-cmp="start-page"] .level-wrapper .level-box .level-button{position:absolute;top:15%;left:2.5%;width:95%;height:80%;outline:none}[data-cmp="start-page"] .level-wrapper .level-box .level-button:hover+.level-text{color:#fff;background-color:#331f09}.is-tab-mode [data-cmp="start-page"] .level-wrapper .level-box .level-button:focus+.level-text{color:#fff;background-color:#331f09}[data-cmp="start-page"] .level-wrapper .level-box .level-text{position:absolute;display:block;bottom:0;left:50%;width:126px;transform:translateX(-50%);font-family:"LondrinaSolid",sans-serif;font-size:21px;line-height:21px;text-align:center;padding:6px 0;outline:none;pointer-events:none;color:#331f09;background-color:#fff;-webkit-clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0 50%);clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0 50%);transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out}[data-cmp="start-page"] .level-wrapper .level-box .level-score{position:absolute;padding:4px 5px;bottom:-18px;left:50%;transform:translateX(-50%);background-color:#331f09;color:#fff;pointer-events:none;z-index:1;font-family:"NotoSans-Bold",sans-serif;font-size:10px;line-height:14px}[data-cmp="start-page"] .level-wrapper .level-box .level-score .score-amount{position:relative;top:2px;font-family:"LondrinaSolid";font-size:16px;line-height:12px}[data-cmp="start-page"] .level-wrapper .intro-container{position:relative;width:100%;max-width:600px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual{display:block;position:relative;width:100%;margin:-10px 0 15px}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual:after,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual:after{content:"";display:block;padding-bottom:75%}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual .visual-img,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .visual-img{position:absolute;opacity:0;transition:opacity 1s ease-in-out}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual .zack-ose,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .zack-ose{width:100%;top:0;left:50%;transform:translateX(-50%)}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual .txt-zack,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-zack{width:42.5%;max-width:303px;left:0;bottom:5%;transition-delay:0.25s}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual .txt-and,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-and{width:10%;max-width:76px;left:50%;transform:translateX(-50%);bottom:0;transition-delay:0.5s}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual .txt-ose,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-ose{width:42.5%;max-width:298px;right:1%;bottom:-5%;transition-delay:0.75s}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual.show-visual .visual-img,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual.show-visual .visual-img{opacity:1;visibility:visible}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual{display:none}[data-cmp="start-page"] .level-wrapper .intro-text{font-size:15px;line-height:22px;text-align:center;color:#331f09;max-width:560px;margin:0 auto 10px;visibility:hidden;opacity:0;transition:opacity .5s 0s, visibility 0s .5s}[data-cmp="start-page"] .level-wrapper .intro-text.is-visible{transition:opacity .5s 0s, visibility 0s 0s;visibility:visible;opacity:1}[data-cmp="start-page"] .level-wrapper .intro-button-wrapper{position:relative}[data-cmp="start-page"] .level-wrapper .intro-button{display:block;font-family:"NotoSans-Bold",sans-serif;font-size:14px;line-height:27px;letter-spacing:0.42px;padding:12px 34px;margin:0 auto 10px;box-shadow:0 4px 2px rgba(0,0,0,0.3);outline:none;color:#fff;background-color:#331f09;transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity .5s 0s, visibility 0s .5s;visibility:hidden;opacity:0;pointer-events:none}[data-cmp="start-page"] .level-wrapper .intro-button.is-visible{transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity .5s 0s, visibility 0s 0s;visibility:visible;opacity:1;pointer-events:auto}[data-cmp="start-page"] .level-wrapper .intro-button:hover{color:#331f09;background-color:#fff}.is-tab-mode [data-cmp="start-page"] .level-wrapper .intro-button:focus{color:#331f09;background-color:#fff}[data-cmp="start-page"] .level-wrapper .intro-button.intro-button--start{transform:translateY(-150%)}[data-cmp="start-page"] .level-wrapper .intro-button.intro-button--continue{position:absolute;top:0;left:50%;transform:translateX(-50%)}[data-cmp="start-page"] .level-wrapper .banner-container{position:absolute;left:0;bottom:17px;width:100%;height:124px;z-index:1;opacity:0;visibility:hidden;transition:opacity 0.5s ease-out, visibility 0.5s ease-out}[data-cmp="start-page"] .level-wrapper .banner-wrapper{position:relative;margin:0 auto;display:flex;flex-direction:row;justify-content:center;transform:translateY(100%);transition:transform 0.75s ease-out}[data-cmp="start-page"] .level-wrapper .banner-button{position:absolute;width:275px;height:100px;bottom:10px;left:50%;transform:translateX(-50%);outline:none}[data-cmp="start-page"] .level-wrapper .banner-button:hover+.banner-image,[data-cmp="start-page"] .level-wrapper .banner-button:hover ~ #banner-text{transform:translateY(-3px)}.is-tab-mode [data-cmp="start-page"] .level-wrapper .banner-button:focus{outline:2px dashed #331f09}[data-cmp="start-page"] .level-wrapper .banner-image{position:relative;width:140px;pointer-events:none;transition:transform 0.3s ease-in-out}[data-cmp="start-page"] .level-wrapper #banner-text{font-size:13px;line-height:18px;margin-top:75px;pointer-events:none;transition:transform 0.3s ease-in-out}[data-cmp="start-page"] .level-wrapper #banner-text .bold{font-family:"NotoSans-Bold",sans-serif}@media (min-height: 575px) and (max-width: 599px){[data-cmp="start-page"] .level-wrapper .level-box-inner{height:100%;top:50%;transform:translateY(-50%)}}@media (min-width: 600px){[data-cmp="start-page"] .level-wrapper .level-container{background-size:250px}[data-cmp="start-page"] .level-wrapper .level-box{width:200px}[data-cmp="start-page"] .level-wrapper .level-box .level-score{bottom:-21px;font-size:12px;line-height:16px}[data-cmp="start-page"] .level-wrapper .level-box .level-score .score-amount{font-size:18px;line-height:14px}[data-cmp="start-page"] .level-wrapper .level-box-inner{height:500px}}@media (min-width: 600px) and (min-height: 715px){[data-cmp="start-page"] .level-wrapper .level-box-inner{height:100%;top:50%;transform:translateY(-50%)}}@media (min-height: 740px) and (max-width: 1023px){[data-cmp="start-page"] .level-wrapper .intro-container{justify-content:center}}@media (min-width: 1024px){[data-cmp="start-page"] .level-wrapper .level-container{background-size:400px}[data-cmp="start-page"] .level-wrapper .level-box-inner{height:660px;top:0;transform:translateY(0)}[data-cmp="start-page"] .level-wrapper .level-box{width:270px}[data-cmp="start-page"] .level-wrapper .level-box.level-1{transform:translate(-50%, -100%)}[data-cmp="start-page"] .level-wrapper .level-box.level-1 .level-text{width:226px}[data-cmp="start-page"] .level-wrapper .level-box.level-2{transform:translate(35%, -58%)}[data-cmp="start-page"] .level-wrapper .level-box.level-3{transform:translate(-50%, -12.5%)}[data-cmp="start-page"] .level-wrapper .level-box.level-4{transform:translate(-135%, -58%)}[data-cmp="start-page"] .level-wrapper .level-box .level-button{left:7.5%;width:82.5%}[data-cmp="start-page"] .level-wrapper .level-box .level-text{width:156px;font-size:29px;line-height:29px}[data-cmp="start-page"] .level-wrapper .level-box .level-text:before,[data-cmp="start-page"] .level-wrapper .level-box .level-text:after{border-top-width:43px;border-bottom-width:43px;border-right-width:37px}[data-cmp="start-page"] .level-wrapper .level-box .level-text:after{border-left-width:37px}[data-cmp="start-page"] .level-wrapper .intro-container{max-width:700px}[data-cmp="start-page"] .level-wrapper .mobile-intro-visual{display:none}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual{display:block;margin:0 auto 10px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual:after{padding-bottom:66.67%}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .zack-wrapper,[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .ose-wrapper{position:absolute;width:100%;height:100%;transform:scale(1);-webkit-animation:zack-zoom 8s ease-in-out infinite;animation:zack-zoom 8s ease-in-out infinite}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .ose-wrapper{transform:scale(0.9);-webkit-animation:ose-zoom 8s ease-in-out infinite;animation:ose-zoom 8s ease-in-out infinite}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .zack-body{bottom:6%;left:1.4%;width:30.145%;opacity:1;visibility:hidden;transition:visibility 0.3s ease-in-out}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .zack-arm{bottom:40.5%;left:16.5%;width:19%;transform:rotate(7deg);transform-origin:top left;-webkit-animation:zack-arm 8s ease-in-out infinite;animation:zack-arm 8s ease-in-out infinite}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .rainbow{width:17.859%;bottom:50%;left:40.71%;-webkit-clip-path:circle(0px at 0 100px);clip-path:circle(0px at 0 100px);-webkit-animation:rainbow 8s ease-in-out infinite;animation:rainbow 8s ease-in-out infinite}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .ose-body{width:38.573%;bottom:0;right:3.56%;opacity:1;visibility:hidden;transition:visibility 0.3s ease-in-out}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .ose-arm{bottom:23.6%;right:30%;width:38%;transform:rotate(-7deg);transform-origin:top right;-webkit-animation:ose-arm 8s ease-in-out infinite;animation:ose-arm 8s ease-in-out infinite}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-zack{width:38.28%;bottom:5.4%;left:0}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-and{width:10.858%;left:48.57%}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-ose{width:37.86%;bottom:-3%;right:4%}[data-cmp="start-page"] .level-wrapper .intro-text{font-size:16px;line-height:23px;max-width:560px;margin:0 auto 15px}[data-cmp="start-page"] .level-wrapper .intro-button{font-size:20px;line-height:27px;letter-spacing:0.6px}[data-cmp="start-page"] .level-wrapper .banner-container{bottom:21px;height:157px;background:linear-gradient(transparent 37px, #f5e0ea 37px)}[data-cmp="start-page"] .level-wrapper .banner-button{width:310px;height:120px}[data-cmp="start-page"] .level-wrapper .banner-image{width:168px}[data-cmp="start-page"] .level-wrapper #banner-text{font-size:15px;line-height:20px;margin-top:85px}[data-cmp="start-page"] .level-wrapper #banner-text .bold{font-family:"NotoSans-Bold",sans-serif}}@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 745px){[data-cmp="start-page"] .level-wrapper .desktop-intro-visual{width:82.5%}}@media (min-width: 1024px) and (min-height: 760px){[data-cmp="start-page"] .level-wrapper .intro-container{justify-content:center}[data-cmp="start-page"] .level-wrapper .level-box-inner{height:100%;top:50%;transform:translateY(-50%)}}@media (min-width: 1280px){[data-cmp="start-page"] .level-wrapper{padding:80px 20px 21px}[data-cmp="start-page"] .level-wrapper.started .level-container{height:calc(100% - 21px - 120px)}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual{margin:0 auto 22px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual:after{padding-bottom:75%}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .zack-body{left:25px;bottom:70px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .zack-arm{left:130px;bottom:235px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .rainbow{bottom:275px;left:270px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .ose-body{width:290px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .ose-arm{bottom:160px;right:220px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-zack{width:303px;bottom:45px}[data-cmp="start-page"] .level-wrapper .desktop-intro-visual .txt-ose{width:298px;right:20px;bottom:-25px}}@media (min-width: 1280px) and (min-height: 850px){[data-cmp="start-page"] .level-wrapper .intro-container{justify-content:center}}[data-cmp="level-page"]{width:100%;height:100%}[data-cmp="game-stage"]{width:100%;height:100%;position:absolute;transition:background-color 1s}[data-theme="green"] [data-cmp="game-stage"]{background-color:#d3efe5}[data-theme="blue"] [data-cmp="game-stage"]{background-color:#b8d8e1}[data-theme="violet"] [data-cmp="game-stage"]{background-color:#E1DBEF}[data-theme="red"] [data-cmp="game-stage"]{background-color:#efd2d2}[data-theme="yellow"] [data-cmp="game-stage"]{background-color:#efeedb}[data-cmp="game-stage"] .game-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-cmp="game-stage"] .game-canvas.cursor-pointer{cursor:pointer}[data-cmp="game-stage"] .game-loader{position:absolute;top:50%;left:50%;width:80px;height:80px;visibility:hidden;opacity:0;z-index:5;transform:translate(-50%, -50%);pointer-events:none}[data-cmp="game-stage"] .game-loader>div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #331f09;border-radius:50%;-webkit-animation:game-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:game-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;-webkit-animation-play-state:paused;animation-play-state:paused;border-color:#331f09 transparent transparent transparent}[data-cmp="game-stage"] .game-loader>div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}[data-cmp="game-stage"] .game-loader>div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}[data-cmp="game-stage"] .game-loader>div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}[data-cmp="game-stage"].is-loading .game-loader{visibility:visible;opacity:1;transition:opacity .3s 0s, visibility 0s 0s}[data-cmp="game-stage"].is-loading .game-loader>div{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes game-lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes game-lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dialog{width:100%;height:calc(100% - 17px);position:absolute;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .5s 0s, visibility 0s .5s;background:rgba(255,255,255,0.8)}[data-theme="green"] .dialog{background-color:rgba(211,239,229,0.8)}[data-theme="blue"] .dialog{background-color:rgba(184,216,225,0.8)}[data-theme="violet"] .dialog{background-color:rgba(225,219,239,0.8)}[data-theme="red"] .dialog{background-color:rgba(239,210,210,0.8)}[data-theme="yellow"] .dialog{background-color:rgba(239,238,219,0.8)}.dialog.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .5s .2s, visibility 0s .2s}.dialog .dialog-clip{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:64px 20px 40px;-webkit-clip-path:polygon(0 64px, 100% 64px, 100% 100%, 0% 100%);clip-path:polygon(0 64px, 100% 64px, 100% 100%, 0% 100%)}.dialog .layer-box{background:#331f09;color:#fff;max-width:560px;width:100%;margin:0 auto 140px;transform:translateY(-200px);transition:transform 0s .5s, opacity .5s 0s, visibility 0s .5s;position:relative;visibility:hidden;opacity:0}.dialog .layer-box:after{content:'';background:url("../images/core/arrow-speech-bubble.svg") no-repeat;background-size:100%;width:20px;height:16px;display:block;position:absolute;bottom:0;right:140px;transform:translate(0, 100%)}.dialog .layer-box.is-visible{transform:translateY(0px);transition:transform .5s 0s, opacity .5s .2s, visibility 0s .2s;visibility:visible;opacity:1}.dialog .layer-close{position:absolute;top:17px;right:20px;width:19px;height:19px;cursor:pointer;outline:none;display:none}.dialog .layer-close .layer-close-cross{width:100%;height:100%}.dialog.has-close{z-index:3}.dialog.has-close .layer-close{display:block}.dialog .layer-content{padding:22px 25px 30px;visibility:hidden;opacity:0}.dialog .layer-content.is-visible{visibility:visible;opacity:1}.dialog .layer-headline{font-family:"LondrinaSolid",sans-serif;font-size:28px;line-height:140%}.dialog .layer-text{font-size:15px;line-height:160%;display:none}.dialog .layer-text.is-visible{display:block}.dialog .layer-text b{font-family:"LondrinaSolid",sans-serif;font-size:20px}.dialog .layer-list{text-align:left}.dialog .layer-list li:not(:first-child){margin-top:12px}.dialog .layer-list.has-no-dots{list-style-type:none;padding:0}.dialog .layer-list.centered,.dialog .layer-headline.centered,.dialog .layer-text.centered{text-align:center}.dialog .layer-text.space-between{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.dialog .layer-text+.layer-text,.dialog .layer-text+.layer-dropbox,.dialog .layer-text+.layer-sugar-cubes,.dialog .layer-text+.layer-button,.dialog .layer-text+.layer-link-list,.dialog .layer-headline+.layer-text,.dialog .layer-headline+.layer-link-list,.dialog .layer-product-group+.layer-text,.dialog .layer-product-group+.layer-sub-content--buttons,.dialog .layer-product-group+.layer-button,.dialog .layer-product-item+.layer-text,.dialog .layer-product-item+.layer-sub-content--buttons,.dialog .layer-product-item+.layer-button,.dialog .layer-dropbox+.layer-text,.dialog .layer-sugar-cubes+.layer-text,.dialog .layer-calculation+.layer-calculation,.dialog .layer-link-list+.layer-text,.dialog .layer-link-list+.layer-button{margin-top:12px}.dialog .layer-text+.layer-checkbox-group,.dialog .layer-headline+.layer-checkbox-group{margin-top:20px}.dialog .layer-text+.layer-slider-group,.dialog .layer-button+.layer-text,.dialog .layer-button+.layer-calculation,.dialog .layer-checkbox-group+.layer-text{margin-top:24px}.dialog .layer-content>*:nth-last-child(2).layer-button,.dialog .layer-content>*:last-child.layer-button{margin-top:20px}.dialog .layer-content .layer-checkbox-group+.layer-button{margin-top:24px}.dialog .layer-dropbox{font-size:20px;font-family:"LondrinaSolid",sans-serif;padding:4px 30px 4px 10px;color:#331f09;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("../images/core/game/icon-arrow-selectbox.svg") no-repeat 95% center;border:none}.dialog .layer-dropbox-option[value=""]{color:rgba(51,31,9,0.5)}.dialog .layer-slider-item,.dialog .layer-calculation{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:baseline}.dialog .layer-slider-item+.layer-slider-item,.dialog .layer-slider-item+.layer-calculation{margin-top:20px}.dialog .layer-slider-bar{width:100%;height:36px;position:relative;margin-top:10px}.dialog .layer-slider-bar:before{content:'';background:rgba(255,255,255,0.5);width:100%;height:2px;top:calc(50% - 1px);left:0;position:absolute}.dialog .layer-slider-label,.dialog .layer-slider-value{font-size:28px;font-family:"LondrinaSolid",sans-serif}.dialog .layer-calculation-label,.dialog .layer-calculation-value{font-size:22px;font-family:"LondrinaSolid",sans-serif}.dialog .layer-slider-bar-dragger{width:36px;height:36px;position:absolute;top:0;left:0}.is-mouse-mode .dialog .layer-slider-bar-dragger:hover:after,.dialog .layer-slider-bar-dragger.is-pressed [data-theme]:after{background-color:#fff}.dialog .layer-slider-bar-dragger:before{content:'';background:#000;position:absolute;top:4px;left:0;width:100%;height:100%;border-radius:100%}.dialog .layer-slider-bar-dragger:after{content:'';background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;transition:background-color 0.3s ease-in-out}[data-theme="green"] .dialog .layer-slider-bar-dragger:after{background-color:#279b87}[data-theme="blue"] .dialog .layer-slider-bar-dragger:after{background-color:#559db1}[data-theme="violet"] .dialog .layer-slider-bar-dragger:after{background-color:#8b96d5}[data-theme="red"] .dialog .layer-slider-bar-dragger:after{background-color:#d87070}[data-theme="yellow"] .dialog .layer-slider-bar-dragger:after{background-color:#a19132}.dialog .layer-link-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;border-top:1px solid rgba(255,255,255,0.15)}.dialog .layer-link-list-item{padding:5px 20px 5px 0;background:transparent}.is-mouse-mode .dialog .layer-link-list-item:hover{background:transparent;color:#fff}.is-mouse-mode .dialog .layer-link-list-item:hover .icon svg{fill:#fff}.is-mouse-mode .dialog .layer-link-list-item:hover:after{background-color:#fff;height:2px}.dialog .layer-link-list-item:after{background:rgba(255,255,255,0.15);height:1px;bottom:0;transition:background-color .3s, height .3s}.dialog .layer-link-list-item-label{font-family:"LondrinaSolid",sans-serif;font-size:22px;text-transform:none}.dialog .layer-link-list-item-icon{right:0}.dialog .layer-product-group{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.dialog .layer-product-group.is-overview{flex-direction:row;justify-content:center;padding-top:15px}.dialog .layer-product-group.is-overview .layer-product-item{width:25%;max-width:80px;padding:0;border:none}.dialog .layer-product-group.is-overview .layer-product-label{display:none}.dialog .layer-product-group.is-overview .layer-product-image{width:100%;height:100%}.dialog .layer-product-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid rgba(255,255,255,0.15);padding:10px 10px 0 5px;transition:background-color .3s;position:relative;outline:none}.is-mouse-mode .dialog .layer-product-item:not([disabled]):hover,.dialog .layer-product-item.is-selected{background:rgba(0,0,0,0.5)}.dialog .layer-product-item[disabled],.dialog .layer-product-item:not(.is-active),.dialog .layer-product-item.is-selected{pointer-events:none !important}.dialog .layer-product-check{width:23px;height:18px;opacity:0;margin-left:10px;margin-right:15px;flex-shrink:0;transition:opacity .3s}.dialog .layer-product-check svg{fill:#fff;width:100%;height:100%}[data-theme="green"] .dialog .layer-product-check svg{fill:#279b87}[data-theme="blue"] .dialog .layer-product-check svg{fill:#559db1}[data-theme="violet"] .dialog .layer-product-check svg{fill:#8b96d5}[data-theme="red"] .dialog .layer-product-check svg{fill:#d87070}[data-theme="yellow"] .dialog .layer-product-check svg{fill:#a19132}.dialog .layer-product-item.is-selected .layer-product-check{opacity:1}.dialog .layer-product-group,.dialog .layer-content>.layer-product-item{width:calc(100% + 50px);margin-left:-25px;margin-top:-22px}.dialog .layer-product-image{width:64px;height:64px;flex-shrink:0}.dialog .layer-product-label{display:block;flex-grow:1;padding:0 10px;font-size:15px;font-family:"NotoSans-Bold",sans-serif;line-height:140%;text-align:left}.dialog .layer-product-group .layer-product-label{font-family:"NotoSans",sans-serif}.dialog .layer-checkbox{position:relative;min-height:24px}.dialog .layer-checkbox:not(:last-child){margin-bottom:20px}.is-mouse-mode .dialog .layer-checkbox:not(.is-checked):hover .layer-checkbox-check{background-color:rgba(255,255,255,0.5)}.dialog .layer-checkbox.is-checked .layer-checkbox-check{background-color:#fff}.dialog .layer-checkbox.is-checked .layer-checkbox-check svg{opacity:1}.dialog .layer-checkbox-check{width:24px;height:24px;background:rgba(255,255,255,0.3);pointer-events:none;margin-right:15px;position:absolute;top:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s}.dialog .layer-checkbox-check svg{opacity:0;transition:opacity .3s}[data-theme="green"] .dialog .layer-checkbox-check svg{fill:#279b87}[data-theme="blue"] .dialog .layer-checkbox-check svg{fill:#559db1}[data-theme="violet"] .dialog .layer-checkbox-check svg{fill:#8b96d5}[data-theme="red"] .dialog .layer-checkbox-check svg{fill:#d87070}[data-theme="yellow"] .dialog .layer-checkbox-check svg{fill:#a19132}.dialog .layer-checkbox-input{opacity:0;width:24px;height:24px;position:absolute;z-index:2;cursor:pointer;margin:0;top:0;left:0}.dialog .layer-checkbox-label{font-family:"LondrinaSolid";font-size:20px;letter-spacing:1px;padding-left:40px;padding-top:2px;display:block}.dialog .layer-sugar-cubes-item{width:100%}.dialog .layer-sugar-cubes-line{display:flex;flex-direction:row;justify-content:flex-start;width:100%;position:relative}.dialog .layer-sugar-cubes-line:after{content:'';padding-top:3%;display:block}.dialog .layer-sugar-cubes-line:last-child:after{padding-top:14%}.dialog .layer-sugar-cubes-line:nth-child(2n){margin-left:7%}.dialog .layer-sugar-cubes-item{width:14%;background:url("../images/level3/objects/m3-estimation-sugarcube@2x.png") center center no-repeat;background-size:auto 80%;position:absolute;top:0;left:0}.dialog .layer-sugar-cubes-item:nth-child(2){left:14%}.dialog .layer-sugar-cubes-item:nth-child(3){left:28%}.dialog .layer-sugar-cubes-item:nth-child(4){left:42%}.dialog .layer-sugar-cubes-item:nth-child(5){left:56%}.dialog .layer-sugar-cubes-item:nth-child(6){left:70%}.dialog .layer-sugar-cubes-item:nth-child(7){left:84%}.dialog .layer-sugar-cubes-item:after{content:'';padding-top:100%;display:block}.dialog .layer-sub-content--buttons{display:flex;justify-content:flex-start;align-items:flex-end;flex-direction:row;flex-wrap:wrap}.dialog .layer-content>*:last-child.layer-sub-content--buttons,.dialog .layer-content>*:last-child.layer-button{max-width:calc(100% - 90px)}.dialog .layer-sub-content--buttons .layer-button{margin-right:10px;margin-top:10px}.dialog .layer-sub-content--buttons .layer-button:first-child{margin-top:20px}.dialog .layer-button{display:none;max-width:100%;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.dialog .layer-button.is-visible{display:block}.dialog .layer-button.centered{margin-right:auto;margin-left:auto}.dialog .layer-button.underlined-link{background:transparent;color:white;padding-left:1px;padding-right:1px}.dialog .layer-button.underlined-link:after{background:#fff;opacity:.5;height:2px;bottom:6px;transition:opacity .3s}.dialog .layer-button.underlined-link .icon{display:none}.is-mouse-mode .dialog .layer-button.underlined-link:hover:after{opacity:1}.dialog .layer-character{width:240px;position:absolute;bottom:0;right:0;transform:translate(60px, 140px);pointer-events:none;z-index:1}.dialog .layer-character:after{content:'';display:block;padding-top:100%}.dialog .layer-character .character-canvas{position:absolute}.dialog:not(.has-character) .layer-box{margin-bottom:0}.dialog:not(.has-character) .layer-box:after{content:none}.dialog:not(.has-character) .layer-character{display:none}.dialog[data-content="level1:step6-intro"] .layer-button .label,.dialog[data-content="level1:step6-get-more"] .layer-button .label{display:table-caption}@media (min-width: 600px){.dialog .layer-box{margin-bottom:200px}.dialog .layer-box:after{width:30px;height:24px;right:190px}.dialog .layer-content{padding:31px 40px 38px}.dialog .layer-headline{font-size:35px}.dialog .layer-text,.dialog .layer-product-label{font-size:18px}.dialog .layer-text b{font-size:24px}.dialog .layer-dropbox{font-size:23px;padding:6px 35px 6px 15px}.dialog .layer-link-list-item{padding-right:25px;padding-top:7px;padding-bottom:7px}.dialog .layer-link-list-item-label{font-size:24px}.dialog .layer-product-group+.layer-sub-content--buttons,.dialog .layer-product-item+.layer-sub-content--buttons{margin-top:18px}.dialog .layer-product-group{flex-direction:row;justify-content:flex-start;align-items:stretch}.dialog .layer-product-group .layer-product-item{flex-direction:column;width:50%;padding:15px 10px 20px}.dialog .layer-product-group .layer-product-item.is-active .layer-product-check{position:absolute;right:20px;top:16px;margin-left:0px;margin-right:0px}.dialog .layer-product-group:not(.is-overview) .layer-product-item:nth-child(2n-1){border-right:1px solid rgba(255,255,255,0.15)}.dialog .layer-product-group .layer-product-label{text-align:center}.dialog .layer-product-group.is-overview{padding-top:20px}.dialog .layer-product-group.is-overview .layer-product-item{max-width:100px}.dialog .layer-product-item{padding-right:30px}.dialog .layer-product-group,.dialog .layer-content>.layer-product-item{width:calc(100% + 80px);margin-left:-40px;margin-top:-31px}.dialog .layer-product-image{width:100px;height:100px}.dialog .layer-checkbox-label{font-size:24px;padding-top:0}.dialog .layer-content>*:last-child.layer-sub-content--buttons,.dialog .layer-content>*:last-child.layer-button{max-width:calc(100% - 160px)}.dialog .layer-character{width:315px;transform:translate(72px, 220px)}}@media (min-width: 1024px){.dialog{height:calc(100% - 21px)}.dialog .layer-close{width:25px;height:25px}}@media (min-width: 1280px){.dialog .dialog-clip{padding:80px 20px 40px;-webkit-clip-path:polygon(0 80px, 100% 80px, 100% 100%, 0% 100%);clip-path:polygon(0 80px, 100% 80px, 100% 100%, 0% 100%)}}.dialog.control-panel{overflow:hidden;background:none}.dialog.control-panel.is-visible{background:none;pointer-events:none}.dialog.control-panel .layer-box{max-width:560px;position:absolute;bottom:0;left:50%;transform:translate(-50%, 100%);pointer-events:auto;transition:transform .5s 0s, opacity .5s 0s, visibility 0s .5s}.dialog.control-panel .layer-box.is-visible{transition:transform .5s 0s, opacity .5s .2s, visibility 0s .2s;transform:translate(-50%, 0%)}.dialog.control-panel .layer-content{padding:0}.dialog.control-panel .layer-sub-content{padding:20px;border-bottom:1px solid rgba(255,255,255,0.15)}.dialog.control-panel .layer-slider-group{position:relative}.dialog.control-panel .layer-slider-item,.dialog.control-panel .layer-slider-group .layer-calculation{justify-content:flex-start;align-items:baseline}.dialog.control-panel .layer-slider-group .layer-calculation{position:absolute;top:0;right:0}.dialog.control-panel .layer-slider-label,.dialog.control-panel .layer-slider-value,.dialog.control-panel .layer-calculation-label,.dialog.control-panel .layer-calculation-value{font-size:15px;font-family:"NotoSans",sans-serif}.dialog.control-panel .layer-slider-label b,.dialog.control-panel .layer-slider-value,.dialog.control-panel .layer-calculation-label b,.dialog.control-panel .layer-calculation-value{font-family:"LondrinaSolid",sans-serif;font-size:20px}.dialog.control-panel .layer-slider-item+.layer-calculation{margin-top:0}@media (min-width: 600px){.dialog.control-panel .layer-content{padding:0}.dialog.control-panel .layer-sub-content{padding:20px 30px;border-right:1px solid rgba(255,255,255,0.15)}.dialog.control-panel .layer-sub-content:last-child{border-right:none}.dialog.control-panel .layer-slider-label,.dialog.control-panel .layer-slider-value,.dialog.control-panel .layer-calculation-label,.dialog.control-panel .layer-calculation-value{font-size:18px}.dialog.control-panel .layer-slider-label b,.dialog.control-panel .layer-slider-value,.dialog.control-panel .layer-calculation-label b,.dialog.control-panel .layer-calculation-value{font-size:24px}}@media (max-width: 799px) and (max-height: 600px){.dialog.control-panel[data-content="level3:measure-sugar"] .layer-calculation[data-name="sugarTotal"]{display:none !important}}@media (max-width: 799px) and (max-height: 650px){.dialog.control-panel .layer-sub-content--left{padding-bottom:0;border-bottom:none}}@media (min-width: 800px){.dialog.control-panel .layer-box{max-width:800px}.dialog.control-panel .layer-content{display:flex}.dialog.control-panel .layer-sub-content{width:50%;display:flex;flex-direction:column;justify-content:center}}.info-layer{position:absolute;top:0;left:0;width:100%;height:0;z-index:200;background-color:#331f09;color:#fff;overflow-x:hidden;overflow-y:auto;transition:height 0.5s ease-in-out}.info-layer.menu-layer{overflow-y:hidden}.info-layer:before,.info-layer:after{content:"";position:absolute;top:0;right:0;width:40.94vw;max-width:380px;height:43.125vw;max-height:400px;background-image:url("../images/core/layer-corner-gfx-top-right.svg");background-repeat:no-repeat;background-size:contain;background-position:center center;opacity:0.2;pointer-events:none}.info-layer:after{position:-webkit-sticky;position:sticky;display:inline-block;top:100%;right:auto;left:0;width:44.375vw;max-width:410px;height:31.565vw;max-height:290px;background-image:url("../images/core/layer-corner-gfx-btm-left.svg")}.info-layer.visible{height:calc(100% - 17px)}.info-layer.visible .menu-item{opacity:1}.info-layer.visible .menu-item.start{transition-delay:0.2s}.info-layer.visible .menu-item.evolution{transition-delay:0.3s}.info-layer.visible .menu-item.sugar-fat{transition-delay:0.4s}.info-layer.visible .menu-item.sugar-day{transition-delay:0.5s}.info-layer.visible .menu-item.sugar-lab{transition-delay:0.6s}.info-layer .layer-header{width:100vw;padding:17px 20px 0;display:flex;flex-direction:column}.info-layer .layer-header .link-schule,.info-layer .layer-header .link-swr{width:90px;height:26px;outline:none}.is-tab-mode .info-layer .layer-header .link-schule:focus,.is-tab-mode .info-layer .layer-header .link-swr:focus{outline:2px dashed #fff}.info-layer .layer-header .link-swr{width:39px;height:26px}.info-layer .layer-header .logo-schule,.info-layer .layer-header .logo-swr{width:100%;height:100%}.info-layer .layer-header .layer-close{position:absolute;top:17px;right:20px;width:26px;height:26px;padding:3px;cursor:pointer;outline:none}.is-tab-mode .info-layer .layer-header .layer-close:focus{outline:2px dashed #fff}.info-layer .layer-header .layer-close .layer-close-cross{width:100%;height:100%}.info-layer .layer-container{position:relative;width:100%;max-width:600px;padding:22px 20px 44px;margin:0 auto -31.565vw}.info-layer .layer-headline{font-family:"LondrinaSolid",sans-serif;font-size:28px;line-height:40px;text-align:center;margin-bottom:36px}.info-layer .layer-subheadline{font-family:"LondrinaSolid",sans-serif;font-size:24px;line-height:30px;margin-bottom:31px}.info-layer .layer-text{font-family:"NotoSans",sans-serif;font-size:15px;line-height:24px;margin-bottom:31px}.info-layer .layer-figure{margin-bottom:31px}.info-layer .layer-figure .img-caption{font-size:12px;line-height:20px;margin-top:13px;opacity:0.7}.info-layer .layer-img{width:100%}.info-layer .menu-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;height:calc(100% - 95px)}.info-layer .menu-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:9px;width:275px;outline:none;opacity:0;transition:opacity 0.3s ease-in-out}.info-layer .menu-item.start,.info-layer .menu-item.evolution,.info-layer .menu-item.sugar-fat,.info-layer .menu-item.sugar-day{transition-delay:0s}.info-layer .menu-item.sugar-lab{transition-delay:0s;margin-bottom:0}.info-layer .menu-item:hover .menu-item__text:after,.info-layer .menu-item:focus .menu-item__text:after{left:0}.info-layer .menu-item__icon{width:56px;margin-right:5px}.info-layer .menu-item__text{position:relative;font-family:"LondrinaSolid";font-size:25px;line-height:56px;overflow-x:hidden}.info-layer .menu-item__text:after{content:"";position:absolute;left:-100%;bottom:22.5%;width:100%;height:2px;background-color:#fff;transition:left 0.3s ease-in-out}@media (min-width: 600px){.info-layer .layer-header{flex-direction:row}.info-layer .layer-header .link-schule{margin-right:20px}.info-layer .layer-header .layer-close{position:unset;margin-left:auto}.info-layer .menu-container{height:calc(100% - 70px)}.info-layer .menu-item{width:345px}.info-layer .menu-item__icon{width:78px;margin-right:10px}.info-layer .menu-item__text{font-size:30px;line-height:56px}}@media (min-width: 1280px){.info-layer.visible{height:calc(100% - 21px)}.info-layer.visible .layer-close{position:fixed;right:60px;top:30px}.info-layer .layer-header{padding:30px 60px 0;flex-direction:row}.info-layer .layer-header .link-schule{width:173px;height:50px;margin-right:40px}.info-layer .layer-header .link-swr{width:74px;height:50px}.info-layer .layer-header .layer-close{width:50px;height:50px;padding:11px}.info-layer .layer-container{padding:62px 20px 66px}.info-layer .layer-headline{font-size:50px;line-height:31px;margin-bottom:55px}.info-layer .layer-subheadline{font-size:34px;line-height:40px;margin-bottom:30px}.info-layer .layer-text{font-size:16px;line-height:27px;margin-bottom:42px}.info-layer .layer-figure{margin-bottom:40px}.info-layer .layer-figure .img-caption{font-size:14px;line-height:22px;margin-top:15px}.info-layer .menu-container{height:calc(100% - 80px)}.info-layer .menu-item{width:545px;margin-bottom:0}.info-layer .menu-item__icon{width:100px}.info-layer .menu-item__text{font-size:50px;line-height:100px}}

/*# sourceMappingURL=application.css.map */