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")}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.ttf?e33gb3") format("truetype"),url("../fonts/icomoon.woff?e33gb3") format("woff");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-menue-drone:before{content:"\e900"}.icon-menue-queen:before{content:"\e901"}.icon-menue-life-cycles:before{content:"\e902"}.icon-menue-worker:before{content:"\e903"}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:13vw;line-height:1;margin:0}.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}.page button.replay-button:after{content:'';display:block;padding-top:40%}.page button.replay-button span{width:100%;text-align:center;position:absolute;left:0;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.page button.replay-button.show{display:inline-block}.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 .lc-pagination-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:1;max-width:460px;margin:36px auto 0}.page .info-layer .lc-pagination-wrapper .dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page .info-layer .lc-pagination-wrapper .dot{width:16px;height:16px;border-radius:50%;background-color:#e0ad05;margin:3px}.page .info-layer .lc-pagination-wrapper .dot.active{background-color:black}.page .info-layer .lc-pagination-wrapper .dot.overview{width:36px;height:36px;background-image:url(../images/reproduction/life-cycles/overview-icon.png);background-size:cover}.no-touchevents .page .info-layer .lc-pagination-wrapper .dot:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.page .info-layer .lc-pagination-wrapper .arrow{visibility:hidden;width:13px;height:29px;background-image:url(../images/reproduction/life-cycles/arrow.png);background-size:cover;margin:0 5px}.no-touchevents .page .info-layer .lc-pagination-wrapper .arrow:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.no-touchevents .page .info-layer .lc-pagination-wrapper .arrow:hover.left{-webkit-transform:scale(-1.2);transform:scale(-1.2)}.page .info-layer .lc-pagination-wrapper .arrow.left{-webkit-transform:scale(-1);transform:scale(-1)}.page .info-layer .lc-pagination-wrapper .arrow.active{visibility:visible}.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;margin-bottom:calc(70px - 1em)}.page .info-layer .info-layer-content p.image-subline:last-child{margin-bottom:1em}.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%)}.black-bottom-bar{width:100%;min-height:140px;position:absolute;bottom:0;margin-top:40px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#222222;text-align:center}.black-bottom-bar .meta-link-wrapper{color:white}.black-bottom-bar .meta-link-wrapper a{color:white}.black-bottom-bar .scroll-top-button{width:100%;max-width:320px;position:relative;z-index:3;margin:20px auto 0}.black-bottom-bar .scroll-top-button img{width:20px;margin:0 auto 14px}.black-bottom-bar .scroll-top-button span{font-size:22px;color:#fbd02c;font-weight:bold}.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}.page .info-layer .info-layer-content .lc-pagination-wrapper .dot{margin:0 5px}.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}.page .info-layer .info-layer-content .lc-pagination-wrapper .dot{width:20px;height:20px;margin:0 5px}.page .info-layer .info-layer-content .lc-pagination-wrapper .dot.overview{width:36px;height:36px}}@media all and (min-width: 600px){.page .info-layer .info-layer-content .lc-pagination-wrapper .dot{margin:0 9px}}@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:90px}.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:90   px}.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}.black-bottom-bar{background:#222 url(../images/global/bottom-bar-pattern@2x.png) no-repeat center center;background-size:auto 100%}.black-bottom-bar .scroll-top-button{margin:28px auto}.black-bottom-bar .scroll-top-button span{font-size:26px}.black-bottom-bar .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, width 0s .4s, height 0s .4s;transition:opacity .4s, width 0s .4s, height 0s .4s}#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,#start-page .stage .bee03{width:40%;max-width:300px;position:absolute;top:55%;left:50%;z-index:1}#start-page .stage .bee01 svg,#start-page .stage .bee02 svg,#start-page .stage .bee03 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,.show-loader #start-page .stage .bee03 svg{display:none}#start-page .stage .bee01:after,#start-page .stage .bee02:after,#start-page .stage .bee03: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 .bee03{-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.3s .3s;transition:-webkit-transform 1.3s .3s;transition:transform 1.3s .3s;transition:transform 1.3s .3s, -webkit-transform 1.3s .3s;-webkit-transform:translate(70%, -120%);transform:translate(70%, -120%)}#start-page .stage.animate-in .bee03{-webkit-transition:-webkit-transform 1.3s .5s;transition:-webkit-transform 1.3s .5s;transition:transform 1.3s .5s;transition:transform 1.3s .5s, -webkit-transform 1.3s .5s;-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:350%;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:80%;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 .bee03{-webkit-transform:translate(150%, 30%);transform:translate(150%, 30%)}#start-page .stage.animate-in .bee01{-webkit-transform:translate(-140%, -30%);transform:translate(-140%, -30%)}#start-page .stage.animate-in .bee02{-webkit-transform:translate(-45%, -35%);transform:translate(-45%, -35%)}#start-page .stage.animate-in .bee03{-webkit-transform:translate(40%, -30%);transform:translate(40%, -30%)}#start-page .stage .stage-content{top:50%}#start-page .stage .stage-content .button-wrapper{margin:15vh auto 0}}@media all and (orientation: portrait) and (min-height: 500px){#start-page .stage .stage-content .button-wrapper{margin:18vh auto 0}}@media all and (orientation: portrait) and (min-height: 800px){#start-page .stage .stage-content .button-wrapper{margin:22vh auto 0}}@media all and (min-width: 600px){#start-page .stage .bee01,#start-page .stage .bee02,#start-page .stage .bee03{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 .bee03{-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%, -125%);transform:translate(80%, -125%)}#start-page .stage.animate-in .bee03{-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:#b67d00}#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,#selection-page .stage .bee03{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,#selection-page .stage .bee03 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,#selection-page .stage .bee03: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 .bee03{-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.animate-in .bee03{-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:640px;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}#selection-page .button-wrapper button:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:url(../images/global/wabe-verlauf.png) no-repeat;background-size:100% 100%;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.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.arrow{width:14% !important;position:absolute;top:50%;left:0;z-index:5;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#selection-page .button-wrapper button svg.arrow path{-webkit-transition:fill .4s, stroke .4s;transition:fill .4s, stroke .4s}#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:62%;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 .label .sub-label{font-size:80%;line-height:.9}#selection-page .button-wrapper button .icon-wrapper{width:100%;position:absolute;top:40%;left:50%;z-index:4;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:100px;font-size:calc(((100vw - 30px)/4)*.7)}@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 .bee03{-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 .stage.animate-in .bee03{-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:nth-child(1){-webkit-transform:translate(-125%, -87.5%);transform:translate(-125%, -87.5%)}#selection-page .button-wrapper button:nth-child(2){-webkit-transform:translate(-25%, -87.5%);transform:translate(-25%, -87.5%)}#selection-page .button-wrapper button:nth-child(3){-webkit-transform:translate(-75%, -12.5%);transform:translate(-75%, -12.5%)}#selection-page .button-wrapper button:nth-child(4){-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: 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:18%;max-width:250px;-webkit-transform:translate(-450%, -170%);transform:translate(-450%, -170%)}#selection-page .stage .bee02{width:18%;max-width:250px;-webkit-transform:translate(350%, -80%);transform:translate(350%, -80%)}#selection-page .stage .bee03{width:18%;max-width:250px;-webkit-transform:translate(350%, 80%);transform:translate(350%, 80%)}#selection-page .stage.animate-in .bee01{-webkit-transform:translate(-140%, -170%);transform:translate(-140%, -170%)}#selection-page .stage.animate-in .bee02{-webkit-transform:translate(60%, -160%);transform:translate(60%, -160%)}#selection-page .stage.animate-in .bee03{-webkit-transform:translate(-50%, 30%);transform:translate(-50%, 30%)}#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}}@media all and (min-width: 1024px) and (min-height: 700px){#selection-page .stage .bee01,#selection-page .stage .bee02,#selection-page .stage .bee03{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}}#queen-page{background:#b67d00}#queen-page .stage{background:#b67d00}#queen-page .scroll-top-button{margin-top:40px}@media all and (orientation: portrait){#queen-page .stage{height:100vw}#queen-page .stage .stage-content{top:calc(100vw/2)}}#worker-page{background:#b67d00}#worker-page .stage{background:#b67d00}#worker-page .scroll-top-button{margin-top:40px}#worker-page .life-cycles{position:relative;width:100%;max-width:620px;background:url(../images/reproduction/lebensphasen-button.png) no-repeat;background-size:auto 100%}#worker-page .life-cycles:after{content:'';display:block;padding-top:64.5%}.no-touchevents #worker-page .life-cycles:hover{background:url(../images/reproduction/lebensphasen-button-hover.png) no-repeat;background-size:auto 100%}.no-touchevents #worker-page .life-cycles:hover span{color:#fbd02c}#worker-page .life-cycles span{position:absolute;top:55%;left:0;text-align:center;font-size:calc((100vw - 30px)/100*4.6);font-weight:700;padding:5% 20%}@media all and (orientation: portrait){#worker-page .stage{height:100vw}#worker-page .stage .stage-content{top:calc(100vw/2)}}@media all and (min-width: 360px){#worker-page .life-cycles span{font-size:calc((100vw - 40px)/100*4.6)}}@media all and (min-width: 680px){#worker-page .life-cycles span{font-size:30px}}#drone-page{background:#b67d00}#drone-page .stage{background:#b67d00}#drone-page .scroll-top-button{margin-top:40px}@media all and (orientation: portrait){#drone-page .stage{height:100vw}#drone-page .stage .stage-content{top:calc(100vw/2)}}#life-cycles-page{top:calc(60px);height:auto;min-height:100%;background:url(../images/reproduction/life-cycles/bg-pattern.png) repeat-Y center top,-webkit-gradient(linear, left top, left bottom, from(#fbd02c), to(#dca900));background:url(../images/reproduction/life-cycles/bg-pattern.png) repeat-Y center top,linear-gradient(#fbd02c, #dca900)}#life-cycles-page .black-bottom-bar{position:relative;margin-top:0}#life-cycles-page .content-wrapper{position:relative;width:100%;text-align:center;max-width:840px;margin:0 auto;padding:13vw 15px 0}#life-cycles-page .content-wrapper h1{position:relative;z-index:2;font-size:7vw;line-height:1.2;text-align:center;padding-top:14px;margin:0;letter-spacing:-.01em}#life-cycles-page .state-wrapper{display:block;width:100%;position:relative;margin-top:80px}#life-cycles-page .state-wrapper .timeline-wrapper{position:relative;width:36px;height:calc(7*5*10vw);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#life-cycles-page .state-wrapper .timeline-wrapper .tl{width:20px;position:absolute;display:none}#life-cycles-page .state-wrapper .timeline-wrapper .tl1{height:calc(5*10vw);top:calc(0*10vw);left:40px;background-color:#d99200}#life-cycles-page .state-wrapper .timeline-wrapper .tl2{height:calc(10*10vw);top:calc(4*10vw);left:64px;background-color:#e9220d}#life-cycles-page .state-wrapper .timeline-wrapper .tl3{height:calc(16*10vw);top:calc(6*10vw);left:40px;background-color:#008c3c}#life-cycles-page .state-wrapper .timeline-wrapper .tl4{height:calc(17*10vw);top:calc(7*10vw);left:84px;background-color:#008bc7}#life-cycles-page .state-wrapper .timeline-wrapper .tl5{height:calc(19*10vw);top:calc(11*10vw);left:20px;background-color:#ff5271}#life-cycles-page .state-wrapper .timeline-wrapper .tl6{height:calc(4*10vw);top:calc(18*10vw);left:104px;background-color:#d9d9d9}#life-cycles-page .state-wrapper .timeline-wrapper .tl7{height:calc(15	*10vw);top:calc(20*10vw);left:0;background-color:#814f11}#life-cycles-page .state-wrapper .timeline-wrapper .tl8{height:calc(15*10vw);top:calc(20*10vw);left:64px;background-color:#000000}#life-cycles-page .state-wrapper .timeline-wrapper .legend{position:absolute;width:4px;height:100%;left:50%;z-index:2;background-color:white;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#life-cycles-page .state-wrapper .timeline-wrapper .legend .label{display:block;position:absolute;top:-50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:21px;color:white}#life-cycles-page .state-wrapper .timeline-wrapper .legend div{position:absolute;top:0;left:50%;width:36px;border-radius:50%;background-color:white;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(1){top:calc((1*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(2){top:calc((2*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(3){top:calc((3*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(4){top:calc((4*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(5){top:calc((5*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(6){top:calc((6*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(7){top:calc((7*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(8){top:calc((8*5*10vw) - (5*10vw))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:20px;font-weight:700}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:after{content:'';display:block;padding-top:100%}#life-cycles-page .state-wrapper .button-wrapper{width:calc(50% - 17px);position:absolute;left:0;overflow:hidden;text-align:center;opacity:0;-webkit-transition:opacity .8s;transition:opacity .8s}#life-cycles-page .state-wrapper .button-wrapper img{-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:-webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}#life-cycles-page .state-wrapper .button-wrapper.animate{opacity:1}#life-cycles-page .state-wrapper .button-wrapper.animate img{-webkit-transform:scale(1);transform:scale(1)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(even){left:auto;right:0;text-align:right}#life-cycles-page .state-wrapper .button-wrapper:nth-child(1){top:calc(0*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(2){top:calc(3.8*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(3){top:calc(7.5*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(4){top:calc(11*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(5){top:calc(14.5*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(6){top:calc(17.8*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(7){top:calc(21*10vw)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(8){top:calc(25.5*10vw)}#life-cycles-page .state-wrapper .state{width:100%;max-width:280px;position:relative;text-align:left;overflow:visible}.no-touchevents #life-cycles-page .state-wrapper .state:hover .title:after{-webkit-transform:translateX(5px);transform:translateX(5px)}#life-cycles-page .state-wrapper .state .from-to{display:inline-block;width:100%;font-size:4vw;font-weight:700;color:white;padding:0 5vw}#life-cycles-page .state-wrapper .state .title{display:inline-block;position:relative;font-size:5vw;line-height:1.2;font-weight:700;padding:0 0 0 5vw}#life-cycles-page .state-wrapper .state .title:after{content:'';width:.435em;height:.97em;position:absolute;top:.15em;left:.3em;background:url(../images/reproduction/life-cycles/arrow.png) no-repeat;background-size:100% auto;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#life-cycles-page .scroll-top-button{margin-top:40px}@media all and (min-width: 360px){#life-cycles-page .content-wrapper{padding-left:20px;padding-right:20px}#life-cycles-page .state-wrapper .button-wrapper{width:calc(50% - 22px)}}@media all and (min-width: 415px){#life-cycles-page .content-wrapper h1{font-size:5.8vw}}@media all and (min-width: 644px){#life-cycles-page .content-wrapper{padding-top:80px}#life-cycles-page .state-wrapper{margin-top:100px}#life-cycles-page .state-wrapper .timeline-wrapper{width:124px;height:calc(7*5*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl1{height:calc(5*64px);top:calc(0*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl2{height:calc(10*64px);top:calc(4*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl3{height:calc(16*64px);top:calc(6*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl4{height:calc(17*64px);top:calc(7*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl5{height:calc(19*64px);top:calc(11*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl6{height:calc(4*64px);top:calc(18*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl7{height:calc(15 *64px);top:calc(20*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .tl8{height:calc(15*64px);top:calc(20*64px)}#life-cycles-page .state-wrapper .timeline-wrapper .legend .label{font-size:30px;top:-70px}#life-cycles-page .state-wrapper .timeline-wrapper .legend div{width:44px}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(1){top:calc((1*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(2){top:calc((2*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(3){top:calc((3*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(4){top:calc((4*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(5){top:calc((5*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(6){top:calc((6*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(7){top:calc((7*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div:nth-child(8){top:calc((8*5*64px) - (5*64px))}#life-cycles-page .state-wrapper .timeline-wrapper .legend div span{font-size:24px}#life-cycles-page .state-wrapper .button-wrapper:nth-child(1){top:calc(0*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(2){top:calc(3.8*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(3){top:calc(7.5*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(4){top:calc(11*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(5){top:calc(14.5*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(6){top:calc(17.8*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(7){top:calc(21*64px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(8){top:calc(25.5*64px)}#life-cycles-page .state-wrapper .state .from-to{font-size:24px;padding:0 20px 0 40px}#life-cycles-page .state-wrapper .state .title{font-size:30px;padding:0 20px 0 40px}#life-cycles-page .state-wrapper .state .title:after{left:15px}}@media all and (min-width: 720px){#life-cycles-page .content-wrapper h1{font-size:60px}#life-cycles-page .state-wrapper .timeline-wrapper .tl{width:20px;position:absolute;display:block}#life-cycles-page .state-wrapper .button-wrapper{text-align:left}#life-cycles-page .state-wrapper .button-wrapper:nth-child(even) .state:after{left:0;right:auto;background-color:white;-webkit-transform:translate(-70%, -1px);transform:translate(-70%, -1px)}#life-cycles-page .state-wrapper .button-wrapper:nth-child(1) .state:after{background-color:#d99200}#life-cycles-page .state-wrapper .button-wrapper:nth-child(2) .state:after{background-color:#e9220d}#life-cycles-page .state-wrapper .button-wrapper:nth-child(3) .state:after{background-color:#008c3c}#life-cycles-page .state-wrapper .button-wrapper:nth-child(4) .state:after{background-color:#008bc7}#life-cycles-page .state-wrapper .button-wrapper:nth-child(5) .state:after{background-color:#ff5271}#life-cycles-page .state-wrapper .button-wrapper:nth-child(6) .state:after{background-color:#d9d9d9}#life-cycles-page .state-wrapper .button-wrapper:nth-child(7) .state:after{background-color:#814f11}#life-cycles-page .state-wrapper .button-wrapper:nth-child(8) .state:after{background-color:#000000}#life-cycles-page .state-wrapper .state:after{content:'';position:absolute;width:50%;height:3px;top:0;right:0;background-color:white;margin-top:50%;-webkit-transform:translate(70%, -1px);transform:translate(70%, -1px)}}.life-cycle-page{background:#b67d00}.life-cycle-page .stage{background:#b67d00}.life-cycle-page.lph06{background:#ffcb01}.life-cycle-page.lph06 .stage{background:#ffcb01}.life-cycle-page.lph07{background:#295d2c}.life-cycle-page.lph07 .stage{background:#295d2c}.life-cycle-page.lph08{background:#28592a}.life-cycle-page.lph08 .stage{background:#28592a}.life-cycle-page .info-layer .info-layer-content h1{padding:10px 0 22px}.life-cycle-page .scroll-top-button{margin-top:40px}@media all and (orientation: portrait){.life-cycle-page .stage{height:100vw}.life-cycle-page .stage .stage-content{top:calc(100vw/2)}}