:root{--default-font-size: 1.6rem;--default-text-color: white;--primary-color: #133cac;--primary-color-dark: #0b2467;--primary-color-light: #2559e7;--secondary-color: #ffd600;--secondary-color-dark: #b39600;--secondary-color-light: #ffe24d;--tertiary-color: #ff7800;--tertiary-color-dark: #b35400;--tertiary-color-light: #ffa14d;--grey-1: #414141;--grey-2: #5e5e5e;--primary-color-2: #1ca9eb;--tertiary-color-2: #f5ca0a;--prog-card-1-color: #FCFF06;--prog-card-1-color-light: #fdff53;--prog-card-1-color-dark: #b6b900;--prog-card-2-color: #FF0A06;--prog-card-2-color-light: #ff5553;--prog-card-2-color-dark: #b90300;--prog-card-3-color: #FF06E3;--prog-card-3-color-light: #ff53ec;--prog-card-3-color-dark: #b900a4;--prog-card-4-color: #5D06FF;--prog-card-4-color-light: #8f53ff;--prog-card-4-color-dark: #4000b9;--prog-card-front-gradient-color: black;--nav-animation: transform .3s cubic-bezier(.51,.04,.4,1)}@-webkit-keyframes move-button-in-out{0%,100%{transform:scale(1);box-shadow:0 0 4rem rgba(0,0,0,0.25)}50%{transform:scale(1.12);box-shadow:0 0 4rem rgba(0,0,0,0.1)}}@keyframes move-button-in-out{0%,100%{transform:scale(1);box-shadow:0 0 4rem rgba(0,0,0,0.25)}50%{transform:scale(1.12);box-shadow:0 0 4rem rgba(0,0,0,0.1)}}@-webkit-keyframes moveInLeft{0%{transform:translateX(-10rem);opacity:0}80%{transform:translateX(2rem)}100%{transform:translateX(0);opacity:1}}@keyframes moveInLeft{0%{transform:translateX(-10rem);opacity:0}80%{transform:translateX(2rem)}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes moveInRight{0%{transform:translateX(10rem);opacity:0}80%{transform:translateX(-2rem)}100%{transform:translateX(0);opacity:1}}@keyframes moveInRight{0%{transform:translateX(10rem);opacity:0}80%{transform:translateX(-2rem)}100%{transform:translateX(0);opacity:1}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:Helvetica, Arial, sans-serif;transition:var(--nav-animation);background-color:#464747;max-width:1920px;position:relative}@media only screen and (max-width: 75em){html{font-size:57.5%}}@media only screen and (max-width: 56.25em){html{font-size:55%}}@media only screen and (max-width: 37.5em){html{font-size:45%}}html>*:not(.footer){margin:3rem}@media only screen and (max-width: 56.25em){html>*:not(.footer){margin:2rem}}@media only screen and (max-width: 37.5em){html>*:not(.footer){margin:1.5rem}}a:hover{cursor:pointer}.u-margin-top-big{margin-top:6rem !important}.u-margin-top-medium{margin-top:4rem !important}.u-marigin-top-small{margin-top:2rem !important}.u-margin-bottom-big{margin-bottom:6rem !important}.u-margin-bottom-medium{margin-bottom:4rem !important}.u-marigin-bottom-small{margin-bottom:2rem !important}.bgimage{width:100%;height:100%;background-image:linear-gradient(to left bottom, rgba(65,65,65,0.9), rgba(65,65,65,0.9)),url("../img/code.jpg");background-repeat:no-repeat;background-size:cover;background-position-x:50%;-webkit-clip-path:polygon(55% 0, 100% 0, 100% 76%, 48% 100%, 0 100%, 0 25%);clip-path:polygon(55% 0, 100% 0, 100% 76%, 48% 100%, 0 100%, 0 25%);position:absolute;top:0;left:0;z-index:-1}@media only screen and (max-width: 56.25em){.bgimage{-webkit-clip-path:polygon(66% 0, 100% 0%, 100% 100%, 0 100%, 0 14%);clip-path:polygon(66% 0, 100% 0%, 100% 100%, 0 100%, 0 14%)}}.button--big:link,.button--big:visited{color:black;text-decoration:none;background-color:var(--primary-color-2);padding:2rem 6rem;display:inline-block;font-size:2rem;font-weight:300;transition:all .3s;outline:1rem solid transparent}.button--big:hover{outline:1rem solid var(--primary-color);outline-offset:1.5rem;box-shadow:0 0 4rem rgba(0,0,0,0.45)}.button--card:link,.button--card:visited{color:black;font-size:1.5rem;text-decoration:none;padding:1.5rem 3rem;display:inline-block;width:80%;text-align:center;transition:all .3s;outline:0.5rem solid transparent}@media only screen and (min-width: 56.25em){.button--card:hover{outline:0.5rem solid var(--primary-color);outline-offset:1rem}}@media only screen and (min-width: 56.25em){.button--card--prog:hover{outline:0.5rem solid var(--tertiary-color);outline-offset:1rem}}.button--cta:link,.button--cta:visited{color:white;font-size:2.3rem;font-weight:100;text-decoration:none;display:inline-block;padding:1.5rem 3rem;background-image:linear-gradient(to right bottom, #2559e7, #0b2467);background-size:cover;box-shadow:0 0 4rem rgba(0,0,0,0.25)}@media only screen and (min-width: 56.25em){.button--cta:hover{-webkit-animation:move-button-in-out .8s infinite;animation:move-button-in-out .8s infinite}}.cta{position:relative;background-color:var(--grey-1);box-shadow:0 0 4rem rgba(0,0,0,0.25);height:15rem;margin:3rem;text-align:center}.cta__text-box,.cta__button-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cta__button-box{z-index:2}.cta__text{font-size:7rem;font-weight:300;color:var(--grey-1);text-shadow:0.4rem 0.4rem 0 #184cda;opacity:1;transition:all .4s ease;visibility:visible;padding:.1rem}@media only screen and (max-width: 62.5em){.cta__text{font-size:6rem}}@media only screen and (max-width: 56.25em){.cta__text{font-size:5rem}}@media only screen and (max-width: 43.75em){.cta__text{font-size:4.5rem}}@media only screen and (max-width: 37.5em){.cta__text{font-size:4rem}}.cta__button:link,.cta__button:hover{transition:all .4s ease;transform:translateY(10rem);opacity:0;visibility:hidden}.cta__button-box:hover .cta__button{transform:translateY(0);opacity:1;visibility:visible}.cta__button-box:hover+.cta__text-box .cta__text{transform:translateY(-13rem);opacity:0;visibility:collapse}.popup{position:fixed;top:0;right:0;z-index:30;height:100vh;width:100vw;display:grid;align-items:center;justify-items:center;color:white;transition:all 0.5s cubic-bezier(0.73, -0.34, 0.22, 1.4);opacity:0;visibility:hidden;transform:translateX(50rem)}.popup:target{opacity:1;visibility:visible;transform:translateX(0)}.popup__box{position:relative;height:33rem;width:60%;background-color:var(--grey-2);box-shadow:0 0 4rem rgba(0,0,0,0.25)}@media only screen and (max-width: 56.25em){.popup__box{width:80%}}@media only screen and (max-width: 37.5em){.popup__box{width:90%}}.popup__heading{font-size:3rem;font-weight:300;letter-spacing:.3rem;padding:2rem;color:var(--grey-2);width:100%;background-color:white}.popup__heading__span{display:block;width:80%;font-size:2rem}.popup__textbox{padding:3rem}.popup__text{font-size:1.6rem;font-weight:400;display:block}.popup__button-close:link,.popup__button-close:visited{height:4rem;width:4rem;position:absolute;top:1.75rem;right:1.75rem;background-color:var(--grey-2);display:grid;align-items:center;justify-items:center}.popup__button-close__span{height:.3rem;width:2.5rem;background-color:white;border-radius:2rem;transform:rotate(45deg);display:grid;align-items:center;justify-items:center;transition:all .2s ease}.popup__button-close__span::after{content:"";display:inline-block;height:inherit;width:inherit;background-color:inherit;border-radius:inherit;transform:rotate(90deg)}.popup__button-close:hover{cursor:pointer}@media only screen and (min-width: 56.25em){.popup__button-close:hover .popup__button-close__span{transform:scale(1.2) rotate(45deg)}}.popup--impressum__list{list-style:none;width:49%;float:left}.popup--impressum__list__item{font-size:1.5rem;padding:.2rem}.prog-card{position:relative;perspective:150rem;width:100%}.prog-card>*{width:100%;min-height:33rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .8s ease;box-shadow:0 0 4rem rgba(0,0,0,0.3)}.prog-card--front{background-size:cover}.prog-card--front__image{min-height:33rem;background-size:220%;background-position:50%}.prog-card--front__image-1{background-image:linear-gradient(rgba(255,161,77,0.2), rgba(179,84,0,0.2)),url("../img/code.jpg")}.prog-card--front__image-2{background-image:linear-gradient(rgba(255,161,77,0.2), rgba(179,84,0,0.2)),url("../img/code.jpg")}.prog-card--front__image-3{background-image:linear-gradient(rgba(255,161,77,0.2), rgba(179,84,0,0.2)),url("../img/code.jpg")}.prog-card--front__image-4{background-image:linear-gradient(rgba(255,161,77,0.2), rgba(179,84,0,0.2)),url("../img/code.jpg")}.prog-card--front__text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:var(--default-font-size);color:white;padding:1.5rem 2rem;outline:.5rem solid black;outline-offset:.5rem;background-color:var(--grey-2);width:65%;text-align:center}.prog-card--back{position:absolute;top:0;left:0;display:grid;align-items:center;justify-items:center;transform:rotateY(180deg);background-image:linear-gradient(to right bottom, var(--tertiary-color-light), var(--tertiary-color-dark))}.prog-card--back__button{background-color:var(--tertiary-color-2)}.prog-card .card--wip{font-size:3rem;color:white;text-shadow:0.3rem 0.3rem 0.5rem rgba(0,0,0,0.8);transform:rotate(-45deg)}.prog-card:hover .prog-card--front,.prog-card:active .prog-card--front{transform:rotateY(-180deg)}.prog-card:hover .prog-card--back,.prog-card:active .prog-card--back{transform:rotateY(0)}.webdev__card{position:relative;perspective:150rem}.webdev__card>*{background-color:var(--grey-2);position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .8s ease;box-shadow:0 0 4rem rgba(0,0,0,0.3);min-height:33rem}.webdev__card-front{padding-bottom:1.75rem}@media only screen and (min-width: 62.5em){.webdev__card-front{max-height:27.5rem}}.webdev__card-front-img{width:100%;height:15rem}@media only screen and (max-width: 62.5em){.webdev__card-front-img{height:100%;min-height:15rem;max-height:25rem}}.webdev__card-front-heading{font-size:1.8rem;font-weight:600;color:var(--default-text-color);padding:1.2rem;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1;transition:all .8s ease}@media only screen and (min-width: 1000px){.webdev__card-front-heading{right:5%;top:35%}}@media only screen and (max-width: 62.5em){.webdev__card-front-heading{bottom:-1rem;right:2rem}}.webdev__card-front-heading-1{background-color:#55c57a}.webdev__card-front-heading-2{background-color:#F59A83}.webdev__card-front-heading-3{background-color:var(--primary-color)}.webdev__card-front-heading-4{background-color:var(--primary-color)}.webdev__card-front-text{font-size:1.5rem;padding:2.3rem;color:#dbdbdb}.webdev__card-back{background-image:linear-gradient(to right bottom, #2559e7, #0b2467);transform:rotateY(180deg);position:absolute;top:0;left:0;width:100%;height:100%}.webdev__card-back__button{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);background-color:var(--primary-color-2)}.webdev__card:hover .webdev__card-back{transform:rotateY(0)}.webdev__card:hover .webdev__card-front{transform:rotateY(-180deg)}.webdev__card:hover .webdev__card-front-heading{opacity:0}.footer{display:flex;justify-content:space-between;height:45rem}@media only screen and (max-width: 56.25em){.footer{flex-direction:column}}.contact{display:flex;align-items:center;flex-direction:column}.contact__heading{font-size:7rem;font-weight:300;color:#414141;text-shadow:0.4rem 0.4rem 0 #1644c3}@media only screen and (max-width: 62.5em){.contact__heading{font-size:6rem}}@media only screen and (max-width: 56.25em){.contact__heading{font-size:5.5rem}}@media only screen and (max-width: 43.75em){.contact__heading{font-size:5rem}}@media only screen and (max-width: 37.5em){.contact__heading{font-size:4.5rem}}.contact__button{margin-top:7rem}.legal-stuff{color:black;align-self:end;display:flex;flex-direction:column;font-size:1.5rem}@media only screen and (max-width: 56.25em){.legal-stuff{align-items:center;width:100%;text-align:center;font-size:1.6rem}}.legal-stuff__list{width:100%;margin-bottom:.2rem}.legal-stuff__item{list-style:none;display:inline-block}.legal-stuff__link:link,.legal-stuff__link:visited{text-decoration:none;color:currentColor;padding:.5rem .75rem;transition:all .4s ease;display:inline-block}@media only screen and (max-width: 75em){.legal-stuff__link:link,.legal-stuff__link:visited{padding:.5rem .3rem}}@media only screen and (min-width: 56.25em){.legal-stuff__link:hover{background-color:#ffd600;transform:translateY(-0.3rem);box-shadow:0 0 4rem rgba(0,0,0,0.5)}}.legal-stuff .copyright{display:block;text-align:right;padding:.5rem 1rem}.header{height:75rem;display:grid;align-items:center;justify-items:center}@media only screen and (max-width: 75em){.header{height:80rem}}.header__text-box-wrapper{display:flex;flex-direction:column;align-items:center}.header__heading{color:var(--default-text-color);outline:2rem solid var(--primary-color);padding:3rem 7rem;-webkit-animation:moveInLeft .8s ease;animation:moveInLeft .8s ease;text-align:center}@media only screen and (max-width: 37.5em){.header__heading{outline:1.5rem solid var(--primary-color);padding:1.5rem 3rem}}.header__heading--max{font-size:5.5rem;font-weight:300;letter-spacing:.4rem}@media only screen and (max-width: 37.5em){.header__heading--max{font-size:4rem;letter-spacing:.2rem}}.header__heading--min{font-size:2.5rem;font-weight:200;letter-spacing:.1rem;text-align:center}@media only screen and (max-width: 37.5em){.header__heading--min{font-size:2rem}}.header__button{margin-top:10rem;-webkit-animation:moveInRight .8s ease;animation:moveInRight .8s ease}.navigation{position:fixed;z-index:10}.navigation__checkbox{display:none}.navigation__checkbox:checked ~ .navigation__background{transform:scale(75)}.navigation__checkbox:checked ~ .navigation__nav .navigation__list{opacity:1;transform:translateX(0)}.navigation__checkbox:checked ~ .navigation__nav{visibility:visible}.navigation__checkbox:checked ~ .navigation__label .navigation__label__span{background-color:transparent}.navigation__checkbox:checked ~ .navigation__label .navigation__label__span::before,.navigation__checkbox:checked ~ .navigation__label .navigation__label__span::after{top:0;background-color:var(--grey-2)}.navigation__checkbox:checked ~ .navigation__label .navigation__label__span::before{transform:rotate(-135deg)}.navigation__checkbox:checked ~ .navigation__label .navigation__label__span::after{transform:rotate(135deg)}.navigation__checkbox:checked ~ .navigation__label{background-color:white}.navigation__label{position:fixed;top:3rem;right:3rem;height:5rem;width:5rem;background-color:var(--grey-2);z-index:20;transition:all .5s ease;box-shadow:0 0 4rem rgba(0,0,0,0.2);display:grid;align-items:center;justify-items:center}.navigation__label:hover{cursor:pointer}.navigation__label__span{height:.3rem;width:3rem;background-color:white;z-index:25;position:relative;transition:all .5s ease}.navigation__label__span::before,.navigation__label__span::after{content:"";display:block;height:.3rem;width:3rem;background-color:white;position:absolute;transition:all .5s ease}.navigation__label__span::before{top:-1rem}.navigation__label__span::after{top:1rem}.navigation__background{height:5rem;width:5rem;background-image:linear-gradient(to right bottom, #2559e7, #0b2467);background-size:cover;background-repeat:no-repeat;position:fixed;top:3rem;right:3rem;transition:all 0.9s cubic-bezier(0.44, 0.01, 0.16, 1)}.navigation__nav{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:grid;align-items:center;justify-items:center;visibility:hidden}.navigation__list{list-style:none;font-size:2.5rem;font-weight:100;color:white;transform:translateX(100vw);opacity:0;transition:all 0.7s cubic-bezier(0.73, -0.34, 0.22, 1.4);text-align:center}.navigation__item:not(:last-child){margin-bottom:2rem}.navigation__link:link,.navigation__link:visited{color:currentColor;text-decoration:none;display:block;padding:2rem 3.5rem;position:relative}.navigation__link:focus{outline:none}.navigation__link::before,.navigation__link::after{content:"";display:inline-block;height:.2rem;width:0;position:absolute;background-color:white;opacity:0;transition:all .5s}.navigation__link::before{top:0;left:0}.navigation__link::after{bottom:0;right:0}.navigation__link:hover::before,.navigation__link:hover::after,.navigation__link:focus::before,.navigation__link:focus::after{width:100%;opacity:1}.navigation__link:hover{cursor:pointer}.section-prog{position:relative;border:1rem solid var(--tertiary-color);margin:15rem auto}.section-prog .heading-prog{position:absolute;top:-4rem;left:3rem;color:white;font-size:3rem;font-weight:100;background-color:var(--grey-2);padding:1.5rem 3rem}.section-prog__grid-wrapper{width:100%;height:100%;padding:10rem 10rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-gap:7.5rem;align-items:center;justify-items:center}@media only screen and (max-width: 62.5em){.section-prog__grid-wrapper{grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-gap:3rem}}@media only screen and (max-width: 37.5em){.section-prog__grid-wrapper{padding:5rem 2rem}}.section-webdev{border:1rem solid var(--primary-color);position:relative;margin:15rem auto}.section-webdev .heading-webdev{position:absolute;top:-4rem;right:3rem;color:white;font-size:3rem;font-weight:100;background-color:var(--grey-2);padding:1.5rem 3rem}.section-webdev__grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-gap:3rem;padding:10rem 5rem 0 5rem}@media only screen and (max-width: 62.5em){.section-webdev__grid-wrapper{grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));padding:10rem 10rem 0 10rem}}@media only screen and (max-width: 37.5em){.section-webdev__grid-wrapper{padding:5rem 2rem 0 2rem}}.section-webdev__cta{margin-top:6rem}