body,sub,sup{line-height:0}a,body{color:#000}.h1,.h2,.h3,.is-centered,.is-size-s p,.table li a.date,.table li span.date,h1,h2,h3,nav .nav-main ul li,nav p{text-align:center}.h1,.h2,.h3,.is-uppercase,.txt-link,h1,h2,h3{text-transform:uppercase}#ios-trigger,body,html,nav .nav-main{background:#fff}a:hover,nav .nav-main ul li a,nav p a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}sub,sup{position:relative}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}.h1,.h2,.h3,body,h1,h2,h3{font-family:verlag cond a,verlag cond b,Arial,sans-serif}:focus{outline:0}ol,ul{list-style:none}html{font-size:62.5%}html.is-size-s{font-size:50%}body{font-family:verlag a,verlag b,Arial,sans-serif;font-weight:400}.h1,.h2,.h3,h1,h2,h3{font-size:6.9rem;font-weight:800;letter-spacing:3rem;line-height:9.9rem;padding:3rem 0}#recorder-interface .btn,#share-screen .wrapper .embed-wrapper input,#share-screen .wrapper .url-wrapper input,.player #header,.player #link,.player #msg-old-browser,nav{font-family:verlag a,verlag b,Arial,sans-serif}.h1 span,.h2 span,.h3 span,h1 span,h2 span,h3 span{letter-spacing:0!important}.h3,h3{font-size:3.8rem;letter-spacing:1.5rem;padding:3rem 0}.mrgn-1,.mrgn-top-1{padding-top:.5rem}#content,#share-screen .wrapper .embed-wrapper input,#share-screen .wrapper .url-wrapper input,.txt-reg{font-size:1.8rem;line-height:2.8rem}.txt-link{font-size:1.6rem;font-weight:800;letter-spacing:.05rem}.flap-display .spinner::after,.txt-small{font-size:1.6rem;line-height:2.4rem}.has-p p,p.has-p{padding-bottom:2.8rem}.mrgn-1,.mrgn-btm-1{padding-bottom:.5rem}.is-size-s .h1,.is-size-s .h2,.is-size-s .h3,.is-size-s h1,.is-size-s h2,.is-size-s h3{font-size:3rem;font-weight:800;letter-spacing:1.25rem;line-height:5rem}.is-size-s .h3,.is-size-s h3{font-size:2.2rem;letter-spacing:.75rem}.player #header,.player #link,.player #msg-old-browser,nav .nav-main ul li a,nav p{letter-spacing:.05rem;text-transform:uppercase}*{box-sizing:border-box}.container-100,.readable-width{padding-left:40px;padding-right:40px}.is-padded,.is-size-s .container-100,.is-size-s .readable-width{padding-left:20px;padding-right:20px}.readable-width{margin-left:auto;margin-right:auto;max-width:816px}.col,.col-1_2,.col-1_3{float:left}.col-1_2{width:50%}.col-1_3{width:33%}.is-size-s .mrgn-1,.is-size-s .mrgn-top-1{padding-top:.25rem}.is-size-s .mrgn-1,.is-size-s .mrgn-btm-1{padding-bottom:.25rem}.mrgn-2,.mrgn-top-2{padding-top:1rem}.mrgn-2,.mrgn-btm-2{padding-bottom:1rem}.flap-display .spinner::after,.is-size-s .mrgn-2,.is-size-s .mrgn-top-2{padding-top:.5rem}.is-size-s .mrgn-2,.is-size-s .mrgn-btm-2{padding-bottom:.5rem}.mrgn-3,.mrgn-top-3{padding-top:1.5rem}.mrgn-3,.mrgn-btm-3{padding-bottom:1.5rem}.is-size-s .mrgn-3,.is-size-s .mrgn-top-3{padding-top:.75rem}.is-size-s .mrgn-3,.is-size-s .mrgn-btm-3{padding-bottom:.75rem}.mrgn-4,.mrgn-top-4{padding-top:2rem}.mrgn-4,.mrgn-btm-4{padding-bottom:2rem}.is-size-s .mrgn-4,.is-size-s .mrgn-top-4{padding-top:1rem}.is-size-s .mrgn-4,.is-size-s .mrgn-btm-4{padding-bottom:1rem}.mrgn-5,.mrgn-top-5{padding-top:2.5rem}.mrgn-5,.mrgn-btm-5{padding-bottom:2.5rem}.is-size-s .mrgn-5,.is-size-s .mrgn-top-5{padding-top:1.25rem}.is-size-s .mrgn-5,.is-size-s .mrgn-btm-5{padding-bottom:1.25rem}.mrgn-6,.mrgn-top-6{padding-top:3rem}.mrgn-6,.mrgn-btm-6{padding-bottom:3rem}.is-size-s .mrgn-6,.is-size-s .mrgn-top-6{padding-top:1.5rem}.is-size-s .mrgn-6,.is-size-s .mrgn-btm-6{padding-bottom:1.5rem}.mrgn-7,.mrgn-top-7{padding-top:3.5rem}.mrgn-7,.mrgn-btm-7{padding-bottom:3.5rem}.is-size-s .mrgn-7,.is-size-s .mrgn-top-7{padding-top:1.75rem}.is-size-s .mrgn-7,.is-size-s .mrgn-btm-7{padding-bottom:1.75rem}.mrgn-8,.mrgn-top-8{padding-top:4rem}.mrgn-8,.mrgn-btm-8{padding-bottom:4rem}.is-size-s .mrgn-8,.is-size-s .mrgn-top-8{padding-top:2rem}.is-size-s .mrgn-8,.is-size-s .mrgn-btm-8{padding-bottom:2rem}.mrgn-9,.mrgn-top-9{padding-top:4.5rem}.mrgn-9,.mrgn-btm-9{padding-bottom:4.5rem}.is-size-s .mrgn-9,.is-size-s .mrgn-top-9{padding-top:2.25rem}.is-size-s .mrgn-9,.is-size-s .mrgn-btm-9{padding-bottom:2.25rem}.mrgn-10,.mrgn-top-10{padding-top:5rem}.mrgn-10,.mrgn-btm-10{padding-bottom:5rem}.is-size-s .mrgn-10,.is-size-s .mrgn-top-10{padding-top:2.5rem}.is-size-s .mrgn-10,.is-size-s .mrgn-btm-10{padding-bottom:2.5rem}.mrgn-11,.mrgn-top-11{padding-top:5.5rem}.mrgn-11,.mrgn-btm-11{padding-bottom:5.5rem}.is-size-s .mrgn-11,.is-size-s .mrgn-top-11{padding-top:2.75rem}.is-size-s .mrgn-11,.is-size-s .mrgn-btm-11{padding-bottom:2.75rem}.mrgn-12,.mrgn-top-12{padding-top:6rem}.mrgn-12,.mrgn-btm-12{padding-bottom:6rem}.is-size-s .mrgn-12,.is-size-s .mrgn-top-12{padding-top:3rem}.is-size-s .mrgn-12,.is-size-s .mrgn-btm-12{padding-bottom:3rem}.mrgn-13,.mrgn-top-13{padding-top:6.5rem}.mrgn-13,.mrgn-btm-13{padding-bottom:6.5rem}.is-size-s .mrgn-13,.is-size-s .mrgn-top-13{padding-top:3.25rem}.is-size-s .mrgn-13,.is-size-s .mrgn-btm-13{padding-bottom:3.25rem}.mrgn-14,.mrgn-top-14{padding-top:7rem}.mrgn-14,.mrgn-btm-14{padding-bottom:7rem}.is-size-s .mrgn-14,.is-size-s .mrgn-top-14{padding-top:3.5rem}.is-size-s .mrgn-14,.is-size-s .mrgn-btm-14{padding-bottom:3.5rem}.mrgn-15,.mrgn-top-15{padding-top:7.5rem}.mrgn-15,.mrgn-btm-15{padding-bottom:7.5rem}.is-size-s .mrgn-15,.is-size-s .mrgn-top-15{padding-top:3.75rem}.is-size-s .mrgn-15,.is-size-s .mrgn-btm-15{padding-bottom:3.75rem}.mrgn-16,.mrgn-top-16{padding-top:8rem}.mrgn-16,.mrgn-btm-16{padding-bottom:8rem}.is-size-s .mrgn-16,.is-size-s .mrgn-top-16{padding-top:4rem}.is-size-s .mrgn-16,.is-size-s .mrgn-btm-16{padding-bottom:4rem}.mrgn-17,.mrgn-top-17{padding-top:8.5rem}.mrgn-17,.mrgn-btm-17{padding-bottom:8.5rem}.is-size-s .mrgn-17,.is-size-s .mrgn-top-17{padding-top:4.25rem}.is-size-s .mrgn-17,.is-size-s .mrgn-btm-17{padding-bottom:4.25rem}.mrgn-18,.mrgn-top-18{padding-top:9rem}.mrgn-18,.mrgn-btm-18{padding-bottom:9rem}.is-size-s .mrgn-18,.is-size-s .mrgn-top-18{padding-top:4.5rem}.is-size-s .mrgn-18,.is-size-s .mrgn-btm-18{padding-bottom:4.5rem}.mrgn-19,.mrgn-top-19{padding-top:9.5rem}.mrgn-19,.mrgn-btm-19{padding-bottom:9.5rem}.is-size-s .mrgn-19,.is-size-s .mrgn-top-19{padding-top:4.75rem}.is-size-s .mrgn-19,.is-size-s .mrgn-btm-19{padding-bottom:4.75rem}.mrgn-20,.mrgn-top-20{padding-top:10rem}.mrgn-20,.mrgn-btm-20{padding-bottom:10rem}.is-size-s .mrgn-20,.is-size-s .mrgn-top-20{padding-top:5rem}.is-size-s .mrgn-20,.is-size-s .mrgn-btm-20{padding-bottom:5rem}.mrgn-21,.mrgn-top-21{padding-top:10.5rem}.mrgn-21,.mrgn-btm-21{padding-bottom:10.5rem}.is-size-s .mrgn-21,.is-size-s .mrgn-top-21{padding-top:5.25rem}.is-size-s .mrgn-21,.is-size-s .mrgn-btm-21{padding-bottom:5.25rem}.mrgn-22,.mrgn-top-22{padding-top:11rem}.mrgn-22,.mrgn-btm-22{padding-bottom:11rem}.is-size-s .mrgn-22,.is-size-s .mrgn-top-22{padding-top:5.5rem}.is-size-s .mrgn-22,.is-size-s .mrgn-btm-22{padding-bottom:5.5rem}.mrgn-23,.mrgn-top-23{padding-top:11.5rem}.mrgn-23,.mrgn-btm-23{padding-bottom:11.5rem}.is-size-s .mrgn-23,.is-size-s .mrgn-top-23{padding-top:5.75rem}.is-size-s .mrgn-23,.is-size-s .mrgn-btm-23{padding-bottom:5.75rem}.mrgn-24,.mrgn-top-24{padding-top:12rem}.mrgn-24,.mrgn-btm-24{padding-bottom:12rem}.is-size-s .mrgn-24,.is-size-s .mrgn-top-24{padding-top:6rem}.is-size-s .mrgn-24,.is-size-s .mrgn-btm-24{padding-bottom:6rem}.mrgn-25,.mrgn-top-25{padding-top:12.5rem}.mrgn-25,.mrgn-btm-25{padding-bottom:12.5rem}.is-size-s .mrgn-25,.is-size-s .mrgn-top-25{padding-top:6.25rem}.is-size-s .mrgn-25,.is-size-s .mrgn-btm-25{padding-bottom:6.25rem}.is-size-s .is-padded{padding-left:0;padding-right:0}.iblock{display:inline-block}.cf,.cf:after{display:block}.cf:after{visibility:hidden;font-size:0;content:" ";clear:both;height:0}* html .cf{height:1%}#ios-trigger,html.has-js.not-running *{display:none}html.has-js.not-running,html.has-js.not-running body{overflow:hidden}img{border:0;-ms-interpolation-mode:bicubic;height:auto;width:100%}#ios-trigger{height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999999}#ios-trigger img{-webkit-transform:translateY(-55%);-moz-transform:translateY(-55%);-ms-transform:translateY(-55%);-o-transform:translateY(-55%);transform:translateY(-55%);padding:15%;pointer-events:none;position:absolute;top:50%}#content{clear:both;padding-bottom:10rem}#content section{padding-bottom:3rem}html.no-scroll #content .static-wrapper{position:fixed}.is-size-s #content section{padding-bottom:0}nav{font-size:0;font-weight:800}nav p{font-size:2rem;left:0;line-height:4.5rem;position:absolute;top:0;width:100%;z-index:4}nav .nav-main{-webkit-transition:height .2s;-moz-transition:height .2s;transition:height .2s;bottom:0;height:40px;left:0;position:fixed;width:100%;z-index:999999}nav .nav-main ul{margin:0 auto}nav .nav-main ul li{box-sizing:content-box;display:inline-block;padding-right:20%;width:20%}nav .nav-main ul li a{-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;font-size:1.6rem;line-height:42px;vertical-align:middle}.cookie-bar__button,nav .nav-main ul li a:hover{text-decoration:underline}nav .nav-main ul li:nth-child(3){padding-right:0}.is-scrolled nav .nav-main{height:60px}.is-scrolled nav .nav-main li a{line-height:64px}.is-size-m nav .nav-main li,.is-size-s nav .nav-main li{padding-right:0;width:calc(33% - 1px)}.table{font-size:1.7rem;line-height:2.1rem;margin-left:auto;margin-right:auto;max-width:1240px}.table li{border-top:.3rem solid #000;padding:.8rem;width:100%}.table li a,.table li span{display:table-cell;letter-spacing:.2rem;padding:.4rem 0 .1rem;text-transform:uppercase;vertical-align:top}.is-size-s .table li span.date,.is-size-s .table li span.title{text-transform:none;letter-spacing:0}.table li a.city,.table li span.city{font-weight:700;min-width:210px;max-width:210px;width:16%}.table li a.date,.table li span.date{border-left:1px solid #000;border-right:1px solid #000;min-width:160px;padding-left:1%;padding-right:1%;width:15%;white-space:nowrap}.table li a.title,.table li span.title{font-weight:700;padding-left:1.5rem;padding-right:3rem;width:64%}.table li a.link,.table li span.link{font-size:1.4rem;font-weight:800;text-align:right;width:10%}.table li:last-child{border-bottom:.3rem solid #000}.firefox .table li a,.firefox .table li span{padding-bottom:.2rem}.is-size-m .table li,.is-size-s .table li{display:block;padding-left:0;padding-right:0;position:relative}.is-size-m .table li a,.is-size-m .table li span,.is-size-s .table li a,.is-size-s .table li span{display:inline-block;padding:0}.is-size-m .table li a.city,.is-size-m .table li span.city,.is-size-s .table li a.city,.is-size-s .table li span.city{min-width:0;max-width:inherit;width:auto}.is-size-m .table li a.city::after,.is-size-m .table li span.city::after,.is-size-s .table li a.city::after,.is-size-s .table li span.city::after{content:', '}.is-size-m .table li a.date,.is-size-m .table li span.date,.is-size-s .table li a.date,.is-size-s .table li span.date{border:none;min-width:0;padding:0;width:auto}.is-size-m .table li a.title,.is-size-m .table li span.title,.is-size-s .table li a.title,.is-size-s .table li span.title{display:block;font-weight:400;padding:0;width:90%}.is-size-m .table li a.link,.is-size-m .table li span.link,.is-size-s .table li a.link,.is-size-s .table li span.link{position:absolute;right:0;top:.5rem;width:auto}.is-size-s .table{text-align:center}.is-size-s .table li span.title{width:100%}.is-size-s .table li a.link{display:block;position:static;text-align:center}.project header{background:#ededed;height:0;overflow:hidden;padding-top:56.81818%;position:relative;margin:3rem 0 4rem}.project header a{display:block}.logos .wrap,.logos .wrap .logo,.logos .wrap a{display:inline-block}.project header h3{color:#fff;margin-top:-4.8rem;padding:0;position:absolute;top:50%;width:100%;z-index:2}.project header img{height:auto;left:0;position:absolute;top:0;width:100%}.is-size-s .project header h3{margin-top:-2.6rem}.logos{font-size:0;line-height:0}.logos .wrap{margin-bottom:5rem;text-align:center;width:16.66667%}.logos .wrap .logo img{width:50%}.is-size-s .logos .wrap{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;margin-bottom:0;width:25%}#share-screen,#share-screen .bg{height:100%;left:0;position:fixed;top:0;width:100%}#share-screen{display:none;z-index:99999999}#share-screen .bg{background:rgba(0,0,0,.85)}#share-screen .bg:hover{cursor:pointer}#share-screen .wrapper{background:#fff;height:410px;left:50%;margin:-205px 0 0 -250px;position:absolute;top:50%;width:500px}#share-screen .wrapper .headline{line-height:5rem}#share-screen .wrapper .btn-close{height:40px;letter-spacing:0;line-height:42px;padding:0;position:absolute;right:0;top:0;width:40px}#share-screen .wrapper .btn-close:hover{cursor:pointer}#share-screen .wrapper .embed-wrapper,#share-screen .wrapper .url-wrapper{padding-left:50px;padding-right:50px;width:100%}#share-screen .wrapper .embed-wrapper input,#share-screen .wrapper .url-wrapper input{color:#333;font-weight:400;padding:.75rem 0;text-align:center;width:100%}#share-screen .wrapper .embed-wrapper input:hover,#share-screen .wrapper .url-wrapper input:hover{cursor:default}#share-screen .wrapper .embed-wrapper input::selection,#share-screen .wrapper .url-wrapper input::selection{background:#eee}#share-screen .wrapper .embed-wrapper input::-moz-selection,#share-screen .wrapper .url-wrapper input::-moz-selection{background:#eee}#share-screen .wrapper .embed-wrapper{text-align:center}#share-screen .wrapper .link-wrapper{opacity:0;padding-left:65px;padding-right:65px;pointer-events:none;text-align:center}#share-screen.has-url .link-wrapper{-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;opacity:1;pointer-events:all}#share-screen.shares-page .wrapper{height:250px;margin-top:-125px}#share-screen.shares-page .embed-wrapper,#share-screen.shares-page .url-wrapper{display:none}#share-screen.shares-page .link-wrapper{padding-top:1rem}.is-size-s #share-screen .wrapper{height:270px;margin:-135px 0 0 -140px;width:280px}.is-size-s #share-screen .wrapper .headline{line-height:2.5rem;padding-bottom:2.5rem;padding-top:3.5rem}.is-size-s #share-screen .wrapper .embed-wrapper,.is-size-s #share-screen .wrapper .url-wrapper{padding-left:20px;padding-right:20px}.is-size-s #share-screen .wrapper .embed-wrapper input,.is-size-s #share-screen .wrapper .url-wrapper input{padding:.5rem 0}.is-size-s #share-screen .wrapper .link-wrapper{padding-left:30px;padding-right:30px;padding-top:2rem}.is-size-s #share-screen.shares-page .wrapper{height:152px;margin-top:-75px}.is-size-s #share-screen.shares-page .link-wrapper{padding-top:0}h2.section-title{margin-top:5rem;padding-bottom:2rem}#recorder-interface .btn-play::before,#recorder-interface .btn-reset::before,#recorder-interface .btn-share::before,#recorder-interface.is-active.is-playing .btn.btn-play::before,.icon-eratp,.icon-feld,.icon-finetunes,.icon-float,.icon-grimm,.icon-klavieretage,.icon-klavins,.icon-lft,.icon-michelberger,.icon-mmd,.icon-nf,.icon-ni,.icon-pause,.icon-pianoday,.icon-play,.icon-play-white,.icon-reset,.icon-share{background-image:url(../img/sprites.png);background-repeat:no-repeat}.icon-pianoday{background-position:0 0;width:144px;height:66px}.icon-eratp,.icon-feld,.icon-finetunes,.icon-float,.icon-grimm,.icon-klavieretage,.icon-klavins,.icon-lft,.icon-michelberger,.icon-mmd,.icon-nf,.icon-ni{width:87px;height:87px}.icon-ni{background-position:0 -66px}.icon-nf{background-position:-144px 0}.icon-mmd{background-position:-231px 0}.icon-michelberger{background-position:0 -153px}.icon-lft{background-position:-87px -153px}.icon-klavins{background-position:-174px -153px}.icon-klavieretage{background-position:-318px 0}.icon-grimm{background-position:-318px -87px}.icon-float{background-position:0 -240px}.icon-finetunes{background-position:-87px -240px}.icon-feld{background-position:-174px -240px}.icon-eratp{background-position:-261px -240px}#recorder-interface .btn-share::before,.icon-share{background-position:-318px -174px;width:15px;height:13px}#recorder-interface .btn-reset::before,.icon-reset{background-position:-333px -174px;width:15px;height:13px}#recorder-interface .btn-play::before,.icon-play{background-position:-348px -174px;width:11px;height:13px}#recorder-interface.is-active.is-playing .btn.btn-play::before,.icon-play-white{background-position:-359px -174px;width:11px;height:13px}#recorder-interface.is-active.is-playing .btn.btn-play::before,.icon-pause{background-position:-370px -174px;width:10px;height:13px}@media screen and (-webkit-min-device-pixel-ratio:1),screen and (min--moz-device-pixel-ratio:1),screen and (-o-min-device-pixel-ratio:100 / 100),screen and (min-device-pixel-ratio:1),screen and (min-resolution:1dppx){#recorder-interface .btn-play::before,#recorder-interface .btn-reset::before,#recorder-interface .btn-share::before,#recorder-interface.is-active.is-playing .btn.btn-play::before,.icon-eratp,.icon-feld,.icon-finetunes,.icon-float,.icon-grimm,.icon-klavieretage,.icon-klavins,.icon-lft,.icon-michelberger,.icon-mmd,.icon-nf,.icon-ni,.icon-pause,.icon-pianoday,.icon-play,.icon-play-white,.icon-reset,.icon-share{background-image:url(../img/sprites.png);-webkit-background-size:405px 327px;-moz-background-size:405px 327px;background-size:405px 327px}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (-o-min-device-pixel-ratio:200 / 100),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx){#recorder-interface .btn-play::before,#recorder-interface .btn-reset::before,#recorder-interface .btn-share::before,#recorder-interface.is-active.is-playing .btn.btn-play::before,.icon-eratp,.icon-feld,.icon-finetunes,.icon-float,.icon-grimm,.icon-klavieretage,.icon-klavins,.icon-lft,.icon-michelberger,.icon-mmd,.icon-nf,.icon-ni,.icon-pause,.icon-pianoday,.icon-play,.icon-play-white,.icon-reset,.icon-share{background-image:url(../img/sprites@2x.png);-webkit-background-size:405px 327px;-moz-background-size:405px 327px;background-size:405px 327px}}.flap-display{box-sizing:border-box;line-height:normal;margin:0 auto;padding:0;position:relative;z-index:1}.flap-display *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.flap-display .flap{float:left;overflow:hidden;position:relative}.flap-display .flap.can-click:hover{cursor:pointer}.flap-display .layer{height:100%;left:0;position:absolute;top:0;width:100%}.flap-display .bottom,.flap-display .top{height:50%;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.flap-display .bottom::after,.flap-display .top::after{background:#fff;content:"";height:1px;left:0;position:absolute;top:100%;width:100%;z-index:5}.flap-display .bottom .digit,.flap-display .bottom .shadow,.flap-display .top .digit,.flap-display .top .shadow{height:200%;left:0;position:absolute;width:100%;z-index:1}.flap-display .bottom .digit canvas,.flap-display .bottom .digit div,.flap-display .bottom .digit svg,.flap-display .bottom .shadow canvas,.flap-display .bottom .shadow div,.flap-display .bottom .shadow svg,.flap-display .top .digit canvas,.flap-display .top .digit div,.flap-display .top .digit svg,.flap-display .top .shadow canvas,.flap-display .top .shadow div,.flap-display .top .shadow svg{height:100%;left:0;position:absolute;top:0;width:100%}.flap-display .bottom .digit canvas,.flap-display .bottom .digit svg,.flap-display .bottom .shadow canvas,.flap-display .bottom .shadow svg,.flap-display .top .digit canvas,.flap-display .top .digit svg,.flap-display .top .shadow canvas,.flap-display .top .shadow svg{border:1px solid #fff}.flap-display .bottom .shadow,.flap-display .top .shadow{background-image:url(../img/letter-gradient-full.png);background-repeat:no-repeat;background-size:contain;opacity:0}.flap-display .top{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0}.flap-display .top::after{margin-top:-1px}.flap-display .top .shadow{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);top:0}.flap-display .bottom{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;top:50%}.flap-display .bottom .digit,.flap-display .bottom .shadow{bottom:0}.flap-display .layer.is-black .letter svg path{fill:#efeeee}.flap-display .layer.is-black .bg svg polygon,.flap-display .layer.is-grey .letter svg path{fill:#000}.flap-display .layer.is-grey .bg svg polygon{fill:#efeeee}.flap-display .layer.is-white .bg svg polygon,.flap-display .layer.is-white .letter svg path{fill:#fff}.desktop.firefox .flap-display .flap canvas,.desktop.firefox .flap-display .flap svg{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.mobile .flap-display .shadow,.tablet .flap-display .shadow{display:none!important}.desktop .flap-display .flap.change .layer:last-child .top{-webkit-animation:turn-top 125ms linear both;-moz-animation:turn-top 125ms linear both;animation:turn-top 125ms linear both;z-index:2}.desktop .flap-display .flap.change .layer:first-child .bottom{-webkit-animation:turn-bottom-bounce .25s 125ms ease-out both;-moz-animation:turn-bottom-bounce .25s 125ms ease-out both;animation:turn-bottom-bounce .25s 125ms ease-out both;z-index:2}.desktop .flap-display .flap.change .layer:last-child .top .shadow{-webkit-animation:show 125ms linear both;-moz-animation:show 125ms linear both;animation:show 125ms linear both;display:block;z-index:3}.desktop .flap-display .flap.change .layer:first-child .top .shadow{-webkit-animation:hide 125ms linear both;-moz-animation:hide 125ms linear both;animation:hide 125ms linear both;display:block;z-index:3}.desktop .flap-display .flap.change .layer:last-child .bottom .shadow{-webkit-animation:show 125ms linear both;-moz-animation:show 125ms linear both;animation:show 125ms linear both;display:block;z-index:3}.desktop .flap-display .flap.change .layer:first-child .bottom .shadow{-webkit-animation:hide 125ms linear both;-moz-animation:hide 125ms linear both;animation:hide 125ms linear both;display:block;z-index:3}.mobile .flap-display .flap.change .layer:last-child .top,.tablet .flap-display .flap.change .layer:last-child .top{-webkit-animation:turn-top 75ms linear both;-moz-animation:turn-top 75ms linear both;animation:turn-top 75ms linear both;z-index:2}.mobile .flap-display .flap.change .layer:first-child .bottom,.tablet .flap-display .flap.change .layer:first-child .bottom{-webkit-animation:turn-bottom 75ms 75ms ease-out both;-moz-animation:turn-bottom 75ms 75ms ease-out both;animation:turn-bottom 75ms 75ms ease-out both;z-index:2}.flap-display .spinner{display:none;height:20px;font-size:0;left:50%;line-height:0;margin:-30px 0 0 -100px;position:absolute;text-align:center;top:50%;width:200px;z-index:9999}.flap-display .spinner div{background:#000;display:inline-block;height:100%;margin:0 1px;width:3px}.flap-display .spinner div.rect1{-webkit-animation:spinner 1.2s infinite ease-in-out;-moz-animation:spinner 1.2s infinite ease-in-out;animation:spinner 1.2s infinite ease-in-out}.flap-display .spinner div.rect2{-webkit-animation:spinner 1.2s -1.1s infinite ease-in-out;-moz-animation:spinner 1.2s -1.1s infinite ease-in-out;animation:spinner 1.2s -1.1s infinite ease-in-out}.flap-display .spinner div.rect3{-webkit-animation:spinner 1.2s -1s infinite ease-in-out;-moz-animation:spinner 1.2s -1s infinite ease-in-out;animation:spinner 1.2s -1s infinite ease-in-out}.flap-display .spinner div.rect4{-webkit-animation:spinner 1.2s -.9s infinite ease-in-out;-moz-animation:spinner 1.2s -.9s infinite ease-in-out;animation:spinner 1.2s -.9s infinite ease-in-out}.flap-display .spinner div.rect5{-webkit-animation:spinner 1.2s -.8s infinite ease-in-out;-moz-animation:spinner 1.2s -.8s infinite ease-in-out;animation:spinner 1.2s -.8s infinite ease-in-out}.flap-display .spinner::after{content:'loading samples';display:block}@-webkit-keyframes turn-top{0%{-webkit-transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn-top{0%{-moz-transform:rotateX(0)}100%{-moz-transform:rotateX(-90deg)}}@keyframes turn-top{0%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes turn-bottom{0%{-webkit-transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0)}}@-moz-keyframes turn-bottom{0%{-moz-transform:rotateX(90deg)}100%{-moz-transform:rotateX(0)}}@keyframes turn-bottom{0%{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes turn-bottom-bounce{0%{-webkit-transform:rotateX(90deg)}100%,50%{-webkit-transform:rotateX(0)}70%{-webkit-transform:rotateX(12deg)}}@-moz-keyframes turn-bottom-bounce{0%{-moz-transform:rotateX(90deg)}100%,50%{-moz-transform:rotateX(0)}70%{-moz-transform:rotateX(12deg)}}@keyframes turn-bottom-bounce{0%{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)}100%,50%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}70%{-webkit-transform:rotateX(12deg);-moz-transform:rotateX(12deg);-ms-transform:rotateX(12deg);-o-transform:rotateX(12deg);transform:rotateX(12deg)}}@-webkit-keyframes show{0%{opacity:0}100%{opacity:.225}}@-moz-keyframes show{0%{opacity:0}100%{opacity:.225}}@keyframes show{0%{opacity:0}100%{opacity:.225}}@-webkit-keyframes hide{0%{opacity:.225}100%{opacity:0}}@-moz-keyframes hide{0%{opacity:.225}100%{opacity:0}}@keyframes hide{0%{opacity:.225}100%{opacity:0}}@-webkit-keyframes spinner{0%,100%,40%{-webkit-transform:scaleY(1)}20%{-webkit-transform:scaleY(1.5)}}@-moz-keyframes spinner{0%,100%,40%{-moz-transform:scaleY(1)}20%{-moz-transform:scaleY(1.5)}}@keyframes spinner{0%,100%,40%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}20%{-webkit-transform:scaleY(1.5);-moz-transform:scaleY(1.5);-ms-transform:scaleY(1.5);-o-transform:scaleY(1.5);transform:scaleY(1.5)}}#recorder-interface{left:100%;margin-left:-100px;margin-top:7px;overflow:hidden;pointer-events:none;position:fixed;top:40px;width:100px;z-index:99999}#recorder-interface .btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-transition:margin .2s ease-out;-moz-transition:margin .2s ease-out;transition:margin .2s ease-out;background:#efeeee;border:1px solid #fff;box-sizing:content-box;font-size:15px;height:22px;letter-spacing:1px;line-height:22px;margin-bottom:4px;margin-left:100px;padding:0 31px;pointer-events:all;position:relative;text-transform:uppercase;width:40px}#recorder-interface .btn:active::after{background:rgba(255,255,255,.2);content:'';display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#recorder-interface .btn::before{position:absolute;top:0}#recorder-interface .btn-record::before{background:red;border:3px solid #fff;border-radius:20px;content:'';display:block;height:6px;left:5px;top:5px;width:6px}#recorder-interface .btn-play span:last-child,#recorder-interface.is-active.is-playing .btn.btn-play span:first-child{display:none}#recorder-interface .btn-play::before{content:'';left:7px;top:5px}#recorder-interface .btn-reset::before,#recorder-interface .btn-share::before{content:'';left:5px;top:4px}#recorder-interface .btn-reset:active::after{background:rgba(255,255,255,.4)}#recorder-interface.is-active.is-recording .btn.btn-record{background:red;color:#fff;margin-left:10px}#recorder-interface.is-recording .btn-record::before{-webkit-animation:record-blink 1s ease-in-out infinite;-moz-animation:record-blink 1s ease-in-out infinite;animation:record-blink 1s ease-in-out infinite}#recorder-interface.is-active.is-playing .btn.btn-play{background:#000;color:#fff;margin-left:10px}#recorder-interface.is-active.is-playing .btn.btn-play span:last-child{display:inline}#recorder-interface.is-active .btn{margin-left:70px}.desktop #recorder-interface.is-active .btn:hover,.desktop #recorder-interface.is-active.is-highlighted .btn{cursor:pointer;margin-left:10px}.tablet #recorder-interface{position:absolute}.tablet #recorder-interface .btn{height:30px;line-height:30px;margin-left:100px;margin-bottom:15px;padding:0 35px}.tablet #recorder-interface .btn.btn-record::before{left:11px;top:9px}.tablet #recorder-interface .btn.btn-play::before{left:13px;top:8px}.tablet #recorder-interface .btn.btn-reset::before,.tablet #recorder-interface .btn.btn-share::before{left:10px;top:8px}.tablet #recorder-interface.is-active.is-playing .btn.btn-play,.tablet #recorder-interface.is-active.is-recording .btn.btn-record{margin-left:0}.tablet #recorder-interface.is-active .btn{margin-left:65px}.mobile #recorder-interface{left:auto;margin-left:0;position:absolute;right:0;top:30px;width:auto}.mobile #recorder-interface .btn{-webkit-transition:right .2s ease-out;-moz-transition:right .2s ease-out;transition:right .2s ease-out;font-size:0;height:25px;line-height:25px;margin-bottom:12px;padding:0;right:-26px;width:25px}.mobile #recorder-interface .btn.btn-record::before{height:7px;left:6px;top:6px;width:7px}.mobile #recorder-interface .btn.btn-play::before{left:8px;top:6px}.mobile #recorder-interface .btn.btn-reset::before{left:5px;top:6px}.mobile #recorder-interface .btn.btn-share::before{left:5px;top:5px}.mobile #recorder-interface.is-active.is-playing .btn.btn-play,.mobile #recorder-interface.is-active.is-recording .btn.btn-record{margin-left:70px}.mobile #recorder-interface.is-active .btn{right:0}.firefox #recorder-interface .btn{line-height:21px}@-webkit-keyframes record-blink{0%,100%,35%,65%{background:red}50%{background:#fff0f0}}@-moz-keyframes record-blink{0%,100%,35%,65%{background:red}50%{background:#fff0f0}}@keyframes record-blink{0%,100%,35%,65%{background:red}50%{background:#fff0f0}}.player{background:#fff}.player #header,.player #link,.player #msg-old-browser{font-size:12px;font-weight:800;left:0;line-height:32px;position:fixed;text-align:center;width:100%;z-index:99999}.player #header{pointer-events:none;top:0;width:100%}.player #link{bottom:0}.player #msg-old-browser{color:#ccc;display:none;margin-top:-16px;top:50%;width:100%}.player.not-supported #msg-old-browser{display:block}.player.not-supported .flap-display{display:none}#player-interface{-webkit-transition:background .75s;-moz-transition:background .75s;transition:background .75s;background:rgba(255,255,255,.7);border:1px solid #eee;height:100%;left:0;position:fixed;top:0;width:100%;z-index:5}#player-interface.is-idle:hover,#player-interface.is-paused:hover,#player-interface.is-playing:hover{cursor:pointer}#player-interface.is-loading{background:rgba(255,255,255,.9)}#player-interface.is-playing{background:transparent}.cookie-bar{position:fixed;left:0;bottom:0;width:100%;background:#000;color:#fff;z-index:1000000;line-height:1.4;font-size:1.7rem;padding:1rem;text-align:center;text-indent:0}.is-size-l .cookie-bar__container,.is-size-m .cookie-bar__container{display:flex!important;justify-content:space-between;align-items:center;text-align:left}.cookie-bar__info{margin:1rem}.cookie-bar__info a{color:#fff}.cookie-bar__button{background:#fff;padding:1rem 2rem;color:#000;font-size:1.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.2rem;cursor:pointer;display:inline-block}.cookie-bar__button:hover{text-decoration:none}.is-size-s .cookie-bar__button{margin:2rem 0}