.custom-image-grid-video{--about-rte-max-width: 1312px;--about-rte-max-width-xl: 1660px;--about-rte-side-padding: 64px;--about-rte-side-padding-mobile: 15px;--section-space-below: 130px;--section-space-below-mobile: 80px}.custom-image-grid-video{padding:0 var(--about-rte-side-padding);max-width:calc(var(--about-rte-max-width) + 2 * var(--about-rte-side-padding))!important;margin:0 auto}.custom-image-grid-video[data-spacing-below]{margin-bottom:var(--section-space-below)}.custom-image-grid-video .custom-image-grid-video-inner{display:flex;gap:60px}.caption{font-weight:400;font-size:14px;line-height:normal;padding:0;color:#767676}.custom-image-grid-video .caption p+p{margin-top:1em}.custom-image-grid-video img{width:100%;height:auto;display:block}.image-container{flex-grow:1}.image-container-inner,.long-video{width:100%;border-radius:20px;overflow:hidden}.long-video{object-fit:cover;aspect-ratio:18 / 13}.image-container.position-right{order:2}.caption-video-column{width:388px;min-width:388px;display:flex;flex-direction:column;gap:40px}.caption-position-bottom{justify-content:flex-end}.image-video-container{width:350px;height:650px;position:relative;border-radius:16px;overflow:hidden;display:none}.image-video-container.has-video{cursor:pointer}.image-video-container.has-video,.image-video-container.has-image{display:block}.image-video-container .placeholder{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.image-video-container .play-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;width:76px;height:76px;margin:auto;transition:all ease-out .2s}.image-video-container:hover .play-button{transform:scale(.8)}.hover-video,.full-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}.image-video-container:hover .hover-video{z-index:4}@media only screen and (max-width:767px){.custom-image-grid-video[data-spacing-below]{margin-bottom:var(--section-space-below-mobile)}.custom-image-grid-video{padding:0 var(--about-rte-side-padding-mobile)}.custom-image-grid-video .custom-image-grid-video-inner{flex-direction:column;gap:18px}.image-container{order:-1!important}.caption{font-size:12px;line-height:100%}.caption-video-column{gap:var(--section-space-below-mobile);width:auto;min-width:initial}.image-video-container{width:100%;height:auto;aspect-ratio:350 / 650}.image-video-container .play-button{width:85px;height:85px}.long-video{aspect-ratio:7 / 5}}@media only screen and (min-width:1440px){.custom-image-grid-video{max-width:calc(var(--about-rte-max-width-xl) + 2 * var(--about-rte-side-padding))!important}}.youtube-wrapper{padding:0 64px;margin:80px 0 160px}.youtube-wrapper-inner{max-width:1312px;background:gray;border-radius:20px;position:relative;margin:auto;width:100%;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden}.youtube-wrapper iframe,.youtube-thumbnail,.youtube-dynamic-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-overlay-text{position:absolute;font-size:34px;line-height:100%;font-weight:400;color:#fff;text-align:center;top:50%;left:50%;transform:translate(-50%,-100%);margin-top:-60px;z-index:3}.play-button{height:76px;width:76px;position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%)}.youtube-dynamic-thumbnail img{width:100%;object-fit:cover;height:100%}@media only screen and (max-width:767px){.youtube-wrapper{padding:0 16px;margin:40px 0 80px}.youtube-wrapper-inner{aspect-ratio:9 / 16}.youtube-overlay-text{font-size:24px}}.noilli-hero{--about-rte-max-width: 1312px;--about-rte-max-width-xl: 1660px;--about-rte-side-padding: 64px;--about-rte-side-padding-mobile: 15px;--section-space-below: 130px;--section-space-below-mobile: 80px}.noilli-hero{padding:24px 24px 0;border-radius:20px}.noilli-hero .hero-video-wrapper{border-radius:20px;overflow:hidden}.noilli-hero[data-spacing-below=true]{padding-bottom:0!important;margin-bottom:var(--section-space-below)}.noilli-hero .overlay{max-width:calc(585px + 2*var(--about-rte-side-padding-mobile));padding:var(--about-rte-side-padding-mobile);display:flex;flex-direction:column;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;gap:14px;margin:0 auto}.noilli-hero .overlay .title{font-size:56px;line-height:normal;color:#fffeee;margin:0;font-weight:400;letter-spacing:0}.noilli-hero .overlay .description{font-size:14px;line-height:normal;color:#fffeee;font-weight:400}.noilli-hero .overlay .overline{font-size:12px;line-height:normal;text-transform:uppercase;color:#fffeee;margin:0;font-weight:400}.hero-video-wrapper{position:relative;width:100%;height:100%;margin:0}.hero-video{width:100%;height:100%;object-fit:cover;display:block}@media only screen and (max-width:767px){.noilli-hero[data-spacing-below=true]{margin-bottom:var(--section-space-below-mobile)}.noilli-hero{padding:var(--about-rte-side-padding-mobile);padding-bottom:0;aspect-ratio:400 / 672}.noilli-hero .overlay{max-width:calc(333px + 2*var(--about-rte-side-padding-mobile))}.noilli-hero .overlay .title{font-size:40px}}.noilli-rich-text{--about-rte-max-width: 1312px;--about-rte-max-width-xl: 1660px;--about-rte-side-padding: 64px;--about-rte-side-padding-mobile: 15px;--section-space-below: 130px;--section-space-below-mobile: 80px}.noilli-rich-text[data-spacing-below]{margin-bottom:var(--section-space-below)}.noilli-rich-text{font-weight:400;font-size:34px;line-height:normal;text-align:left;max-width:calc(var(--about-rte-max-width) + 2 * var(--about-rte-side-padding))!important;padding:0 var(--about-rte-side-padding);margin-left:auto;margin-right:auto}@media only screen and (max-width:767px){.noilli-rich-text[data-spacing-below]{margin-bottom:var(--section-space-below-mobile)}.noilli-rich-text{font-size:24px;line-height:100%;padding:0 var(--about-rte-side-padding-mobile)}}.section-combo.section-products .section-headline{margin-top:60px}.section-combo.section-products .col{width:100%}.products-steps{margin:72px 0 120px}.products-steps-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px}.products-steps .product{min-width:0;display:block;color:inherit;text-decoration:none}.products-steps .image-container{border-radius:0!important;position:relative}.products-steps .step-number{position:absolute;left:28px;top:28px;z-index:3;width:24px;font-size:32px;color:#d3d3d3;font-weight:400;line-height:100%}.products-steps .image-container img{display:block;width:100%;height:auto}.products-steps .headline{margin-top:32px}.products-steps .headline strong{font-size:14px;text-transform:uppercase;display:block;font-weight:400;line-height:20px}.products-steps .headline .desc{color:#a3a3a3;font-size:12px;line-height:16px;display:block;margin-top:0;line-height:20px}@media(max-width:767px){.products-steps{margin:66px -22px 64px 0}.products-steps .headline{margin-top:24px}.products-steps-inner{display:flex;gap:40px;overflow-x:auto;overflow-y:hidden;padding-right:22px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.products-steps-inner::-webkit-scrollbar{display:none}.products-steps .step-number{left:18px;top:18px}.products-steps .product{flex:0 0 278px;width:278px;scroll-snap-align:start}}section .container{max-width:1444px;width:100%;margin:auto;padding:0 22px}.section-combo .container{padding-top:84px}p.tagline{font-weight:400;line-height:100%;color:#000;text-transform:uppercase;font-size:16px}.section-headline{position:relative;margin-top:203px}.section-headline h2{font-weight:400;line-height:100%;color:#000;text-transform:uppercase;font-size:46px}.section-headline .tagline{position:absolute;left:0;bottom:calc(100% + 18px)}.extra-tip-box{border-radius:23px;background:#fff;padding:28px 32px 29px 34px;max-width:414px;margin-top:70px;margin-bottom:89px;font-weight:400;line-height:100%;color:#000}.extra-tip-box p{font-size:14px}.extra-tip-box p+p{margin-top:1em}.col.col-left{padding-left:49px;width:53%}.col.col-right{display:flex;align-items:center;justify-content:center;width:47%}.benefit-list{list-style:none;margin:51px 0 0;padding:0;display:flex;flex-wrap:wrap;max-width:480px;gap:20px}.benefit-list li{max-width:180px;font-size:14px;text-transform:uppercase;text-align:left;padding:5px 0 5px 22px;width:50%;border-left:1px solid #6e6e6e;display:flex;font-weight:400;line-height:20px;color:#000;align-items:center;position:relative}.benefit-list li[data-new]:after{content:"new";display:inline-block;font-size:12px;text-transform:uppercase;background:#000;color:#fff;padding:2px 8px;border-radius:200px;position:absolute;left:95%}.step-list{list-style:none;counter-reset:ol-ten-base-counter;margin:64px 0 227px;padding:0;font-weight:400;line-height:100%;color:#000}.step-list li{display:flex;align-items:center;counter-increment:ol-ten-base-counter}.step-list li:before{display:block;content:counter(ol-ten-base-counter) ".";width:24px;font-size:32px;color:#d3d3d3;margin-right:8px;font-weight:400;line-height:100%}.step-list li+li{margin-top:24px}.step-list strong{font-size:14px;text-transform:uppercase;display:block;font-weight:400;line-height:20px}.step-list .desc{color:#a3a3a3;font-size:12px;line-height:16px;display:block;margin-top:0;line-height:20px}.bg-white{background:#fff}.bg-light-grey{background:#faf9f7}.bg-black{background:#000}.bg-black .section-headline h2,.bg-black p.tagline,.bg-black .step-list{color:#fff}.bg-black .step-list li:before{color:#3e3e3e}.bg-black .section-headline{margin-top:187px}.bg-black .step-list{margin-top:60px;margin-bottom:288px}.section-combo .image-container{border-radius:32px;overflow:hidden;flex-grow:initial;aspect-ratio:1/1;width:100%;max-width:502px}.section-combo .image-container img{object-fit:fill}.flex{display:flex}@media(max-width:767px){.section-combo .container{padding-top:76px}.heading-section{padding:72px 22px 56px}.section-headline,.bg-black .section-headline{margin-top:66px}.step-list,.bg-black .step-list{margin-bottom:0}.section-headline h2{font-size:40px}.section-headline h2 br{display:none}.section-headline .tagline{position:static;margin-bottom:28px}.extra-tip-box{margin-bottom:0}.flex{flex-direction:column;gap:46px}.col.col-left{padding-left:0;width:100%}.col.col-right,.col{width:100%}.heading-section .col.col-right{align-items:flex-start;padding:22px 0 0}.heading-section h1{font-size:40px;margin-bottom:240px}.heading-section h2{font-size:24px;max-width:340px}.heading-section p{font-size:12px}.benefit-list li{width:auto}.section-combo .image-container{margin-bottom:26px}.section-combo.bg-black .image-container{margin-bottom:84px}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */