#nav-bg,#toggle-btn{transition:transform .3s}.btn-menu-bg,.main-menu-link{-webkit-tap-highlight-color:transparent}#nav-bg,.main-menu-nav,.portfolio-text-area-article__link *{pointer-events:none}.portfolio-text-area-next a svg,.portfolio-text-area-previous a svg{width:25px;height:25px;fill:#1d1e23}*{scrollbar-width:auto;scrollbar-color:#383838 #ffffff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#383838;border-radius:15px;border:3px solid #ededed}:root{--offset-value:-50;--btn-size:60;--light-blue:#d7eaff;--orange:#ff9000;--dark:#434242;--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#ee3577;--red:#dc3545;--yellow:#ffc107;--green:#4ECA78;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#767575;--gray-dark:#434242;--primary:#6f42c1;--secondary:#4f4f4f;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#c2c2c2;--lightgray:#eeeeee;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-normal:1em;--font-small:0.8125rem;--sidebar-width:280px;--content-max-width:860px}@font-face{font-family:dl-prim-font;src:url('/wp-content/themes/DigitaleLeichtigkeit/assets/fonts/dl-prim-font-Regular.woff2') format('woff2'),url('/wp-content/themes/DigitaleLeichtigkeit/assets/fonts/dl-prim-font-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:dl-prim-font;src:url('/wp-content/themes/DigitaleLeichtigkeit/assets/fonts/dl-prim-font-Bold.woff2') format('woff2'),url('/wp-content/themes/DigitaleLeichtigkeit/assets/fonts/dl-prim-font-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Source Sans';src:url('/wp-content/themes/DigitaleLeichtigkeit/assets/fonts/SansSerifFLF.woff2') format('woff2'),url('/wp-content/themes/DigitaleLeichtigkeit/assets/fonts/SansSerifFLF.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}::-moz-selection{color:#18181b;background:#cfd0d3}::selection{color:#18181b;background:#cfd0d3}*,::after,::before{box-sizing:border-box}a,a:active,a:focus,a:link,a:visited{text-decoration:none;outline:0}a{color:#000}ul{padding:0;list-style:none}html{line-height:1.15}body{margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{color:var(--gray-dark);font-weight:700}.hide{display:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section{min-height:100vh;position:relative;background-color:#f1f1f1;overflow:hidden}.dl-header,.resp-header{position:fixed;top:0;background:#fff;height:65px;width:100%;overflow:hidden;padding:10px;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,.71);box-shadow:0 3px 6px -4px rgba(0,0,0,.71);z-index:2}.logo-container{position:fixed;margin-left:.5em;z-index:1}.btn-menu{position:absolute;cursor:pointer;right:10px;top:.4em;scale:0.6;width:80px;z-index:1}.btn-menu-bg{position:fixed;height:calc(var(--btn-size)*1px);width:calc(var(--btn-size)*1px);top:calc((var(--offset-value))*1px);right:calc(var(--offset-value)*1px);border-radius:50%;cursor:pointer;margin:0;padding:0 15px;border:none;z-index:1;user-select:none;background:#fafafa}.btn-menu>span,.main-menu{position:relative;width:100%}.btn-menu>span{display:block;background-color:#000;border-radius:3px;height:8px;transition:.3s}.btn-menu>span+span{margin-top:14px}.btn-menu.active>span:first-child{animation:.7s forwards top}.btn-menu.not-active>span:first-child{animation:.7s forwards top-2}.btn-menu.active>span:nth-child(2){animation:.7s forwards scaled}.btn-menu.not-active>span:nth-child(2){animation:.7s forwards scaled-2;width:60px;margin-left:20px}.btn-menu.active>span:nth-child(3){animation:.7s forwards bottom}.btn-menu.not-active>span:nth-child(3){animation:.7s forwards bottom-2}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:22px;transform:rotate(0)}100%{top:22px;transform:rotate(45deg)}}@keyframes top-2{0%{top:22px;transform:rotate(45deg)}50%{top:22px;transform:rotate(0)}100%{top:0;transform:rotate(0)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:22px;transform:rotate(0)}100%{bottom:22px;transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:22px;transform:rotate(135deg)}50%{bottom:22px;transform:rotate(0)}100%{bottom:0;transform:rotate(0)}}@keyframes scaled{100%,50%{transform:scale(0)}}@keyframes scaled-2{0%,50%{transform:scale(0)}100%{transform:scale(1)}}#toggle-btn{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-menu{font-family:'Encode Sans Condensed',sans-serif;font-weight:600;height:100vh}#nav-bg{transform-origin:center center;transform:translate(var(--translate-x),var(--translate-y)) scale(var(--scale));will-change:transform}.main-menu-nav{width:100%;height:100%;background:0 0;position:fixed;top:0;left:0;overflow:hidden;display:flex;z-index:200}.svgWrap,.svgWrap__text{width:150px;height:41px}.main-menu-nav ul{margin:auto;pointer-events:auto;text-align:center}.main-menu-nav li{font-size:30px;color:#212121;user-select:none;transform:translate(-20px,20px) scale(.9);transition:none;opacity:.0001;visibility:hidden;will-change:transform}.main-menu-nav li+li{margin-top:30px}#toggle-btn.shown~.main-menu nav li{transform:none;opacity:1;visibility:visible;transition:.35s cubic-bezier(.4,2.08,.55,1)}#toggle-btn.shown~.main-menu nav li:first-child{transition-delay:.15s}#toggle-btn.shown~.main-menu nav li:nth-child(2){transition-delay:.125s}#toggle-btn.shown~.main-menu nav li:nth-child(3){transition-delay:.1s}.main-menu-link{position:relative;touch-action:manipulation}.main-menu-link:after,.main-menu-link:before{position:absolute;content:'';background:#979797;height:3px;width:50%;top:calc(50% + 2px);transition:transform .3s cubic-bezier(.5,.5,0,1)}.main-menu-link:before{left:0;transform:translateX(calc(-100% - 10px)) scaleX(0);transform-origin:left}.main-menu-link:after{right:0;transform:translateX(calc(100% + 10px)) scaleX(0);transform-origin:right}.main-menu-link:hover:before{transform:translateX(calc(-100% - 10px)) scaleX(1);transform-origin:right}.main-menu-link:hover:after{transform:translateX(calc(100% + 10px)) scaleX(1);transform-origin:left}.svgWrap{position:relative;margin-bottom:20px}.svgWrap__text{position:absolute;top:0;left:0;fill:#000}.svgWrap__text:nth-child(2),.svgWrap__text:nth-child(3){clip:rect(0,0,0,0)}.svgWrap__text:nth-child(2){fill:#383838;left:-2px}.svgWrap__text:nth-child(3){fill:#2c2c2c;left:2px}.svgWrap:hover .svgWrap__text:nth-child(2){animation:2s linear infinite alternate-reverse svg-glitch-effect}.svgWrap:hover .svgWrap__text:nth-child(3){animation:3s linear infinite alternate-reverse svg-glitch-effect}@keyframes svg-glitch-effect{0%{clip:rect(35px,160px,36px,0)}5%{clip:rect(31px,160px,37px,0)}10%{clip:rect(23px,160px,31px,0)}15%{clip:rect(12px,160px,17px,0)}20%{clip:rect(43px,160px,27px,0)}25%{clip:rect(19px,160px,24px,0)}30%{clip:rect(45px,160px,3px,0)}35%{clip:rect(35px,160px,1px,0)}40%{clip:rect(39px,160px,12px,0)}45%{clip:rect(5px,160px,28px,0)}50%{clip:rect(17px,160px,19px,0)}55%{clip:rect(42px,160px,28px,0)}60%{clip:rect(34px,160px,35px,0)}65%{clip:rect(28px,160px,38px,0)}70%{clip:rect(39px,160px,34px,0)}75%{clip:rect(30px,160px,35px,0)}80%{clip:rect(15px,160px,25px,0)}85%{clip:rect(18px,160px,10px,0)}90%{clip:rect(44px,160px,40px,0)}95%{clip:rect(3px,160px,11px,0)}100%{clip:rect(16px,160px,7px,0)}}section:first-of-type{height:auto}.section-portfolio{width:100vw;position:relative;padding-top:10vh;font-family:monospace}article.portfolio-text-area-article{background:#e7e7e7}.portfolio-text-area-container{width:45vw;float:right;margin-right:12vw;padding-bottom:100px}.u-visually-hidden{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.portfolio-text-area-main{margin:0 15px 0 auto;max-width:37.5rem}.portfolio-text-area-article__link{align-items:center;color:#404040;display:flex;justify-content:space-between;margin:1.875rem 0;padding:1.25rem;text-decoration:none}.portfolio-text-area-article__heading{font-size:1.2rem;margin:.625rem 0;font-family:dl-prim-font;font-weight:700}.portfolio-text-area-article__content{line-height:1.5;margin:.625rem 0;font-family:'Source Sans';font-size:18px}.portfolio-text-area-article__img-wrapper{height:6.25rem;margin-left:1.25rem;min-width:10rem;width:10rem}.portfolio-text-area-article__img{border-radius:.125rem;display:block;height:100%;filter:grayscale(1);-o-object-fit:cover;object-fit:cover;transition:filter .3s ease-in;width:100%}.portfolio-text-area-article__link:hover .portfolio-text-area-article__img{filter:grayscale(0)}.portfolio-text-area{position:absolute;z-index:0;pointer-events:none}.portfolio-text-area-content{background-color:rgba(37,37,37,.15);border-radius:.125rem;cursor:pointer}.portfolio-text-area::before{background-color:#404040;content:"";height:70%;right:-.1875rem;position:absolute;top:50%;transform:translateY(-50%);width:.375rem}.portfolio-slider-area-container{width:40vw;margin:1.875rem 0;background-color:#e7e7e7;position:fixed;left:13vw;left:calc(17vw - 100px);aspect-ratio:4/3}#portfolio-slider-area-image-carousel{aspect-ratio:4/3;border-radius:0;overflow:hidden;cursor:move;cursor:-moz-grab;cursor:-webkit-grab;position:relative}#portfolio-slider-area-image-carousel:active{cursor:-moz-grabbing;cursor:-webkit-grabbing}.swiper-container{touch-action:pan-x}.swipper-wrapper{width:100%;height:400%;border-radius:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.swiper-slide{float:left;position:relative;width:100%;height:25%;background-repeat:no-repeat;background-position:center center;background-size:cover;list-style:none}.swiper-pagination{position:absolute;z-index:1000;right:5px;top:5px;margin:0;display:inline-grid}.swiper-pagination-bullet{border-radius:50%;border:2px solid #fff;width:1.5rem;height:1.5rem;padding:0;margin:13px;cursor:pointer}.swiper-pagination-bullet-active{background:#fff}.swiper-slide img{width:40vw;height:auto}.portfolio-text-area-navigation{width:37.5rem;margin-right:15px;float:right;display:flex;flex-direction:row;align-items:center;height:35px}.portfolio-text-area-pages a span.active{background-color:#d1d1d1}.portfolio-text-area-previous a svg{rotate:180deg;margin-right:.5rem}.portfolio-text-area-next,.portfolio-text-area-previous{width:30px;height:30px;background:#e7e7e7;padding:2px;border-radius:2px}.portfolio-text-area-previous{margin-right:.5rem}.portfolio-text-area-pages a span{width:30px;height:30px;background:#e7e7e7;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-family:dl-prim-font;margin-right:.5rem;border-radius:2px}@media only screen and (max-width:1700px){.portfolio-text-area-container{margin-right:4vw}}@media only screen and (max-width:1360px){.portfolio-text-area-navigation{width:45vw;margin-right:0}}@media only screen and (max-width:1210px){.portfolio-text-area-navigation{width:100%}.portfolio-slider-area-container{width:50vw;left:25vw;box-shadow:0 8px 12px #f1f1f1;margin-top:0;z-index:3}.swiper-slide img{width:50vw}.portfolio-text-area-container{width:100%;margin-top:51vh;margin-right:0}.portfolio-text-area-main{width:100%;margin-right:auto}.section-portfolio{padding-top:80px;width:50vw;margin:auto;position:inherit}.portfolio-slider-area-container-bg{width:52vw;height:38.7vw;background:#f1f1f1;margin-top:-15px;margin-left:-10px;z-index:2;position:fixed}.dl-header,.resp-header{z-index:4}}@media only screen and (max-width:1100px){.portfolio-text-area-navigation{float:none;width:37.5rem;margin:auto}.section-portfolio{width:75vw}.portfolio-text-area-container{margin-top:50%}.portfolio-slider-area-container-bg{width:100vw}}@media only screen and (max-width:700px){.portfolio-text-area-navigation{justify-content:flex-end;width:100%;padding-right:20px}.section-portfolio{width:95vw}.portfolio-slider-area-container{width:62vw;left:19vw}.swiper-slide img{width:62vw}.portfolio-slider-area-container-bg{box-shadow:0 8px 12px #f1f1f1}}@media only screen and (max-width:560px){.portfolio-text-area-article__heading{font-size:1.1rem;margin:.4rem 0}.portfolio-text-area-article__content{line-height:1.2}.portfolio-slider-area-container{width:80vw;left:10vw}.swiper-slide img{width:80vw}.portfolio-text-area-container{margin-top:64%}}@media only screen and (max-width:460px){.portfolio-slider-area-container{width:92vw;left:4vw}.swiper-slide img{width:92vw}.portfolio-text-area-container{margin-top:69%}.portfolio-text-area-article__img-wrapper{height:5.25rem;margin-left:5px;min-width:9rem;width:9rem;display:none}.portfolio-text-area-article__link{padding:.9rem}}.footer{background-color:transparent;color:#fff;bottom:0;border:0}.footer-social-links-container{margin-left:auto;margin-right:auto;max-width:80vw;padding:0 15px 100px;margin-top:-100px;position:relative}.hidden-link-text{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0;top:50%}.footer-social-links{bottom:0;height:54px;position:absolute;right:0;width:210px}.footer-social-background-svg{height:4em;left:0;display:block;position:absolute;top:-8px;width:13rem;fill:#1d1e23}.footer-social-link{display:block;padding:10px;position:absolute}.footer-social-link.linkedin{height:3rem;left:6px;top:8px;width:3rem}.footer-social-link.codepen{height:3.5rem;left:71px;top:-4px;width:3.5rem}.footer-social-link.github{height:3.5rem;left:144px;top:1px;width:3.5rem}.footer-social-icon-path{fill:#fffff2;transition:fill .2s}.footer-links{background-color:#1d1e23;padding:0 30px;text-align:center}.footer-links a{color:#fff;font-family:dl-prim-font}.footer-links-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;margin-left:auto;margin-right:auto;max-width:60vw}.footer-links-wrapper p{font-size:.9rem}.footer-links-text{color:#fff;font-size:13px;font-weight:400;line-height:18px;margin-bottom:0;margin-top:0}@media only screen and (max-width:550px){.footer-social-links-container{max-width:95vw}.footer-links-wrapper{max-width:90vw}}