*{box-sizing:border-box}body,html{width:100%;height:100%}body{margin:0;font-size:1em;font-size:100%;background:#141414;font-family:Work Sans,sans-serif}canvas.water_canvas{position:absolute;top:0;z-index:99999}h1,h2{margin:0}h1{font-size:4em;text-transform:uppercase;font-weight:700}h2{font-weight:200;font-size:2.2em;min-height:45px}#rotor span{transition-duration:.5s;position:absolute;left:0;right:0;margin:auto}#rotor span.active{opacity:1}span.inactive{opacity:0}h2 span{color:tomato;transition-duration:1s}p{line-height:1.7em}a{color:#fff;text-decoration:none;position:relative}.bg_canvas{position:fixed;top:0;left:0;z-index:-1}.wrapper{position:relative;min-height:100%}.wrapper-inner:before,.wrapper:before{border:1px solid #333;border-right:0;border-bottom:0}.wrapper-inner:after,.wrapper-inner:before,.wrapper:after,.wrapper:before{content:'';display:block;width:50px;height:50px;position:absolute;margin:2em}.wrapper-inner:after,.wrapper:after{border:1px solid #333;border-left:0;border-top:0;bottom:0;right:0}.wrapper-inner:before{right:0;top:0;border-left:0;border-right:1px solid #333}.wrapper-inner:after{bottom:0;left:0;border-right:0;border-left:1px solid #333}section{width:100%;color:#fff;padding:2em;text-align:center;top:50%}header{margin-bottom:2em}#header_canvas{min-height:324px}#header_canvas canvas{width:100%;height:auto!important;margin-bottom:3em;margin-top:1em}.table{display:table;width:80%;margin:auto;font-weight:400;max-width:750px}.cell{display:table-cell;text-align:left;padding:1em}a.imprint.backHome{margin:2em;display:block;color:#666;font-style:italic;font-size:80%}a.imprint.backHome:hover{color:#eee}.impressum a.backHome{display:inline}.impressum a.backHome:before{background-position:-80px 0}.impressum h3{margin-top:0}.impressum p{margin-bottom:2em}.impressum article{text-align:left;padding:2em;font-size:13px}footer{margin-top:3em}.ico{position:relative;padding-left:25px;display:block;width:100%;overflow:hidden;padding:5px 5px 8px 25px}.ico:after{content:'';display:block;width:calc(100% + 10px);height:2px;background:#fff;left:-5px;position:absolute;bottom:0;transform:translateX(20%);opacity:0;transition-duration:.15s}.ico:hover:after{transform:translateX(0);opacity:1}.ico:before{content:'';position:absolute;left:0;background-image:url(../ico/ico_grid.png);background-size:auto 100%;margin-right:5px;display:inline-block;width:20px;height:20px;vertical-align:middle;text-indent:-99px;overflow:hidden}.codepen.ico:before{background-position:0 0}.twitter.ico:before{background-position:80px 0}.experiments.ico:before{background-position:60px 0}.mail.ico:before{background-position:40px 0}@media (max-width:800px) and (min-width:600px){h1{font-size:3em}.table{width:100%}.cell{display:block}.icoHolder{text-align:center}.ico{width:40%;margin-right:5%;display:inline-block;text-align:left}}@media (max-width:600px){h1{font-size:2.3em}a,p{font-size:1.3em}.table{width:100%}.cell{display:block;padding:1em 0}#header_canvas canvas{width:100%!important;height:auto!important;margin-bottom:3em}.icoHolder{text-align:center}.ico{width:100%;display:inline-block;text-align:left}.ico:before{top:8px}}