@charset "UTF-8";.infobox-wrapper,.jBox-wrapper{-webkit-font-smoothing:antialiased}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed Regular'),local('RobotoCondensed-Regular'),url('font/Roboto_Condensed_400.eot?#iefix') format('embedded-opentype'),url('font/Roboto_Condensed_400.woff') format('woff'),url('font/Roboto_Condensed_400.ttf') format('ttf'),url('font/Roboto_Condensed_400.svg#RobotoCondensed') format('svg')}@font-face{font-family:icomoon;src:url(font/icomoon.eot?-duh3a6);src:url(font/icomoon.eot?#iefix-duh3a6) format('embedded-opentype'),url(font/icomoon.woff?-duh3a6) format('woff'),url(font/icomoon.ttf?-duh3a6) format('truetype'),url(font/icomoon.svg?-duh3a6#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:"\e600"}.icon-undo:before{content:"\e601"}.icon-redo:before{content:"\e602"}.icon-bubble:before{content:"\e603"}.icon-bubble2:before{content:"\e604"}.icon-spinner:before{content:"\e605"}.icon-info:before{content:"\e606"}.icon-info2:before{content:"\e607"}.icon-close:before{content:"\e608"}.icon-checkmark:before{content:"\e609"}.icon-play:before{content:"\e60a"}.icon-pause:before{content:"\e60b"}.icon-stop:before{content:"\e60c"}.icon-backward:before{content:"\e60d"}.icon-forward:before{content:"\e60e"}.icon-play2:before{content:"\e60f"}.icon-pause2:before{content:"\e610"}.icon-stop2:before{content:"\e611"}.icon-backward2:before{content:"\e612"}.icon-forward2:before{content:"\e613"}.icon-first:before{content:"\e614"}.icon-last:before{content:"\e615"}.icon-previous:before{content:"\e616"}.icon-next:before{content:"\e617"}.icon-eject:before{content:"\e618"}.icon-volume-high:before{content:"\e619"}.icon-volume-mute:before{content:"\e61a"}.icon-volume-mute2:before{content:"\e61b"}.icon-checkbox-checked:before{content:"\e61c"}.icon-checkbox-unchecked:before{content:"\e61d"}.icon-checkbox-partial:before{content:"\e61e"}.icon-radio-checked:before{content:"\e61f"}.icon-radio-unchecked:before{content:"\e620"}.jBox-wrapper{text-align:left;box-sizing:border-box;-moz-osx-font-smoothing:grayscale}.jBox-container,.jBox-content,.jBox-title{position:relative;word-break:break-word}#background,#info,.absolute,.infobox-close,.jBox-closeButton,.jBox-closeButton-box:before,.jBox-image-container,.jBox-image-label,.jBox-image-pointer-next,.jBox-image-pointer-prev,.jBox-pointer,.jBox-pointer:after,.jBox-spinner,.mark{position:absolute}.jBox-container{background:#fff}.jBox-content{padding:8px 10px;overflow:auto;transition:opacity .15s;margin-bottom:1em}#background,.jBox-pointer,body,body[class*=" jBox-blockScroll-"],body[class^=jBox-blockScroll-]{overflow:hidden}.jBox-Mouse .jBox-container,.jBox-Tooltip .jBox-container{border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.3)}.jBox-Mouse .jBox-title,.jBox-Tooltip .jBox-title{padding:8px 10px 0;font-weight:700}.jBox-hasTitle.jBox-Mouse .jBox-content,.jBox-hasTitle.jBox-Tooltip .jBox-content{padding-top:5px}.jBox-pointer-top{top:0}.jBox-pointer-bottom{bottom:0}.jBox-pointer-left{left:0}.jBox-pointer-right{right:0}.jBox-pointer-bottom,.jBox-pointer-top{width:30px;height:12px}.jBox-pointer-left,.jBox-pointer-right{width:12px;height:30px}.jBox-pointer:after{content:'';width:20px;height:20px;background:#fff;transform:rotate(45deg)}.jBox-pointer-top:after{left:5px;top:6px;box-shadow:-1px -1px 4px rgba(0,0,0,.2)}.jBox-pointer-right:after{top:5px;right:6px;box-shadow:1px -1px 4px rgba(0,0,0,.2)}.jBox-pointer-bottom:after{left:5px;bottom:6px;box-shadow:1px 1px 4px rgba(0,0,0,.2)}.jBox-pointer-left:after{top:5px;left:6px;box-shadow:-1px 1px 4px rgba(0,0,0,.2)}.jBox-Confirm .jBox-container,.jBox-Confirm.jBox-closeButton-box:before,.jBox-Modal .jBox-container,.jBox-Modal.jBox-closeButton-box:before{box-shadow:0 3px 15px rgba(0,0,0,.4),0 0 5px rgba(0,0,0,.4)}.jBox-Confirm .jBox-container,.jBox-Modal .jBox-container{border-radius:3px}.jBox-Confirm .jBox-title,.jBox-Modal .jBox-title{border-radius:3px 3px 0 0;padding:10px 15px;background:#f4f5f6;border-bottom:1px solid #ddd;text-shadow:0 1px 1px #fff}.jBox-Confirm.jBox-closeButton-title .jBox-title,.jBox-Modal.jBox-closeButton-title .jBox-title{padding-right:55px}.jBox-Modal .jBox-content{padding:12px 15px}.jBox-Confirm .jBox-content{text-align:center;padding:45px 35px}.jBox-Confirm-footer{border-top:1px solid #e2e2e2;background:#fafafa;border-radius:0 0 3px 3px;text-align:center;padding:10px 0}.jBox-Confirm-button{display:inline-block;cursor:pointer;font-size:15px;line-height:30px;height:30px;border-radius:3px;padding:0 20px;transition:color .2s,background-color .2s}.jBox-Confirm-button-cancel{text-shadow:0 1px 1px rgba(255,255,255,.6);background:#ddd;color:#999;margin-right:25px}.jBox-Confirm-button-cancel:hover{background:#ccc;color:#666}.jBox-Confirm-button-submit{text-shadow:0 -1px 1px rgba(0,0,0,.2);background:#5fc04c;color:#fff}.jBox-Confirm-button-submit:hover{background:#53a642}.jBox-Confirm-button-cancel:active,.jBox-Confirm-button-submit:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.26)}.jBox-Notice{transition:margin .2s}.jBox-Notice .jBox-container{border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.2);color:#fff;text-shadow:0 -1px 1px #000;background:#333;background-image:linear-gradient(to bottom,#444,#222)}.jBox-Notice .jBox-content{border-radius:3px;padding:12px 20px}.jBox-Notice .jBox-title{padding:8px 20px 0;font-weight:700}.jBox-hasTitle.jBox-Notice .jBox-content{padding-top:5px}.jBox-Notice-color .jBox-container{text-shadow:0 -1px 1px rgba(0,0,0,.3)}.jBox-Notice-gray .jBox-container{color:#666;text-shadow:0 1px 1px #fff;background:#f4f4f4;background-image:linear-gradient(to bottom,#fafafa,#f0f0f0)}.jBox-Notice-red .jBox-container{background:#b02222;background-image:linear-gradient(to bottom,#e22,#b02222)}.jBox-Notice-green .jBox-container{background:#70a800;background-image:linear-gradient(to bottom,#95cc2a,#70a800)}.jBox-Notice-blue .jBox-container{background:#2b91d9;background-image:linear-gradient(to bottom,#5abaff,#2b91d9)}.jBox-Notice-yellow .jBox-container{color:#744700;text-shadow:0 1px 1px rgba(255,255,255,.6);background:#ffb11f;background-image:linear-gradient(to bottom,#ffd665,#ffb11f)}.jBox-Image{background:#fff;padding:8px 8px 45px;border-radius:5px}.jBox-Image .jBox-content{padding:0;width:100%;height:100%}.jBox-image-container{border-radius:5px;background:center center no-repeat #fff;width:100%;height:100%;opacity:0}.jBox-image-label{box-sizing:border-box;background:#fff;top:100%;left:0;width:100%;color:#333;margin-top:-35px;padding:0 90px 5px 10px;border-radius:0 0 5px 5px;transition:opacity .3s;opacity:0}.jBox-image-label.active{opacity:1}.jBox-image-pointer-next,.jBox-image-pointer-prev{bottom:0;width:22px;height:45px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=) center center no-repeat;background-size:11px auto;cursor:pointer;opacity:.6;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s}.jBox-image-pointer-next:hover,.jBox-image-pointer-prev:hover{opacity:1}.jBox-image-pointer-next{right:8px;transform:scaleX(-1)}.jBox-image-pointer-prev{right:30px}.jBox-image-open #jBox-overlay{background-color:rgba(0,0,0,.86)}.jBox-Image.jBox-loading .jBox-container:before{left:auto;top:auto;bottom:-33px;right:55px;margin-top:-9px;margin-left:-9px}.jBox-closeButton{cursor:pointer}.jBox-closeButton svg{position:absolute;top:50%;right:50%}.jBox-closeButton path{transition:fill .2s;fill:#aaa}.jBox-closeButton:hover path{fill:#888}.jBox-closeButton:active path{fill:#666}#jBox-overlay .jBox-closeButton{top:0;right:0;width:40px;height:40px}#jBox-overlay .jBox-closeButton svg{width:20px;height:20px;margin-top:-10px;margin-right:-10px}#jBox-overlay .jBox-closeButton path{fill:#d2d4d6}#jBox-overlay .jBox-closeButton:hover path{fill:#fff}#jBox-overlay .jBox-closeButton:active path{fill:#b2b4b6}.jBox-closeButton-title .jBox-closeButton{top:0;right:0;bottom:0;width:40px}.jBox-closeButton-title .jBox-closeButton svg{width:12px;height:12px;margin-top:-6px;margin-right:-6px}.jBox-closeButton-box .jBox-closeButton{top:-8px;right:-10px;width:24px;height:24px;background:#fff;border-radius:50%}.jBox-closeButton-box .jBox-closeButton svg{width:10px;height:10px;margin-top:-5px;margin-right:-5px}.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton{background:#f4f5f6}.jBox-closeButton-box:before{content:'';top:-8px;right:-10px;width:24px;height:24px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3)}.btn,.jBox-wrapper{box-shadow:4px 4px 6px #aaa}.jBox-pointerPosition-top.jBox-closeButton-box:before{top:4px}.jBox-pointerPosition-right.jBox-closeButton-box:before{right:2px}#jBox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background-color:rgba(0,0,0,.6)}.jBox-draggable{cursor:move}.btn,.btn-play,.infobox-close,.knob,.radio{cursor:pointer}@keyframes jBoxLoading{to{transform:rotate(360deg)}}.jBox-loading .jBox-content{min-height:32px;min-width:38px;opacity:0}.jBox-spinner{top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px}#buttons,#infotext,#logos img{margin:5px}.jBox-spinner:before{content:'Loading…';display:block;width:20px;height:20px;text-align:center;box-sizing:border-box}.jBox-spinner:not(:required):before{content:'';border-radius:50%;border:2px solid rgba(0,0,0,.3);border-top-color:rgba(0,0,0,.6);animation:jBoxLoading .6s linear infinite;-webkit-animation:jBoxLoading .6s linear infinite}.jBox-IE8.jBox-Mouse .jBox-container,.jBox-IE8.jBox-Tooltip .jBox-container{border:1px solid #aaa}.jBox-IE8 .jBox-pointer:after{display:none}#logos,body{display:flex}.jBox-IE8 .jBox-pointer{border:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNq01l0OwyAIAGAlvY+n8ZJ6Gk/EqqkNtf7ApCQ+LM34iuCmRUQzihjj6FH+kjWL8N4/Ph9GHpiTnC9SwDbhLGyvspSScc71KkOa/HpuuRhIK+psE2pjONouCQg7kBSEXUgC2tHo52mTTBpnaEATWlaYK6MrhIAaceWpOcsCrYp6FV4H/90zTWjUQ/gSevVQq0ecHqoOxWpYoO7p5O9ku2fnVtp7QAik2rsK3fnpWfjynJWpbw+1BkghurrYDjiCptg/4AxaYhJwBbEwDsiB2NgM5EIirAdKIDFGQSmU1+NaIPjJYt2I25vxT4ABAMhWvtle2YvmAAAAAElFTkSuQmCC) no-repeat}.jBox-IE8 .jBox-pointer-top{background-position:center top}.jBox-IE8 .jBox-pointer-bottom{background-position:center bottom}.jBox-IE8 .jBox-pointer-left{background-position:left center}.jBox-IE8 .jBox-pointer-right{background-position:right center}.jBox-IE8.jBox-Modal .jBox-container{border:3px solid #aaa}.jBox-nosvg .jBox-closeButton:before{font-family:Verdana,sans-serif;content:'x';text-align:center;font-size:18px;color:#888}#logos{align-items:center}#logos img{float:left;width:68px}#logos>a:nth-child(1)>img{width:140px}.mark.stage,body{width:100%;height:100%}body{font-family:'Roboto Condensed',sans-serif;min-height:100vh;padding:0;margin:0;justify-content:center;align-items:center;background-color:#000}body.portrait{background-color:red}body.landscape{background-color:#00f}.mark{border:none;background:0 0;padding:.3ex}.mark.left{left:0}.mark.right{right:0}.mark.top{top:0}.mark.bottom{bottom:0}.mark.stage{left:0;top:0}#app{position:relative;width:100vw;height:50vw;max-width:200vh;max-height:100vh;background:#f1f1f1}#background{top:0;left:0;width:1200px;height:600px;-webkit-backface-visibility:hidden;display:inline-block}div{-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0,0,0);-webkit-tap-highlight-color:transparent}[class*=" icon-"][tooltip],[class^=icon-][tooltip]{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:20px;float:right;border:2px solid transparent;color:#444}.btn,label{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none}.btn,.modal-close{color:#000;text-decoration:none}[class*=" icon-"][tooltip]:hover,[class^=icon-][tooltip]:hover{border-radius:12px;border:2px solid #aaa}.icon-center{display:inline-block!important;text-align:center!important;float:none!important}#button-desc,#button-fazit,#button-restart,#button-start{padding:.5em;margin-right:1em;float:left}#button-mute{padding:.5em;margin-right:1em;float:left;max-width:2em}#info{font-family:sans-serif;font-size:11px;line-height:12px;top:130px;left:20px;width:130px;height:270px}.modal-close{border-radius:8px;background-image:linear-gradient(to bottom,#bbb 0,#ddd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBBBBBB', endColorstr='#FFDDDDDD', GradientType=0);text-align:right;padding:8px}.btn-play,.header{text-align:center}.btn{-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px;background-color:#ddd;padding:4px;display:flex;align-items:center;line-height:1;margin-bottom:3px}.btn-disabled{-webkit-filter:brightness(50%);filter:brightness(50%)}.btn i{font-size:2em;margin-right:.25em;color:#666;display:block;float:left}.modal-summery{font-size:16px}.hidden{display:none}#background{margin:0;background:url(../images/space_pano_sun.jpg) top left no-repeat;background-size:cover;background-blend-mode:screen}.infobox-wrapper{max-width:50%;max-height:80%;overflow:hidden;border:3px solid #333;padding:1em;background-color:#fff;border-radius:8px}.infobox-wrapper>h1{margin:0 0 20px;padding:0;font-size:24px;border-bottom:3px solid #666}.infobox-close svg{width:24px;fill:#fff;pointer-events:none;vertical-align:top}.infobox-close{text-decoration:none;color:inherit;font-weight:400;top:0;right:0;margin:1.2rem;background:rgba(0,0,0,.3);border-radius:50%;transition:all .5s cubic-bezier(.23,1,.32,1);z-index:1100}.controlpanel-wrapper>label,.title{color:#ddd}.infobox-container{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;width:100%;display:flex;justify-content:center;align-items:center;opacity:1;z-index:9999}#stage,#statuspanel{top:20px;height:500px;box-shadow:4px 4px 6px #aaa;background-color:#c7d3e2;overflow:hidden;position:absolute}#stage{left:150px;width:500px;border-radius:8px;border:2px solid #aaa}#statuspanel{left:670px;width:360px;border-radius:8px;border:2px solid #aaa}#statuspanel svg{border:1px solid #ddd;border-radius:6px;padding:5px;margin:5px}#infotext{position:relative;border-radius:6px;border:1px solid #ddd;padding:5px;width:335px}#scene{position:absolute;top:0;width:100%;height:100%}.controlpanel-wrapper{padding-left:70px;padding-top:20px}#controlpanel,#moonpanel{padding:0;margin:0;left:75%;height:50%;width:25%;overflow:hidden;z-index:1;position:relative}#controlpanel{border-left:1px solid #ddd;border-top:1px solid #000;background-color:#000}.header,.knob-wrapper{background-color:#fff}#moonpanel{border:1px solid #ddd;top:0}.header{width:100%;padding:.25em}.title{padding:.5em;font-size:24px}.knob-wrapper{width:180px;height:24px;border:0 solid #000;margin:5px;justify-content:initial}.knob{position:relative;top:-5px;width:30px;height:30px;margin-left:-15px;background:#fff;border-radius:999px;border:3px solid #0c70b4}.btn-play i{width:100%;margin-left:.1em}.btn-play{width:40px;height:40px;line-height:40px;margin-left:65px;margin-top:15px;border-radius:999px;color:#333;border:3px solid #0c70b4;box-shadow:none}.knob:active{color:#666}label{-moz-user-select:none;-ms-user-select:none;user-select:none}.radio{display:inline-block;padding-right:20px;font-size:14px;line-height:43px;color:#ddd}.radio:hover .inner{transform:scale(.5);opacity:.5}.radio input{width:1px;height:1px;opacity:0}.radio input:checked+.outer .inner{transform:scale(1);opacity:1}.radio input:checked+.outer{border:3px solid #f08b3b}.radio input:focus+.outer .inner{transform:scale(1);opacity:1;background-color:#e67012}.radio .outer{width:20px;height:20px;display:block;float:left;margin:10px 9px 10px 10px;border:3px solid #0c70b4;border-radius:50%;background-color:#fff}.radio .inner{transition:all .25s ease-in-out;width:16px;height:16px;transform:scale(0);display:block;margin:2px;border-radius:50%;background-color:#f08b3b;opacity:0}
