/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 1, 2018 */@font-face{font-family:'Quicksand';src:url("/assets/public/font/quicksand-bold-webfont.woff2") format("woff2"),url("/assets/public/font/quicksand-bold-webfont.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:'Quicksand';src:url("/assets/public/font/quicksand-italic-webfont.woff2") format("woff2"),url("/assets/public/font/quicksand-italic-webfont.woff") format("woff");font-weight:normal;font-style:italic}@font-face{font-family:'Quicksand';src:url("/assets/public/font/quicksand-light-webfont.woff2") format("woff2"),url("/assets/public/font/quicksand-light-webfont.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:'Quicksand';src:url("/assets/public/font/quicksand-regular-webfont.woff2") format("woff2"),url("/assets/public/font/quicksand-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Fusterd Bonus';src:url("/assets/public/font/fusterd_bonus-webfont.woff2") format("woff2"),url("/assets/public/font/fusterd_bonus-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Fusterd Two';src:url("/assets/public/font/fusterd_brush_two-webfont.woff2") format("woff2"),url("/assets/public/font/fusterd_brush_two-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Fusterd';src:url("/assets/public/font/fusterd_brush-webfont.woff2") format("woff2"),url("/assets/public/font/fusterd_brush-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Peich';src:url("/assets/public/font/peich-webfont.woff2") format("woff2"),url("/assets/public/font/peich-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Silent Scream';src:url("/assets/public/font/alt_silent_scream_italic-webfont.woff2") format("woff2"),url("/assets/public/font/alt_silent_scream_italic-webfont.woff") format("woff");font-weight:normal;font-style:italic}@font-face{font-family:'Silent Scream';src:url("/assets/public/font/alt_silent_scream_regular-webfont.woff2") format("woff2"),url("/assets/public/font/alt_silent_scream_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}*{box-sizing:border-box}html{margin:0;padding:0}body{background-color:#222;padding:0;margin:0;font-family:'Quicksand',sans-serif}section{width:100vw;min-height:500px;position:relative}footer{text-align:center}img{max-width:100%}a{text-decoration:none;transition:color cubic-bezier(0,0,0.33,1)}a,a:active,a:visited,a:focus{color:#ca287a}a:hover{color:#fac073}nav{font-family:'Fusterd Two',sans-serif;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;padding:10px 20px;color:#ca287a;font-size:3rem}nav a{line-height:40px}nav .img-me{display:block;height:50px;min-height:6vw;shape-outside:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,45% 95%,70% 70%,68% 68%,43% 93%,41% 91%,53.5% 78.5%,51.5% 76.5%,39% 89%,0 50%);float:left}section h2{font-weight:normal;font-size:9vw;color:#fac073;font-family:'Fusterd',serif;margin:0;padding:0}@media all and (max-width:1023px){section h2{font-size:4rem}}section#start{min-height:auto;height:100vh;background-image:url("/assets/public/img/code.jpeg");background-repeat:no-repeat;background-size:cover;background-position:center center}section#start .section-background{position:absolute;top:0;left:0;bottom:0;right:0;background-repeat:no-repeat;background-size:cover;background-position:center center}section#start .section-content{position:absolute;top:5vw;left:5vw;bottom:5vw;right:5vw;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center}@media all and (orientation:portrait){section#start .section-content{flex-direction:column}}section#start .img-me{display:block;max-width:40vw;max-height:70vh;shape-outside:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,45% 95%,70% 70%,68% 68%,43% 93%,41% 91%,53.5% 78.5%,51.5% 76.5%,39% 89%,0 50%);float:left}section#start .hero-text{position:relative;display:block;float:right;transform:rotate(-7deg);padding-left:5vw}section#start .hero-text h1{font-size:9vw;color:#fac073;font-family:'Fusterd',serif;margin:0;padding:0;font-weight:normal;text-shadow:0 0 5px #222}section#start .hero-text .hero-navigation{display:block;white-space:nowrap;color:#ca287a;font-family:'Fusterd Two',sans-serif;font-size:6vw;text-shadow:0 0 5px #222}section#start .hero-text .hero-navigation a{text-decoration:none;transition:color cubic-bezier(0,0,0.33,1)}section#start .hero-text .hero-navigation a,section#start .hero-text .hero-navigation a:active,section#start .hero-text .hero-navigation a:visited,section#start .hero-text .hero-navigation a:focus{color:#ca287a}section#start .hero-text .hero-navigation a:hover{color:#fac073}@media all and (orientation:portrait){section#start .img-me{max-height:40vh}section#start .hero-text{text-align:center;padding-left:0}section#start .hero-text h1,section#start .hero-text .hero-navigation{font-size:20vw}}section#vita{max-width:80vw;margin:5vw auto 10vw;color:#fff;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto repeat(2,1fr);grid-gap:3vw 10vw}section#vita h2{grid-column:span 6;grid-row:1;text-align:center}section#vita article{background-color:#fac073;background-size:cover;background-position:center;height:20vw;transition:transform .33s cubic-bezier(0,0,0.33,1);transform:rotate(-45deg);transform-origin:center;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:stretch;align-items:center;grid-column:span 2;will-change:transform}section#vita article header,section#vita article p{transition:opacity .33s cubic-bezier(0,0,0.33,1);grid-column:1;grid-row:1;padding:2vw}section#vita article header{color:#222;font-size:2vw;line-height:120%;text-align:center;font-family:"Silent Scream",sans-serif}section#vita article p{color:#222;margin:0;opacity:0;z-index:1;font-size:1.3vw;line-height:1.8vw}section#vita article p a:hover,section#vita article p a:focus,section#vita article p a:active{color:#fff}section#vita article:hover{transform:rotate(0)}section#vita article:hover header{opacity:0}section#vita article:hover p{opacity:1}section#vita article:nth-of-type(5n - 1){grid-column:2 / 4}section#vita article:nth-of-type(5n){grid-column:4 / 6}@media all and (max-width:1023px){section#vita{grid-template-columns:repeat(2,1fr);grid-template-rows:auto repeat(3,1fr)}section#vita h2{grid-column:span 2}section#vita article{transform:rotate(0);grid-column:span 1;display:block;height:auto}section#vita article header,section#vita article p{padding:20px}section#vita article header{font-size:1.75rem}section#vita article p{opacity:1;font-size:1rem;line-height:1.5rem}section#vita article:hover header{opacity:1}section#vita article:nth-of-type(5n - 1){grid-column:auto}section#vita article:nth-of-type(5n){grid-column:auto}}@media all and (max-width:767px){section#vita{display:block}section#vita article{margin-bottom:20px}}section#kontakt{margin:5vw auto}section#kontakt h2{text-align:center}section#kontakt form{display:flex;flex-direction:column;max-width:600px;width:80vw;margin:0 auto}section#kontakt form>:not(:first-child){margin-top:20px}section#kontakt form input,section#kontakt form textarea{line-height:1.5;font-size:1.4rem;padding:5px 10px;color:#fff;display:block;width:100%;background:transparent;border:1px solid #fac073;font-family:'Quicksand',sans-serif}section#kontakt form input:focus,section#kontakt form textarea:focus{border-color:#ca287a;outline:0}section#kontakt form button{font-family:"Silent Scream",sans-serif;border:1px solid #fac073;background:0;font-size:1.4rem;cursor:pointer;display:inline-block;text-transform:uppercase;letter-spacing:1px;font-weight:normal;outline:0;position:relative;top:0;transition:all .33s cubic-bezier(0,0,0.33,1);align-self:center;background:transparent;color:#fac073;box-shadow:0 5px #fac073;padding:15px 60px 15px 60px}section#kontakt form button:active{top:5px;box-shadow:0 0 #fac073}section#impressum{color:#fff;max-width:800px;width:80%;margin:0 auto}