@import url("http://fonts.googleapis.com/css?family=Bitter");@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=f610f4b8-9b85-40ce-b8bd-92f501acd6d6&fontids=694021,694066");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}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:'HelveticaNeueW02-77BdCn 694066';src:url("../fonts/694066/77cb0adc-646b-4830-8f4c-3db7adbb8dc4.eot?#iefix");src:url("../fonts/694066/77cb0adc-646b-4830-8f4c-3db7adbb8dc4.eot?#iefix") format("eot"),url("../fonts/694066/631bf655-ced5-4627-93d4-89d1bdfe3014.woff") format("woff"),url("../fonts/694066/96740819-d387-437f-b739-9778ddc5e5b9.ttf") format("truetype"),url("../fonts/694066/05729794-671d-4a73-a294-f2f447795319.svg#05729794-671d-4a73-a294-f2f447795319") format("svg")}@font-face{font-family:'HelveticaNeueW02-55Roma';src:url("../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");src:url("../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"),url("../fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("../fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"),url("../fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg")}html,body{position:relative;overflow:hidden;background:#000000;font-family:'HelveticaNeueW02-55Roma'}html{background:url("../images/noscript@2x.png") no-repeat center center fixed;background-size:cover;background-color:#000000}html.js,html.js body{width:100%;height:100%}a{color:#f62717;text-decoration:none;cursor:pointer}a:hover{color:#000000}.sprite{display:block;background:url("../images/sprite.png") no-repeat;background-size:52px 1429px}hr.separator{width:25px;height:1px;border:none;background:#ffffff}header{box-sizing:border-box;position:absolute;top:0;left:-202px;padding:112px 17px 0 17px;height:100%;z-index:100;background:#cf1e11;font-size:80%;text-align:center}@media (orientation: landscape){html.ipad.ios7{background:#000000}html.ipad.ios7>body{position:fixed;bottom:0;width:100%;height:672px !important;background:#000000}}header>h1{margin-bottom:18px;font-family:'Bitter', serif;font-size:110%;color:#ffffff;-webkit-font-smoothing:subpixel-antialiased}header>p{margin-top:12px;margin-bottom:16px;color:#ffffff;line-height:135%;-webkit-font-smoothing:subpixel-antialiased}header nav{width:168px;overflow:hidden}#menu-gradient{position:absolute;top:0;left:-200%;z-index:90}#overview li{position:relative;width:168px;height:66px;cursor:pointer;margin-bottom:5px}#overview img{position:absolute;top:0;left:0}#overview a{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0}#overview p{font-family:'HelveticaNeueW02-77BdCn 694066';color:#f62717;margin:1em}header>ul{position:absolute;left:17px;bottom:0;width:168px;padding:15px 0 1em 0;background:#cf1e11}header>ul>li{text-align:left}header>ul>li:last-child{position:absolute;right:0;top:13px}#about{font-family:'HelveticaNeueW02-77BdCn 694066';color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#about:hover{color:#000000}.menu-up{display:inline-block;margin:10px 0 8px 0;opacity:.5}.menu-down{display:inline-block;margin:10px 0 15px 0}.sprite.menu-mail{display:inline-block;background-position:2px -793px;width:32px;height:24px}.sprite.menu-mail:hover{background-position:2px -744px;width:32px;height:24px}.sprite.menu-up{background-position:0 -878px;width:18px;height:11px}.sprite.menu-up:hover{background-position:0 -842px;width:18px;height:11px}.sprite.menu-down{background-position:0 -708px;width:18px;height:11px}.sprite.menu-down:hover{background-position:0 -672px;width:18px;height:11px}#content{position:absolute;top:50%;left:50%;margin-top:-512px;margin-left:-512px;visibility:hidden;opacity:0}#content>article{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}#content>article>section{position:relative;background:center center url("../images/loading.gif") no-repeat;background-size:50px}#content>article>section>img{width:100%;height:100%;visibility:hidden;opacity:0}#content>article:first-child>section>img{visibility:visible;opacity:1}#content>article>section>.video{position:absolute;top:50%;left:50%;margin-top:-226px;margin-left:-384px;opacity:0}#content>article>footer{display:none}#content>article>section.about.home{background:center center url("../images/bg-home@2x.jpg") no-repeat;background-size:100% 100%;width:1024px;height:1024px;text-align:center}#content>article>section.about{background:center center url("../images/bg-about@2x.jpg") no-repeat;background-size:100% 100%;font-size:75%;width:1024px;height:1024px}.about.home .logo{margin-bottom:1em}.about.home h1{display:inline-block;margin-bottom:12px;font-size:150%;color:#ffffff}.about.home p{display:inline-block;margin-top:6px;margin-bottom:20px;color:#ffffff}.about.home .help{margin-top:15px;margin-bottom:35px}.about.home .start{box-sizing:border-box;display:inline-block;height:40px}.about.home .start img{padding-top:15px}.about .wrapper{box-sizing:border-box;position:absolute;top:50%;left:50%;padding-top:70px;padding-left:16px;padding-right:16px;width:100%}.about.home .wrapper{display:table;width:100%;padding-top:0}.about.home .wrapper>div{display:table-cell;text-align:center;vertical-align:middle}.about.home .hello{max-width:84%;max-height:40%;margin-bottom:15px}.about h1{margin-bottom:.15em;color:#f62717;font-family:'Bitter', serif;font-size:220%}.about h2{margin-bottom:1.20em;font-family:'HelveticaNeueW02-77BdCn 694066';font-size:120%;line-height:135%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about h3{margin-bottom:.25em;font-family:'HelveticaNeueW02-77BdCn 694066'}.about h4{margin-bottom:.75em}.about p{margin-bottom:1.5em;line-height:135%}.about .strong{font-family:'HelveticaNeueW02-77BdCn 694066'}.about .bullets{margin-bottom:1.5em;padding-left:1em;text-indent:-1em;line-height:135%}.about .bullets li:before{content:'\2022\a0\a0';font-size:60%}.about .contact li{display:inline-block;padding:0 0 0 1em}.about .contact li:first-child{border-right:solid 1px rgba(0,0,0,0.2);padding:0 1em 0 0}.about .logo{margin-bottom:1.5em}.about .logo.award{margin-bottom:1.0em}.about .logo li{padding:0 3px 3px 0;display:inline-block;width:92px;height:52px}.about .logo img{width:100%;height:100%}.about .credits{border-top:solid 1px rgba(0,0,0,0.2)}.about .credits li{display:inline-block;padding-right:1.75em;padding-top:0.5em;color:rgba(0,0,0,0.3)}.sprite.contact-linkedin{background-position:0 -112px;width:21px;height:21px}.sprite.contact-linkedin:hover{background-position:0 -66px;width:21px;height:21px}.sprite.contact-mail{background-position:0 -336px;width:27px;height:21px}.sprite.contact-mail:hover{background-position:0 -290px;width:27px;height:21px}.sprite.contact-xing{background-position:0 -560px;width:21px;height:21px}.sprite.contact-xing:hover{background-position:0 -514px;width:21px;height:21px}body>nav{opacity:0;display:none}#logo,#menu,nav .slide-left,nav .slide-right{position:fixed;z-index:10}#logo{top:0;left:0;margin:14px 0 0 14px;width:44px;height:44px;z-index:200}#menu{top:0;margin:26px 16px}.slide-left{left:10px;top:50%;margin-top:-20px}.slide-right{right:10px;top:50%;margin-top:-20px}.sprite#menu{background-position:0 -914px;width:43px;height:19px}.sprite.slide-left{background-position:0 -1095px;width:30px;height:40px}.sprite.slide-left:hover{background-position:0 -1030px;width:30px;height:40px}.sprite.slide-right{background-position:0 -1225px;width:30px;height:40px}.sprite.slide-right:hover{background-position:0 -1160px;width:30px;height:40px}body>hr{display:none;position:fixed;width:100%;height:0px;top:0;left:0;border:0;margin:0;padding:0;background:#f62717;opacity:0}footer{box-sizing:border-box;position:fixed;left:0;bottom:0;width:100%;padding:1em;text-align:center;background:#fff;font-size:80%;visibility:hidden;opacity:0}footer h1{position:absolute;left:1em;display:inline;font-family:'HelveticaNeueW02-77BdCn 694066';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer .project,footer .project ul{display:inline;white-space:nowrap}footer .project li{display:inline;padding:.25em 0;color:#cccccc;font-family:'HelveticaNeueW02-77BdCn 694066';white-space:nowrap;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer .project li.active{color:#000000}footer .project li.info{border-left:solid 1px #cccccc;padding-left:1em;margin-left:.6em;cursor:pointer}footer .project li.info:first-child{border:none}footer .project ul.text li{padding-right:1em;cursor:pointer}footer .project li:hover,footer .project li.info:hover,footer .project ul.text li:hover{color:#f62717}footer .project li.active:hover,footer .project li.info.active:hover,footer .project ul.text li.active:hover{color:#000000}footer .project ul.text.home li{padding-right:.35em;cursor:auto}footer a{color:#000000}footer a:hover{color:#f62717}footer nav.slide{position:absolute;top:50%;right:14px;margin-top:-13px}.slide-up{padding:2px 0;opacity:.5}.slide-down{padding:2px 0}.sprite.slide-up{background-position:0 -1326px;width:19px;height:11px}.sprite.slide-up:hover{background-position:0 -1290px;width:19px;height:11px}.sprite.slide-down{background-position:0 -994px;width:19px;height:11px}.sprite.slide-down:hover{background-position:0 -958px;width:19px;height:11px}.none{display:none}.disabled{opacity:0.5}.no-break{white-space:nowrap}.block{display:block;text-align:center}.block:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.center{display:inline-block;vertical-align:middle}#content>article.about-desktop{display:none}@media only screen and (max-device-width: 767px){header{padding-top:0px}.about.home .logo{width:65px;height:auto}#content>article>section>.video{width:320px;height:188px;margin-top:-94px;margin-left:-160px}.about .contact{margin-top:-1em}footer h1{display:none}#menu{right:0}.js nav .slide{display:none}#logo{z-index:10}.about .credits,.no-mobile{display:none}}@media only screen and (min-device-width: 768px){body{font-size:120%}#overview li{margin-left:-168px;opacity:0}#content>article.about-mobile{display:none}#content>article.about-desktop{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.about .wrapper{padding-top:7%}.about.home .wrapper{padding-left:0}.about .wrapper{padding-left:120px}.about h1,.about h2,.about h3,.about p,.about ul{width:500px}.about h1{font-size:260%;margin-bottom:.4em}.about h2{margin-bottom:1.5em}.about p{line-height:150%}.about .bullets{line-height:150%}.about.info ul.logo{width:600px}.about .logo li{width:133px;height:75px}.about .credits{margin-top:5em}#logo{width:53px;height:53px;margin:16px 0 0 16px}#menu{left:0;margin:75px 16px 14px 21px}.sprite.contact-mail{background-position:0 -382px;width:52px;height:41px}.sprite.contact-mail:hover{background-position:0 -224px;width:52px;height:41px}.sprite.contact-linkedin{background-position:0 -158px;width:37px;height:41px}.sprite.contact-linkedin:hover{background-position:0 0;width:37px;height:41px}.sprite.contact-xing{background-position:0 -606px;width:37px;height:41px}.sprite.contact-xing:hover{background-position:0 -448px;width:37px;height:41px}}@media only screen and (min-device-width: 768px) and (orientation: landscape){.about.home .wrapper{padding:0}.about .wrapper{padding-left:15%;padding-bottom:50px;padding-right:500px}.about.info h1,.about.info h2,.about.info h3,.about.info p,.about.info ul{width:640px}.about.info ul.logo{width:700px}}@media only screen and (min-width: 1024px){.about .wrapper.me{background:url("../images/me@2x.png") bottom right no-repeat;background-size:45%}.about .wrapper.sword{background:url("../images/sword@2x.png") top right no-repeat;background-size:26%}}@media only screen and (min-device-width: 1280px){body{font-size:140%}header{font-size:74%}header>p{font-size:90%}.about.info p,.about.info ul{width:740px}.about p,.about ul{width:640px}}@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape){html{background:url("../images/rotate@2x.jpg") no-repeat center center fixed;background-size:cover;background-color:#000000;width:auto;height:auto}html.js,html.js body{width:auto;height:auto}header,#menu-gradient,#content,footer,#menu,#logo{display:none}}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){.sprite{background-image:url("../images/sprite@2x.png")}}@media only screen and (min-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-width: 768px) and (orientation: landscape) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-width: 768px) and (orientation: landscape) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-width: 768px) and (orientation: landscape) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-width: 768px) and (orientation: landscape) and (min-device-pixel-ratio: 1.5), only screen and (min-device-width: 768px) and (orientation: landscape) and (min-resolution: 240dpi){.about .wrapper.me{background-image:url("../images/me@2x.png")}.about .wrapper.sword{background-image:url("../images/sword@2x.png")}}
