html{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{width:100%;height:100%;margin:0;padding:0}button{margin:0;padding:0;font:inherit;line-height:normal;color:inherit;border:0;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button::-moz-focus-inner{border:0;padding:0}@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:url("../fonts/pt-sans-v9-latin-regular.woff2") format("woff2"),url("../fonts/pt-sans-v9-latin-regular.woff") format("woff")}@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;src:url("../fonts/pt-sans-v9-latin-700.woff2") format("woff2"),url("../fonts/pt-sans-v9-latin-700.woff") format("woff")}body{font-family:"PT Sans",sans-serif;font-weight:normal;background:#f1c40f;overflow-x:hidden;min-height:100%}.show-loader body{height:100%;overflow:hidden}body.no-scroll{overflow:hidden}main{display:block;width:100%;max-width:1920px;min-height:100%;position:relative;margin:0 auto;background:#f1c40f;background:#b67d00}button,a{-webkit-tap-highlight-color:transparent;outline:none}img{display:block;width:100%}nav{width:100%;max-width:1920px;height:60px;position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;background-color:#fbd02c;-webkit-box-shadow:0px 0px 50px rgba(0,0,0,0.15);box-shadow:0px 0px 50px rgba(0,0,0,0.15)}nav .nav-content{width:100%;max-width:1000px;height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;padding:0 15px}nav .nav-content .ps-logo{vertical-align:middle;width:80px;position:relative;top:37%;-webkit-transform:translateY(-50%);transform:translateY(-50%);float:left;margin-right:25px}nav .nav-content .swr-logo{width:30px;position:absolute;top:55%;-webkit-transform:translateY(50%);transform:translateY(50%);float:left}nav .nav-content .bee-logo-wrapper{width:86px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/global/biene-logo-bg-mobile.svg) no-repeat;background-size:100% auto;-webkit-filter:drop-shadow(0px 0px 15px rgba(0,0,0,0.15));filter:drop-shadow(0px 0px 15px rgba(0,0,0,0.15))}nav .nav-content .bee-logo-wrapper:after{content:'';display:block;padding-top:100%}.show-back-button nav .nav-content .bee-logo-wrapper{visibility:hidden}nav .nav-content .bee-logo{position:absolute;width:54%;top:44%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}nav .nav-content .sound-button{width:36px;float:right;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/global/sound-icon.svg) no-repeat;background-size:100%}nav .nav-content .sound-button:after{content:'';display:block;padding-top:77%;background:url(../images/global/sound-off-icon.svg) no-repeat -9999px -9999px}nav .nav-content .sound-button.muted{background:url(../images/global/sound-off-icon.svg) no-repeat;background-size:100%}nav .nav-content .nav-button{width:34px;float:right;position:relative;top:50%;margin-left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/global/nav-icon.svg) no-repeat;background-size:100% auto}nav .nav-content .nav-button:after{content:'';display:block;padding-top:89%}nav .nav-content .back-button{display:none;width:85px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/global/back-button-bg-mobile.svg) no-repeat;background-size:100% auto}nav .nav-content .back-button span{display:none}nav .nav-content .back-button img{width:22%;position:absolute;top:45%;left:45%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}nav .nav-content .back-button:after{content:'';display:block;padding-top:100%}.show-back-button nav .nav-content .back-button{display:block}.page{display:none;width:100%;height:100%;position:absolute}.page.active{display:block}.page .stage{position:fixed;width:100%;height:100%;max-width:1920px;top:calc(60px - 5px);opacity:0;overflow:hidden;-webkit-transition:opacity .4s;transition:opacity .4s}.page .stage.show{opacity:1}.page .stage svg{width:auto !important;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page .stage .stage-content{width:90%;position:absolute;top:50%;left:50%;z-index:2;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center}.page .stage .stage-content h1{color:black;font-size:9vw;line-height:1.1;margin:0 0 5%}.page .stage .stage-content h2{color:white;font-size:16px;line-height:1.3;margin:0}.page .stage .stage-content h3{color:black;font-size:14vw;line-height:1.3;margin:0}.page .info-layer{position:relative;z-index:2;width:100%;min-height:calc(100vh - 86px - 35px);margin-top:120vh;-webkit-transition:margin-top .4s, -webkit-transform .4s;transition:margin-top .4s, -webkit-transform .4s;transition:transform .4s, margin-top .4s;transition:transform .4s, margin-top .4s, -webkit-transform .4s;background:white;text-align:center;-webkit-box-shadow:0px 0px 50px rgba(0,0,0,0.1);box-shadow:0px 0px 50px rgba(0,0,0,0.1);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.page .info-layer{-webkit-transition:none;transition:none}}.page .info-layer:after{content:'';display:block;width:300px;height:40px;position:absolute;top:11px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:white}.page .info-layer .scroll-icon-wrapper{display:block;width:86px;position:absolute;top:-35px;left:50%;-webkit-transform:translateX(-50%) rotate(-180deg);transform:translateX(-50%) rotate(-180deg);background:url(../images/global/biene-logo-bg-mobile.svg) no-repeat center bottom;background-size:100% auto;-webkit-filter:drop-shadow(0px -5px 10px rgba(0,0,0,0.15));filter:drop-shadow(0px -5px 10px rgba(0,0,0,0.15));-webkit-backface-visibility:hidden;backface-visibility:hidden}.page .info-layer .scroll-icon-wrapper:after{content:'';display:block;padding-top:54%}.page .info-layer .scroll-icon-wrapper .scroll-icon{display:none}.page .info-layer .scroll-icon-wrapper .scroll-icon-mobile{position:absolute;width:20px;bottom:51%;left:50%;-webkit-transition:-webkit-transform .5s .4s;transition:-webkit-transform .5s .4s;transition:transform .5s .4s;transition:transform .5s .4s, -webkit-transform .5s .4s;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page .info-layer .scroll-icon-wrapper.turn-around .scroll-icon-mobile{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}.page .info-layer .info-layer-content{display:inline-block;width:100%;max-width:660px;margin:0 auto;padding:0 15px 180px}.page .info-layer .info-layer-content h1{position:relative;z-index:2;font-size:7vw;line-height:1.4;text-align:center;padding:18px 0 14px;margin:0;pointer-events:none}.page .info-layer .info-layer-content p{font-size:18px;line-height:1.5;text-align:left}.page .info-layer .info-layer-content p.image-subline{text-align:center}.page .info-layer .info-layer-content p.copyright{text-align:center;font-size:60%;margin-top:0}.page .info-layer .info-layer-content img{width:90%;max-width:432px;margin:70px auto 10px;-webkit-transform:translateX(2%);transform:translateX(2%)}.page .info-layer .black-bottom-bar{width:100%;min-height:140px;position:absolute;bottom:0;margin-top:40px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#222222}.page .info-layer .scroll-top-button{width:100%;max-width:320px;position:relative;z-index:2;margin:20px auto 0}.page .info-layer .scroll-top-button img{width:20px;margin:0 auto 14px}.page .info-layer .scroll-top-button span{font-size:22px;color:#fbd02c;font-weight:bold}.page .info-layer .meta-link-wrapper{color:white}.page .info-layer .meta-link-wrapper a{color:white}.meta-link-wrapper{width:100%;max-width:1000px;position:absolute;bottom:0;padding:15px;font-size:20px;color:black;text-align:center;z-index:2}.meta-link-wrapper a{display:inline-block;width:110px;color:black;text-decoration:none;text-align:right}.meta-link-wrapper a:nth-child(3){text-align:left}.meta-link-wrapper .divider{margin:0 25px}.clear{clear:both}.clearfix:after{content:'';display:table;clear:both}img{display:block;max-width:100%}@media all and (min-width: 360px){nav .nav-content{padding:0 20px}nav .nav-content .nav-button{margin-left:20px}.page .info-layer .info-layer-content{padding:0 20px 180px}.meta-link-wrapper{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:15px 20px}}@media all and (min-width: 415px){.page .info-layer .info-layer-content h1{font-size:5.8vw}}@media all and (min-width: 720px){nav{height:70px}nav .nav-content .ps-logo{width:154px;top:50%;margin-right:40px}nav .nav-content .swr-logo{position:relative;width:62px;top:53%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}nav .nav-content .bee-logo-wrapper{width:124px;-webkit-transform:translate(-50%, -16%);transform:translate(-50%, -16%)}.show-back-button nav .nav-content .bee-logo-wrapper{visibility:visible}nav .nav-content .bee-logo{top:50%}nav .nav-content .sound-button{width:46px}nav .nav-content .nav-button{width:42px;margin-left:40px}nav .nav-content .back-button{display:none;height:34px;position:absolute;top:50%;left:auto;right:calc(148px + ((50% - 215px)/2));padding:0 12px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);font-size:20px;line-height:32px;font-weight:bold;color:white;background:black;overflow:visible}nav .nav-content .back-button span{display:block}nav .nav-content .back-button img{visibility:hidden}nav .nav-content .back-button:after{content:none}nav .nav-content .back-button:before{content:'';display:block;position:absolute;left:-10px;top:0;width:0;height:0;border-style:solid;border-width:17px 10px 17px 0;border-color:transparent black transparent transparent}.show-back-button nav .nav-content .back-button{display:block}.page .stage{top:calc(70px - 5px)}.page .stage .stage-content h1{font-size:60px}.page .stage .stage-content h3{font-size:72px}.page .info-layer{min-height:calc(100vh - 104px - 40px)}.page .info-layer .info-layer-content h1{font-size:42px;padding:24px 0 22px}.page .info-layer .info-layer-content p{font-size:24px}.page .info-layer .scroll-icon-wrapper{width:124px;top:-40px}}@media all and (max-height: 599px) and (orientation: landscape){.page .info-layer .info-layer-content h1{font-size:5vh;padding:18px 0 14px}}@media all and (min-width: 1024px){.page .stage{top:calc(70px - 5px)}.page .stage .stage-content h1{font-size:60px;margin:0 0 25px}.page .stage .stage-content h2{font-size:48px}.page .stage .stage-content h3{font-size:90px}.page .info-layer{min-height:calc(100vh - 104px - 40px);background:white url(../images/global/waben-info-layer.svg) repeat-y;background-position:center -25px;background-size:2212px auto}.page .info-layer:after{top:15px}.page .info-layer .black-bottom-bar{background:#222 url(../images/global/bottom-bar-pattern@2x.png) no-repeat center center;background-size:auto 100%}.page .info-layer .scroll-top-button{margin:28px auto}.page .info-layer .scroll-top-button span{font-size:26px}.page .info-layer .meta-link-wrapper .meta-content{float:left;padding-bottom:34px}.meta-link-wrapper .meta-content{float:right}.meta-link-wrapper .meta-content a{width:auto}}#loader{position:absolute;top:0;left:0;width:0%;height:0%;overflow:hidden;opacity:0;z-index:1001;background:#fbd02c;-webkit-transition:opacity .4s .4s, width 0s .8s, height 0s .8s;transition:opacity .4s .4s, width 0s .8s, height 0s .8s}#loader svg{min-width:500px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#loader span{position:absolute;top:50%;left:50%;font-weight:bold;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.show-loader #loader{opacity:1;width:100%;height:100%;height:100vh;-webkit-transition:opacity 0s, width 0s, height 0s;transition:opacity 0s, width 0s, height 0s}#wrong-format{display:none}@media screen and (max-height: 479px) and (min-aspect-ratio: 9 / 6){body{height:100%;overflow:hidden}#wrong-format{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;opacity:1;z-index:1002;background:#fbd02c;-webkit-transition:opacity .4s .4s, width 0s .8s, height 0s .8s;transition:opacity .4s .4s, width 0s .8s, height 0s .8s}#wrong-format span{position:absolute;top:50%;left:50%;font-size:24px;font-weight:bold;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center}}#chapter-selection{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;-webkit-transition:opacity 0s linear .4s, -webkit-transform .4s ease-in-out;transition:opacity 0s linear .4s, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out, opacity 0s linear .4s;transition:transform .4s ease-in-out, opacity 0s linear .4s, -webkit-transform .4s ease-in-out;position:relative;min-height:120vh;top:0;background:url(../images/global/chapter-pattern.png),-webkit-gradient(linear, left top, left bottom, color-stop(10%, #fbd02c), to(#dca900));background:url(../images/global/chapter-pattern.png),linear-gradient(to bottom, #fbd02c 10%, #dca900 100%);background-repeat:repeat;background-size:contain}#chapter-selection.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .2s linear, -webkit-transform .6s ease-in-out;transition:opacity .2s linear, -webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out, opacity .2s linear;transition:transform .6s ease-in-out, opacity .2s linear, -webkit-transform .6s ease-in-out}#chapter-selection .close-btn-wrapper{position:relative;width:100%;max-width:1000px;margin:0 auto;padding:0 15px}#chapter-selection button.close{position:absolute;right:15px;top:15px;width:34px;height:30px;z-index:1;background:url(../images/global/chapter-close.svg) no-repeat center center;background-size:100% auto}#chapter-selection .headline-wrapper{position:absolute;left:0;top:5%;width:100%;text-align:center}#chapter-selection .headline-wrapper .chapter-hl,#chapter-selection .headline-wrapper .chapter-subhl{margin:0;font-size:11vw}#chapter-selection .headline-wrapper .chapter-subhl{max-width:600px;margin:3vw auto 0;font-size:6vw;line-height:2;background:url(../images/global/subline-folgen.png) no-repeat center center;background-size:90% auto}#chapter-selection .button-wrapper{position:relative;width:calc(100vw - 40px);height:100%;top:45vw;margin:0 auto}#chapter-selection .button-wrapper button{width:42.5%;margin:0;position:absolute;top:0;left:7.5%;z-index:1;vertical-align:top;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:visible}#chapter-selection .button-wrapper button .episode{display:block;width:100%;height:auto;margin:0;position:absolute;top:20%;z-index:4;opacity:1;color:black;font-size:4vw;font-weight:bold}#chapter-selection .button-wrapper button .episode.name{padding:0 8%;color:gray;top:55%;font-size:4.5vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#chapter-selection .button-wrapper button.chapter-2{-webkit-transform:translate(100%, 0%);transform:translate(100%, 0%)}#chapter-selection .button-wrapper button.chapter-3{-webkit-transform:translate(50%, 75%);transform:translate(50%, 75%)}#chapter-selection .button-wrapper button.chapter-4{-webkit-transform:translate(0%, 150%);transform:translate(0%, 150%)}#chapter-selection .button-wrapper button.chapter-5{-webkit-transform:translate(100%, 150%);transform:translate(100%, 150%)}#chapter-selection .button-wrapper button.chapter-6{-webkit-transform:translate(50%, 225%);transform:translate(50%, 225%)}.no-touchevents #chapter-selection .button-wrapper button:hover svg.wabe .wabe-path{fill:black}.no-touchevents #chapter-selection .button-wrapper button:hover .episode{color:#fbd02c}#chapter-selection .button-wrapper button:before{content:'';display:block;width:100%;position:relative;padding-top:115%;-webkit-transform:scale(1.45);transform:scale(1.45);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;background:url(../images/global/wabe-schatten.png) no-repeat center center;background-size:100% auto;z-index:0;pointer-events:none}#chapter-selection .button-wrapper button svg.wabe{display:block;width:100% !important;height:auto;position:absolute;top:0;left:0;z-index:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#chapter-selection .button-wrapper button svg.wabe .wabe-path{-webkit-transition:fill .4s;transition:fill .4s}@media (min-width: 360px){#chapter-selection .close-btn-wrapper{padding:0 20px}#chapter-selection button.close{right:20px}}@media (min-width: 720px){#chapter-selection button.close{width:42px;height:38px}}@media (min-width: 600px){#chapter-selection .headline-wrapper .chapter-hl{font-size:60px}#chapter-selection .headline-wrapper .chapter-subhl{font-size:30px;margin:18px auto 0}#chapter-selection .button-wrapper{width:400px;top:300px}#chapter-selection .button-wrapper .button{width:175px}#chapter-selection .button-wrapper .button .episode{font-size:18px}#chapter-selection .button-wrapper .button .episode.name{font-size:20px}}@media (min-width: 768px){#chapter-selection .button-wrapper{top:275px;width:650px}#chapter-selection .button-wrapper .button{width:220px}}@media (min-height: 900px){#chapter-selection .button-wrapper .button.chapter-4{-webkit-transform:translate(150%, 75%);transform:translate(150%, 75%)}#chapter-selection .button-wrapper .button.chapter-5{-webkit-transform:translate(0%, 150%);transform:translate(0%, 150%)}#chapter-selection .button-wrapper .button.chapter-6{-webkit-transform:translate(100%, 150%);transform:translate(100%, 150%)}}@media (min-width: 1024px) and (orientation: landscape){#chapter-selection .button-wrapper{width:774px;top:250px}#chapter-selection .button-wrapper .button.chapter-3{-webkit-transform:translate(200%, 0%);transform:translate(200%, 0%)}#chapter-selection .button-wrapper .button.chapter-4{-webkit-transform:translate(50%, 75%);transform:translate(50%, 75%)}#chapter-selection .button-wrapper .button.chapter-5{-webkit-transform:translate(150%, 75%);transform:translate(150%, 75%)}#chapter-selection .button-wrapper .button.chapter-6{-webkit-transform:translate(250%, 75%);transform:translate(250%, 75%)}}@media (min-width: 1024px) and (orientation: portrait){#chapter-selection .button-wrapper{top:325px;-webkit-transform:scale(1.5);transform:scale(1.5)}}@media (min-width: 1025px) and (min-height: 900px){#chapter-selection .button-wrapper{width:650px;top:250px}#chapter-selection .button-wrapper .button.chapter-3{-webkit-transform:translate(50%, 75%);transform:translate(50%, 75%)}#chapter-selection .button-wrapper .button.chapter-4{-webkit-transform:translate(150%, 75%);transform:translate(150%, 75%)}#chapter-selection .button-wrapper .button.chapter-5{-webkit-transform:translate(0%, 150%);transform:translate(0%, 150%)}#chapter-selection .button-wrapper .button.chapter-6{-webkit-transform:translate(100%, 150%);transform:translate(100%, 150%)}}#start-page{height:100%;background:#ffe07f}#start-page .stage{height:calc(100vh - 60px);height:calc(100% - 60px);top:60px}#start-page .stage:after{content:'';display:block;width:100%;height:100%;position:absolute;background:radial-gradient(ellipse at center, rgba(95,58,0,0) 40%, rgba(95,58,0,0.5) 100%)}#start-page .stage .spot{width:25%;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:radial-gradient(ellipse at center, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 70%)}#start-page .stage .spot:after{content:'';display:block;padding-top:100%}#start-page .stage>svg{background:#ffe07f;top:50%;width:250% !important;height:auto !important;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){#start-page .stage>svg{-webkit-transform:translate(-50%, -50%) scale(2.5);transform:translate(-50%, -50%) scale(2.5)}}.show-loader #start-page .stage>svg{display:none}#start-page .stage .bee01,#start-page .stage .bee02{width:40%;max-width:300px;position:absolute;top:55%;left:50%;z-index:1}#start-page .stage .bee01 svg,#start-page .stage .bee02 svg{position:absolute;width:100% !important;height:auto !important;top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.show-loader #start-page .stage .bee01 svg,.show-loader #start-page .stage .bee02 svg{display:none}#start-page .stage .bee01:after,#start-page .stage .bee02:after{content:'';display:block;padding-top:100%}#start-page .stage .bee01{-webkit-transform:translate(-270%, -60%);transform:translate(-270%, -60%)}#start-page .stage .bee02{-webkit-transform:translate(170%, -30%);transform:translate(170%, -30%)}#start-page .stage.animate-in .bee01{-webkit-transition:-webkit-transform 1.5s;transition:-webkit-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s, -webkit-transform 1.5s;-webkit-transform:translate(-170%, -60%);transform:translate(-170%, -60%)}#start-page .stage.animate-in .bee02{-webkit-transition:-webkit-transform 1.2s .3s;transition:-webkit-transform 1.2s .3s;transition:transform 1.2s .3s;transition:transform 1.2s .3s, -webkit-transform 1.2s .3s;-webkit-transform:translate(70%, -30%);transform:translate(70%, -30%)}#start-page .stage .stage-content{max-width:640px;top:54%;font-size:3.2vw}#start-page .stage .stage-content h1{font-size:250%;margin-bottom:3%}#start-page .stage .stage-content h2{display:inline-block;width:25%;position:relative;color:black;font-size:100%;font-weight:normal;line-height:1.3;margin:0 0 -2%;background:url(../images/global/level.svg) no-repeat;background-size:100% auto}#start-page .stage .stage-content h2 span{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#start-page .stage .stage-content h2:before{content:'';display:block;width:300%;height:1px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:white}#start-page .stage .stage-content h2:after{content:'';display:block;padding-top:25%}#start-page .stage .stage-content h3{font-size:400%;margin-top:3%}#start-page .stage .stage-content .subline{font-size:200%;font-weight:700;line-height:1;margin:10px 0 0}#start-page .stage .stage-content .button-wrapper{position:relative;width:100%;margin:10vh auto 0;z-index:3}#start-page .stage .stage-content .button-wrapper button{display:inline-block;width:100%;max-width:320px;font-size:20px;font-weight:bold;-webkit-transition:background-color .4s;transition:background-color .4s;color:black;background:url(../images/global/button.svg) no-repeat;background-size:100% auto}#start-page .stage .stage-content .button-wrapper button:after{content:'';display:block;padding-top:40%}#start-page .stage .stage-content .button-wrapper button span{width:100%;text-align:center;position:absolute;left:0;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media all and (orientation: portrait){#start-page .stage>svg{width:auto !important;height:180% !important}#start-page .stage .bee01{-webkit-transform:translate(-250%, -120%);transform:translate(-250%, -120%)}#start-page .stage .bee02{-webkit-transform:translate(150%, 30%);transform:translate(150%, 30%)}#start-page .stage.animate-in .bee01{-webkit-transform:translate(-120%, -60%);transform:translate(-120%, -60%)}#start-page .stage.animate-in .bee02{-webkit-transform:translate(20%, -30%);transform:translate(20%, -30%)}#start-page .stage .stage-content{top:50%}#start-page .stage .stage-content .button-wrapper{margin:25vh auto 0}}@media all and (min-width: 600px){#start-page .stage .bee01,#start-page .stage .bee02{width:33%}}@media all and (min-width: 720px){#start-page .stage .stage-content{font-size:24px}}@media all and (min-width: 720px) and (orientation: landscape){#start-page .stage .stage-content{font-size:1.6vw}}@media all and (min-width: 1024px){#start-page .stage .bee01{-webkit-transform:translate(-450%, -170%);transform:translate(-450%, -170%)}#start-page .stage .bee02{-webkit-transform:translate(350%, 80%);transform:translate(350%, 80%)}#start-page .stage.animate-in .bee01{-webkit-transform:translate(-180%, -70%);transform:translate(-180%, -70%)}#start-page .stage.animate-in .bee02{-webkit-transform:translate(80%, -20%);transform:translate(80%, -20%)}#start-page .stage .stage-content .button-wrapper{max-width:500px}}@media all and (min-width: 1280px){#start-page .stage .stage-content{font-size:20px}}#selection-page{background:#4e8200}#selection-page .stage{background:url(../images/global/bg-selection.png) no-repeat center center;background-size:cover}#selection-page .stage .bee01,#selection-page .stage .bee02{display:none;width:40%;max-width:300px;position:absolute;top:55%;left:50%;z-index:1}#selection-page .stage .bee01 svg,#selection-page .stage .bee02 svg{position:absolute;width:100% !important;height:auto !important;left:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#selection-page .stage .bee01:after,#selection-page .stage .bee02:after{content:'';display:block;padding-top:100%}#selection-page .stage .bee01{-webkit-transform:translate(-270%, -60%);transform:translate(-270%, -60%)}#selection-page .stage .bee02{-webkit-transform:translate(170%, -30%);transform:translate(170%, -30%)}#selection-page .stage.animate-in .bee01{-webkit-transition:-webkit-transform 1.5s;transition:-webkit-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s, -webkit-transform 1.5s;-webkit-transform:translate(-170%, -60%);transform:translate(-170%, -60%)}#selection-page .stage.animate-in .bee02{-webkit-transition:-webkit-transform 1.2s .3s;transition:-webkit-transform 1.2s .3s;transition:transform 1.2s .3s;transition:transform 1.2s .3s, -webkit-transform 1.2s .3s;-webkit-transform:translate(70%, -30%);transform:translate(70%, -30%)}#selection-page .stage .stage-content{width:calc(100% - 30px)}#selection-page .button-wrapper{width:100%;max-width:600px;margin:0 auto;font-size:0;text-align:left;position:relative}#selection-page .button-wrapper button{width:25%;margin:0;position:relative;left:0;z-index:1;vertical-align:top;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:visible}.no-touchevents #selection-page .button-wrapper button:hover svg.wabe .wabe-path{fill:black}.no-touchevents #selection-page .button-wrapper button:hover svg.arrow path{fill:#fbd02c;stroke:#fbd02c}.no-touchevents #selection-page .button-wrapper button:hover:after{opacity:1}.no-touchevents #selection-page .button-wrapper button:hover .label,.no-touchevents #selection-page .button-wrapper button:hover .icon-wrapper{color:#fbd02c}#selection-page .button-wrapper button:before{content:'';display:block;width:100%;position:relative;padding-top:115%;-webkit-transform:scale(1.45);transform:scale(1.45);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;background:url(../images/global/wabe-schatten.png) no-repeat center center;background-size:100% auto;z-index:0;pointer-events:none}#selection-page .button-wrapper button svg.wabe{display:block;width:100% !important;height:auto;position:absolute;top:0;left:0;z-index:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#selection-page .button-wrapper button svg.wabe .wabe-path{-webkit-transition:fill .4s;transition:fill .4s}#selection-page .button-wrapper button .label{display:block;width:100%;height:auto;margin:0;position:absolute;top:67.5%;z-index:4;opacity:1;color:black;font-size:5vw;font-size:calc(((100vw - 30px)/4)*.13);font-weight:bold;line-height:.9}#selection-page .button-wrapper button span.main-tile-icon{font-size:50px}#selection-page .button-wrapper button .icon-wrapper{width:40%;position:absolute;top:50%;left:50%;z-index:4;-webkit-transform:translate(-50%, -65%);transform:translate(-50%, -65%)}#selection-page .button-wrapper button .icon-wrapper:after{content:'';display:block}#selection-page .button-wrapper button svg.icon{position:absolute;top:0;left:0;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100% !important;-webkit-transform:translateX(0);transform:translateX(0)}#selection-page .button-wrapper button svg.icon .st0,#selection-page .button-wrapper button svg.icon .st1,#selection-page .button-wrapper button svg.icon .st2{-webkit-transition:fill .4s, stroke .4s;transition:fill .4s, stroke .4s}#selection-page .button-wrapper button.mouse .icon-wrapper{width:50%}#selection-page .button-wrapper button.mouse .icon-wrapper:after{padding-top:89.5%}#selection-page .button-wrapper button.hornet .icon-wrapper:after{padding-top:115.75%}#selection-page .button-wrapper button.human .icon-wrapper{width:38%}#selection-page .button-wrapper button.human .icon-wrapper:after{padding-top:133%}#selection-page .button-wrapper button.germs .icon-wrapper:after{padding-top:118%}@media all and (orientation: portrait){#selection-page .stage .bee01{-webkit-transform:translate(-250%, -120%);transform:translate(-250%, -120%)}#selection-page .stage .bee02{-webkit-transform:translate(150%, 30%);transform:translate(150%, 30%)}#selection-page .stage.animate-in .bee01{-webkit-transform:translate(-120%, -60%);transform:translate(-120%, -60%)}#selection-page .stage.animate-in .bee02{-webkit-transform:translate(20%, -30%);transform:translate(20%, -30%)}#selection-page .button-wrapper button{width:40%;position:absolute;top:50%;left:50%}#selection-page .button-wrapper button.mouse{-webkit-transform:translate(-125%, -87.5%);transform:translate(-125%, -87.5%)}#selection-page .button-wrapper button.hornet{-webkit-transform:translate(-25%, -87.5%);transform:translate(-25%, -87.5%)}#selection-page .button-wrapper button.human{-webkit-transform:translate(-75%, -12.5%);transform:translate(-75%, -12.5%)}#selection-page .button-wrapper button.germs{-webkit-transform:translate(25%, -12.5%);transform:translate(25%, -12.5%)}#selection-page .button-wrapper button .label{font-size:calc(((100vw - 30px)/2.5)*.13)}#selection-page .button-wrapper button .icon-wrapper{font-size:calc(((100vw - 30px)/2.5)*.7)}}@media all and (min-width: 360px){#selection-page .stage .stage-content{width:calc(100% - 40px)}}@media all and (min-width: 360px) and (orientation: portrait){#selection-page .button-wrapper button .label{font-size:calc(((100vw - 40px)/2.5)*.13)}#selection-page .button-wrapper button .icon-wrapper{font-size:calc(((100vw - 40px)/2.5)*.7)}}@media all and (min-width: 640px){#selection-page .stage .bee01,#selection-page .stage .bee02{width:25%}}@media all and (min-width: 680px){#selection-page .button-wrapper button .label{font-size:20.8px}#selection-page .button-wrapper button .icon-wrapper{font-size:112px}}@media all and (min-width: 680px) and (orientation: portrait){#selection-page .button-wrapper button .label{font-size:30px}#selection-page .button-wrapper button .icon-wrapper{font-size:179.2px}}@media all and (min-width: 1024px){#selection-page .stage .bee01{width:23%;-webkit-transform:translate(-450%, -170%);transform:translate(-450%, -170%)}#selection-page .stage .bee02{width:23%;-webkit-transform:translate(350%, 80%);transform:translate(350%, 80%)}#selection-page .stage.animate-in .bee01{-webkit-transform:translate(-140%, -140%);transform:translate(-140%, -140%)}#selection-page .stage.animate-in .bee02{-webkit-transform:translate(30%, 10%);transform:translate(30%, 10%)}#selection-page .stage .stage-content{width:896px}#selection-page .button-wrapper{width:100%;max-width:none;margin:0 auto;font-size:0}#selection-page .button-wrapper button{width:25%;margin:0;position:relative;vertical-align:top;left:0}#selection-page .button-wrapper button .label{font-size:30px}#selection-page .button-wrapper button .icon-wrapper{font-size:156.8px}.no-touchevents #selection-page .button-wrapper button:hover svg.wabe .wabe-path{fill:black}.no-touchevents #selection-page .button-wrapper button.mouse:hover .icon-wrapper .st0,.no-touchevents #selection-page .button-wrapper button.mouse:hover .icon-wrapper .st1{stroke:#fbd02c}.no-touchevents #selection-page .button-wrapper button.mouse:hover .icon-wrapper .st2{fill:#fbd02c}.no-touchevents #selection-page .button-wrapper button.hornet:hover .icon-wrapper .strokepath{stroke:#fbd02c}.no-touchevents #selection-page .button-wrapper button.hornet:hover .icon-wrapper .fillpath{fill:#fbd02c}.no-touchevents #selection-page .button-wrapper button.human:hover .icon-wrapper .strokepath{stroke:#fbd02c}.no-touchevents #selection-page .button-wrapper button.human:hover .icon-wrapper .fillpath{fill:#fbd02c}.no-touchevents #selection-page .button-wrapper button.germs:hover .icon-wrapper .strokepath{stroke:#fbd02c}.no-touchevents #selection-page .button-wrapper button.germs:hover .icon-wrapper .fillpath{fill:#fbd02c}}@media all and (min-width: 1024px) and (min-height: 700px){#selection-page .stage .bee01{display:block}#selection-page .stage .bee02{display:block}}@media all and (min-width: 1024px) and (orientation: portrait){#selection-page .stage .stage-content{-webkit-transform:translateY(-50%);transform:translateY(-50%)}#selection-page .button-wrapper button{position:absolute}}#enemy-germs-page{background:#b67d00}#enemy-germs-page button.replay-button{display:none;width:100%;max-width:320px;font-size:20px;font-weight:bold;-webkit-transition:background-color .4s;transition:background-color .4s;color:black;background:url(../images/global/button.svg) no-repeat;background-size:100% auto}#enemy-germs-page button.replay-button:after{content:'';display:block;padding-top:40%}#enemy-germs-page button.replay-button span{width:100%;text-align:center;position:absolute;left:0;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#enemy-germs-page button.replay-button.show{display:inline-block}#enemy-germs-page .scroll-top-button{margin-top:40px;z-index:3}@media all and (orientation: portrait){#enemy-germs-page .stage{height:100vw}#enemy-germs-page .stage .stage-content{top:calc(100vw/2)}}#enemy-hornet-page{background:#b67d00}#enemy-hornet-page .stage{background:#b67d00}#enemy-hornet-page button.replay-button{display:none;width:100%;max-width:320px;font-size:20px;font-weight:bold;-webkit-transition:background-color .4s;transition:background-color .4s;color:black;background:url(../images/global/button.svg) no-repeat;background-size:100% auto}#enemy-hornet-page button.replay-button:after{content:'';display:block;padding-top:40%}#enemy-hornet-page button.replay-button span{width:100%;text-align:center;position:absolute;left:0;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#enemy-hornet-page button.replay-button.show{display:inline-block}#enemy-hornet-page .scroll-top-button{margin-top:40px;z-index:3}@media all and (orientation: portrait){#enemy-hornet-page .stage{height:100vw}#enemy-hornet-page .stage .stage-content{top:calc(100vw/2)}}#enemy-human-page{background:#196600}#enemy-human-page button.replay-button{display:none;width:100%;max-width:320px;font-size:20px;font-weight:bold;-webkit-transition:background-color .4s;transition:background-color .4s;color:black;background:url(../images/global/button.svg) no-repeat;background-size:100% auto}#enemy-human-page button.replay-button:after{content:'';display:block;padding-top:40%}#enemy-human-page button.replay-button span{width:100%;text-align:center;position:absolute;left:0;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#enemy-human-page button.replay-button.show{display:inline-block}#enemy-human-page .scroll-top-button{margin-top:40px;z-index:3}@media all and (orientation: portrait){#enemy-human-page .stage{height:100vw}#enemy-human-page .stage .stage-content{top:calc(100vw/2)}}#enemy-mouse-page{background:#b67d00}#enemy-mouse-page .stage{background:#b67d00}#enemy-mouse-page button.replay-button{display:none;width:100%;max-width:320px;font-size:20px;font-weight:bold;-webkit-transition:background-color .4s;transition:background-color .4s;color:black;background:url(../images/global/button.svg) no-repeat;background-size:100% auto}#enemy-mouse-page button.replay-button:after{content:'';display:block;padding-top:40%}#enemy-mouse-page button.replay-button span{width:100%;text-align:center;position:absolute;left:0;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#enemy-mouse-page button.replay-button.show{display:inline-block}#enemy-mouse-page .scroll-top-button{margin-top:40px;z-index:3}@media all and (orientation: portrait){#enemy-mouse-page .stage{height:100vw}#enemy-mouse-page .stage .stage-content{top:calc(100vw/2)}}