html{--my-color:#f7d61c;scroll-behavior:smooth}body,html{height:100%;width:100%}.title{text-align:center;font-weight:800;font-size:16pt;letter-spacing:7pt}.box{border-radius:.3rem;background-color:var(--my-color);padding:1.5rem;font-size:10pt;font-family:Montserrat,sans-serif;color:#444;font-weight:400;letter-spacing:1px;line-height:12pt}.my-color{color:var(--my-color)}.corner-style{position:relative;width:100%;padding:15px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;-webkit-transform:rotate(2deg);transform:rotate(2deg)}.corner-style>div{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.corner-style:before,.corner-style>:first-child:before{position:absolute;width:80px;height:90px;border-color:var(--my-color);border-style:solid;content:" "}.corner-style:before{top:0;left:0;border-width:2px 0 0 1px}.corner-style>:first-child:before{bottom:-35px;right:0;border-width:0 1px 2px 0;-webkit-transform:rotate(2deg);transform:rotate(2deg)}.bubble-container{height:30vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.bubble-box{width:20vmin;height:20vmin;position:relative}.bubble-box:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-transform:scale(1.42);transform:scale(1.42)}.bubble-spin-container{width:100%;height:100%;-webkit-animation:spin 12s linear infinite;animation:spin 12s linear infinite;position:relative}.bubble-shape{width:100%;height:100%;-webkit-transition:border-radius 1s ease-out;transition:border-radius 1s ease-out;-webkit-animation:morph 25s ease-in-out infinite alternate both;animation:morph 25s ease-in-out infinite alternate both;position:absolute;overflow:hidden;z-index:5}.bubble-bd{width:142%;height:142%;position:absolute;left:-21%;top:-21%;background-size:100%;background-position:50%;display:-webkit-flex;display:flex;color:#003;font-size:5vw;font-weight:700;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;text-transform:uppercase;animation:spin 12s linear infinite reverse;opacity:1;z-index:2}@-webkit-keyframes morph{0%{border-radius:67% 33% 32% 68%/36% 70% 30% 64%;background:var(--my-color)}to{border-radius:48% 52% 61% 53%/47% 48% 52% 53%;background:#f9c92e}}@keyframes morph{0%{border-radius:67% 33% 32% 68%/36% 70% 30% 64%;background:var(--my-color)}to{border-radius:48% 52% 61% 53%/47% 48% 52% 53%;background:#f9c92e}}@-webkit-keyframes morph2{0%{border-radius:48% 52% 47% 53%/47% 48% 52% 53%;background:hsla(0,0%,53.7%,0)}50%{border-radius:67% 33% 32% 68%/36% 70% 30% 64%;background:#ff550b}to{border-radius:48% 52% 47% 53%/47% 48% 52% 53%;background:hsla(0,0%,53.7%,0)}}@keyframes morph2{0%{border-radius:48% 52% 47% 53%/47% 48% 52% 53%;background:hsla(0,0%,53.7%,0)}50%{border-radius:67% 33% 32% 68%/36% 70% 30% 64%;background:#ff550b}to{border-radius:48% 52% 47% 53%/47% 48% 52% 53%;background:hsla(0,0%,53.7%,0)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.margin-bottom-75{margin-bottom:75px}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);-webkit-transition:opacity .5s;transition:opacity .5s;visibility:hidden;opacity:0}.overlay:target{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;-webkit-transition:all 5s ease-in-out;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;top:20px;right:30px;-webkit-transition:all .2s;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f}.popup .content{max-height:30%;overflow:auto}.burger{height:3em;width:3em;position:relative;font-size:12px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-tap-highlight-color:transparent}.burger:after{content:"";display:block;position:absolute;height:150%;width:150%;top:-25%;left:-25%}.burger .burger-lines{top:50%;margin-top:-.125em}.burger .burger-lines,.burger .burger-lines:after,.burger .burger-lines:before{pointer-events:none;display:block;content:"";width:100%;border-radius:.25em;background-color:#fff;height:.25em;position:absolute;-webkit-transform:rotate(0);transform:rotate(0)}.burger .burger-lines:after{left:0;top:-1em}.burger .burger-lines:before{left:1em;top:1em}.burger.burger-rotate .burger-lines:after,.burger.burger-rotate .burger-lines:before{width:2em}.burger.burger-rotate .burger-lines,.burger.burger-rotate .burger-lines:after,.burger.burger-rotate .burger-lines:before{-webkit-transition:all .2s;transition:all .2s}.burger.burger-rotate.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.burger.burger-rotate.open .burger-lines{background-color:transparent}.burger.burger-rotate.open .burger-lines:after,.burger.burger-rotate.open .burger-lines:before{left:.5em;top:0}.burger.burger-rotate.open .burger-lines:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.burger.burger-rotate.open .burger-lines:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;letter-spacing:2pt}p{font-family:Roboto,sans-serif;font-size:10pt;color:#898989;line-height:25px}.header{background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/img/me.jpg) no-repeat 50%;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/img/me.jpg) no-repeat 50%;background-color:#171717;background-size:cover;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;height:100vh;position:relative;margin:0}.header .headline{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.headline h2{font-size:30pt;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:16pt;color:#fff}.headline h3{font-size:10pt;font-weight:100;padding-top:10px;letter-spacing:1.5pt}.fs-13{font-size:16pt!important}.headline blockquote{font-family:Tahoma,sans-serif;width:90%;margin:10rem auto;font-size:40px}blockquote p{font-style:italic;margin-bottom:0;font-size:40px;color:#dcdcdc;line-height:1.3em}.container-scroll{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;scroll-behavior:smooth;-webkit-align-items:center;align-items:center;width:100%;height:100vh}.chevron{position:absolute;bottom:9vh;width:2.1rem;height:.48rem;opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-webkit-animation:move-chevron 3s ease-out infinite;animation:move-chevron 3s ease-out infinite}.chevron:first-child{-webkit-animation:move-chevron 3s ease-out 1s infinite;animation:move-chevron 3s ease-out 1s infinite}.chevron:nth-child(2){-webkit-animation:move-chevron 3s ease-out 2s infinite;animation:move-chevron 3s ease-out 2s infinite}.chevron:after,.chevron:before{content:"";position:absolute;top:0;height:100%;width:50%;background:var(--my-color)}.chevron:before{left:0;-webkit-transform:skewY(30deg);transform:skewY(30deg)}.chevron:after{right:0;width:50%;-webkit-transform:skewY(-30deg);transform:skewY(-30deg)}@-webkit-keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(2.1rem);transform:translateY(2.1rem)}66.6%{opacity:1;-webkit-transform:translateY(3.12rem);transform:translateY(3.12rem)}to{opacity:0;-webkit-transform:translateY(4.8rem) scale(.5);transform:translateY(4.8rem) scale(.5)}}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(2.1rem);transform:translateY(2.1rem)}66.6%{opacity:1;-webkit-transform:translateY(3.12rem);transform:translateY(3.12rem)}to{opacity:0;-webkit-transform:translateY(4.8rem) scale(.5);transform:translateY(4.8rem) scale(.5)}}#sidebar{background:#151718;width:400px;height:100%;display:block;position:absolute;left:-400px;top:0;position:fixed;z-index:1000}#sidebar,#sidebar.visible{-webkit-transition:left .4s linear;transition:left .4s linear}#sidebar.visible{left:0}#sidebar-btn{display:inline-block;vertical-align:middle;width:30px;height:15px;cursor:pointer;position:absolute;top:60px;right:-60px}#sidebar-btn span{height:2px;width:30px;background:#898989;margin-bottom:5px;display:block}#sidebar-btn span:first-child.close-menu{display:none}#sidebar-btn span:nth-child(2).close-menu{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-duration:2s;transition-duration:2s;opacity:1;margin-bottom:unset;width:35px;mix-blend-mode:difference}#sidebar-btn span:nth-child(3).close-menu{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-duration:2s;transition-duration:2s;opacity:1;margin-bottom:unset;width:35px}#sidebar ul{margin:0;padding:0}#sidebar ul li{list-style:none}#sidebar ul li a{font-family:Roboto,sans-serif;font-size:16pt;font-weight:700;letter-spacing:2pt;color:#fff;border-bottom:1px solid #111;display:block;text-decoration:none;padding:50px 12px 12px;margin-right:40px}#sidebar ul li a:hover{-webkit-transition:all .6s ease-in;transition:all .6s ease-in;color:#707070}.about{padding-top:150px}.greeting{font-weight:700;font-size:4rem;line-height:1.4}.about .line{margin:20px auto;width:100px;height:1px;background-color:var(--my-color)}.about .main-text{margin:20px auto;font-size:13pt;font-weight:400;letter-spacing:1.8px;color:#898989;line-height:15pt}.about .main-text:hover>i{color:var(--my-color);font-weight:700}.services{margin-top:100px}.services .fa{font-size:22pt;margin-top:10px}.services h4{letter-spacing:1pt;margin-top:20px}.services h4,.services p{font-size:10pt;font-weight:400}.services p{margin-top:10px;color:#898989;letter-spacing:1px;line-height:15pt}.services div:hover>.fa{color:var(--my-color)}.services div:hover>h4{color:var(--my-color)}.work{margin-top:150px;width:auto;background-color:#1b1b1b;height:auto}.work .title{color:#fff;padding-top:100px;padding-bottom:70px}.work .line{margin:10px auto 20px;width:70px;height:1px;background-color:var(--my-color)}.work .headline-big{font-size:7rem;color:#eee}.work img{filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:-webkit-filter .6s ease;transition:filter .6s ease;transition:filter .6s ease,-webkit-filter .6s ease;-webkit-transition:-webkit-filter .6s ease}.work img:hover{cursor:pointer;filter:grayscale(0);-webkit-filter:grayscale(0)}.work .volunteer{color:#eee;font-family:Roboto,sans-serif;font-size:16px}.work .volunteer .fa{color:var(--my-color)!important}.margin{margin-bottom:150px}.work .col-md-4{margin-top:30px}.work .price{font-family:Montserrat,sans-serif;font-size:25pt;color:#eee}.work ul{list-style:none;margin-bottom:25px}.work li{color:#eee;font-family:Roboto,sans-serif}.work ul li:before{content:"✓ ";color:var(--my-color)}.work .add ul li:before{content:"+ ";color:var(--my-color)}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.clients .title{margin-top:150px}.clients .line{margin:20px auto;width:70px;height:1px;background-color:var(--my-color)}.clients .flexVertical{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row}.clients .main-text{margin:20px auto;font-size:12pt;font-weight:400;letter-spacing:1px;width:600px;color:#898989;line-height:15pt}@media screen and (min-width:601px){.clients .flexVertical{-webkit-flex-direction:row;flex-direction:row}}@media screen and (max-width:600px){.clients .flexVertical{-webkit-flex-direction:column;flex-direction:column}.clients img{max-width:70%}}.clients p{text-align:center;letter-spacing:1pt}.clients img{margin-top:50px}.links{margin-top:150px;background-color:#1b1b1b;width:auto;height:auto}.links .fa{font-size:30px;padding:150px 0;color:#fff}.links .fa:hover{-webkit-transition:all .6s ease-in;transition:all .6s ease-in;color:#707070}.contact{background:url(/img/back.webp) no-repeat 50%;background:url(/img/back.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed;background-color:#1b1b1b;width:auto;height:auto}.contact .title{margin-top:150px;color:#ededed}.contact .line{margin:20px auto;width:70px;height:1px;background-color:var(--my-color)}.contact .info{padding:200px 0}.contact .info:hover>i{color:var(--my-color)}.contact .info:hover>h4{color:var(--my-color)}.contact .info h4{color:#fff;font-size:1.1rem}.contact .main-text{margin:20px auto;font-size:12pt;font-weight:400;letter-spacing:1px;width:600px;color:#ededed;line-height:15pt}.contact .fa{font-size:22pt;color:#fff}footer{background-color:#1b1b1b}footer h4{font-size:8pt;letter-spacing:2pt;margin:50px auto;color:#fff}footer .link{color:var(--my-color)}.blur{-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}#impressum,#impressum.visible{left:5vw;-webkit-transition:left .4s linear;transition:left .4s linear}#privacy{right:-90vw}#privacy,#privacy.visible{-webkit-transition:right .4s linear;transition:right .4s linear}#privacy.visible{right:5vw}.impressum-modal{margin:5vw}.impressum-modal,.popup-modal{background:#151718;width:90vw;display:block;top:5vh;bottom:5vh;padding:25px;border-radius:25px}.popup-modal{height:90vh;position:fixed;overflow-y:scroll;z-index:1000}.close{position:absolute;right:70px;top:80px;width:32px;height:32px;opacity:.7}.close:hover{opacity:1}.close:after:hover,.close:before:hover{width:5px}.close:after,.close:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:var(--my-color)}.close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:768px){.about .main-text,.clients .main-text,.contact .main-text{width:450px}blockquote p{line-height:45px;font-size:36px}blockquote p:after{margin:1rem 0 0 1rem}.greeting{font-size:2.5rem}.menu-btn .fa{margin-top:25px;margin-left:40px}.contact .info{padding:200px 0}#sidebar{width:100vw;left:-100vw}#sidebar .close-menu{right:15vw;position:fixed}#sidebar ul{margin-top:30%}#sidebar ul>li>a{margin:unset}.popup-modal{padding-top:75px;width:96vw;height:96vh;top:2vh;bottom:2vh}#impressum{left:-96vw}#impressum.visible{left:2vw}#privacy{right:-96vw}#privacy.visible{right:2vw}.work .headline-big{font-size:4rem}.headline blockquote{margin:3rem auto}.corner-style>:first-child:before{right:9px}}@media only screen and (max-width:480px){.about .main-text,.clients .main-text,.contact .main-text{width:330px}blockquote p{line-height:45px;font-size:36px}blockquote p:after{margin:1rem 0 0 1rem}.greeting{font-size:2.5rem}.menu-btn .fa{margin-top:25px;margin-left:40px}.links .fa{padding:100px 0}.contact .info{padding:50px 0}}@media only screen and (max-width:320px){.about .main-text,.clients .main-text,.contact .main-text{width:230px}blockquote p{line-height:45px;font-size:36px}blockquote p:after{margin:1rem 0 0 1rem}.greeting{font-size:2.5rem}.menu-btn .fa{margin-top:25px;margin-left:300px}.contact .info,.links .fa{padding:50px 0}}