/*! drublic - v3.0.0 - MIT License - 2014-10-03 */
/*! sass-mixins - v0.9.0 - 2014-07-02 */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.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:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.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}html{overflow-y:scroll}.has-overlay{overflow:hidden}.has-overlay>body{height:100%;overflow-y:scroll}@media screen and (max-width: 30em){.has-overlay>body{overflow:hidden;height:100%}}
.imprint,.contact,.modal--show{-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-o-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%);-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;width:0;height:0;overflow:hidden;opacity:0;display:none\9}.imprint:target,.contact:target,.modal--show:target,.is-active.imprint,.is-active.contact,.is-active.modal--show{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);width:auto;height:auto;opacity:1}.is-active.imprint,.is-active.contact,.is-active.modal--show{display:block\9;height:100% \9;width:100% \9}.imprint:target,.contact:target,.modal--show:target,.is-active.imprint,.is-active.contact,.is-active.modal--show{display:block\9}.imprint .modal-inner,.contact .modal-inner,.modal--show .modal-inner{position:absolute;top:50px;left:50%;z-index:20;margin-left:-325px;width:650px;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media \0screen\,screen\9{.imprint .modal-inner,.contact .modal-inner,.modal--show .modal-inner{background:transparent}}.imprint .modal-inner>img,.contact .modal-inner>img,.modal--show .modal-inner>img,.imprint .modal-inner>video,.contact .modal-inner>video,.modal--show .modal-inner>video,.imprint .modal-inner>iframe,.contact .modal-inner>iframe,.modal--show .modal-inner>iframe{width:100%;height:auto;min-height:300px}.imprint .modal-inner>img,.contact .modal-inner>img,.modal--show .modal-inner>img{width:auto;max-width:100%}.imprint .modal-content,.contact .modal-content,.modal--show .modal-content{position:relative;max-height:400px;max-height:80vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@media \0screen\,screen\9{.imprint .modal-content,.contact .modal-content,.modal--show .modal-content{overflow:visible}}.imprint .modal-content>*,.contact .modal-content>*,.modal--show .modal-content>*{max-width:100%}.imprint footer,.contact footer,.modal--show footer{border-top:1px solid #fff;padding:0 1.2em 18px;background:#f0f0f0;border-radius:2px}.imprint .modal-close,.contact .modal-close,.modal--show .modal-close{display:block;height:1px;clip:rect(0 0 0 0);margin:-1px;overflow:hidden}.imprint .modal-close:focus:after,.contact .modal-close:focus:after,.modal--show .modal-close:focus:after{outline:1px dotted;outline:-webkit-focus-ring-color auto 5px}.imprint .modal-close:before,.contact .modal-close:before,.modal--show .modal-close:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.imprint .modal-close:after,.contact .modal-close:after,.modal--show .modal-close:after{content:'\00d7';position:absolute;top:25px;right:50%;z-index:20;margin-right:-325px}@media screen and (max-width: 690px){.imprint .modal-inner,.contact .modal-inner,.modal--show .modal-inner{width:auto;left:20px;right:20px;margin-left:0}.imprint .modal-close:after,.contact .modal-close:after,.modal--show .modal-close:after{margin-right:0 !important;right:20px}}@media screen and (max-width: 30em){.imprint,.contact,.modal--show{-webkit-transform:translate(0, 400px);-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:opacity 1ms .25s;-moz-transition:opacity 1ms .25s;-o-transition:opacity 1ms .25s;-ms-transition:opacity 1ms .25s;transition:opacity 1ms .25s;display:block;bottom:auto}.imprint:target,.contact:target,.modal--show:target,.is-active.imprint,.is-active.contact,.is-active.modal--show{height:100%}.imprint:before,.contact:before,.modal--show:before{content:'';position:fixed;top:0;left:0;right:0;z-index:30}.imprint .modal-inner,.contact .modal-inner,.modal--show .modal-inner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:0;left:0;right:0;height:100%;overflow:auto}.imprint .modal-content,.contact .modal-content,.modal--show .modal-content{max-height:none;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.imprint .modal-close,.contact .modal-close,.modal--show .modal-close{right:auto}.imprint .modal-close:before,.contact .modal-close:before,.modal--show .modal-close:before{display:none}.imprint .modal-close:after,.contact .modal-close:after,.modal--show .modal-close:after{top:5px !important;right:5px;left:auto;z-index:40;margin-left:0}}@media screen and (max-height: 46em) and (min-width: 30em){.imprint .modal-content,.contact .modal-content,.modal--show .modal-content{max-height:340px;max-height:50vh}}@media screen and (max-height: 36em) and (min-width: 30em){.imprint .modal-content,.contact .modal-content,.modal--show .modal-content{max-height:265px;max-height:40vh}}.is-stacked.imprint,.is-stacked.contact,.is-stacked.modal--show{-webkit-transform:translate(0, 0) scale(1, 1);-moz-transform:translate(0, 0) scale(1, 1);-o-transform:translate(0, 0) scale(1, 1);-ms-transform:translate(0, 0) scale(1, 1);transform:translate(0, 0) scale(1, 1);opacity:1}.is-stacked.imprint .modal-inner,.is-stacked.contact .modal-inner,.is-stacked.modal--show .modal-inner{-webkit-animation:scaleDown .7s ease both;-moz-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both}.is-stacked.imprint .modal-close,.is-stacked.contact .modal-close,.is-stacked.modal--show .modal-close{opacity:0}@media screen and (max-width: 30em){.is-stacked.imprint,.is-stacked.contact,.is-stacked.modal--show{-webkit-animation:scaleDown .7s ease both;-moz-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both}.is-stacked.imprint .modal-inner,.is-stacked.contact .modal-inner,.is-stacked.modal--show .modal-inner{-webkit-animation:none;-moz-animation:none;animation:none}.is-stacked.imprint .modal-close,.is-stacked.contact .modal-close,.is-stacked.modal--show .modal-close{opacity:1}}
@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8)}}@-moz-keyframes scaleDown{to{opacity:0;-moz-transform:scale(0.8)}}@keyframes scaleDown{to{opacity:0;transform:scale(0.8)}}@media screen and (min-width: 30em){.imprint,.contact{-webkit-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s}}
@-webkit-keyframes shaky{0%{-webkit-transform:translateY(-100%)}60%{-webkit-transform:translateX(5%) translateY(5%) rotate(-2deg)}80%{-webkit-transform:translateX(5%) translateY(5%) rotate(2deg)}50%,70%,90%{-webkit-transform:translateX(0%) translateY(0%)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-100%)}60%{-webkit-transform:translateY(5%)}85%{-webkit-transform:translateY(0%)}}@-moz-keyframes bounce{0%{-moz-transform:translateY(-100%)}60%{-moz-transform:translateY(5%)}85%{-moz-transform:translateY(0%)}}@-o-keyframes bounce{0%{-o-transform:translateY(-100%)}60%{-o-transform:translateY(5%)}85%{-o-transform:translateY(0%)}}@-ms-keyframes bounce{0%{-ms-transform:translateY(-100%)}60%{-ms-transform:translateY(5%)}85%{-ms-transform:translateY(0%)}}@keyframes bounce{0%{transform:translateY(-100%)}60%{transform:translateY(5%)}85%{transform:translateY(0%)}}.imprint,.contact,.modal--show{color:#222;line-height:1.3}.imprint .modal-inner,.contact .modal-inner,.modal--show .modal-inner{border-radius:2px;background:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.6);box-shadow:0 0 30px rgba(0,0,0,0.6);max-width:100%;-webkit-transition:max-width 0.25s linear, margin-left 0.125s linear;transition:max-width 0.25s linear, margin-left 0.125s linear}.imprint header,.contact header,.modal--show header{border-bottom:1px solid #ddd;padding:0 1.2em}.imprint header>h2,.contact header>h2,.modal--show header>h2{margin:0.5em 0}.imprint .modal-content,.contact .modal-content,.modal--show .modal-content{border-bottom:1px solid #ddd;padding:15px 1.2em}.imprint footer,.contact footer,.modal--show footer{border-top:1px solid #fff;padding:0 1.2em 18px;background:#f0f0f0;border-radius:2px}.imprint .modal-close,.contact .modal-close,.modal--show .modal-close{text-indent:-100px}.imprint .modal-close:before,.contact .modal-close:before,.modal--show .modal-close:before{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII=")}.imprint .modal-close:after,.contact .modal-close:after,.modal--show .modal-close:after{content:'\00d7';background:#fff;border-radius:2px;padding:2px 8px;font-size:1.2em;text-decoration:none;text-indent:0}@media screen and (max-width: 30em){.imprint:before,.contact:before,.modal--show:before{background-color:#27aae2;background-image:-webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));background-image:-webkit-linear-gradient(top, #27aae2, #1c9cd3);background-image:-moz-linear-gradient(top, #27aae2, #1c9cd3);background-image:-o-linear-gradient(top, #27aae2, #1c9cd3);background-image:linear-gradient(to bottom, #27aae2, #1c9cd3);height:3em;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.6);box-shadow:0 0 5px rgba(0,0,0,0.6)}.imprint .modal-inner,.contact .modal-inner,.modal--show .modal-inner{padding-top:3em;-webkit-box-shadow:none;box-shadow:none}.imprint .modal-close,.contact .modal-close,.modal--show .modal-close{text-decoration:none}.imprint .modal-close:after,.contact .modal-close:after,.modal--show .modal-close:after{content:attr(data-close);font-size:1em;padding:0.5em 1em}}
.button,.button--large{display:inline-block;padding:0.5em 1.5em;line-height:2;text-decoration:none;border:1px solid #111;color:#111;border-radius:2px}.button:visited,.button--large:visited{color:#111}.button:hover,.button--large:hover{background-color:#111;color:#3b596a}.work{margin:0 -1%}.work:before,.work:after{content:'';display:table}.work:after{clear:both}.work h2{margin-left:1%;margin-right:1%}.work__more{clear:both;padding-top:2em;text-align:center}.work--project{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1;float:left;overflow:hidden;width:31.333%;margin:1%;border:1px solid #ddd;text-align:center;color:#222;border-radius:2px}.work--project:after{content:'';float:left;padding-top:56.25%}.work--project img{position:absolute;left:0;width:100%;border-radius:2px}.work--project figcaption{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;background:-webkit-radial-gradient(circle, transparent, rgba(0,0,0,0.4));background:-moz-radial-gradient(circle, transparent, rgba(0,0,0,0.4));background:-ms-radial-gradient(circle, transparent, rgba(0,0,0,0.4));background:radial-gradient(circle, transparent, rgba(0,0,0,0.4));-webkit-backface-visibility:hidden;backface-visibility:hidden}.work--project figcaption:before,.work--project figcaption:after{pointer-events:none}.work--project figcaption{position:absolute;top:0;left:0;width:100%;height:100%}.work--project h3,.work--project p{position:absolute;right:0;left:0}.work--project p{bottom:0;padding:20px;background:#fff;background:rgba(255,255,255,0.9);line-height:1.5;color:#222;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.work--project h3{display:inline;top:20px;left:auto;margin:10px;font-family:'Raleway', sans-serif;font-size:1.25em;text-align:right;text-transform:uppercase;word-spacing:-0.15em;line-height:1;font-weight:300;background:#fff;background:rgba(255,255,255,0.9);box-shadow:0 0 0 10px rgba(255,255,255,0.9);-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.work--project h3 span{font-weight:800}.work--project h3:after,.work--project p{opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s}.work--project:hover h3{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.work--project:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.work--light{color:#fff}.work--light h3{background:#111;background:rgba(30,30,30,0.9);box-shadow:0 0 0 10px rgba(30,30,30,0.9)}.work--light p{background:#222;background:rgba(34,34,34,0.9);color:#fff}.social-media-links{list-style:none;margin:1.3em 0 0;padding-left:0;text-align:center}.social-media-links:before{content:'';display:table;clear:both}.social-media-links li{display:inline}.social-media-links a{position:relative;display:inline-block;width:32px;height:32px;margin-right:7px;border-radius:50%;text-indent:-200px;overflow:hidden;background:#111 url(../../img/github.png);background-size:32px}.social-media-links .twitter a{background-image:url(../../img/twitter.png)}.social-media-links .google-plus a{background-image:url(../../img/google-plus.png)}.social-media-links .rss a{background-image:url(../../img/feed.png)}.social-media-links .github a{background-color:transparent}.button,.button--large{font-size:1em;padding:0.2em 1em}.button:hover,.button--large:hover{color:#fff}.button--large{font-size:1.5em;margin-top:2em}html{font:16px/1.5 Helvetica Neue, sans-serif;color:#222}h1{font-family:'Raleway', sans-serif;font-size:3em;font-weight:300}h2{border-bottom:1px solid #111;margin:1em 0 0.5em;font-family:'Raleway', sans-serif;font-size:2em;font-weight:300}h1+h2{margin-top:0}h2 a{text-decoration:none}h3{font-size:1.2em;margin:1em 0 .5em}h3 a{text-decoration:none}h4{font-size:1em}h1+h4{margin-top:0}h1,h2,h3{font-weight:normal}a{color:inherit;text-decoration:underline}a:visited{color:inherit}a:hover{color:#3b596a;text-decoration:none}p{margin:0}p+p{margin-top:1em}h2+p{margin-top:0}ul{padding-left:1.1em}html{background:#fff}body{-webkit-overflow-scrolling:touch}.claim{max-width:960px;max-width:60rem;padding:0 32px;padding:0 2rem;margin:0 auto;text-align:center}.claim__desc{max-width:720px;max-width:45rem;line-height:1.7em;margin:0 auto}.claim__me{height:208px;height:13rem;margin:48px 0;margin:3rem 0;border-radius:50%}.main{max-width:720px;max-width:45rem;padding:48px 32px;padding:3rem 2rem;margin:0 auto}.main--portfolio{max-width:1280px;max-width:80rem}.content{margin:2em -1.5% 0;overflow:hidden}.content ul{list-style:none;margin:0;padding:0}.content li{padding-top:30px;word-wrap:break-word}.hire-me{max-width:720px;max-width:45rem;margin:3em auto}.imprint h2,.contact h2{border-bottom:none}.resume-header>h1{margin:1em 0 0;line-height:1.2}.header{padding:32px;padding:2rem;color:#fff;text-align:center;background:#3b596a;background:-webkit-linear-gradient(#3b596a, #638fa8);background:linear-gradient(#3b596a, #638fa8)}.header h1{margin:0.3em 0;font-weight:normal}.header p{font-size:1.2em}.header__navigation{max-width:800px;max-width:50rem;margin:2em auto;line-height:2}.header__navigation ul{padding:32px 16px 16px;padding:2rem 1rem 1rem;margin:0;text-align:center}.header__navigation li{display:inline-block;vertical-align:top}.header__navigation li.is-active a{background-color:#fff;color:#3b596a}.header__navigation a{border-radius:2px;border:1px solid #fff;color:#fff;display:inline-block;margin-left:7px;padding:0.5em 1.5em;text-decoration:none}.header__navigation a:visited{color:#fff}.header__navigation a:hover{background-color:#fff;color:#3b596a}.header__navigation a.visuallyhidden{padding:0}.header__navigation .header__navigation__target,.header__navigation .header__navigation__toggle{display:none}.header__navigation .header__navigation__toggle{position:absolute;width:2em;height:2em;border-width:0;background:no-repeat 50% 50% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="19"><rect y="1" fill="#fff" width="26" height="3"/><rect y="8" fill="#fff" width="26" height="3"/><rect y="15" fill="#fff" width="26" height="3"/></svg>');padding:0.25em;margin:0;text-indent:-200px;overflow:hidden}.header__navigation .header__navigation__toggle:hover{background-color:transparent;color:#fff}@media screen and (max-width: 50em){.header h1{margin-top:0;padding-top:1em}.header__navigation{position:absolute;top:-2em;left:-2em;right:-2em;margin:0}.header__navigation ul{display:none;position:absolute;top:2.5em;left:0;min-width:60%;max-width:100%;padding:0.5em 0;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.3)}.header__navigation li{display:block}.header__navigation li.is-active a{color:#3b596a}.header__navigation a{display:block;margin-left:0;border:0;border-radius:0}.header__navigation a,.header__navigation a:visited{color:#888}.header__navigation .header__navigation__toggle{display:block}.header__navigation__target:target ~ ul{display:block}}.footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:32px auto 0;margin:2rem auto 0;padding:64px 32px 48px;padding:4rem 2rem 3rem;max-width:720px;max-width:45rem;text-align:center;border-top:1px solid #111}.footer__me{padding:32px 0;padding:2rem 0;width:208px;width:13rem;border-radius:50%}.footer__follow{margin-bottom:0.5em}@media screen and (max-width: 32em){.footer{margin:2rem;padding:2rem 0 0}.footer__me,.footer__follow{padding:1em 0}}@media screen and (max-width: 24em){.footer{padding:1em}}@media screen and (max-width: 38em){.site-claim{padding-top:3rem}.desc{margin-top:2rem}.main{padding-top:3rem}.work-project{width:100%;padding:10px}.work-project>img{float:left;max-width:45%;margin-right:1em}.work-project>figcaption{padding:0}}@media screen and (max-width: 32em){h1{font-size:2em}h2{font-size:1.5em}.site-claim .desc p{font-size:1em}}@media screen and (max-width: 24em){.main{padding:0 1em 1em}.work-project img{margin-left:-0.5em}}@media print{*{background:transparent !important;color:#000 !important}html{border-top:0}body{font-size:13px}.header{padding:0}.header__navigation,.footer{display:none}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="mailto:"]:after{content:""}@page{margin:1.2cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}