|
- .slider{opacity:0;transition:opacity .4s linear}.slider.initiated{opacity:1}.slider.single-slide .controls{display:none}.slider .slide-overflow{overflow:hidden;transition:height .6s cubic-bezier(.215,.61,.355,1)}.slider img.loading{opacity:0}.slider img.loaded{transition:.3s ease;opacity:1}.slider .slide-wrapper{position:relative;display:flex;align-items:flex-start;width:10000%;contain:layout}.slider .slide-wrapper.no-transition{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .slide-wrapper.no-transition .image-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slider .slide-wrapper img,.slider .slide-wrapper a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none}.slider .slide{position:relative;width:1%;min-width:1%;max-width:1%}.slider .prev-clone,.slider .next-clone{position:absolute;display:flex;width:100%}.slider .prev-clone{position:absolute;right:100%;justify-content:flex-end}.rotation{margin:var(--section-margin) auto}.rotation .slider{position:relative;display:block;border-bottom:var(--border-width) solid var(--color-border);background-color:var(--color-background)}@media (max-width: 567px){.rotation .slider{margin:var(--section-margin) calc(var(--container-padding) * -1)}}.rotation .slider .slide:not(.current){height:0}@media (max-width: 999px){.rotation .slider .slide.text-only .outer .text-box{min-height:calc(40vw + 100px)}}@media (min-width: 1000px){.rotation .slider .slide.text-only .outer:after{content:"";position:relative;display:block;padding-top:calc(44.4444% - 13.3333px)}}.rotation .slider .outer{margin:0 -20px;display:flex}@media (max-width: 999px){.rotation .slider .outer{flex-direction:column;margin:0;overflow:hidden}}.rotation .slider .outer.download .text-box .btn:before{content:""}.rotation .slider .outer.intranet .text-box .btn:before{content:""}.rotation .slider .outer.extranet .text-box .btn:before{content:""}.rotation .slider .outer.extern .text-box .btn:before{content:""}.rotation .slider .image-box{order:1;position:relative;flex:1 1 100%}.rotation .slider .image-box:before{content:"";position:relative;display:block;padding-top:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}@media (min-width: 1000px){.rotation .slider .image-box{padding-right:20px;flex:1 1 66.66667%;max-width:66.66667%}.rotation .slider .image-box>picture,.rotation .slider .image-box img,.rotation .slider .image-box .gallery{width:calc(100% - 20px);left:1px}}.rotation .slider .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}@media (min-width: 1000px){.rotation .slider .copyright{left:calc(100% - 20px)}}.rotation .slider .text-box{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1 1 33.33333%;max-width:33.3333%;min-width:400px;color:var(--color-text);z-index:2;padding:40px 20px 40px 80px;font-size:var(--font-size-small)}@media (max-width: 1339px){.rotation .slider .text-box{min-width:360px;padding:30px 10px 30px 60px}}@media (max-width: 1199px) and (min-width: 1000px){.rotation .slider .text-box{min-height:500px;font-size:16px}}@media (max-width: 999px){.rotation .slider .text-box{padding:40px 40px 10px;min-width:0;max-width:none}}@media (max-width: 567px){.rotation .slider .text-box{padding:28px var(--container-padding) 10px}}.rotation .slider .text-box:first-child{padding:100px 80px;position:static;background-color:transparent;max-width:none;container-type:inline-size}@media (max-width: 999px){.rotation .slider .text-box:first-child{padding:40px}}@media (max-width: 567px){.rotation .slider .text-box:first-child{padding:28px 20px 100px}}.rotation .slider .text-box:first-child:after{content:"";--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.rotation .slider .text-box:first-child:after{--gradient-angle: 150deg}}@container (min-width: 768px){.rotation .slider .text-box:first-child:after{--gradient-angle: 130deg}}@container (min-width: 1100px){.rotation .slider .text-box:first-child:after{--gradient-angle: 110deg}}.rotation .slider .text-box:first-child:after{position:absolute;top:0;left:0;width:100%;height:800px}.rotation .slider .text-box:first-child>*{max-width:800px;z-index:1}.rotation .slider .text-box:not(:first-child):before{content:"";position:absolute;left:0;right:0;bottom:0;background-color:var(--color-background);z-index:-1}@media (min-width: 1000px){.rotation .slider .text-box:not(:first-child):before{top:0;margin:-15% -14% -15% 20px;border-top-right-radius:28% 50%;border-bottom-right-radius:28% 50%}}@media (max-width: 999px){.rotation .slider .text-box:not(:first-child):before{padding-top:70%;margin:0 -15% -8%;border-bottom-left-radius:50% 28%;border-bottom-right-radius:50% 28%}}.rotation .slider .context-box{position:absolute;right:0;top:40px;z-index:100;min-width:100px;padding:0 10px;font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h4);font-style:normal;font-weight:400;line-height:1.2;line-height:47px;margin:0;text-align:right;color:var(--color-text);--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.rotation .slider .context-box{--gradient-angle: 150deg}}@container (min-width: 768px){.rotation .slider .context-box{--gradient-angle: 130deg}}@container (min-width: 1100px){.rotation .slider .context-box{--gradient-angle: 110deg}}@media (max-width: 999px){.rotation .slider .context-box{min-height:auto}}.rotation .slider .context-box--image{padding:0;min-width:auto}.rotation .slider .context-box--image img{object-fit:unset;top:auto;left:auto;width:auto;height:47px;position:relative;display:block;max-width:none;min-width:auto}.rotation .slider .image-box .context-box{right:20px}@media (max-width: 999px){.rotation .slider .image-box .context-box{top:110px;right:0}}@media (max-width: 567px){.rotation .slider .image-box .context-box{top:40px}}@media (max-width: 319px){.rotation .slider .image-box .context-box{top:20px}}@media (max-width: 767px){.rotation .slider .text-box.context{padding-top:100px}}.rotation .slider .text-box .btn{background-color:var(--color-button-primary-background);color:var(--color-button-primary-text)}.rotation .slider .slider-tabs{position:absolute;display:flex;left:auto;right:0;bottom:0;transform:none;list-style:none;padding:0;margin:20px}.rotation .slider .slider-tabs .btn{--button-hover-shadow-opacity: .4;margin:5px;font-size:var(--font-size-h4)}.rotation .slider .slider-tabs .btn span{position:relative;z-index:2}@media (max-width: 767px){.rotation .slider .slider-tabs .btn{margin:4px}}.rotation .slider .slider-tabs .active .btn{--button-bg-color: var(--color-button-tertiary-background);--button-text-color: var(--color-button-tertiary-text)}.rotation .slider .slider-tabs .active .btn:hover:after{box-shadow:none}.rotation .slider h2,.rotation .slider .like-h2{margin-top:.3em;margin-bottom:.4em}.rotation .slider .btn{margin-top:.8em}.rotation .slider .prev,.rotation .slider .next,.rotation .slider .count{display:none}
|
