#page_home section#animation{padding-top:0;padding-bottom:0}#page_home section#services .services__service-list{margin-left:0;list-style-type:none}#page_home section#services ul li a{color:#444}#page_home section#services ul li a:hover{color:#222}#home-teaser{position:relative}#home-teaser #scene-dimension-reference-container{position:absolute;width:100%}#home-teaser #home-teaser-vertical-alignment-container{width:100%;height:100%}#home-teaser #scroll-indicator{visibility:hidden;position:fixed;bottom:1.1111111111rem;left:0;right:0;margin:0 auto;width:1.2222222222rem;height:2.3333333333rem;border-radius:.8333333333rem;border:.0555555556rem solid #999}.touchevents #home-teaser #scroll-indicator{display:none}#home-teaser #scroll-indicator .scroll{display:block;width:.1666666667rem;height:.1666666667rem;margin:.3333333333rem auto;border-radius:.2222222222rem;background:#999;-webkit-animation:finger 1s infinite;animation:finger 1s infinite}@-webkit-keyframes finger{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(1.1111111111rem);transform:translateY(1.1111111111rem)}}@keyframes finger{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(1.1111111111rem);transform:translateY(1.1111111111rem)}}@media screen and (min-width:64em){#home-teaser #scroll-indicator{top:auto;-webkit-transform:none;-ms-transform:none;transform:none;bottom:1.1111111111rem;left:0;right:0;margin:0 auto}}#home-teaser #arrow-navigation{position:fixed;width:100%;height:0;top:50%;right:0;visibility:hidden;opacity:0;z-index:10}#home-teaser #arrow-navigation .arrow-navigation__row-container{max-width:66.6666666667rem;margin-left:auto;margin-right:auto;max-width:88.8888888889rem;margin-top:-2.25rem}#home-teaser #arrow-navigation .arrow-navigation__row-container:after,#home-teaser #arrow-navigation .arrow-navigation__row-container:before{content:' ';display:table}#home-teaser #arrow-navigation .arrow-navigation__row-container:after{clear:both}#home-teaser #arrow-navigation .arrow-navigation__row-container:after,#home-teaser #arrow-navigation .arrow-navigation__row-container:before{display:none}#home-teaser #arrow-navigation .arrow-navigation__container{float:right;font-size:1.3333333333rem}#home-teaser #arrow-navigation .arrow-navigation__down,#home-teaser #arrow-navigation .arrow-navigation__up{position:relative;width:2.2222222222rem;height:2.2222222222rem;background-color:#eee;cursor:pointer}#home-teaser #arrow-navigation .arrow-navigation__down:before,#home-teaser #arrow-navigation .arrow-navigation__up:before{position:absolute;top:.4444444444rem;left:.1666666667rem}#home-teaser #arrow-navigation .arrow-navigation__down:hover,#home-teaser #arrow-navigation .arrow-navigation__up:hover{opacity:.8}#home-teaser #arrow-navigation .arrow-navigation__up{margin-bottom:.0555555556rem}#scene{position:relative;width:100%;background:transparent;font-size:100%;margin:0 auto}#scene *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.webkit #scene{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000;perspective:1000}#scene .intro__headline-with-text{visibility:hidden;text-align:center;width:100%;margin:0 auto}#scene .intro__headline-with-text>h2{font-size:1.3em;margin-bottom:2%}@media screen and (min-width:40em){#scene .intro__headline-with-text>h2{font-size:1.1em}}#scene .intro__headline-with-text>p{font-size:.5em}@media screen and (min-width:40em){#scene .intro__headline-with-text>p{font-size:.45em}}#scene .brand-sound-text__brand-highlight{color:#a2c983}#scene .brand-sound-text__your-highlight{font-style:italic}#scene #introduction-text,#scene #music-profile-text,#scene #process-description-filter,#scene #process-description-moods,#scene #process-description-spectrum,#scene #process-description-transfer{position:absolute;bottom:90%;left:0;right:0;z-index:50;max-width:90%}@media screen and (min-width:40em){#scene #introduction-text,#scene #music-profile-text,#scene #process-description-filter,#scene #process-description-moods,#scene #process-description-spectrum,#scene #process-description-transfer{bottom:92%;max-width:80%}}#scene #music-profile-text{bottom:80%}@media screen and (min-width:40em){#scene #music-profile-text{bottom:80%}}#scene #music-profile-more-info{position:absolute;top:82.6%;left:0;right:0;margin:0 auto;text-align:center;z-index:50;visibility:hidden;opacity:0;font-size:.55em;width:90%}@media screen and (min-width:40em){#scene #music-profile-more-info{font-size:.45em;width:80%}}#scene .shape-background,#scene .shape-content{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50% 50%;background-size:100% 100%;font-weight:300}@media screen and (min-width:40em){#scene .shape-background,#scene .shape-content{left:0;top:0;width:100%;height:100%}}#scene .shape-background .branding-info-reference-container,#scene .shape-content .branding-info-reference-container{position:absolute;width:0;height:0;display:none;visibility:hidden}#scene .shape-background .branding-info-reference-container .branding-info,#scene .shape-content .branding-info-reference-container .branding-info{position:absolute;border:1px solid #777;border-radius:50%;opacity:.9;width:18px;height:18px;font-size:.8em;line-height:1;text-align:center;color:#222;background-color:transparent;z-index:10;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:background-color .3s,color .3s,-webkit-transform .3s;transition:background-color .3s,color .3s,-webkit-transform .3s;transition:transform .3s,background-color .3s,color .3s;transition:transform .3s,background-color .3s,color .3s,-webkit-transform .3s}#scene .shape-background .branding-info-reference-container .branding-info>span,#scene .shape-content .branding-info-reference-container .branding-info>span{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s cubic-bezier(1,0,0,1);transition:-webkit-transform .3s cubic-bezier(1,0,0,1);transition:transform .3s cubic-bezier(1,0,0,1);transition:transform .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:.7777777778rem}#scene .shape-background .branding-info-reference-container .branding-info>span:before,#scene .shape-content .branding-info-reference-container .branding-info>span:before{margin:0;display:block;width:100%;height:100%;line-height:1}#scene .shape-background .branding-info-reference-container .branding-info:hover,#scene .shape-content .branding-info-reference-container .branding-info:hover{cursor:pointer}@media screen and (min-width:40em){#scene .shape-background .branding-info-reference-container .branding-info,#scene .shape-content .branding-info-reference-container .branding-info{width:22px;height:22px}#scene .shape-background .branding-info-reference-container .branding-info>span,#scene .shape-content .branding-info-reference-container .branding-info>span{font-size:.8888888889rem;top:.1111111111rem}.ie #scene .shape-background .branding-info-reference-container .branding-info>span,.ie #scene .shape-content .branding-info-reference-container .branding-info>span{top:.1666666667rem;left:.0555555556rem}}#scene .shape-background .branding-info-reference-container .branding-characteristic-label,#scene .shape-content .branding-info-reference-container .branding-characteristic-label{position:absolute;font-size:.55em;line-height:1;white-space:nowrap;top:50%;top:-.475em;border-bottom:1px solid #000;cursor:pointer;-webkit-transition:right .3s,left .3s,opacity .3s,visibility .3s,border-bottom-color .2s;transition:right .3s,left .3s,opacity .3s,visibility .3s,border-bottom-color .2s}#scene .shape-background .branding-info-reference-container .branding-characteristic-label.left,#scene .shape-content .branding-info-reference-container .branding-characteristic-label.left{right:15px}#scene .shape-background .branding-info-reference-container .branding-characteristic-label.right,#scene .shape-content .branding-info-reference-container .branding-characteristic-label.right{left:15px}@media screen and (min-width:40em){#scene .shape-background .branding-info-reference-container .branding-characteristic-label,#scene .shape-content .branding-info-reference-container .branding-characteristic-label{font-size:.4em;top:-.4em}#scene .shape-background .branding-info-reference-container .branding-characteristic-label.left,#scene .shape-content .branding-info-reference-container .branding-characteristic-label.left{right:20px}#scene .shape-background .branding-info-reference-container .branding-characteristic-label.right,#scene .shape-content .branding-info-reference-container .branding-characteristic-label.right{left:20px}}#scene .shape-background .branding-info-reference-container:hover .branding-characteristic-label,#scene .shape-content .branding-info-reference-container:hover .branding-characteristic-label{border-bottom-color:transparent!important}#scene .shape-background .branding-info-reference-container.active .branding-info,#scene .shape-content .branding-info-reference-container.active .branding-info{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);color:#000;background-color:#fff;border-color:#fff}#scene .shape-background .branding-info-reference-container.active .branding-info.right,#scene .shape-content .branding-info-reference-container.active .branding-info.right{-webkit-transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg);transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg)}#scene .shape-background .branding-info-reference-container.active .branding-info.left,#scene .shape-content .branding-info-reference-container.active .branding-info.left{-webkit-transform:translateX(-50%) translateY(-50%) scale(1) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) scale(1) rotate(-45deg);transform:translateX(-50%) translateY(-50%) scale(1) rotate(-45deg)}#scene .shape-background .branding-info-reference-container.active .branding-characteristic-label,#scene .shape-content .branding-info-reference-container.active .branding-characteristic-label{opacity:0;visibility:0}#scene .shape-background .branding-info-reference-container.active .branding-characteristic-label.left,#scene .shape-content .branding-info-reference-container.active .branding-characteristic-label.left{right:17px}#scene .shape-background .branding-info-reference-container.active .branding-characteristic-label.right,#scene .shape-content .branding-info-reference-container.active .branding-characteristic-label.right{left:17px}@media screen and (min-width:40em){#scene .shape-background .branding-info-reference-container.active .branding-characteristic-label.left,#scene .shape-content .branding-info-reference-container.active .branding-characteristic-label.left{right:22px}#scene .shape-background .branding-info-reference-container.active .branding-characteristic-label.right,#scene .shape-content .branding-info-reference-container.active .branding-characteristic-label.right{left:22px}}#scene #shape-1{z-index:40}#scene #shape-1.shape-background{background-image:url(../images/intro/shape_01.ad99895b.png)}#scene #shape-content-1{z-index:41}#scene #shape-2{z-index:30}#scene #shape-2.shape-background{background-image:url(../images/intro/shape_02.dde2459f.png)}#scene #shape-content-2{z-index:31}#scene #shape-3{z-index:20}#scene #shape-3.shape-background{background-image:url(../images/intro/shape_03.bbaccb26.png)}#scene #shape-content-3{z-index:21}#scene #shape-4{z-index:10}#scene #shape-4.shape-background{background-image:url(../images/intro/shape_04.129c254d.png)}#scene #shape-content-4{z-index:11}#scene #shape-content-1 .branding-info-reference-container{top:30%;right:28%}@media screen and (min-width:40em){#scene #shape-content-1 .branding-info-reference-container{top:30%;right:30%}}.android #scene #shape-content-1 .branding-info-reference-container .icon-plus,.ios #scene #shape-content-1 .branding-info-reference-container .icon-plus{top:2px}#scene #shape-content-2 .branding-info-reference-container{top:30%;left:59%}@media screen and (min-width:40em){#scene #shape-content-2 .branding-info-reference-container{top:68%;left:25%}}.chrome.mac #scene #shape-content-2 .branding-info-reference-container .icon-plus{left:1px}.android #scene #shape-content-2 .branding-info-reference-container .icon-plus,.ios #scene #shape-content-2 .branding-info-reference-container .icon-plus{top:2px}#scene #shape-content-3 .branding-info-reference-container{top:70%;right:24%}@media screen and (min-width:40em){#scene #shape-content-3 .branding-info-reference-container{top:75%;right:25%}}.chrome.mac #scene #shape-content-3 .branding-info-reference-container .icon-plus{left:1px}.ie #scene #shape-content-3 .branding-info-reference-container .icon-plus{left:0}.android #scene #shape-content-3 .branding-info-reference-container .icon-plus,.ios #scene #shape-content-3 .branding-info-reference-container .icon-plus{top:2px}#scene #shape-content-4 .branding-info-reference-container{top:64%;left:20%}#scene #shape-content-4 .branding-info-reference-container .branding-characteristic-label,#scene #shape-content-4 .branding-info-reference-container .branding-info{border-color:#fff;color:#fff}#scene #shape-content-4 .branding-info-reference-container.active .branding-info{color:#000}@media screen and (min-width:40em){#scene #shape-content-4 .branding-info-reference-container{top:70%;left:28%}}.ie #scene #shape-content-4 .branding-info-reference-container .icon-plus{left:0}.android #scene #shape-content-4 .branding-info-reference-container .icon-plus,.ios #scene #shape-content-4 .branding-info-reference-container .icon-plus{top:2px}#scene #brand-container{position:absolute;left:50%;top:50%;margin-left:-25%;margin-top:-25%;width:50%;height:50%;z-index:100;font-weight:300;cursor:pointer}@media screen and (min-width:40em){#scene #brand-container{margin-left:-27.5%;margin-top:-27.5%;width:55%;height:55%}}#scene #brand-container #brand-circle{position:absolute;left:0;top:0;width:100%;height:100%}#scene #brand-container #brand-circle #brand-circle-filled{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/intro/circle.b4f62d45.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%}#scene #brand-container #brand-circle #brand-circle-line{visibility:hidden;position:absolute;left:-25%;top:-25%;width:150%;height:150%;background:url(../images/intro/circle-outline.271f4f6a.svg) 0 0/contain no-repeat;z-index:20}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-circle-line{left:-25%;top:-25%;width:150%;height:150%}}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic{position:absolute;width:0;height:0;top:0;left:0}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-dot{visibility:hidden;position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;background-color:#222;border-radius:50%}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-dot .dot-line{position:absolute;width:250%;height:250%;-webkit-transform:translateX(-30%) translateY(-30%);-ms-transform:translateX(-30%) translateY(-30%);transform:translateX(-30%) translateY(-30%);border-radius:50%;border:1px solid #ccc}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-dot{left:-4px;top:-4px;width:8px;height:8px}}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-label{visibility:hidden;position:absolute;font-size:.55em;line-height:1;white-space:nowrap;top:-.475em}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-label{font-size:.4em;top:-.5em}}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-label.left{right:13px}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-label.right{left:13px}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-label.left{right:18px}#scene #brand-container #brand-circle #brand-circle-line .brand-characteristic-label.right{left:18px}}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-1{top:97.3%;left:38.8%}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-2{top:6.4%;left:28.4%}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-3{top:14.3%;left:83%}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-4{top:89%;left:79%}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-1{top:97.3%;left:38.8%}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-2{top:13.4%;left:17.4%}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-3{top:14.3%;left:83%}#scene #brand-container #brand-circle #brand-circle-line #brand-characteristic-4{top:58%;left:98.2%}}#scene #brand-container #brand-circle .vertical-center{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#scene #brand-container #brand-circle #brand-sound-text{position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;color:#fff;text-align:center}#scene #brand-container #brand-circle #brand-sound-text #label-brand-sound{width:80%;display:block;margin:0 auto;font-size:1.2em;font-family:Droid Serif,serif;line-height:1.2}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-sound-text #label-brand-sound{font-size:1em;margin-top:1.1111111111rem;margin-bottom:1.1111111111rem}}#scene #brand-container #brand-circle #brand-sound-text .explanation{display:none;width:70%;margin:0 auto;font-size:1em;font-family:Poppins,sans-serif}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-sound-text .explanation{display:block;font-size:.5em}}#scene #brand-container #brand-circle #brand-text{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;font-family:Droid Serif,serif;font-size:1.2em;line-height:1;color:#fff;text-align:center}@media screen and (min-width:40em){#scene #brand-container #brand-circle #brand-text{font-size:1em}}#scene #brand-container #brand-circle .splash-layer{visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;-webkit-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55)}#scene #brand-container #brand-circle .splash-layer>svg{width:100%;height:100%;display:block}#scene #brand-container #brand-circle #splash-1{z-index:9}#scene #brand-container #brand-circle #splash-2{z-index:8}#scene #brand-container #brand-circle #splash-3{z-index:7}#scene #brand-container #brand-circle #splash-4{z-index:6}#scene #brand-container #brand-circle #splash-outline-mask{visibility:hidden;position:absolute;width:102%;height:102%;left:-1%;top:-1%;-webkit-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55);z-index:11;border:6px solid #fff;border-radius:50%}#scene.animation-started #brand-container{cursor:default;pointer-events:none}#scene-dimension-container{background-color:#fafafa}#scene-dimension-container .popup-info-container{visibility:hidden}@media screen and (max-width:39.9375em){#scene-dimension-container .popup-info-container{position:fixed;top:100%;left:0;width:100%;height:100%;background-color:#fff;z-index:110}#scene-dimension-container .popup-info-container>svg{display:none}}@media screen and (min-width:40em){#scene-dimension-container .popup-info-container{position:absolute;bottom:0;width:202px;height:50.5px}}@media screen and (min-width:75em){#scene-dimension-container .popup-info-container{width:340px;height:85px}}#scene-dimension-container .popup-info-container>svg{width:100%;height:100%;overflow:visible}@media screen and (max-width:39.9375em){#scene-dimension-container .popup-info-container .button-close{position:absolute;right:0;top:0;padding:10px}#scene-dimension-container .popup-info-container .popup-info-layer{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center}#scene-dimension-container .popup-info-container .popup-info-layer .text-link{text-decoration:underline;cursor:pointer;color:#aaa}#scene-dimension-container .popup-info-container .popup-info-layer .text-link:hover{text-decoration:none}}@media screen and (min-width:40em){#scene-dimension-container .popup-info-container .button-close{display:none}#scene-dimension-container .popup-info-container .popup-info-layer{visibility:hidden;position:absolute;bottom:100%;max-width:151.5px}#scene-dimension-container .popup-info-container .popup-info-layer h4,#scene-dimension-container .popup-info-container .popup-info-layer p{font-family:Poppins,sans-serif;font-size:.4em}#scene-dimension-container .popup-info-container .popup-info-layer h4{font-weight:400;margin-bottom:5px}#scene-dimension-container .popup-info-container .popup-info-layer p{margin-bottom:10px;color:#bbb}#scene-dimension-container .popup-info-container.left{right:0}#scene-dimension-container .popup-info-container.left .popup-info-layer{left:0;text-align:left}#scene-dimension-container .popup-info-container.left .color-code,#scene-dimension-container .popup-info-container.right{left:0}#scene-dimension-container .popup-info-container.right .popup-info-layer{right:0;text-align:right}#scene-dimension-container .popup-info-container.right .color-code{right:0}}@media screen and (min-width:75em){#scene-dimension-container .popup-info-container .popup-info-layer{max-width:255px}}#scene-dimension-container #button-close-intro-animation{visibility:hidden;position:absolute;top:0;right:0;padding:.5555555556rem;font-size:.8888888889rem;text-transform:uppercase;z-index:100}#scene-dimension-container #button-close-intro-animation .button-close-intro-animation__text{display:none}#scene-dimension-container #button-close-intro-animation .icon-cancel{font-size:1.6666666667rem;position:relative;display:inline-block;top:.2777777778rem}@media screen and (min-width:40em){#scene-dimension-container #button-close-intro-animation .button-close-intro-animation__text{display:inline}}@media screen and (min-width:64em){#scene-dimension-container #button-close-intro-animation{padding-top:1.9444444444rem;padding-right:10px}}@media screen and (max-height:43.75em) and (min-width:64em){#scene-dimension-container #button-close-intro-animation{padding-top:.5555555556rem}}#scene-dimension-container #stage-shutter{visibility:hidden;position:absolute;width:100%;height:100.5%;top:100%;left:0;background-color:#fff;z-index:200}