*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box}a{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#000}a:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}::-moz-selection{background-color:blue;color:white}::selection{background-color:blue;color:white}body,h1,h2,.headerHome__titleSub{font-size:1.8rem;font-size:clamp(1.8rem, calc(1.1333rem + 0.4167vw), 2.2rem);line-height:1.5;font-weight:500}.u-center{text-align:center}.u-neutral-link{text-decoration:none;color:inherit}.u-neutral-link:hover{text-decoration:none}@media (pointer: fine){.u-background-link:hover,.u-backgroundAnimation{background:linear-gradient(270deg, #0550E6, #000);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:backgroundPosition 2.5s ease infinite;animation:backgroundPosition 2.5s ease infinite}}.u-backgroundAnimation{background:linear-gradient(270deg, #0550E6, #000);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:backgroundPosition 2.5s ease infinite;animation:backgroundPosition 2.5s ease infinite}.u-no-focus:focus{outline:none}.u-underline{text-decoration:underline}.u-dot{display:block;width:0.4rem;height:0.4rem;background-color:#0550E6;margin-bottom:1.1rem}.u-mainColor{color:#0550E6}html.sr .projects a{visibility:hidden}@-webkit-keyframes backgroundPosition{0%{background-position:0 50%}50%{background-position:100% 10%}100%{background-position:0 50%}}@keyframes backgroundPosition{0%{background-position:0 50%}50%{background-position:100% 10%}100%{background-position:0 50%}}@media only screen and (min-width: 43.75em){.logoContainer{padding-right:4.4rem}}.logoContainer>img{width:4.8rem;height:2.4rem}@media only screen and (min-width: 43.75em){.logoContainer>img{width:7.2rem;height:3.5rem}}html{height:100%}body{height:100%;background-color:#F2F2F2}.header{display:flex;flex-direction:row;justify-content:space-between;max-width:138rem;width:100%;padding:2.3rem 2rem 2.3rem 2rem}@media only screen and (min-width: 43.75em){.header{justify-content:unset;padding:clamp(2.3rem, 1.197vw, 3.4rem) clamp(3rem, 1.56vw, 4rem) 0 clamp(3rem, 1.56vw, 4rem)}}.header__title{margin:-0.2rem 0 0 0;text-transform:uppercase;line-height:1;letter-spacing:3.2px}.content{overflow-y:auto;padding:0 2rem 7.8rem 2rem;width:100%}@media only screen and (min-width: 43.75em){.content{padding:6.8rem clamp(3rem, 1.56vw, 4rem)}}.screensaverWrapper{display:flex;flex-direction:column;overflow:hidden;height:calc(100% - 7.8rem)}@media only screen and (min-width: 43.75em){.screensaverWrapper{height:calc(100% - 6.8rem)}}.screensaver{flex:1;margin-right:-2.2rem;margin-bottom:1rem}.screensaver__container .row{width:100%;display:flex;font-size:1.6rem}@media only screen and (min-width: 43.75em){.screensaver__container .row{font-size:2.2rem}}.screensaver__container .row:last-child{padding-bottom:0}.screensaver__container .items{display:flex}.screensaver__container .item{white-space:nowrap;transition:color 0.5s ease-in-out}.screensaver__container .active{color:#0550E6}.screensaver__container .textContainer{flex-grow:1;flex-shrink:1;color:#0550E6}.footer{display:flex;flex-direction:row;justify-content:flex-end;width:100%;padding:0 2rem 3rem 2rem;position:fixed;bottom:0;z-index:1;background-color:#F2F2F2}@media only screen and (min-width: 43.75em){.footer{flex-direction:row;justify-content:flex-end;padding:2.4rem clamp(3rem, 1.56vw, 4rem) 2.4rem clamp(3rem, 1.56vw, 4rem)}}.footer>div{text-align:right}.footer a{text-transform:uppercase;letter-spacing:0.233rem;display:block;padding-top:2rem;padding-left:1.2rem}@media only screen and (min-width: 43.75em){.footer a{padding-top:0;padding-left:3rem}}.js-headline{transition:max-height 0.5s}.headerHome{flex-direction:column}@media only screen and (min-width: 43.75em){.headerHome{flex-direction:row}}.headerHome__title{margin:0;color:#000;font-size:1.8rem;line-height:1.5;font-weight:500;padding-top:2.6rem;padding-bottom:2rem;text-transform:none}@media only screen and (min-width: 43.75em){.headerHome__title{font-size:3.2rem;line-height:1.342;font-weight:500;margin-top:-1rem;padding-top:0;padding-bottom:0}}@media only screen and (min-width: 68.75em){.headerHome__title{font-size:3.8rem;font-weight:500;margin-top:-1rem;padding-top:0;padding-bottom:6.2rem}}.headerHome__titleSub{display:none}@media only screen and (min-width: 43.75em){.headerHome__titleSub{display:inline-block}}.projects{display:grid;grid-template-columns:1fr;width:100%;row-gap:7rem}@media only screen and (min-width: 43.75em){.projects{grid-template-columns:1fr 1fr 1fr;-moz-column-gap:3rem;column-gap:3rem;row-gap:8rem;padding-bottom:6.8rem}}@media only screen and (min-width: 68.75em){.projects{row-gap:10rem}}@media only screen and (min-width: 120em){.projects{grid-template-columns:repeat(4, 1fr);row-gap:12rem}}@media only screen and (min-width: 160em){.projects{row-gap:15rem}}.project{height:100%}@media only screen and (min-width: 43.75em){.project{width:100%;display:grid;grid-template-columns:repeat(12, 1fr);-moz-column-gap:3rem;column-gap:3rem}}.project__content{padding-bottom:4.6rem}@media only screen and (min-width: 43.75em){.project__content{padding-bottom:0;grid-column:1 / span 4}}@media only screen and (min-width: 97.5em){.project__content{grid-column:1 / span 5}}.project__description{padding-top:4rem;max-width:52ch}.project__link{padding-top:2rem}.project__image{overflow:hidden;border:1px solid #000;border-radius:0.5rem;position:relative;z-index:1}@media only screen and (min-width: 43.75em){.project__image{padding-bottom:0;grid-column:5 / span 8}}@media only screen and (min-width: 97.5em){.project__image{grid-column:6 / span 7}}.project__image__border{overflow:hidden;position:relative;max-height:70vh}.project__image__border::before{content:'';display:block;height:2rem;width:100%;border-bottom:1px solid #000;position:absolute;top:0;left:0;z-index:1;background-color:#F2F2F2}.project__image img{width:100%;height:auto;margin-top:2rem;display:block;-webkit-animation:move 20s ease-in-out infinite;animation:move 20s ease-in-out infinite}.project+aside{padding-top:7rem;padding-bottom:7rem}@media only screen and (min-width: 43.75em){.project+aside{padding-top:10rem;padding-bottom:10rem}}.project+aside a{display:block}@-webkit-keyframes move{0%{transform-origin:center left;transform:scale(1)}40%{transform:scale(1.05)}80%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes move{0%{transform-origin:center left;transform:scale(1)}40%{transform:scale(1.05)}80%{transform:scale(1.2)}100%{transform:scale(1)}}.contactWrapper{width:100%}@media only screen and (min-width: 43.75em){.contactWrapper{display:grid;-moz-column-gap:3rem;column-gap:3rem;grid-template-columns:1fr 2fr}}@media only screen and (min-width: 62.5em){.contactWrapper{grid-template-columns:1fr 3fr}}.contactWrapper:first-child{padding-bottom:9rem}@media only screen and (min-width: 43.75em){.contactWrapper:first-child{padding-bottom:10rem}}@media only screen and (min-width: 120em){.contactWrapper:first-child{padding-bottom:12rem}}@media only screen and (min-width: 160em){.contactWrapper:first-child{padding-bottom:15rem}}.contactHeadline{padding-bottom:4rem}.friendsHeadline{padding-bottom:2rem}.contactEmail{padding-bottom:7rem}@media only screen and (min-width: 43.75em){.contactEmail{padding-bottom:6rem}}.addresses{display:grid;grid-template-columns:1fr;row-gap:7rem;-moz-column-gap:2rem;column-gap:2rem}@media only screen and (min-width: 62.5em){.addresses{grid-template-columns:1fr 1fr 1fr}}

