*,*:before,*:after{box-sizing:border-box}:root{--clr-light: rgb(255, 255, 255);--clr-dark: #242424;--clr-accent:#682bd7 ;--bs: .25rem .25rem .75rem rgba(0, 0, 0, .25), .125rem .125rem .25rem rgba(0, 0, 0, .15)}.center{width:100%;margin:0 auto}html{scroll-behavior:smooth}body{background:var(--clr-light);color:var(--clr-dark);margin:0;font-family:var(--ff-secondary);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}section{padding:5rem 2rem}strong{font-weight:700}.btn:focus,.btn:hover{outline:3px solid var(--clr-accent)}.btn:focus{outline-offset:3px}.btn{display:flex;margin:auto;padding:.5rem 2.5rem;width:20rem;background:var(--clr-accent);color:var(--clr-light);text-decoration:none;justify-content:center;cursor:pointer;font-family:var(--ff-secondary);font-size:1rem;text-transform:lowercase;letter-spacing:2px;transition:transform .2s ease-in-out}.btn:hover{transform:scale(1.1);outline-offset:3px}.section__title{margin-bottom:.25rem}.section__title--intro{display:inline-block;font-weight:300;margin-bottom:1rem}.section__title--intro strong{display:block}.section__subtitle{margin:0;font-size:var(--fs-h3)}.section__subtitle--intro,.section__subtitle--about{background:var(--clr-accent);color:var(--clr-light);padding:.25rem 1rem;font-family:var(--ff-secondary);margin-bottom:1rem}@media (min-width: 1024px) and (orientation: landscape){.btn{font-size:1.25rem;width:30rem}}:root{--fs-h1: 3rem;--fs-h2: 2.25rem;--fs-h3: 1.25rem;--fs-body: 1rem;--ff-primary: PlayfairDisplay;--ff-secondary: Poppins}@font-face{font-family:PlayfairDisplay;src:local("PlayfairDisplay-Regular"),url(/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff2) format("woff2"),url(/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:PlayfairDisplay;src:local("PlayfairDisplay-Bold"),url(/fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff2) format("woff2"),url(/fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:local("poppins-regular"),url(/assets/Poppins-Regular-a2c1dd01.woff2) format("woff2"),url(/assets/Poppins-Regular-0d205c20.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:local("poppins-bold"),url(../public/fonts/Poppins/Poppins-bold.woff2) format("woff2"),url(../public/fonts/Poppins/Poppins-bold.woff) format("woff");font-weight:700;font-style:normal}h1,h2,h3{font-family:var(--ff-primary);line-height:1;margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}@media (min-width: 1024px) and (orientation: landscape){:root{--fs-h1: 4rem;--fs-h2: 3.75rem;--fs-h3: 1.5rem;--fs-body: 1.125rem}}.nav-desktop-container{width:100%;display:flex;justify-content:space-evenly}.nav-list-desktop{height:100%;display:flex;justify-content:space-evenly;padding:0;list-style:none;font-family:var(--ff-secondary)}.nav__link{color:inherit;font-weight:400;font-size:var(--fs-h3);text-decoration:none}.nav__link:hover{color:var(--clr-accent)}.mobile-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem}.nav{position:fixed;background:var(--clr-dark);color:var(--clr-light);top:0;bottom:0;left:0;right:0;z-index:100;transform:translate(100%);transition:.25s cubic-bezier(.5,0,.5,1)}.nav-list-mobile{list-style:none;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:left;margin-left:3.125rem;padding:0}.nav-toggle{padding:.5rem;background-color:transparent;border:0;cursor:pointer;right:1rem;top:1rem;z-index:1000}.nav-open .nav{transform:translate(45%)}.nav-open .nav-toggle{position:fixed}.nav-open .hamburger{transform:rotate(.625turn)}.nav-open .hamburger:before{transform:rotate(90deg) translate(-.375rem)}.nav-open .hamburger:after{opacity:0}.hamburger{display:block;position:relative}.hamburger,.hamburger:before,.hamburger:after{background:var(--clr-accent);width:2rem;height:.188rem;border-radius:1rem;transition:transform .25s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;right:0}.hamburger:before{top:.375rem}.hamburger:after{bottom:.375rem}@media (min-width: 1024px) and (orientation: landscape){.nav__link{font-size:var(--fs-body)}}#intro-section{width:100%;height:auto}.items-container{width:100%;margin:auto;padding-top:4rem;display:flex;flex-direction:column}.div-img-bg{width:60%;margin:auto;border:20px solid;border-color:var(--clr-accent)}.intro-section-img{width:100%;margin-top:-2.5rem;margin-left:2rem}.intro-descr{color:var(--clr-dark);font-family:var(--ff-secondary);width:60%;margin:2rem auto}.main-heading{font-family:var(--ff-primary);color:var(--clr-dark);font-weight:400;margin:auto}.main-heading strong{color:var(--clr-accent)}.paragraph{font-family:var(--ff-secondary);font-size:var(--fs-body)}@media (min-width: 810px) and (orientation: landscape){.items-container{width:90%;display:flex;flex-direction:row;margin:auto}.div-img-bg{width:30%;margin-bottom:4rem}.intro-section-img{width:100%}}@media (min-width: 1080px) and (orientation: landscape){.items-container{width:90%;display:flex;flex-direction:row;margin:auto}.div-img-bg{width:30%;margin-bottom:4rem}.intro-section-img{width:100%}}.my-services,.left_align{color:var(--clr-light)}.my-services{background-color:var(--clr-dark);text-align:center;padding:5rem 2.5rem}.section__title--services{position:relative}.services{width:100%;margin:2rem 0}.left_align{text-align:left}.service{width:100%;margin-bottom:2rem;padding:1.5rem}@media (min-width: 1024px) and (orientation: landscape){.services{display:flex;margin-left:auto;margin-right:auto}.service+.service{margin-left:2rem}}.section__title--services:after{content:"";display:block;width:14rem;height:6px;margin:auto;margin-top:2rem;margin-bottom:2rem;background:var(--clr-accent);opacity:.75}.about-me__img{width:80%;max-width:300px;height:auto;display:block;margin:1rem auto;box-shadow:var(--bs)}@media (min-width: 768px) and (max-width: 1023px){.about-me__img{width:90%;max-width:500px;margin:1.5rem auto}}@media (min-width: 1024px){.about-me{display:grid;grid-template-columns:minmax(0,600px) auto;grid-template-areas:"title img" "subtitle img" "text img";grid-column-gap:2em;justify-content:center;max-width:1200px;margin:0 auto;align-items:start}.about-me__img{grid-area:img;width:80%;max-width:400px;height:auto;margin:0;position:relative;z-index:2}}.my-work,.section__title,.section__title--work,.portfolio__item--title{color:var(--clr-light)}.my-work{background-color:var(--clr-dark);text-align:center}.section__title--work{font-weight:300;text-decoration:none;margin-top:1rem;margin-bottom:1rem}.section__title--work:before{content:"";display:block;width:14em;height:6px;margin:auto;margin-top:2rem;margin-bottom:2rem;background:var(--clr-accent);opacity:.75}.portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.portfolio__item{overflow:hidden;margin:1.25rem;text-decoration:none}.portfolio__item--title{background-color:var(--clr-dark);text-decoration:none;margin:0;padding:2.25rem}.portfolio__img{transition:transform .75s cubic-bezier(.5,0,.5,1),opacity .25s linear;margin:auto;display:block;max-width:100%}.portfolio__img:hover,.portfolio__item:hover .portfolio__img{opacity:.5}.my-references{background-color:var(--clr-light);color:var(--clr-dark);text-align:left}.section__title--references{color:var(--clr-accent);position:relative;text-align:center}.section__title--references:after{content:"";display:block;width:14rem;height:6px;margin:auto;margin-top:1rem;margin-bottom:1rem;background:var(--clr-accent);opacity:.75}.reference{width:80%;margin:0 auto;padding-bottom:.625rem}@media (min-width: 1024px) and (orientation: landscape){.references{display:flex}.reference{width:40%}}.form_container{background-color:var(--clr-dark);display:flex;flex-direction:column;align-items:center}.title_white{color:var(--clr-light)}.form{display:flex;align-items:flex-start;flex-direction:column;width:70%;font-size:1rem;margin-top:1.25rem}input,textarea{width:100%;border:1px solid white;outline:none;border-radius:0;padding:.438rem}input{font-family:var(--ff-secondary);height:2.188rem}textarea{max-width:100%;min-width:100%;max-height:6.25rem;min-height:6.25rem}label,input{font-family:var(--ff-secondary);color:var(--clr-light)}label{margin-top:1rem}input[type=submit]{margin-top:2rem;cursor:pointer;background:var(--clr-accent);border:none;border-radius:.313rem}input:hover{background:var(--clr-light);color:#000}@media (min-width: 900px) and (orientation: landscape){.form{width:50%}}.footer{background:var(--clr-dark);color:var(--clr-light);text-align:center;padding-top:1.5rem;padding-bottom:2.5rem}#email-address{font-family:var(--ff-secondary);font-size:var(--fs-body);font-weight:700}.footer__link{text-transform:lowercase;color:inherit;text-decoration:none;font-size:var(--fs-h3);font-weight:700}.footer__link:hover,.social-list__link:hover{color:var(--clr-accent)}.footer__link:hover{text-decoration:none}.social-list{list-style:none;display:flex;justify-content:center;padding:0}.social-list__item{font-size:var(--fs-h2);margin:0 .5rem}.social-list__link{color:var(--clr-light)}.container_impressum a{color:var(--clr-light);text-decoration:none;font-size:var(--fs-h3);font-weight:700}.credit{margin:1rem}.portfolio-page-content{margin:auto}.header-subtitle{background-color:var(--clr-accent);color:var(--clr-light);font-family:var(--ff-secondary);line-height:1.6rem;font-weight:300;margin:1rem 0;padding:1rem}.content-text{text-align:center}.paragraph-text-container{width:100%}.bold-text{font-weight:700}.img_container{width:100%;max-width:100vw;height:auto;margin:3.125rem auto}.main_img{max-width:100%;height:auto;display:block;margin:0 auto}.container_button{margin:1rem 0}.case-study{width:100%}.not-found-text{border:3px solid;border-color:var(--clr-accent);margin:3rem;padding:2rem}@media (min-width: 1024px) and (orientation: landscape){.main_img,.paragraph-text-container{width:60%;margin:auto}}.back-to-top-btn{position:fixed;width:3.5rem;height:3.5rem;bottom:1.25rem;right:1.125rem;padding:.625rem 1.25rem;background-color:var(--clr-accent);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:opacity .3s ease-in-out;display:flex;align-items:center;justify-content:center}.back-to-top-btn:hover{opacity:.8}