@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,700);#grid-lines[data-v-ca06aeb2]{display:grid;grid-template-columns:repeat(6,1fr);width:100%;height:100vh;position:fixed;z-index:-1;margin-top:100vh}.col1[data-v-ca06aeb2],.col2[data-v-ca06aeb2],.col3[data-v-ca06aeb2],.col4[data-v-ca06aeb2],.col5[data-v-ca06aeb2],.col6[data-v-ca06aeb2]{border-right:1px solid #dcdcdc}.col1[data-v-ca06aeb2]{grid-column:1/2}.col2[data-v-ca06aeb2]{grid-column:2/3}.col3[data-v-ca06aeb2]{grid-column:3/4}.col4[data-v-ca06aeb2]{grid-column:4/5}.col5[data-v-ca06aeb2]{grid-column:5/6}.col6[data-v-ca06aeb2]{grid-column:6/7}.grid-lines-anm[data-v-ca06aeb2]{-webkit-animation:slide-in-from-bot-data-v-ca06aeb2 1.2s ease .2s forwards;animation:slide-in-from-bot-data-v-ca06aeb2 1.2s ease .2s forwards}@-webkit-keyframes slide-in-from-bot-data-v-ca06aeb2{0%{margin-top:100vh}to{margin-top:0}}@keyframes slide-in-from-bot-data-v-ca06aeb2{0%{margin-top:100vh}to{margin-top:0}}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){#grid-lines[data-v-ca06aeb2]{display:none}}#logo[data-v-0ebfe67a]{position:fixed;top:1.4rem;left:1.4rem;width:auto;z-index:2;font-size:1.4rem;line-height:1.6rem;font-weight:700}#logo a[data-v-0ebfe67a]{color:#565656}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){#logo[data-v-0ebfe67a]{font-size:1rem;line-height:1.2rem;top:1.1rem;left:2rem}}.appear-left-enter-active,.appear-left-leave-active{-webkit-transition:margin-left .7s cubic-bezier(.215,.61,.355,1) 1s;transition:margin-left .7s cubic-bezier(.215,.61,.355,1) 1s}.appear-left-enter,.appear-left-leave-to{margin-left:-100%}.appear-right-enter-active,.appear-right-leave-active{-webkit-transition:margin-left .7s cubic-bezier(.215,.61,.355,1) 1.4s;transition:margin-left .7s cubic-bezier(.215,.61,.355,1) 1.4s}.appear-right-enter,.appear-right-leave-to{margin-left:-100%}.appear-right2-enter-active,.appear-right2-leave-active{-webkit-transition:margin-left .7s cubic-bezier(.215,.61,.355,1) 1.6s;transition:margin-left .7s cubic-bezier(.215,.61,.355,1) 1.6s}.appear-right2-enter,.appear-right2-leave-to{margin-left:-100%}.icon-enter-active,.icon-leave-active{-webkit-transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.2s;transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.2s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275) 1.2s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275) 1.2s,-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.2s}.icon-enter,.icon-leave-to{-webkit-transform:scale(.01);transform:scale(.01)}.icon2-enter-active,.icon2-leave-active{-webkit-transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.6s;transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.6s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275) 1.6s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275) 1.6s,-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.6s}.icon2-enter,.icon2-leave-to{-webkit-transform:scale(.01);transform:scale(.01)}.icon3-enter-active,.icon3-leave-active{-webkit-transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.8s;transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.8s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275) 1.8s;transition:transform .5s cubic-bezier(.175,.885,.32,1.275) 1.8s,-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275) 1.8s}.icon3-enter,.icon3-leave-to{-webkit-transform:scale(.01);transform:scale(.01)}.slide-left-enter-active,.slide-left-leave-active{-webkit-transition:margin-left .5s cubic-bezier(.215,.61,.355,1);transition:margin-left .5s cubic-bezier(.215,.61,.355,1)}.slide-left-enter,.slide-left-leave-to{margin-left:-100%}.slide-right-enter-active,.slide-right-leave-active{-webkit-transition:margin-right .5s cubic-bezier(.215,.61,.355,1);transition:margin-right .5s cubic-bezier(.215,.61,.355,1)}.slide-right-enter,.slide-right-leave-to{margin-right:-100%}.slide-top-enter-active,.slide-top-leave-active{-webkit-transition:margin-bottom .5s cubic-bezier(.215,.61,.355,1);transition:margin-bottom .5s cubic-bezier(.215,.61,.355,1)}.slide-top-enter,.slide-top-leave-to{margin-bottom:100%}.slide-bot-enter-active,.slide-bot-leave-active{-webkit-transition:margin-top .5s cubic-bezier(.215,.61,.355,1);transition:margin-top .5s cubic-bezier(.215,.61,.355,1)}.slide-bot-enter,.slide-bot-leave-to{margin-top:100%}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s cubic-bezier(.215,.61,.355,1) 2s;transition:opacity .5s cubic-bezier(.215,.61,.355,1) 2s}.fade-enter,.fade-leave-to{opacity:0}.pop-enter-active{-webkit-clip-path:circle(50%);clip-path:circle(50%);-webkit-transition:-webkit-clip-path .5s cubic-bezier(.075,.82,.165,1);transition:-webkit-clip-path .5s cubic-bezier(.075,.82,.165,1);transition:clip-path .5s cubic-bezier(.075,.82,.165,1);transition:clip-path .5s cubic-bezier(.075,.82,.165,1),-webkit-clip-path .5s cubic-bezier(.075,.82,.165,1)}.pop-enter{-webkit-clip-path:circle(.01%);clip-path:circle(.01%)}.pop-leave-active{-webkit-clip-path:circle(50%);clip-path:circle(50%);opacity:1;-webkit-transition:opacity .5s cubic-bezier(.075,.82,.165,1),-webkit-clip-path .5s cubic-bezier(.075,.82,.165,1);transition:opacity .5s cubic-bezier(.075,.82,.165,1),-webkit-clip-path .5s cubic-bezier(.075,.82,.165,1);transition:clip-path .5s cubic-bezier(.075,.82,.165,1),opacity .5s cubic-bezier(.075,.82,.165,1);transition:clip-path .5s cubic-bezier(.075,.82,.165,1),opacity .5s cubic-bezier(.075,.82,.165,1),-webkit-clip-path .5s cubic-bezier(.075,.82,.165,1)}.pop-leave-to{-webkit-clip-path:circle(40%);clip-path:circle(40%);opacity:0}.transition-wrapper{width:100%}*{margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:1.7vh}ul{padding:0;margin:0}body{background-color:#f4f4f4}::-moz-selection{color:#f4f4f4;background-color:#39e097}::selection{color:#f4f4f4;background-color:#39e097}body,div,h1,h2,h3,h4,h5,section{font-family:Poppins,sans-serif;color:#565656}h2{font-size:2.5rem;font-weight:200}.section-head{margin-bottom:1rem}.section-subhead{font-weight:700}h3{font-size:1.5rem;font-weight:200}p{font-weight:300;font-size:1rem;line-height:1.5rem}a{text-decoration:none;color:#39e097;-webkit-transition:color 1s cubic-bezier(.075,.82,.165,1);transition:color 1s cubic-bezier(.075,.82,.165,1)}a:hover{color:#565656}strong{font-weight:700}h2 strong{font-size:2.5rem}ul{list-style-type:none}header{position:fixed;top:0;left:0;width:100%;z-index:1}header #menu{text-align:right;font-size:1rem;line-height:2rem}header #menu li{display:block}#social-bar{position:fixed;bottom:0;right:0;z-index:1}#social-bar .menu{text-align:right;line-height:2.5rem}#social-bar svg .social-icon{fill:#39e097;-webkit-transition:fill 1s cubic-bezier(.075,.82,.165,1);transition:fill 1s cubic-bezier(.075,.82,.165,1)}#social-bar svg:hover .social-icon{fill:#565656}.fixwrap{margin:1.4rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.btn,.fixwrap{display:-webkit-box;display:-ms-flexbox;display:flex}.btn{margin-top:1.4rem;max-width:50%;-webkit-transition:max-width .5s cubic-bezier(.075,.82,.165,1);transition:max-width .5s cubic-bezier(.075,.82,.165,1)}.btn div{margin-left:1rem;background:right 60% no-repeat url(../img/arrow-long.ac645238.svg);min-width:2.5rem;width:100%}.btn:hover{max-width:100%}.btn a{-webkit-transition:color .5s cubic-bezier(.075,.82,.165,1);transition:color .5s cubic-bezier(.075,.82,.165,1)}.btn a:hover{color:#565656}.btn-back{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;-webkit-transition:width .5s cubic-bezier(.075,.82,.165,1);transition:width .5s cubic-bezier(.075,.82,.165,1)}.btn-back div{margin-right:1rem;background:left 60% no-repeat url(../img/arrow-long-left.313a7b06.svg);width:100%}.btn-back:hover{width:100%}#copy-mail{cursor:pointer;display:block;-webkit-transition:color .3s;transition:color .3s}#copy-mail:hover{color:rgba(57,224,151,.2)}#copy-mail:before{content:attr(data);color:#39e097;position:absolute;padding-top:1.5rem;font-size:1rem;font-weight:300;margin-left:-16%;opacity:0;-webkit-transition:margin-left .3s,opacity .3s cubic-bezier(.075,.82,.165,1);transition:margin-left .3s,opacity .3s cubic-bezier(.075,.82,.165,1)}#copy-mail:hover:before{margin-left:-8%;opacity:1}#copy-mail:active{color:#39e097}.grid-section{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);margin-bottom:10rem;height:100vh}.content{grid-column:2/4;grid-row:2/7;width:100%;overflow:hidden}.wrapper-go-to{width:50%}.wrapper-go-back{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){html{font-size:14px}header{border-bottom:1px solid #dcdcdc;background-color:#f4f4f4}.grid-section{display:block;margin-left:2rem;margin-right:2rem;margin-bottom:2rem;height:auto;min-height:100vh}h2,h2 strong{font-size:2rem}h3{font-size:1rem}.btn{margin-top:.5rem}.btn a:before{content:"";padding-left:2rem;margin-right:.5rem;background:right 60% no-repeat url(../img/arrow-long.ac645238.svg)}.btn div{background-image:none}.wrapper-go-to{width:100%}#social-bar{display:none}section{padding-top:20vh}}#menu-button[data-v-4e78ac91]{display:none}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){#menu[data-v-4e78ac91]{display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1)}#menu-button[data-v-4e78ac91]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#menu-button p[data-v-4e78ac91]{margin-right:1rem}#menu-icon[data-v-4e78ac91]{display:block}#menu-icon div[data-v-4e78ac91]{height:1px;margin-top:.5rem;margin-bottom:.5rem;background-color:#39e097;display:block;-webkit-transition:.33s;transition:.33s;width:1.5rem}}#home[data-v-2dca55cc]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-icon[data-v-2dca55cc]{margin-top:-2rem;margin-left:-2rem}#profile-icon[data-v-2dca55cc]{grid-column:2/4;grid-row:2/4}#profile-teaser[data-v-2dca55cc]{grid-column:2/4;grid-row:2/4;overflow:hidden}#projects-icon[data-v-2dca55cc]{grid-column:3/4;grid-row:5/6}#projects-teaser[data-v-2dca55cc]{grid-column:3/4;grid-row:5/6;overflow:hidden}#contact-icon[data-v-2dca55cc]{grid-column:5/6;grid-row:5/6}#contact-teaser[data-v-2dca55cc]{grid-column:5/6;grid-row:5/6;overflow:hidden}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){.section-icon[data-v-2dca55cc]{display:none}#projects-teaser[data-v-2dca55cc]{margin-top:7vh}#contact-teaser[data-v-2dca55cc]{margin-top:4vh}}#projects-menu[data-v-735e1f4a]{font-weight:700;font-size:2.5rem}#projects-menu li[data-v-735e1f4a]:before{content:url(../img/arrow.bf1a3dd9.svg);position:absolute;margin-top:.2rem;margin-left:-16%;opacity:0;-webkit-transition:margin-left .5s,opacity .5s cubic-bezier(.075,.82,.165,1);transition:margin-left .5s,opacity .5s cubic-bezier(.075,.82,.165,1)}#projects-menu li[data-v-735e1f4a]:hover:before{margin-left:-6%;opacity:1}.preview[data-v-735e1f4a]{grid-column:4/6;grid-row:2/6;border-radius:50%;width:100%;height:33.2vw;background-origin:border-box;background-size:cover}#prev-1[data-v-735e1f4a]{background-image:url(../img/prev_bizzi.f373ef6e.jpg)}#prev-2[data-v-735e1f4a]{background-image:url(../img/prev_sac.c7648818.jpg)}#prev-3[data-v-735e1f4a]{background-image:url(../img/prev_airklima.0dc29b65.jpg)}#prev-4[data-v-735e1f4a]{background-image:url(../img/prev_stray.4459ba35.jpg)}#prev-5[data-v-735e1f4a]{background-image:url(../img/prev_gerch.6f4067cf.jpg)}#prev-6[data-v-735e1f4a]{background-image:url(../img/prev_mille.10a566e0.jpg)}#prev-7[data-v-735e1f4a]{background-image:url(../img/prev_posters.3eb1cc2f.jpg)}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){#projects-menu[data-v-735e1f4a]{font-size:2rem;line-height:3.5rem}}.content a[data-v-14f5f9c9]{cursor:pointer}.section-copy[data-v-14f5f9c9]{width:50%;padding-top:3rem;overflow:hidden}.content-right[data-v-14f5f9c9]{grid-column:4/6;grid-row:1/7;display:grid;grid-template-rows:repeat(6,1fr);overflow:hidden}#portrait[data-v-14f5f9c9]{width:100%;grid-row:1/7}.experience[data-v-14f5f9c9]{grid-row:2/7;line-height:2rem;overflow:hidden;width:100%}.experience h3[data-v-14f5f9c9]{font-size:1rem;font-weight:600;margin-bottom:2rem}.experience li[data-v-14f5f9c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.agency[data-v-14f5f9c9]{color:rgba(86,86,86,.5);margin-bottom:2rem}.line[data-v-14f5f9c9]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-bottom:1px solid #39e097;margin-left:1rem;margin-right:1rem;-ms-flex-item-align:start;align-self:start;margin-top:1rem}#profile .section-subhead[data-v-14f5f9c9]{padding-right:5rem}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){.section-copy[data-v-14f5f9c9]{width:100%}#profile .section-subhead[data-v-14f5f9c9]{padding-right:0}#portrait[data-v-14f5f9c9]{display:none}.content-right[data-v-14f5f9c9]{display:block;grid-template-rows:repeat(6,1fr);overflow:hidden}}#contact[data-v-0f62d76a]{margin-bottom:0}#contact .wrapper-go-back[data-v-0f62d76a],#contact .wrapper-go-to[data-v-0f62d76a]{grid-column:1/2;grid-row:6/7;align-self:end;padding:1.4rem;width:100%}.impressum[data-v-0f62d76a]{grid-row:3/6;overflow:hidden}.impressum p[data-v-0f62d76a]{font-size:.7rem;line-height:1rem;padding-right:1rem;padding-bottom:1rem}.impressum h3[data-v-0f62d76a]{font-size:.7rem;line-height:1rem;font-weight:600;padding-bottom:1rem}#imp-col-1[data-v-0f62d76a]{grid-column:2/3}#imp-col-2[data-v-0f62d76a]{grid-column:3/4}#imp-col-3[data-v-0f62d76a]{grid-column:4/5}#imp-col-4[data-v-0f62d76a]{grid-column:5/6}#contact .btn-back a[data-v-0f62d76a],#contact .btn a[data-v-0f62d76a]{cursor:pointer}@media only screen and (min-device-width:320px) and (max-device-width:600px) and (-webkit-min-device-pixel-ratio:2){#contact .wrapper-go-to[data-v-0f62d76a]{-ms-flex-item-align:end;align-self:end;padding-left:0;width:100%}}