#root{text-align:center;scroll-behavior:smooth}.read-the-docs{color:#888}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;position:fixed;top:0;left:0;right:0;z-index:1000;padding-left:1rem;padding-right:2rem;height:10%;background-image:linear-gradient(#000,#282828);box-shadow:0 10px 30px #000c}.navbar.scrolled{background-image:linear-gradient(#000000a2,#2b2b2b9b)}.navbar:hover{background-image:linear-gradient(#000,#282828)}.navbar a{width:100%}.navbar a img{display:flex;width:3rem;margin:1rem}.navbar-button{padding:.5rem 1rem;background-color:#0000;border:none;border-radius:1rem;cursor:pointer;transition:background-color .3s ease;margin-right:2rem}.navbar-button:hover{background-color:#232323}.navbar section{display:flex}@media screen and (max-width: 860px){.navbar a img{display:flex;width:2rem;margin:1rem}}.Footer{display:flex;text-align:center;justify-content:space-between;background-color:#000;margin-bottom:0;padding-bottom:.3rem;padding-left:1rem;padding-right:1rem}.Footer a{display:flex;align-items:center;color:#fff}.Datenschutz{padding-top:10rem}.Datenschutz h2:first-child{text-decoration:underline;text-transform:uppercase}.About{display:flex;margin-left:auto;margin-right:auto;margin-bottom:2rem}.About img{opacity:65%;margin-top:auto;margin-bottom:auto;width:15%;margin-right:2rem;margin-left:1rem;border-radius:50%}.About .AboutText{margin-left:3rem;margin-right:1rem;text-align:center}.About .AboutText h3{text-align:start;text-shadow:2px 2px 4px #000000}.About .AboutText p{margin-top:1rem;text-align:start}.About a{color:#fff;text-decoration:underline}@media screen and (max-width: 780px){.About{display:block}.About img{width:70%;margin-left:auto;margin-right:auto;margin-top:2rem}.About .AboutText{margin-left:1rem;margin-right:1rem;text-align:center}.About .AboutText p{margin-top:1rem;text-align:start}}.Hero{display:flex;align-items:center;justify-content:center;height:25rem;background-size:cover;background-position:bottom;background-position-y:75%;position:relative;margin-bottom:3rem}.Hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;color:#fff;text-align:center;padding:20px}.Hero-title{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px #000000}.Hero-subtitle{font-size:1.5rem}.PortfolioPage{display:flex;box-shadow:0 5px 10px #00000080;border-radius:1rem;height:30rem}.PortfolioPage a{display:flex}.PortfolioPage img{width:100%;padding:2rem 2rem 2rem 1rem;border-radius:3rem}.PortfolioPage .Description{text-align:start;width:95%;padding:2rem;margin-top:auto;margin-bottom:auto}.PortfolioPage .Description h3{text-shadow:2px 2px 4px #000000}@media screen and (max-width: 850px){.PortfolioPage{flex-direction:column;width:100%;height:55rem}.PortfolioPage .Description{padding:1rem;margin-top:0%;margin-bottom:1rem}.PortfolioPage img{padding-left:0;margin-top:0;padding:1rem;width:95%;border-radius:2rem}}@media screen and (max-width: 580px){.PortfolioPage{height:50rem}.PortfolioPage img{padding-left:0}}.ReviewCard{height:10%;width:60%;border-radius:1rem;background-color:#0000007e;display:flex;text-align:center;justify-content:center;box-shadow:0 10px 30px #000000a8;transition:.3s ease-in-out;margin-top:1rem;transform:translateY(-2rem)}.ReviewCard:hover{transform:translateY(-3rem);box-shadow:0 10px 30px #000000a6}@media screen and (max-width: 780px){.ReviewCard{flex-direction:column;height:auto}}.ReviewCardLeft img{max-width:9rem;border-radius:50%;margin-top:1.5rem;margin-left:2rem;margin-right:2rem}.ReviewCardLeft .client{color:#cccccce1;font-family:Georgia,serif}.ReviewCardRight{text-align:left;justify-content:center;margin-top:auto;margin-bottom:auto}.ReviewCardRight p{font-family:Georgia,serif;font-size:1rem;font-style:italic;line-height:1.8;text-align:left;max-width:600px;border-left:4px solid #ccc;border-radius:8px;padding-left:1rem;padding-right:1rem}@media screen and (max-width: 780px){.ReviewCardRight p{border-left:0;border-top:1px solid #ccc;border-radius:8px;padding-left:1rem;padding-right:1rem;margin-top:0rem;margin-right:1rem;margin-left:1rem}}.Reviews{margin-bottom:2rem;text-align:center}.Review{display:flex;text-align:center;justify-content:center}.Portfolio button{opacity:50%}.Portfolio .PortfolioPageHeading{position:absolute;padding:1rem;display:flex;box-shadow:0 10px 30px #000;background-color:#0c0c0c;border-radius:1rem;width:auto;height:1rem;align-items:center;top:-2%;left:5%;z-index:10}.Portfolio .ButtonContainer{position:relative;display:flex;text-align:center;justify-content:space-between;transform:translateY(-2rem)}@media screen and (max-width: 860px){.PortfolioPageHeading{top:-1%}.Portfolio .ButtonContainer{transform:translateY(-25rem)}}.KontaktForm,.KontaktFormDone{display:block;text-align:center;box-shadow:0 10px 30px #00000080;border-radius:1rem;padding-top:.2rem}.KontaktFormDone h2{display:flex;margin-top:0rem;padding-top:2rem;text-align:center;justify-content:center;color:#38d32d}.KontaktFormDone p{color:#fff;padding-bottom:2rem}.KontaktForm .Divider{height:1px;background-color:gray;margin:0 2rem 2rem}.KontaktForm form{align-items:center}.KontaktForm form label{display:block}.KontaktForm form section{margin:2rem}.KontaktForm .SubButton{margin-bottom:1rem;background-color:#000;border:0;box-shadow:0 10px 30px #00000080;border-radius:10%;padding:.5rem 2rem;transition:.5s}.KontaktForm .SubButton:hover{background-color:#00000097;transform:translateY(-.2rem)}.circle-container{position:relative;transition:.7s ease;justify-content:space-between}.circle-container svg{transform:rotate(-90deg)}.Versprechen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80%;font-weight:700}.circle-container:hover{transform:translateY(-.7rem)}.CircleProgressGroup{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}@media screen and (max-width: 780px){.CircleProgressGroup{margin-bottom:2rem}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:999;display:flex;justify-content:center;align-items:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#b3b3b3;text-decoration:underline;cursor:pointer}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}