@-webkit-keyframes fadeInDown{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(-10rem);transform:translateY(-10rem)}100%{visibility:visible;opacity:1;-webkit-transform:translateY(0rem);transform:translateY(0rem)}}@keyframes fadeInDown{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(-10rem);transform:translateY(-10rem)}100%{visibility:visible;opacity:1;-webkit-transform:translateY(0rem);transform:translateY(0rem)}}@-webkit-keyframes moveInLeft{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInLeft{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}80%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}80%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}:root{--color-primary: #4a90e2;--color-primary-light: #64a5f0;--color-primary-dark: #3282dd;--color-secondary: #101d2c;--color-secondary-dark:  #030608;--color-secondary-light: #101d2c69;--color-grey-light-1: #f7f7f7;--color-grey-light-2: #eee;--color-grey-dark: #777;--color-grey-dark-1: #999;--color-grey-dark-2: #333;--color-white: #fff;--color-black: #000;--color-black-transparent: rgba(0, 0, 0, 0.267);--bigger-font-size: 2.25rem;--big-font-size: 1.6rem;--medium-font-size: 1.5rem;--default-font-size: 1.4rem;--small-font-size: 1.2rem;--tiny-font-size: 0.8rem;--default-border-radius: 3px;--default-shadow: 0 3rem 6rem var(--color-black-transparent);--default-shadow-light: 0 1.5rem 4rem var(--color-black-transparent)}*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}body{font-family:"Lato", sans-serif;color:var(--color-grey-dark-2);font-weight:300;line-height:1.6;background-color:white}@media (prefers-color-scheme: dark){body{background-color:#121212;color:white}}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}h1,h2,h3,h4,h5{overflow-wrap:break-word;width:100%;font-weight:400}.portfolio--title{grid-column:1 / -1;text-align:center;font-size:2rem;font-weight:600}h2 a{color:var(--color-black);-webkit-transition:1s;transition:1s}h2 a:hover{color:var(--color-primary)}@media (prefers-color-scheme: dark){h2 a{color:white}}.heading-1{font-size:4.5rem;color:var(--color-white);line-height:1;text-transform:uppercase}.heading-1--center{text-align:center;font-size:4.5rem;color:var(--color-white);line-height:1}.heading-1--black{text-align:center;font-size:4.5rem;color:var(--color-black);line-height:1;text-transform:uppercase}@media (prefers-color-scheme: dark){.heading-1--black{color:white}}.heading-2{font-size:4rem;font-style:italic;line-height:1;font-weight:300}.heading-2--light{font-size:4rem;line-height:1;font-weight:300;color:var(--color-grey-light-1)}@media (prefers-color-scheme: dark){.heading-2--light{color:white}}.heading-2--dark{font-size:4rem;line-height:1;font-weight:300;color:var(--color-grey-dark-1)}@media (prefers-color-scheme: dark){.heading-2--dark{color:white}}.heading-2--black{font-weight:300;color:var(--color-black);font-size:4rem;text-transform:uppercase;line-height:1;margin-bottom:2vh;text-align:center;word-break:break-all}@media (prefers-color-scheme: dark){.heading-2--black{color:white}}.heading-3{font-size:2.4rem;color:var(--color-primary);text-transform:uppercase}@media (prefers-color-scheme: dark){.heading-3{color:white}}.heading-3--black{font-weight:300;color:var(--color-black);font-size:2.4rem;text-transform:uppercase;line-height:1;margin-bottom:2vh;text-align:center;word-break:break-all}@media (prefers-color-scheme: dark){.heading-3--black{color:white}}.heading-4{font-size:1.9rem;text-align:left;color:var(--color-white)}.heading-4--light{font-size:1.9rem;color:var(--color-grey-light-1)}@media (prefers-color-scheme: dark){.heading-4--light{color:white}}.heading-4--dark{font-size:1.9rem;color:var(--color-grey-dark-1)}@media (prefers-color-scheme: dark){.heading-4--dark{color:white}}.heading--main{-webkit-animation:moveInLeft .5s ease-out .5s;animation:moveInLeft .5s ease-out .5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.heading--sub{-webkit-animation:moveInRight .5s ease-out .5s;animation:moveInRight .5s ease-out .5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.heading--section{grid-column:1 / -1}.mb-sm{margin-bottom:2rem}.mb-md{margin-bottom:3rem}.mb-lg{margin-bottom:4rem}.mb-hg{margin-bottom:8rem}.about__text{font-size:1.7rem}.about_me{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about_me__img{margin:1rem;fill:var(--color-primary);width:20rem;height:20rem;border-radius:50%;border:var(--default-border-radius);-webkit-box-shadow:var(--default-shadow);box-shadow:var(--default-shadow)}.btn{background-color:var(--color-primary-light);color:var(--color-white);border:solid 1px var(--color-primary);border-radius:0;font-family:var(--font-display);font-size:var(--medium-font-size);font-weight:400;text-transform:uppercase;padding:1.8rem 3rem;cursor:pointer;-webkit-transition:1s;transition:1s}.btn:hover{background-color:var(--color-primary-dark)}.story__pictures{background-color:var(--color-primary);grid-column:1 / 3;background-image:-webkit-gradient(linear, left top, right bottom, from(var(--color-primary-light-transparent)), to(var(--color-primary-dark-transparent))),url(../img/back.jpg);background-image:linear-gradient(to right bottom, var(--color-primary-light-transparent), var(--color-primary-dark-transparent)),url(../img/back.jpg);background-size:cover;display:grid;grid-template-rows:repeat(6, 1fr);grid-template-columns:repeat(6, 1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: var(--bp-medium)){.story__pictures{grid-column:1 / -1;padding:3rem}}.story__img--1{width:100%;grid-row:2 / 6;grid-column:2 / 6;-webkit-box-shadow:0 2rem 5rem rgba(0,0,0,0.2);box-shadow:0 2rem 5rem rgba(0,0,0,0.2)}@media only screen and (max-width: var(--bp-medium)){.story__img--1{grid-column:1 / 5;grid-row:1 / -1;width:100%;height:auto}}.story__img--2{width:115%;grid-row:4 / 6;grid-column:4 / 7;z-index:20;-webkit-box-shadow:0 2rem 5rem rgba(0,0,0,0.3);box-shadow:0 2rem 5rem rgba(0,0,0,0.3)}@media only screen and (max-width: var(--bp-medium)){.story__img--2{grid-row:1 / -1;width:100%}}.story__content{background-color:var(--color-grey-light-1);grid-column:3 / -1;padding:6rem 8vw;display:grid;-ms-flex-line-pack:center;align-content:center;justify-items:start}@media only screen and (max-width: var(--bp-medium)){.story__content{grid-column:1 / -1;grid-row:5 / 6}}.story__text{font-size:var(--medium-font-size);font-style:italic;margin-bottom:4rem}.project{background-color:var(--color-grey-light-1);-webkit-box-shadow:0 3rem 6rem var(--color-black-transparent);box-shadow:0 3rem 6rem var(--color-black-transparent);border-radius:3px;border:2px solid white;display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:3.5rem;grid-template-rows:25rem repeat(3, mincontent)}.project__text{grid-row:3 / 4;grid-column:1 / -1;font-size:var(--default-font-size)}.project__imgDiv{grid-row:1 / 2;grid-column:1 / -1;z-index:1;height:25rem;overflow:hidden}.project__img{width:100%}.project__name{grid-column:1 / -1;grid-row:1 / 2;z-index:3;-ms-flex-item-align:end;align-self:end;width:80%;justify-self:center;font-family:var(--font-display);font-size:var(--big-font-size);text-align:center;padding:1.25rem;background-color:var(--color-secondary);color:#fff;font-weight:400;-webkit-transform:translateY(50%);transform:translateY(50%)}.project__area,.project__tech{margin-top:2.5rem}.project__tech,.project__area,.project__text{font-size:var(--medium-font-size);margin-left:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project__tech img,.project__area img,.project__text img{fill:var(--color-primary);width:2rem;margin-right:1rem}.project__btn{grid-column:1 / -1;text-align:center}.kontakt{display:grid}.kontakt__info{font-size:var(--big-font-size);justify-self:center;color:var(--color-black);margin-bottom:2rem}@media (prefers-color-scheme: dark){.kontakt__info{color:white}}.kontakt__btn{justify-self:center;width:15vw;height:auto;margin-bottom:2rem}.header{background-color:var(--color-grey-dark-1);grid-column:full-start / full-end;background-image:-webkit-gradient(linear, left top, left bottom, from(var(--color-secondary-light)), to(var(--color-secondary-light))),url(../img/hero.jpg);background-image:linear-gradient(var(--color-secondary-light), var(--color-secondary-light)),url(../img/hero.jpg);background-size:cover;background-position:center;padding:8rem;padding-top:4rem;display:grid;grid-template-rows:minmax(20rem, -webkit-min-content) repeat(8, -webkit-min-content);grid-template-rows:minmax(20rem, min-content) repeat(8, min-content);grid-template-columns:minmax(-webkit-min-content, -webkit-max-content);grid-template-columns:minmax(min-content, max-content);grid-row-gap:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width: var(--bp-medium)){.header{grid-column:1 / -1}}@media only screen and (max-width: var(--bp-small)){.header{padding:5rem}}.header__logo{height:3rem;justify-self:center}.header__seenon-text{display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;grid-column-gap:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--big-font-size);color:var(--color-grey-light-2)}.header__seenon-text::before,.header__seenon-text::after{content:"";height:1px;display:block;background-color:currentColor}.header__seenon-logos{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:3rem;justify-items:center;-ms-flex-line-pack:center;align-content:center}.header__seenon-logos img{max-height:2.5rem;max-width:100%;-webkit-filter:brightness(70%);filter:brightness(70%)}.footer{background-color:var(--color-secondary);padding:4rem;display:grid}.footer__logo{justify-self:center;margin-bottom:2rem;width:50vw;height:auto}@media only screen and (min-width: 50em){.footer__logo{width:30vw}}.footer__nav{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));grid-gap:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__nav--item{margin:1rem}.footer__nav--link:link,.footer__nav--link:visited{font-size:var(--default-font-size);color:#fff;text-decoration:none;font-family:var(--font-display);text-transform:uppercase;text-align:center;padding:1.5rem;display:block;-webkit-transition:all .2s;transition:all .2s}.footer__nav--link:hover,.footer__nav--link:active{background-color:rgba(255,255,255,0.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer__info{font-size:var(--big-font-size);justify-self:center;color:var(--color-white);margin-bottom:2rem}.footer__btn{justify-self:center;width:15vw;height:auto;margin-bottom:2rem}.footer__copyright{font-size:var(--default-font-size);color:var(--color-grey-light-1);margin-top:6rem;margin-right:auto;margin-left:auto;text-align:center;width:70%}.footer__icon{color:white;font-weight:400}.footer__icon--facebook:hover{color:#3B5998}.footer__icon--instagram:hover{color:#8a3ab9}.footer__icon--github:hover{color:#211F1F}.footer__icon--linkedin:hover{color:#0077B5}.footer__icon--twitter:hover{color:#1DA1F2}.footer__icon--xing:hover{color:#cfdc00}.section{margin:5rem}.section__portfolio{margin:10rem 3rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:7rem}.section__kontakt{margin:5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:15vh}.section__about{margin-top:10vh;margin-bottom:5vh}