@font-face{font-family:FiraBold;src:url(fonts/FiraSans-Bold.eot);src:url(fonts/FiraSans-Bold?#iefix) format("embedded-opentype"),url(fonts/FiraSans-Bold.woff2) format("woff2"),url(fonts/FiraSans-Bold.woff) format("woff"),url(fonts/FiraSans-Bold.ttf) format("truetype"),url(fonts/FiraSans-Bold.svg#svgFontName) format("svg")}@font-face{font-family:FiraLight;src:url(fonts/FiraSans-Light.eot);src:url(fonts/FiraSans-Light?#iefix) format("embedded-opentype"),url(fonts/FiraSans-Light.woff2) format("woff2"),url(fonts/FiraSans-Light.woff) format("woff"),url(fonts/FiraSans-Light.ttf) format("truetype"),url(fonts/FiraSans-Light.svg#svgFontName) format("svg")}body{margin:0;padding:0;background-color:#fff;color:#4a4a4a;font-family:FiraLight,sans-serif;font-size:1rem;font-weight:400}#menu{position:absolute;top:3rem;left:3rem;font-family:FiraBold,sans-serif;z-index:10;width:40vw}#menu #menuOverlay{position:relative;width:100vw;height:100vh;background-color:#fff;z-index:10;display:none}#menu .menuCircle{height:2rem;width:2rem;text-align:center;cursor:pointer}#menu #menuIcon p{font-size:1.5rem;margin-top:-.1rem}#menu #i{border-bottom:.5rem solid #4a4a4a}#menu #x{display:none;position:relative;z-index:11}#menu #menuText{display:none;padding-left:1vw;font-family:FiraLight,sans-serif;background-color:#fff;height:auto;z-index:11}#menu #menuText a{font-family:FiraLight,sans-serif;text-decoration:none;color:#4a4a4a;background-color:#d7d7d7;padding:0 1rem;margin-left:2rem;margin-top:2rem}#head{float:right;text-align:right;margin:0 3rem 5rem 0}#head h1{margin-bottom:-.7rem;font-family:FiraBold,sans-serif;font-size:4rem;font-weight:400}#head h3{font-size:2rem;font-family:FiraLight,sans-serif;font-weight:400}#head h3 a{text-decoration:none;color:#4a4a4a}#head #portrait{background-image:url(../img/MarcoKade.jpg);width:10rem;height:10rem;background-size:cover;background-position:center;border-radius:50%;border:4px solid #4a4a4a;float:right;-webkit-filter:grayscale(10%);filter:grayscale(10%)}#gesamt .project{clear:both;text-align:center;margin:10rem auto}#gesamt .project h1{position:relative;z-index:4;background-color:#fff;padding:1rem;border:1rem solid #4a4a4a;display:inline-block;font-family:FiraBold,sans-serif;font-size:4rem;font-weight:400}#gesamt .project .pic{position:relative;margin:0 auto;width:85vw}#gesamt .project .pic svg{position:absolute;z-index:5;top:-16rem;right:-5rem}#gesamt .project img.titel{position:relative;z-index:1;width:85vw;max-width:1000px;margin-top:-9rem;cursor:pointer}#gesamt .project img.titel .hoch{width:35vw!important}#gesamt .project .box{display:none;position:relative;margin:0 auto;width:90vw;max-width:1200px;border:1rem solid #d7d7d7;text-align:left;margin-top:-10rem;margin-bottom:3rem;font-family:FiraLight,sans-serif}#gesamt .project .box a{color:#4a4a4a;text-decoration:none}#gesamt .project .box .desc{padding:10rem 2rem 1rem;margin-bottom:8rem}#gesamt .project .box .desc .head{font-family:FiraBold,sans-serif;font-size:4rem}#gesamt .project .box .desc .url{font-size:1.7rem;background-color:#d7d7d7;padding:0 1rem}#gesamt .project .box .desc .topics{font-family:FiraBold,sans-serif}#gesamt .project .box .desc .highlight{font-family:FiraBold,sans-serif;font-weight:400}#gesamt .project .box .desc p{margin-bottom:3rem}#gesamt .project .box .desc img{display:block;width:80%;margin:0 auto;text-align:center;margin-bottom:5rem}#gesamt .project .box .desc iframe{display:block;width:80%;height:auto;min-height:45vw;margin:0 auto}#gesamt .project .box a.x{position:absolute;right:1.5rem;bottom:1rem;font-family:FiraBold,sans-serif;font-size:4rem;color:#d7d7d7;cursor:pointer;z-index:5}#gesamt .project .infobutton{position:relative;z-index:3;font-family:FiraBold,sans-serif;font-size:1.7rem;border:.7rem solid #4a4a4a;background-color:#fff;padding:1rem .5rem;width:20vw;max-width:15rem;text-align:center;float:right;margin-top:-5vw;margin-right:1vw;color:#4a4a4a}#gesamt .project .infobutton-background{position:relative;z-index:2;margin-top:-19vw;margin-right:9vw;background-color:#d7d7d7;width:3rem;height:1rem;float:right}.last{margin-bottom:15vh}footer{padding:1rem 2rem}footer h3{font-family:FiraBold,sans-serif;font-weight:400;cursor:pointer}footer p{display:none;background-color:#d7d7d7;padding:1rem}@media (max-device-width:600px) and (orientation:portrait){body{font-size:3rem;font-weight:400}#menu #menuIcon p{font-size:3rem;padding-left:1rem;padding-right:1rem}#menu #i{display:inline-block;border-bottom:.5rem solid #4a4a4a}#portrait{height:20rem!important;width:20rem!important}#head h1{font-size:5.2rem;font-weight:400}#gesamt .project .box .desc .head,#gesamt .project h1{font-size:5.2rem;font-weight:400}#gesamt .project .infobutton{font-size:2.55rem}#head h3{font-size:2.6rem;font-weight:400}#gesamt .project .box .desc .url{font-size:2rem}#gesamt .project .pic svg{top:-3rem;right:-5rem}#menu #menuText{font-family:FiraLight,sans-serif;font-size:2.1rem;margin-top:1rem}#menu #menuText a{margin-top:0}}@media (max-device-width:800px) and (orientation:portrait){body{font-size:2rem;font-weight:400}}@media (max-device-width:600px) and (orientation:landscape){body{font-size:2rem;font-weight:400}#menu #menuText{font-family:FiraLight,sans-serif;font-size:2.1rem;margin-top:-2rem}#menu #menuText a{margin-top:0}#gesamt .project .infobutton{font-size:2.21rem}}