/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}::selection{background:#fe57a1;color:#fff;text-shadow:none}audio,canvas,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.beispielXYZ p{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.group::after,.group::before{content:" ";display:table}.group::after{clear:both}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}html{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:inherit}html{font:400 1em/1.6 Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;color:#4A4A4A}.noscroll,body html{overflow:hidden}.subnavi a.selected{color:#145EC9}.modal_mask{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);opacity:0;overflow:hidden;visibility:hidden;-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s;z-index:3}.modal_mask.display{visibility:visible;cursor:pointer;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.close{width:100%;text-align:right;line-height:4em;cursor:pointer}.open{cursor:pointer}.navi{position:fixed;display:block;padding-left:1em;padding-right:1em;top:0;left:0;bottom:0;width:80%;max-width:280px;min-height:100%;background-color:#fff;z-index:4;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-timing-function:cubic-bezier(0,.53,.23,.99);transition-timing-function:cubic-bezier(0,.53,.23,.99);-webkit-transition-duration:.4s;transition-duration:.4s;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.navi.visible{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.navi ul{list-style-type:none;margin:0;padding:0;position:relative}.navi ul li{padding-top:.5em;padding-bottom:.5em}ul.subnavi li a{width:100%;float:left;margin-bottom:.5em}.navi ul.main{font-weight:700}li.info a{text-decoration:none;font-weight:400}.subnavi{font-weight:400;display:none;overflow:hidden;margin-left:.5em}ul.subnavi li{padding-left:1em;float:left;width:100%}.subnavi.visible{display:inline;max-height:600px}.subnavi a{text-decoration:none;color:#4A4A4A}.header{position:fixed;top:0;left:0;width:100%;height:4em;background-color:#FFF;z-index:1}.top-headline{text-align:center;background-color:#fff;font-size:1em;font-weight:700;padding:6.5em 1em 3.5em;border-bottom:1px solid #E0E0E0}.top-headline h1{font-size:1em;font-weight:700;margin-top:0}.top-headline .category{font-weight:400;width:100%;display:block}.top-headline.detail{border-bottom:none}.max-width-header{max-width:1200px;height:4em;padding-left:1em;padding-right:1em;margin-left:auto;margin-right:auto}.brand{float:right;line-height:4em;height:100%}.brand img{height:80%}.menu{float:left;top:0;left:0;padding-left:1.5em;line-height:4em;cursor:pointer;background-image:url(../img/menu.svg);background-repeat:no-repeat;background-position-y:center}.side-paddings{padding-left:1em;padding-right:1em}.content-container{max-width:1200px;margin-right:auto;margin-left:auto;padding-bottom:2em}.content-container figure{margin:0 0 2em}.content-container figcaption{padding-top:.5em;font-size:.8em}.content-container h2{font-size:1em;margin-top:2em}.detailpage{padding-left:1em;padding-right:1em}.content-container h1{font-size:.8em}.content-container img{width:100%;height:auto;}.text-container{padding-top:1em;padding-bottom:1em}.text-wrapper{width:100%}.text-wrapper p{margin-top:0}.text-wrapper.about{float:none;margin-left:auto;margin-right:auto}.purchase{background-color:#145EC9;text-align:center;border-radius:2px;font-weight:700;padding:.5em .8em .4em;width:60%;margin:2em auto;letter-spacing:.1em;line-height:1em}.purchase a,.purchase a:link,.purchase a:visited{color:#fff;text-decoration:none}a.next{width:100%;margin-left:auto;margin-right:auto;text-align:center;padding-top:4em;padding-bottom:4em;border-bottom:solid 1px #E0E0E0;border-top:solid 1px #E0E0E0;display:block;font-weight:700;text-decoration:underline}a.next span{width:100%;display:block;font-weight:400;text-decoration:none}.fb-share{width:100%;margin-left:auto;margin-right:auto;text-align:center;display:block;font-weight:700;text-decoration:underline}a,a:link,a:visited{color:#4A4A4A}a:hover{color:#145EC9}.project-container{line-height:1.2em;padding:1em}.project-container a,.project-container a:link,.project-container a:visited{text-decoration:none}.project-container img{-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.project-container img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.type{border-bottom:solid 1px #E0E0E0;padding-bottom:2em}.type .project-name{position:relative;bottom:0}.type img:hover{-webkit-transform:none;-ms-transform:none;transform:none}.type:last-of-type{border-bottom:none}.overview:first-of-type{padding-top:4em}.overview img{position:relative;top:-50%}.project-name{font-weight:700;margin-top:.4rem}.project-name .category{font-weight:400}.project-image{overflow:hidden;text-align:center}.overview-container{margin-left:-1.25em;margin-right:-1.25em;padding:1.25em;position:relative}.overview-container.type{padding-top:2em;padding-bottom:2em;border-bottom:solid 1px #E0E0E0}.overview-container.type span{position:absolute;bottom:1em;display:block}.overview-container.type:hover{background-color:rgba(254,87,161,.1)}.footer-container{border-top:solid 1px #E0E0E0;clear:both;width:100%;font-size:.8em}.footer-wrapper{padding:2em 1em;margin-left:auto;margin-right:auto;max-width:1200px;text-align:center}@media only screen and (min-width:35em){.top-headline{padding-top:10.5em;padding-bottom:7.5em;font-size:1.25em}.text-wrapper{width:70%;float:left}.purchase{float:right;max-width:25%;margin-top:0}.preview{width:50%;float:left}.type .project-name{bottom:1em}.overview{margin-bottom:2em}.overview .project-image{height:250px}.footer-container .social{float:left;text-align:left}.footer-container .imp{float:right;text-align:right}}@media only screen and (min-width:61.25em){body{font-size:1em}.header{font-size:1.25em}}