*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}html{scroll-behavior:smooth;overflow-x:hidden;font-size:18px;font-family:Barlow;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,h1,h2,h3,h4,h5,html,li,ol,p,ul{margin:0;padding:0}body{background:#fff;font-weight:400;overflow-x:hidden;position:relative;color:#000;width:100%;height:100%;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;border:none}.navopen{overflow:hidden!important}body::before{content:'';position:absolute;background:#271033;height:100%;width:50vw}.pagewrapper--line{z-index:5000;content:'';position:absolute;background:#271033;left:0;height:100%;width:200px}.introani body::after{content:'';z-index:6000;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;background-size:800% 100%;background-position:0 0;background-image:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 75%,#271033 75%,#271033 100%);-webkit-animation:1s linear forwards reveal;-moz-animation:1s linear forwards reveal;animation:1s linear reverse forwards reveal}@-webkit-keyframes reveal{0%{background-position:0 0}50%,51%{background-position:-35% 0}100%{background-position:-70% 0}}@-moz-keyframes reveal{0%{background-position:0 0}50%,51%{background-position:-35% 0}100%{background-position:-70% 0}}@keyframes reveal{0%{background-position:0 0}50%,51%{background-position:-35% 0}100%{background-position:-70% 0}}.pagewrapper--line,.s1 .btn-semi,body::before{opacity:0}.introani body::before{opacity:1;transition:opacity 0s .8s}.introani .pagewrapper--line{opacity:1;width:72px;transition:opacity 0s .8s,width .4s .8s ease-out}.introani-end .s1 .btn-semi,.s1 .preanimated{opacity:1;transition:opacity .4s 1s}.s1 .preanimated{transition:opacity .4s 1.5s}@media all and (max-width:580px){.introani .pagewrapper--line{width:36px;transition:opacity 0s .6s,width 0s 0s ease-out}body::after{background-size:1000% 100%}}@media all and (max-width:380px){.introani .pagewrapper--line{width:18px}}.likeh1,.likeh2,.likeh3,.likeh4,.likeh5,h1,h2,h3,h4,h5{color:#271033;margin:0;line-height:1.25;font-weight:700}p{color:#000;line-height:1.4}.likep{font-size:18px}.likeh1,h1{font-size:36px;position:relative}.likeh2,h2{font-size:24px;color:inherit}.textcenter .likeh2,.textcenter h2{margin:0 auto}.likeh3,h3{font-size:22px}*+.likeh1,*+.likeh2,*+.likep,*+h1,*+h2,*+h3,*+h4,*+p{margin-top:1.4em}*+ul,p+p{margin-top:1.2em}.s+.s{margin-top:50px}.s+.s-more{margin-top:114px}.s1 .row{padding:180px 0 0}.s1 .row+.row{padding-top:50px}@media all and (max-width:1200px){.s+.s{margin-top:100px}}@media all and (max-width:768px){.likeh1,h1{font-size:27px}.likeh2,h2{font-size:20px}.likeh3,h3{font-size:18px}.home .s1 .row,.page-contact .s1 .row{padding:130px 0 0}.col+.col{margin-top:40px}.s+.s{margin-top:50px}.skills .list+.list{margin-top:30px}}.color-cta{color:#ff4c00}.color-dark{color:#271033}.color-white{color:#fff}a{color:inherit;text-decoration:none}.link{color:#ff4c00;font-weight:700;letter-spacing:0;transition:letter-spacing .4s}.link-invert{color:#e5e5e5}.link:hover{letter-spacing:1px;transition:letter-spacing .4s}.link-light{font-weight:400;color:#ff4c00;letter-spacing:0}.link-light:hover{font-weight:400;color:#271033;letter-spacing:0}.btn-color{padding:25px 40px;background:#271033;color:#fff}.btn-semi{font-weight:700}.containslists ul,.list{padding-left:1em}.containslists li+li,.list li+li{margin-top:7px}.mainnav{transform:translateY(-24px)}.nav{float:right}.btn-semi,.nav a,.nav li{position:relative;list-style:none;display:inline-block;transition:color .2s}.nav li+li{margin-left:45px}.btn-semi:hover,.nav a:hover{color:#ff4c00;transition:color .2s .2s}.btn-semi:before,.nav a:before{content:'';width:0;height:7px;position:absolute;left:0;bottom:-8px;background:#ff4c00;transition:width .2s}.btn-semi:before{width:0;transition:width .2s .1s}.animated-delay .btn-semi:before{width:25%;transition:width .2s .2s}.btn-semi:after,.nav a:after{content:'';width:0;height:7px;position:absolute;right:0;bottom:-15px;background:#ff4c00;transition:width .2s}.btn-semi:hover:before,.nav a:hover:before{width:100%;transition:width .2s ease-in-out}.btn-semi:hover:after,.nav a:hover:after{width:100%;transition:width .2s .2s ease-in-out}.nav a.btn-color:after,.nav a.btn-color:before{bottom:0;transition:width .2s 0s ease-in-out}.nav a.btn-color:after{bottom:-7px}.ms{display:none}@media all and (max-width:1024px){.mainnav{pointer-events:none;width:calc(100% - 60px);opacity:0;position:absolute;color:#fff;top:25vh;left:30px}.mainnav ul{text-align:center;font-size:24px}.mainnav li{display:block;opacity:0}.mainnav li+li{margin-left:0;margin-top:45px}.mainnav .btn-color{background:#fff;color:#271033}.ms{cursor:pointer;display:block;transform:translateY(3px)}.ms--line{content:'';display:block;background:#ff4c00;width:0;height:2px}.ms--line+.ms--line{margin-top:5px}.introani-end .ms--line{width:45px;height:7px;transition:width .2s .2s,height .4s .4s,transform .4s}.navopen .ms--line{transform:translateY(5px);transition:transform .2s}.navopen .ms--line+.ms--line{transform:translateY(-5px);transition:transform .2s .1s}.navopen .header{z-index:500}.navopen .logo{color:#fff;transition:color 0s .2s}.mobile-nav-overlay{z-index:400;pointer-events:none;position:absolute;top:0;left:0;width:0;height:100%;background:#271033;transition:width .2s ease-out}.navopen .mobile-nav-overlay{pointer-events:auto;width:100%;transition:width .4s cubic-bezier(1,0,.17,.93)}.navopen .mainnav{pointer-events:auto;opacity:1;transition:opacity .4s .4s}.navopen .mainnav li{opacity:1;transform:translateY(-10px);transition:opacity .4s .5s,transform .4s .5s}.navopen .mainnav li:nth-child(2){transform:translateY(-15px);transition:opacity .4s .6s,transform .4s .6s}.navopen .mainnav li:nth-child(3){transform:translateY(-15px);transition:opacity .4s .7s,transform .4s .8s}}.header{z-index:500;width:100%;font-weight:700;top:50px;position:absolute;left:0;right:0;margin:0 auto}.logo,.logo a{position:relative;transform:translateY(-2px);font-size:22px;float:left;transition:color 0s .2s}.logo--sun{opacity:0}.logo--sun a{position:absolute;left:0;width:100%;height:100%}.introani-end .logo--sun{opacity:1}.headline--sun,.logo--sun{cursor:pointer;z-index:-1;width:83px;height:83px;top:-25px;left:-115px;background-blend-mode:lighten;background:url(/wp-content/themes/wolfgegenlicht/img/grain-texture.png) #ff4c00;border-radius:100%;position:absolute}.healdine--sun{cursor:auto}.logo--hide{display:inline-block;line-height:.8;overflow:hidden;max-width:100px;transform:scaleX(1)}.logo:hover .logo--hide{max-width:100px;transform:scaleX(1);transition:max-width .4s,transform .2s}.logo:hover .logo--sun{transform:scale(1.3);transition:transform .4s}.introani-end .logo--hide{transform:scaleX(0);max-width:0;transition:max-width .4s 1.5s,transform .4s 1.5s}@media all and (max-width:380px){.logo--sun{width:60px;height:60px;top:-15px;left:-70px}.logo:hover .logo--sun{transform:scale(1.1)}}.headline--sun{top:-15px;opacity:0;transform:scale(.3)}.animated .headline--sun{transform:scale(1);opacity:1;transition:transform .2s .4s ease-in-out,opacity .4s .2s ease-in}.about-me--img{position:relative}.about-me--img img{opacity:0}.about-me--img:after,.about-me--img:before{content:'';z-index:200;display:block;position:absolute;width:100%;height:50%;background-size:400% 100%;background-position:0 0;background-image:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 75%,#ff4c00 75%,#ff4c00 100%)}.about-me--img:before{left:0;top:0}.about-me--img:after{left:auto;right:0;bottom:0}.animated .about-me--img img{opacity:1;transition:opacity .1s .6s}.animated .about-me--img:after,.animated .about-me--img:before{-webkit-animation:.6s ease-out .4s forwards reveal;-moz-animation:.6s ease-out .4s forwards reveal;animation:.6s ease-out .4s forwards reveal}.animated .about-me--img:after{-webkit-animation:.8s ease-out .2s forwards reveal;-moz-animation:.8s ease-out .2s forwards reveal;animation:.8s ease-out .2s reverse forwards reveal}.home .animated .about-me--img img{opacity:1;transition:opacity .1s 1s}.home .animated .about-me--img:after,.home .animated .about-me--img:before{-moz-animation-delay:.8s;-webkit-animation-delay:.8s;animation-delay:.8s}.home .animated .about-me--img:after{-moz-animation-delay:.6s;-webkit-animation-delay:.6s;animation-delay:.6s;animation-direction:reverse}.padpic{position:relative;padding-bottom:66%}.padpic--link img{transform:scale(1);transition:transform .4s}.padpic--link:hover img{transform:scale(1.05);transition:transform .4s}.project-preview--img .padpic:before{content:'';position:absolute;left:0;width:100%;height:100%;transform:scaleY(0);background:#271033}.project-preview--img img{opacity:0;position:absolute;left:0;right:0;margin:0 auto;transform:translate3d(0,50px,0) scale(1);max-width:80%;top:56px}.preanimated .project-preview--text,.preanimated.project-preview--img img{opacity:0}.animated .project-preview--text{opacity:1;transition:opacity .6s .4s}.animated .project-preview--img .padpic::before{width:100%;height:80%;transform:scaleY(1);transform-origin:top;transition:transform .6s .4s,height .4s ease-in-out}.animated .project-preview--img img{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .2s .6s,transform 1s .6s}.animated .project-preview--img:hover img,.project-preview1.animated .project-preview--img:hover img{transform:translate3d(0,0,0);transition:transform .4s 0s}.project-preview .project-preview--img:hover .padpic:before{height:85%;transition:height .4s ease-in-out}.project-preview1.animated .project-preview--text{transition:opacity .6s 1.25s}.project-preview1.animated .project-preview--img .padpic::before{transition:transform .6s 1.25s}.project-preview1.animated .project-preview--img img{transition:opacity .2s 1.45s,transform .6s 1.45s}.skills *+ul{margin-top:0}.skills .list{min-width:300px;position:relative}.skills .list h2{position:absolute;left:30px;top:-3px;opacity:0}.skills ul{margin-top:0;padding-left:115px;list-style:none}.skills ul li+li{margin-top:7px}.skills .list:nth-child(2){min-width:370px}.skills .headline{margin-bottom:30px}.animated.skills .list:nth-child(2) h2,.animated.skills .list:nth-child(3) h2,.animated.skills .list:nth-child(4) h2{opacity:1;transition:opacity .4s .5s}.animated.skills .list:nth-child(3) h2{transition:opacity .4s .7s}.animated.skills .list:nth-child(4) h2{transition:opacity .4s .9s}.skills ul li{opacity:0;transform:translateY(10px)}.animated.skills ul li{opacity:1;transform:translateY(0);transition:all .6s .6s}.animated.skills ul li:nth-child(1){transition-delay:.7s}.animated.skills ul li:nth-child(2){transition-delay:.8s}.animated.skills ul li:nth-child(3){transition-delay:.9s}.animated.skills ul li:nth-child(4){transition-delay:1s}.animated.skills ul li:nth-child(5){transition-delay:1.1s}.animated.skills ul li:nth-child(6){transition-delay:1.2s}.animated.skills ul li:nth-child(7){transition-delay:1.3s}.animated.skills ul li:nth-child(8){transition-delay:1.4s}@media all and (max-width:1024px){.project-preview--text{margin-top:30px}.skills .list:nth-child(2){min-width:300px}}.label+*{margin-top:10px}*+.label{margin-top:40px}.label{color:#908497;font-size:16px}.project--label-big{font-size:21px}.project--img{position:relative;opacity:0;margin-top:40px;transform:translate3d(0,50px,0)}.project--img .img-small{filter:blur(50px);opacity:.75;border:1px solid #d2d2d2;top:0;left:0;width:100%;height:auto}.project--img .img-big{opacity:0;border:1px solid #d2d2d2;left:0;position:absolute;z-index:2;width:100%;height:auto}.project--img .img-big.loaded{opacity:1;transition:opacity .4s .5s}.project--img .img-big.loaded+.img-small{opacity:0}.animated-delay.project--img{opacity:1;transform:translate3d(0,0,0);transition:opacity .4s,transform .4s}.animated.project--img+.animated.project--img{opacity:1;transition:opacity .2s,transform .4s}.img-small{width:100%;filter:blur(50px)}.colorcircles{margin-left:-10px;margin-top:10px}.colorcircle{display:inline-block;margin:10px;width:60px;height:60px;background:#000;border-radius:100%}.c-162430{background:#162430}.c-839EB5{background:#839eb5}.c-2196F3{background:#2196f3}.c-B9DFFF{background:#b9dfff}.c-white{background:#fff;border:1px solid #d2d2d2}.c-14abec{background:#14abec}.c-ff6b6b{background:#ff6b6b}.c-4f72db{background:#4f72db}.c-51cbff{background:#51cbff}.c-525656{background:#525656}.c-5db677{background:#5db677}.c-1a8fcb{background:#1a8fcb}.c-6e798b{background:#6e798b}.project--imgcontainer{position:relative;overflow:hidden}@media all and (min-width:768px){.project--imgcontainer{margin:0 150px}}.nav-jump{opacity:0}.nav-jump ol{list-style:none}.nav-jump li+li{margin-top:15px}.animated-delay .nav-jump{opacity:1;transition:opacity .2s .4s}.page-template-page-about-me .animated.fadeIn{transition-delay:.6s}.withcircles{position:absolute;width:100%;height:100%}.withcircles:after,.withcircles:before{content:'';z-index:-1;position:absolute;left:0;transform:translate3d(-50%,50%,0) scale(0);width:300px;height:300px;border-radius:100%;background-blend-mode:lighten;background:url(/wp-content/themes/wolfgegenlicht/img/grain-texture.png) #ff4c00}.withcircles:after{width:100px;height:100px;top:0;left:auto;right:0;transform:translate3d(50%,-50px,0) scale(0)}.withcircles:before{bottom:0}.animated-delay .withcircles:before{transform:translate3d(-50%,50%,0) scale(1);transition:transform .4s .2s ease-in-out}.animated-delay .withcircles:after{transform:translate3d(50%,-50px,0) scale(1);transition:transform .4s .2s ease-in-out}.quote{margin:30px;font-style:italic;line-height:1.5}.quote--author{margin-top:15px}@media all and (min-width:2300px){.withcircles:before{width:200px;height:200px}}.contact h1{margin-bottom:50px}.contact ul{font-size:24px}.contact .textline+.textline{margin-top:15px}@media all and (min-width:1024px){.contact{height:100vh}.contact .row{padding-top:35vh}}.footer{color:#fff;position:relative;overflow:hidden}.footer .row{padding:100px 0 50px}.footer .row+.row{z-index:2000;padding-top:0;padding-bottom:30px}.contact .icon-inline,.footer .icon-inline{margin-right:15px}.footer h2{color:#fff;margin-bottom:45px}.contact ul,.footer ul{list-style:none}.contact li+li,.footer li+li{margin-top:30px}.footer .imprint{position:absolute;bottom:0;left:0;right:0;margin:0 auto;padding-top:0;padding-bottom:0}.footer .imprint li{display:inline-block}.footer .imprint li+li{margin-left:30px}.footer--sun{z-index:3;opacity:1;position:absolute;right:5vw;bottom:-50%;transform:translate3d(0,50%,0) scale(.1);background-blend-mode:lighten;background:url(/wp-content/themes/wolfgegenlicht/img/grain-texture.png) #ff4c00;width:500px;height:500px;border-radius:100%}.footer:after{content:'';z-index:1;background:#271033;position:absolute;bottom:0;height:100%;width:0}.footer .text{opacity:0;z-index:2;position:relative}@media all and (max-width:768px){.withcircles:before{display:none}.quote{margin:15px;font-style:italic}.footer .row{padding:60px 0 100px}.footer--sun{width:350px;height:350px;right:-60px}}@media all and (max-width:380px){.contact ul{font-size:18px}.footer--sun{bottom:-40%}}.animated.footer:after{width:100%;transition:width .4s cubic-bezier(.13,.13,1,0)}.animated.footer .text{opacity:1;transition:opacity .4s .4s}.animated.footer .footer--sun{opacity:1;transition:opacity .4s .8s;-webkit-animation:1s cubic-bezier(.63,.01,0,2.5) .4s forwards footersun;-moz-animation:1s cubic-bezier(.63,.01,0,2.5) .4s forwards footersun;animation:1s cubic-bezier(.63,.01,0,2.5) .4s forwards footersun}.animated.footer .footer--sun-step2{-webkit-animation:.4s ease-in-out both footersun-steptwo;-moz-animation:.4s ease-in-out both footersun-steptwo;animation:.4s ease-in-out both footersun-steptwo}@-webkit-keyframes footersun{0%{transform:translate3d(0,25%,0) scale(.1)}100%{transform:translate3d(0,-25%,0) scale(.1);transform-origin:center}}@-webkit-keyframes footersun-steptwo{0%{transform:translate3d(0,-25%,0) scale(.1)}100%{transform:translate3d(0,0,0) scale(1)}}.logo--text,.nav{opacity:0}.introani-end .logo--text,.introani-end .nav{opacity:1;transition:opacity .2s .2s}.logo--sun{transform:scale(.3)}.introani-end .logo--sun{transform:scale(1);transition:transform .2s linear}.s1 .textline--text,.textline--text{display:inline-block;transform:translate3d(0,100%,0)}.animated .textline--text,.introani-end .s1 .textline--text{transform:translate3d(0,0,0);transition:transform .4s .3s ease-in-out}.introani-end .s1 .textline:nth-child(even) .textline--text{transition:transform .4s .5s ease-in-out}.about-me p{opacity:0}.animated.about-me p{opacity:1;transition:opacity .4s .5s}.ofhidden{overflow:hidden}.no-js .preanimated{opacity:1}.preanimated.fadeIn{opacity:0}.animated.fadeIn{opacity:1;transition:opacity .4s}.s1 .animated.fadeIn{transition-delay:.8s}.wpedit{display:none}.wpedit a{color:#555;text-decoration:none}.desktop .wpedit{display:block;position:fixed;z-index:11000;bottom:0;left:0;padding:4px;color:#fff;background:#000;font-size:12px}.cnwrap{z-index:50000;padding:30px;opacity:0;font-size:12px;color:#666;border:1px solid #e2e2e2;text-align:left;background:#fff;position:fixed;bottom:40px;right:40px;max-width:440px}.cnaccept{font-size:16px;cursor:pointer;position:absolute;top:30px;right:30px;border:none}.cntext{padding-right:90px}.introani-end .cnwrap{opacity:1;transition:opacity .4s 2s}@media all and (max-width:768px){.cnwrap{max-width:75%;font-size:10px}.cntext{padding-right:0}}@media all and (max-width:480px){.cnaccept{position:relative;top:0;right:0;margin-top:.5em}.cnwrap{padding:30px 30px 35px}}/*! locomotive-scroll v3.0.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100vh;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}