html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}elements-of-type(html5-block){display:block}html{box-sizing:border-box;font-family:sans-serif;line-height:1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a{background:transparent}a:active,a:hover{outline:0}a img{border:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}svg{overflow:hidden}svg:root{overflow:visible}select{text-transform:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}a,div,img,span{-webkit-tap-highlight-color:transparent}button,html input[type="button"],html input[type="reset"],html input[type="submit"]{margin:0;padding:0;overflow:visible;font:inherit;line-height:normal;color:inherit;text-transform:none;border:0;background:none;cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button::-moz-focus-inner,html input[type="button"]::-moz-focus-inner,html input[type="reset"]::-moz-focus-inner,html input[type="submit"]::-moz-focus-inner{border:0;padding:0}body,html{margin:0 0;height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch}body{background:url("../images/loader-bg.jpg") no-repeat center center;background-size:cover;font-family:"DIN Light";font-size:6px;font-weight:400;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.cursor-hand{cursor:url("../images/cursor.png") 0 0,pointer}.main-container{width:100%;height:100%;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-container.loading #loader-container{display:block}.page{display:none}.page.visible{display:block}a{color:#fff;text-decoration:none}@font-face{font-family:"DIN Light";font-style:normal;font-weight:normal;src:url("../fonts/DIN-Light-Web.woff") format("woff"),url("../fonts/DIN-Light-Web.ttf") format("woff")}@font-face{font-family:"Canela Light";font-style:normal;font-weight:normal;src:url("../fonts/Canela-Light-Web.woff2") format("woff2"),url("../fonts/Canela-Light-Web.woff") format("woff")}@-webkit-keyframes loadsprite{100%{background-position:0 0}}@keyframes loadsprite{100%{background-position:0 0}}@-webkit-keyframes float{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes float{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.nb-logo{position:absolute;top:15px;left:15px;z-index:1;width:50%;max-width:200px}.nb-logo svg{fill:rgba(255,255,255,0.6)}.language-selector{position:absolute;top:22px;right:15px;z-index:1;color:white;font-size:16px;line-height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.language-selector .en{display:none}.en .language-selector .de{display:none}.en .language-selector .en{display:block}.loader{position:absolute;background:url("../images/loader-bg.jpg") no-repeat center center;background-size:cover;top:0;left:0;width:100vw;height:100vh;z-index:10;display:none}.loader .load-img{position:absolute;width:150px;height:150px;top:50%;left:50%;-webkit-transform:translate(-50%, -125%);transform:translate(-50%, -125%);background-image:url("../images/loader.png");background-position:-5850px 0;-webkit-animation:loadsprite 2.6s steps(39) infinite;animation:loadsprite 2.6s steps(39) infinite}.loader .load-txt{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:275px;color:white;font-family:"Canela Light";font-size:35px;line-height:40px;text-align:right;-moz-text-align-last:left;text-align-last:left}.loader .load-txt span.first,.loader .load-txt span.last{display:inline-block;-webkit-animation:float 5s linear infinite;animation:float 5s linear infinite}.loader .load-txt span.last{-webkit-animation-delay:.25s;animation-delay:.25s;animation-direction:reverse}.loader .load-txt .red{max-width:300px;margin:0 auto;color:#b8191d;font-size:30px;line-height:1.3;text-align:center;-moz-text-align-last:right;text-align-last:right}.loader .load-txt .red .stroke{position:relative;display:inline}.loader .load-txt .red .stroke:after{content:"";display:block;position:absolute;bottom:8px;right:325%;width:50vw;height:2px;background-color:#b8191d}.loading .loader{display:block}.ui-container{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none}.crystal-loaded .ui-container{display:block}.intro-container{position:absolute;width:275px;top:50%;left:50%;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%);z-index:1;color:white;font-size:20px;line-height:1;-webkit-transition:opacity .3s ease-in-out, visibility .3s ease-in-out;transition:opacity .3s ease-in-out, visibility .3s ease-in-out}.intro-container.en{display:none}.en .intro-container.de{display:none}.en .intro-container.en{display:block}.user-is-holding .intro-container{opacity:0;visibility:hidden}.intro-container .canela,.intro-container .middle{font-family:"Canela Light"}.intro-container .top{line-height:1.25}.intro-container .top:after{content:"";display:block;position:absolute;left:65%;top:43px;width:60px;height:3px;background-color:rgba(255,255,255,0.3)}.intro-container .middle{width:87.5%;position:relative;font-size:80px;margin:5px 0;color:#b8191d;-moz-text-align-last:right;text-align-last:right}.intro-container .bottom{text-align:right}.intro-container .bottom:before{content:"";display:block;position:absolute;right:60%;bottom:5px;width:80px;height:3px;background-color:rgba(255,255,255,0.3)}.text-container{position:absolute;left:0;top:30%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .3s ease-in-out, visibility .3s ease-in-out;transition:opacity .3s ease-in-out, visibility .3s ease-in-out}.text-container.en{display:none}.en .text-container.de{display:none}.en .text-container.en{display:block}.sound-active .text-container{opacity:1;visibility:visible}.text-container .lyrics{position:relative;-webkit-box-align:baseline;align-items:baseline;height:auto;color:#fff;font-size:20px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(100vw);transform:translateX(100vw);width:-webkit-max-content;width:-moz-max-content;width:max-content}.text-container .lyrics span.lyrics-row{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;position:relative;margin-right:155px}.text-container .lyrics span.lyrics-row.show{opacity:1}.text-container .lyrics span.lyrics-row .lyrics-spacer{position:absolute;bottom:0;display:block;right:0;-webkit-transform:translateX(101%);transform:translateX(101%);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;margin:0;width:0;border-bottom:1px solid #ffffff}.text-container .large{font-family:"Canela Light";font-size:2em;margin:0 10px}.cursor-container{position:absolute;width:140px;top:75%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease-in-out, visibility .3s ease-in-out;transition:opacity .3s ease-in-out, visibility .3s ease-in-out;pointer-events:none}.cursor-container:after{content:"";display:block;padding-bottom:100%}.cursor-hand .cursor-container{opacity:1;visibility:visible}.crystal-active .cursor-container{opacity:0;visibility:hidden}.cursor-container .progress-ring{width:100%;height:100%;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.cursor-container .progress-ring__circle{opacity:.6}.cursor-container .progress-ring__dot{opacity:.3}.tutorial-container{position:absolute;width:140px;top:75%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid;border-color:#fff;border-radius:50%;opacity:1;visibility:visible;-webkit-transition:opacity .3s ease-in-out, visibility .3s ease-in-out;transition:opacity .3s ease-in-out, visibility .3s ease-in-out}.tutorial-container.en{display:none}.en .tutorial-container.de{display:none}.en .tutorial-container.en{display:block}.user-is-holding .tutorial-container{opacity:0;visibility:hidden}.tutorial-container:after{content:"";display:block;padding-bottom:100%}.tutorial-container .text{position:absolute;color:#fff}.tutorial-container .text.mobile{padding:0 7%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1.25;font-size:16px;text-align:center}.tutorial-container .text.desktop{display:none}.footer{position:absolute;width:100%;bottom:15px;left:0;font-size:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media all and (min-width: 768px){.text-container .lyrics .lyrics-row{font-size:42px}}@media all and (min-width: 1024px){.text-container .lyrics span.lyrics-row{font-size:53px}.text-container .lyrics span.lyrics-row .lyrics-spacer{border-bottom:2px solid #ffffff}}@media (orientation: landscape){.nb-logo{width:40%}.loader .load-img{-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}.loader .load-txt{-webkit-transform:translate(-50%, -5%);transform:translate(-50%, -5%)}.tutorial-container,.cursor-container{top:50%;left:70%}.intro-container{-webkit-transform:translate(-85%, -50%);transform:translate(-85%, -50%)}.intro-container .middle{margin:0}.text-container{top:80%}.footer{left:15px;text-align:left}}@media (min-height: 650px) and (orientation: portrait){.intro-container{-webkit-transform:translate(-50%, -115%);transform:translate(-50%, -115%)}}@media (min-width: 768px) and (orientation: portrait){.intro-container{width:450px;-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);font-size:30px}.intro-container .top:after{left:60%;width:120px;top:65px}.intro-container .middle{width:85%;font-size:120px}.intro-container .bottom:before{right:55%;width:115px;bottom:7px}.tutorial-container,.cursor-container{width:200px}.tutorial-container .text.mobile{font-size:22px}.text-container .lyrics{font-size:30px}.text-container .lyrics .large{font-size:2.5em}}@media (min-width: 1024px){.intro-container{width:400px;left:50%;top:50%;-webkit-transform:translate(-120%, -50%);transform:translate(-120%, -50%);font-size:25px}.intro-container .top:after{left:56%;top:55px;width:70px}.intro-container .middle{width:100%;font-size:145px;margin:15px 0}.intro-container .bottom{width:92.5%}.intro-container .bottom:before{right:60%;bottom:5px;width:120px}.cursor-container{left:62.5%}.text-container{top:80%}.text-container .large{font-size:4em}.tutorial-container{top:92.5%;left:87.5%;width:40%;border-color:#f11e1f;max-width:524px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.tutorial-container:before{content:"";position:absolute;display:block;width:30%;height:2px;background-color:#f11e1f;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);top:10%;left:10%}.tutorial-container .text.mobile{display:none}.tutorial-container .text.desktop{display:block;position:absolute;width:55%;top:50%;left:50%;-webkit-transform:translate(-60%, -85%);transform:translate(-60%, -85%);font-size:20px;line-height:34px;color:#f11e1f;text-align:right}.loader .load-img{-webkit-transform:translate(-50%, -150%);transform:translate(-50%, -150%)}.loader .load-txt{-webkit-transform:translate(-50%, -10%);transform:translate(-50%, -10%);width:515px;font-size:60px;line-height:60px}.loader .load-txt .red{max-width:400px;font-size:48px}.loader .load-txt .red .stroke:after{bottom:12px;right:auto;left:110%}.footer{text-align:left;max-width:250px;left:15px}}@media (min-width: 1440px){.nb-logo{top:50px;left:50px}.language-selector{top:52px;right:50px}.intro-container{width:600px;font-size:34px;-webkit-transform:translate(-115%, -50%);transform:translate(-115%, -50%);font-size:38px}.intro-container .top:after{top:83px}.intro-container .middle{margin:5px 0;font-size:200px}.intro-container .bottom{width:97.5%}.intro-container .bottom:before{width:170px;right:55%;bottom:10px}.tutorial-container .text.desktop{font-size:25px;left:55%;width:57.5%}.text-container .lyrics{font-size:30px}.footer{bottom:50px;left:50px}}@media (min-width: 1920px){.intro-container{-webkit-transform:translate(-125%, -50%);transform:translate(-125%, -50%)}}

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