/** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* Theme Name: Opentas Theme URI: https://opentas.com Author: Alex L Author URI: https://i-wp-dev.com/ Description: Theme created to order opentas.com Requires at least: 6.0 Tested up to: 6.6.2 Requires PHP: 7.4 Version: 1.0.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: opentas Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news */ /* Define root variables for colors, typography, and responsive sizes */ :root { --base-font-size: 16px; --font-family: "Open Sans", sans-serif; /* Defined key colors and shades */ --purple-dark: #590c99; --purple-light: #6357bd; --orange-dark: #f4a004; --orange-light: #fab843; --grey-bg: #e4e7ea; --dark-grey-blue: #c8d4e0; --white-bg: #fff; --font-color: #000000; --dark-grey: #767f88; /* Font weights */ --font-light: 300; --font-regular: 400; --font-bold: 700; /* Base line-height and spacing */ --base-line-height: 1.6; --base-spacing: 1rem; /* Section Paddings */ --section-margin-large: 6rem; --section-margin-small: 1.5rem; --box-padding-large: 3rem; --box-padding-small: 1.5rem; /* Max content width */ --content-max-width: 1160px; /* Border Radius */ --border-radius-large: 32px; --border-radius-small: 16px; --border-radius-button: 40px; /* Column Styles */ --column-gap: 2rem; /* Icon Size */ --icon-size: 1.125rem; /* Font Sizes */ --font-size-xl: 5rem; --font-size-h1: 2.25rem; --font-size-medium: 2rem; --font-size-sec-nav: 1.313rem; --font-size-h2: 1.75rem; --font-size-h3: 1.438rem; --font-size-h4: 1.125rem; --font-size-text: 1.125rem; --font-size-small: 1rem; } /* Import Open Sans fonts with local font-face */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("/wp-content/themes/opentas/assets/fonts/open-sans-v40-latin-300.woff2") format("woff2"); } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("/wp-content/themes/opentas/assets/fonts/open-sans-v40-latin-regular.woff2") format("woff2"); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("/wp-content/themes/opentas/assets/fonts/open-sans-v40-latin-700.woff2") format("woff2"); } /* Base Styles */ html { font-size: var(--base-font-size); /* Sets base font-size to 16px */ line-height: var(--base-line-height); font-family: var(--font-family); color: var(--font-color); } body { margin: 0; padding: 0; } /* Main Content Container */ .container { max-width: var(--content-max-width); margin: 0 auto; overflow: hidden; } .section-bg-img { background-image: url("/wp-content/themes/opentas/assets/img/General-Images/opentas-bg-image.jpg"); background-size: cover; background-repeat: no-repeat; border-radius: var(--border-radius-large); padding: var(--box-padding-large); min-height: 20rem; display: flex; flex-direction: column; justify-content: center; } .container.header-content, .container.main-nav { overflow: visible; } .container-full { width: 100%; } .white-bg { background-color: var(--white-bg); } .grey-bg { background-color: var(--grey-bg); } .container-full.grey-bg { width: 100%; padding-top: calc(var(--section-margin-large) * 0.5); padding-bottom: calc(var(--section-margin-large) * 0.5); margin-top: calc(var(--section-margin-large) * 0.5); margin-bottom: calc(var(--section-margin-large) * 0.5); } /* Special Styles */ @media (min-width: 768px) { .gulficiency-ahead .icon-item h3 { min-height: 2rem; } } .page-teaser.section-theme-settings-template.section-line-top { padding-left: 0; padding-bottom: 2rem; } .page-teaser.section-theme-settings-template.section-line-top h2 { margin-bottom: 0; } .page-teaser.section-theme-settings-template.section-line-top .subtitle { margin-bottom: 3rem; } .page-teaser.section-theme-settings-template.section-line-top h2, .page-teaser.section-theme-settings-template.section-line-top .subtitle { padding-left: 5rem; } .knowledge-base-footer-headline { margin-top: 1.5rem !important; } .footer-social .button-info { max-width: 74%; padding: 0.75rem 1.5rem; } .footer-social .button-info:after { width: 28px; height: 25px; min-width: 28px; } @media all and (max-width: 768px) { .page-teaser.section-theme-settings-template.section-line-top h2, .page-teaser.section-theme-settings-template.section-line-top .subtitle { padding-left: 0; } .careers .icon-column.section-margin-top-default { margin-top: 1rem; margin-bottom: 0; } .footer-social { width: 100%; } .footer-social .button-info { max-width: 62%; padding: 0.75rem 1.2rem; } .button-info:after { margin-left: 10px; } .footer-social .button-info:after { width: 24px; height: 21px; min-width: 24px; margin-left: auto; } } @media all and (max-width: 768px) { #unternehmen .kpi-slide .kpi-column.kpi-description { top: 19rem; } } .no-top-padding, .container-full.grey-bg.no-top-padding { padding-top: 0 !important; margin-top: 0 !important; } .no-bottom-padding, .container-full.grey-bg.no-bottom-padding { padding-bottom: 0 !important; margin-bottom: 0 !important; } .no-top-bottom-padding, .container-full.grey-bg.no-top-bottom-padding { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } @media all and (min-width: 768px) { .two-page-teaser-same-height .page-teaser .column-layout .teaser-item:nth-child(2) p { min-height: 9.9rem; } .autonomous-terminal .icon-column-5-columns .icon-item h3 { min-height: 7.5rem; } } html { overflow-x: hidden; } /* Typography */ h1, h2, h3, p, ul, li, blockquote { margin-bottom: var(--base-spacing); line-height: calc(var(--base-line-height) * 0.8); } .section-bg-img blockquote { align-self: center; width: 100%; margin-top: 0; margin-bottom: 0; } h1 { font-size: var(--font-size-h1); font-weight: var(--font-bold); } h2 { font-size: var(--font-size-h2); font-weight: var(--font-bold); } h3 { font-size: var(--font-size-h3); font-weight: var(--font-bold); } h4 { font-size: var(--font-size-h4); font-weight: var(--font-bold); } p, li, button { font-size: var(--font-size-text); font-weight: var(--font-regular); } .large-font { font-size: var(--font-size-h1); } .home-title-font { font-size: calc(var(--font-size-h1) * 1.35); } .home-subtitle-font { font-size: calc(var(--font-size-h2) * 1.35); display: block; margin-top: -1rem; } .kpi-font { font-size: var(--font-size-xl); } .kpi-font-small { font-size: var(--font-size-medium); } .light { font-weight: var(--font-light); } @media all and (max-width: 768px) { .sub-larger { font-size: var(--font-size-h3); } } .bold { font-weight: var(--font-bold); } /* section setup */ .section-margin-top-default { margin-top: calc(var(--section-margin-large) * 0.5); } .section-margin-bottom-default { margin-bottom: calc(var(--section-margin-large) * 0.5); } .section-margin-top-none { margin-top: 0; } .section-margin-bottom-none { margin-bottom: 0; } .section-line-top { position: relative; padding-left: 5rem; /* Optional: Adds some padding to align content */ padding-top: 1.5rem; } .section-line-top::before { content: ""; display: block; width: 5rem; /* Line width */ height: 1px; /* Line thickness */ background-color: var(--font-color); position: absolute; top: 0; /* Adjusts the space above the section */ left: 0; } .section-line-top h2, .section-line-top h3 { margin-top: 0; } .section-line-top .left-column h2, .section-line-top .left-column h3 { margin-top: 1rem; } .section-line-top .right-column h3 { margin-top: 1rem; } .section-line-top .left-column h3:not(:first-of-type) { margin-top: 2rem; } /* Links */ a { text-decoration: none; } p a, .gform_wrapper.gravity-theme a, .section-line-top ul li a, .column-layout ul li a { color: var(--font-color); text-decoration: underline; transition: all 0.3s ease; } p a:hover, .section-line-top ul li a:hover, .column-layout ul li a:hover { color: var(--purple-light); } a.text-link, a.button.text-link { color: var(--purple-dark); position: relative; padding-left: 2px; display: inline-flex; align-items: center; transition: all 0.3s ease; padding-top: 0; padding-bottom: 0; margin-top: 0; font-size: var(--font-size-text); } a.text-link::before, a.button.text-link::before { content: ""; display: inline-block; width: var(--icon-size); /* Set the width of the icon */ height: var(--icon-size); /* Set the height of the icon */ background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/button-arrow.svg"); /* The path to your SVG file */ background-size: contain; background-repeat: no-repeat; margin-right: 8px; /* Space between the icon and text */ -webkit-mask-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/button-arrow.svg"); /* For Webkit browsers */ -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/button-arrow.svg"); mask-repeat: no-repeat; mask-size: contain; background-color: var(--purple-dark); /* Applies color to the SVG */ transform: translateY(1px); /* Moves the icon 1px down */ } a.text-link:hover, a.button.text-link:hover { color: var(--purple-light); text-decoration: underline; } a.text-link:hover::before, a.button.text-link:hover::before { background-color: var(--purple-light); /* Change icon color on hover */ } a.img-link { overflow: hidden; } a.img-link img { transition: all 0.5s ease; } a.img-link:hover img { transform: scale(110%); } /* Lists */ ul, ol { padding-left: 1rem; } li { list-style-type: disc; margin-bottom: 0.25rem; } .full-text-block ul { margin-left: 2.5rem; margin-top: 2rem; } .full-text-block ul li, .left-right-text ul li, .purple-box ul li, .tab-content ul li, .talk-with-us ul li { margin-bottom: 1.5rem; } /* .container .column-layout ul { margin-top: -1.5rem; } */ /* Ordered list in right column */ ol { counter-reset: list-counter; /* Reset the counter */ padding-left: 0; margin-top: 2rem; } ol li { counter-increment: list-counter; /* Increment counter for each list item */ position: relative; margin-bottom: 1rem; padding-left: 1.5rem; /* Space for the large number */ list-style: none; } ol li::before { content: counter(list-counter) "."; /* Display the counter number */ font-weight: var(--font-bold); /* Make numbers bold */ position: absolute; left: 0.2rem; /* Align to the left */ } .styled-ol li { padding-left: 3rem; /* Space for the large number */ list-style: none; } .styled-ol li::before { content: counter(list-counter) "."; /* Display the counter number */ font-size: var(--font-size-medium); font-weight: var(--font-bold); /* Make numbers bold */ position: absolute; left: 0; /* Align to the left */ top: -0.5rem; color: var(--purple-dark); } .styled-ol h3 { font-size: var(--font-size-h4); margin-bottom: 0; } .left-text-right-benefits ul { padding-left: 0; } .left-text-right-benefits li { list-style-type: none; display: flex; align-items: flex-start; margin-top: 1.5rem; } .left-text-right-benefits li:last-child { margin-bottom: 0; } .left-text-right-benefits li img { padding-right: 1rem; max-width: 48px; height: auto; } /* General Button */ button, a.button, .gform_button { padding: 0.75rem 1.5rem; border: none; border-radius: var(--border-radius-button); cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; margin-top: 0.5rem; font-size: var(--font-size-text); text-decoration: none; } /* Primary Button */ button.primary-button, a.primary-button, .gform_button { background-color: var(--purple-dark); color: white; } button.primary-button:hover, a.primary-button:hover, .gform_button:hover { background-color: var(--purple-light); } /*Grey Button*/ .grey-button { color: var(--font-color); background: var(--grey-bg); margin-top: 0; gap: 0.5rem; } .grey-button:hover { background: var(--purple-dark); color: #fff; } .grey-button img { transition: all 0.3s ease; } .grey-button:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(106%) contrast(101%); } /* Pseudo-element for Icon */ button.primary-button::before, a.primary-button::before, .gform_button::before { content: ""; display: inline-block; width: var(--icon-size); height: var(--icon-size); background-size: 100%; /* Ensure the icon takes up full space */ background-position: center; /* Center the icon */ background-repeat: no-repeat; margin-right: 0.5rem; } /* Contact Button: Align properly */ .header .primary-button { padding: 0.5rem 1.25rem; /* Adjust padding for a better fit */ display: inline-flex; align-items: center; margin-top: -0.5rem; } /* Attribute selectors for icons */ button[data-icon="envelope"]::before, a[data-icon="envelope"]::before { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/envelope-light.svg"); } button[data-icon="paper-plane"]::before, a[data-icon="paper-plane"]::before, .gform_button::before { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/paper-plane-light.svg"); } /* Secondary Button (CTA) */ button.secondary-button, button.button-default, a.button-default, a.secondary-button { background-color: var(--orange-dark); color: var(--font-color); } button.secondary-button:hover, button.button-default:hover, a.button-default:hover, a.secondary-button:hover { background-color: var(--orange-light); color: white; } /* Desktop Header */ /* Hide mobile header and nav on desktop */ .mobile-header, .mobile-nav { display: none; } /* Show desktop header on larger screens */ .desktop-header, .main-nav { display: flex; } /* General Header Styles */ .header { padding: 1.5rem 0; margin-top: 1rem; margin-bottom: 2rem; } .header-content { display: flex; align-items: center; justify-content: flex-end; /* Align items to the right */ } .header-content.column-layout { gap: 1.75rem; /* Add minimal gap between items */ } .logo { margin-right: auto; } /* Logo adjustments */ .logo img { max-height: 64px; margin-left: -2rem; } /* Secondary Navigation Styles */ .secondary-nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 1.75rem; /* Reduced spacing between main menu items */ align-items: center; /* Vertical centering */ margin-top: 0; /* Ensure no top margin */ } .secondary-nav ul li { position: relative; list-style: none; } .secondary-nav ul li a { text-decoration: none; font-weight: var(--font-regular); padding: 0.5rem 0; /* Reduce padding */ font-size: var(--font-size-small); } nav ul li a, .language-switcher a { color: var(--font-color); } nav ul li a:hover, .language-switcher a:hover { color: var(--purple-light); } /* Main Navigation Styles */ .container.main-nav { margin-top: 3.5rem; } .main-header-content.column-layout { justify-content: flex-end; align-items: flex-end; max-width: 40%; margin-left: auto; } .main-nav ul { list-style: none; padding: 0; margin: 0; display: inline-flex; gap: 2rem; /* Adjust gap for better distribution */ font-size: var(--font-size-sec-nav); justify-content: flex-end; } .main-nav ul li { position: relative; list-style: none; padding-left: 1.5rem; /* Adjust padding */ border-left: 1px solid #000; /* Thicker vertical border */ min-width: 13rem; } .main-nav ul li:last-child { border-right: 1px solid #000; /* Thicker vertical border */ } .main-nav ul li a { text-decoration: none; font-weight: var(--font-bold); display: block; } .main-nav ul li a, .secondary-nav ul li a { cursor: pointer; } .main-nav > ul > li.desktop-nav-toggler > a, .secondary-nav > ul > li.desktop-nav-toggler > a { cursor: default; /* No pointer cursor for these */ pointer-events: none; /* Disable click events */ } /* Submenu Styles for Main and Secondary Navigation */ .main-nav ul li .sub-menu, .secondary-nav ul li .sub-menu { display: none; position: absolute; top: 100%; left: 0; background-color: white; padding: 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: var(--border-radius-small); z-index: 9999; /* Ensure it appears on top */ opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s 0.3s; /* Optimize transitions */ } .main-nav ul li:hover .sub-menu, .secondary-nav ul li:hover .sub-menu { display: block; opacity: 1; visibility: visible; transition: opacity 0.3s ease; /* Immediate showing of submenu */ } .sub-menu { padding: 0; margin: 0; } .sub-menu li { margin-bottom: 0.5rem; } .sub-menu li a, .main-nav .sub-menu li a { font-size: var(--font-size-small); font-weight: var(--font-regular); color: var(--font-color); text-decoration: none; transition: color 0.3s ease; } .sub-menu li a:hover { color: var(--purple-light); text-decoration: underline; } nav .menu-item .active-menu-item, .current_page_item > a, .sub-menu .current_page_item > a, .current_page_parent > a { color: var(--purple-dark) !important; } /* Additional styles if necessary */ .main-nav .sub-menu li, .main-nav .sub-menu li:last-child { border: none; } .main-nav .sub-menu { width: fit-content; } .main-nav .sub-menu li { padding-left: 0.5rem; } /* Non-clickable headlines with separator */ .main-nav .sub-menu .menu-item.non-clickable, .mobile-nav .main-mobile-nav .sub-menu .menu-item.non-clickable { margin-top: 1.8rem; margin-bottom: 1rem; border-bottom: 1px dotted var(--dark-grey); padding-bottom: 0.5rem; } .main-nav .sub-menu .menu-item.non-clickable a, .mobile-nav .main-mobile-nav .sub-menu .menu-item.non-clickable a { pointer-events: none; color: var(--dark-grey); font-weight: bold; font-size: 1.125rem; } .main-nav .sub-menu .menu-item.non-clickable:first-child, .mobile-nav .main-mobile-nav .sub-menu .menu-item.non-clickable:first-child { margin-top: 0.5rem; } /* Language Switcher Submenu Styles */ .language-switcher { position: relative; display: inline-block; text-transform: uppercase; } .language-switcher a.language-button { text-decoration: none; } .language-switcher .sub-menu { display: none; position: absolute; top: 100%; left: 0; padding: 0; margin: 0; } .language-switcher:hover .sub-menu { display: block; } .language-switcher .sub-menu a { text-decoration: none; padding: 0; display: block; } .language-switcher .sub-menu a:hover { text-decoration: underline; } .language-switcher:hover .sub-menu { display: block; } .language-switcher .sub-menu li { margin-bottom: 0.5rem; list-style: none; } /* Info Boxes */ .grey-box { background-color: var(--grey-bg); border-radius: var(--border-radius-large); padding: var(--box-padding-large); padding-top: var(--box-padding-small); padding-bottom: var(--box-padding-small); } .purple-box { background-color: var(--purple-light); color: #ffffff; border-radius: var(--border-radius-large); padding: var(--box-padding-large); } /* Flexbox layout for the section */ .column-layout { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--column-gap); } .left-text-right-infobox h2, .left-text-right-benefits h2, .left-right-text h2 { margin-bottom: 2.5rem; } @media all and (min-width: 768px) { .left-right-text h2 { margin-bottom: 1.5rem; } } .left-column { flex: 1 1 50%; } .right-column { flex: 1 1 50%; } .section-line-top:not(.left-right-text) .left-column { margin-top: calc(4px - var(--section-margin-small)); } /* Swiper Container */ .hero-swiper.swiper-container { width: 100%; position: relative; max-width: var(--content-max-width); border-radius: var(--border-radius-large); } .hero-swiper .swiper-wrapper { display: flex; } @media all and (min-width: 768px) { .hero-swiper .swiper-slide:not(.kpi-slide) h3, .hero-single-image h3 { font-size: var(--font-size-h2); margin-top: -0.5rem; } } .hero-swiper .swiper-slide, .hero-single-image { display: flex; justify-content: center; align-items: start; text-align: center; position: relative; width: 100%; height: 500px; overflow-x: hidden; border-radius: var(--border-radius-large); } .hero-swiper .slide-bg-image, .hero-single-image .hero-single-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1; } .hero-swiper .slide-bg-image::before, .hero-single-image .hero-single-bg-image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 1); z-index: 1; filter: opacity(var(--bg-darken)); pointer-events: none; } .hero-swiper .swiper-slide.align-text-left, .hero-single-image.align-text-left { justify-content: flex-start; text-align: left; } .hero-swiper .swiper-slide.align-text-right, .hero-single-image.align-text-right { justify-content: flex-end; text-align: right; } /* Left Layout */ .hero-swiper .slide-content, .hero-single-image .hero-single-content { padding-top: 4rem; color: white; } .hero-swiper .slide-content h1, .hero-swiper .slide-content h2, .hero-single-image .hero-single-content h1, .hero-single-image .hero-single-content h2 { font-size: var(--font-size-h1); font-weight: bold; } .hero-swiper .align-text-left .slide-content, .hero-single-image.align-text-left .hero-single-content { padding-left: 6rem; } .hero-swiper .align-text-right .slide-content, .hero-single-image.align-text-right .hero-single-content { padding-right: 6rem; } /* Center Layout */ .hero-swiper .align-text-center .slide-content { text-align: center; } .hero-product-logo { position: absolute; right: 2rem; bottom: 2rem; z-index: 3; max-width: 180px; } .hero-product-logo img { display: block; width: 100%; height: auto; } /* FEATURE 365 SWIPER */ .feature-swiper-365.swiper-container { width: 100%; position: relative; max-width: var(--content-max-width); border-radius: var(--border-radius-large); overflow: hidden; } .feature-swiper-365 .swiper-slide { display: flex; align-items: center; height: auto; background-color: #542a85; } /* Slide Content Wrapper */ .feature-swiper-365 .slide-content { padding: var(--box-padding-large); padding-left: 5rem; padding-right: 3rem; min-height: 28rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } /* FEATURE SLIDES */ .feature-365-slide__layout { display: flex; gap: var(--column-gap); align-items: center; justify-content: space-between; } .feature-365-slide__content { position: relative; z-index: 2; } .feature-365-slide__visual-wrapper { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; } .feature-365-slide__visual { display: flex; justify-content: center; } .feature-365-slide--intro .feature-365-slide__content { flex: 0 0 35%; max-width: 35%; } .feature-365-slide--intro .feature-365-slide__visual-wrapper { flex: 0 0 65%; max-width: 65%; } .feature-365-slide--intro .feature-365-slide__visual img { width: 90%; height: auto; display: block; } .feature-365-slide--feature .feature-365-slide__content { flex: 0 0 45%; max-width: 45%; } .feature-365-slide--feature .feature-365-slide__visual-wrapper { flex: 0 0 55%; max-width: 55%; } .feature-365-slide--feature .feature-365-slide__visual { padding-right: 15%; padding-top: 15%; } .feature-365-slide--feature .feature-365-slide__visual img { width: 120%; height: auto; display: block; } .feature-365-slide__title { margin-top: 0; margin-bottom: 2rem; font-size: 3.5rem; line-height: 3.8rem; font-weight: 600; color: #f4a004; } .feature-365-slide__description { margin-bottom: 1.5rem; max-width: 90%; color: #fff; font-size: 1.75rem; } .feature-365-slide__product-logo img { max-width: 240px; height: auto; display: block; } .feature-365-slide__overlay-icon { position: absolute; transform: translate(-50%, -50%); z-index: 2; } .feature-365-slide__overlay-icon img { width: 120px; height: auto; display: block; } .feature-365-slide__bottom-logo { margin-top: 2rem; } .feature-365-slide__bottom-logo img { max-width: 180px; height: auto; display: block; } .feature-swiper-365 .swiper-horizontal > .swiper-pagination-bullets, .feature-swiper-365 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 1rem; } .feature-swiper-365 .swiper-button-prev, .feature-swiper-365 .swiper-button-next { position: absolute; top: 54%; transform: translateY(-50%); width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.3s ease; } .feature-swiper-365 .swiper-button-prev { left: 1.5rem; background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/circle-arrow-left-light.svg"); } .feature-swiper-365 .swiper-button-next { right: 1.5rem; background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/circle-arrow-right-light.svg"); } /* Fade in arrows on hover */ .feature-swiper-365.swiper-container:hover .swiper-button-prev, .feature-swiper-365.swiper-container:hover .swiper-button-next { opacity: 0.75; } .feature-swiper-365.swiper-container:hover .swiper-button-prev:hover, .feature-swiper-365.swiper-container:hover .swiper-button-next:hover { opacity: 1; } /* ========================================================= FEATURE 365 SWIPER ANIMATIONS ========================================================= */ .feature-swiper-365 .animate { opacity: 0; transition: all 0.6s ease; } /* Fade Up */ .feature-swiper-365 .fade-up { transform: translateY(60px); } /* Fade Down */ .feature-swiper-365 .fade-down { transform: translateY(-60px); } /* Fade Left */ .feature-swiper-365 .fade-left { transform: translateX(60px); } /* Fade Right */ .feature-swiper-365 .fade-right { transform: translateX(-60px); } /* When slide becomes active */ .feature-swiper-365 .swiper-slide-active .animate { opacity: 1; transform: translate(0, 0); } .feature-swiper-365 .swiper-slide-active .feature-365-slide__title { transition-delay: 0.1s; } .feature-swiper-365 .swiper-slide-active .feature-365-slide__description { transition-delay: 0.25s; } .feature-swiper-365 .swiper-slide-active .feature-365-slide__product-logo { transition-delay: 0.4s; } .feature-swiper-365 .swiper-slide-active .feature-365-slide__visual { transition-delay: 0.2s; } .feature-swiper-365 .swiper-slide-active .feature-365-slide__overlay-icon { transition-delay: 0.5s; } .feature-swiper-365 .swiper-pagination-bullet-active { background-color: var(--purple-light); } /* KPI Slide */ .kpi-slide { text-align: left; color: white; } .kpi-slide .kpi-block { display: block; margin-bottom: 2rem; padding: 0 1rem; width: 85%; margin: auto; } .kpi-slide .kpi-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; width: 100%; } .kpi-slide .first-kpi-row { align-items: baseline; } .kpi-slide .second-kpi-row { align-items: normal; } /* Flex for KPI columns */ .kpi-slide .kpi-column { flex: 1; padding: 0 1rem; text-align: left; } .kpi-slide .kpi-headline, .kpi-slide .kpi-description { text-align: left; min-width: 20rem; } /* KPI Slider Numbers */ .kpi-slide .kpi-column p { margin-top: 0.5rem; font-size: var(--font-size-text); } .kpi-slide .first-kpi-row h2 { font-size: var(--font-size-h1); } /* Divider Line */ .kpi-slide .kpi-divider { width: 100%; height: 1px; background-color: #fff; margin: 1rem 0; display: block; } .kpi-slide .kpi-description a.button { margin-top: 1rem; display: inline-block; font-size: 1.125rem; } /* Navigation Arrows */ .hero-swiper .swiper-button-prev, .hero-swiper .swiper-button-next { position: absolute; top: 54%; transform: translateY(-50%); width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.3s ease; } .hero-swiper .swiper-button-prev { left: 1.5rem; background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/circle-arrow-left-light.svg"); } .hero-swiper .swiper-button-next { right: 1.5rem; background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/circle-arrow-right-light.svg"); } .swiper-button-next:after, .swiper-button-prev:after { display: none; } /* Fade in arrows on hover */ .hero-swiper.swiper-container:hover .swiper-button-prev, .hero-swiper.swiper-container:hover .swiper-button-next { opacity: 0.75; } .hero-swiper.swiper-container:hover .swiper-button-prev:hover, .hero-swiper.swiper-container:hover .swiper-button-next:hover { opacity: 1; } .hero-swiper .swiper-horizontal > .swiper-pagination-bullets, .hero-swiper .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -2.5rem; } /* Swiper Pagination Bullets */ .swiper-pagination-bullet { background-color: white; border: 1px solid var(--purple-dark); width: 12px; height: 12px; opacity: 1; margin: 0 8px; transition: all 0.3s ease; } .swiper-pagination-bullet:hover { background-color: var(--purple-light); border: 1px solid var(--purple-light); } .swiper-pagination-bullet-active { background-color: var(--purple-dark); } /* Teaser Container Layout */ .info-publication-overview ul { padding-left: 0; margin-bottom: 4rem; } .info-publication-overview li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; list-style: none; gap: 0.5rem; font-size: 1.13rem; } .info-publication-overview .label-color { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: block; } .info-publication-overview ul, .page-teaser .column-layout, .publication-overview .column-layout { display: flex; flex-wrap: wrap; gap: var(--column-gap); } .page-teaser h2, .publication-overview h2 { margin-bottom: 2rem; } .teaser-item, .publication-item { flex: 1 1 calc(25% - var(--column-gap)); /* For 4 columns */ display: flex; flex-direction: column; border-radius: var(--border-radius-large); overflow: hidden; } @media all and (min-width: 768px) { .publication-item { max-width: calc(50% - var(--column-gap) / 2); } } .teaser-item img, .publication-item img { width: 100%; height: auto; display: block; overflow: hidden; } .page-teaser .icon-button img { min-width: 4rem; } .page-teaser .teaser-content, .publication-item .publication-content { background-color: var(--grey-bg); } .grey-bg .page-teaser .teaser-content, .grey-bg .publication-overview .publication-content { background-color: var(--white-bg); } .teaser-content, .publication-content { padding: var(--box-padding-small); padding-top: 0.5rem; padding-bottom: 2rem; } .teaser-content h3, .publication-content h3 { font-size: var(--font-size-h3); margin-bottom: var(--base-spacing); } .teaser-content p, .publication-content p { font-size: var(--font-size-text); margin-bottom: var(--base-spacing); min-height: 6rem; } .page-teaser-square .teaser-content p { min-height: inherit !important; } .page-teaser-4-columns .teaser-content p { min-height: 9rem; } /* Adjustments for 3 Columns */ .page-teaser .column-layout:nth-child(2) .teaser-item { flex: 1 1 calc(33.333% - var(--column-gap)); /* For 3 columns */ } /* Adjustments for 2 Columns */ .page-teaser .column-layout:nth-child(3) .teaser-item, .publication-overview .column-layout:nth-child(3) .publication-item { flex: 1 1 calc(50% - var(--column-gap)); /* For 2 columns */ } .page-teaser.page-teaser-2-columns a.img-link, .publication-overview.publication-overview-2-columns a.img-link { max-height: 13rem; } .page-teaser.page-teaser-2-columns .teaser-content p { min-height: 8rem; } /* For 1 column layout */ .page-teaser .column-layout:nth-child(4) .teaser-item { flex: 1 1 100%; } .page-teaser.page-teaser-1-column .teaser-content { display: flex; flex-direction: row; /* Arrange text and button horizontally */ align-items: center; /* Vertically center the text and button */ justify-content: space-between; /* Push the button to the right */ min-height: 3rem; /* Set a minimum height for the teaser */ } .page-teaser.page-teaser-1-column .teaser-content .page-teaser-1-column-text-block { display: block; } .page-teaser.page-teaser-1-column .teaser-content h3 { display: block; } .page-teaser.page-teaser-1-column .teaser-content p { display: block; min-height: 3rem; max-width: 90%; } /* Additional styles to ensure alignment */ .page-teaser.page-teaser-1-column .teaser-content { justify-content: space-between; /* Ensure spacing between the text and the button */ padding: var(--box-padding-large); } /* Icon Button Link for single column layout */ .button-icon-link { display: inline-flex; align-items: center; /* Vertically center icon and text */ text-decoration: none; color: var(--purple-dark); justify-content: flex-end; } .button-icon-link img { margin-right: 2rem; width: 3.5rem; /* Adjust size of icon */ height: 3.5rem; } .button-icon-link:hover { color: var(--purple-light); } /* Adjustments for 2 and 1 Column Layouts */ .page-teaser .container:nth-child(2) .teaser-item { flex: 1 1 calc(50% - var(--column-gap)); /* For 2 columns */ } .page-teaser .container:nth-child(3) .teaser-item { flex: 1 1 100%; /* For 1 column */ } /* Video Modal */ #video-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; z-index: 99999; } #video-modal.is-visible { display: flex; } #video-modal .modal-content { position: relative; background: #000; border-radius: var(--border-radius-large); overflow: hidden; width: 90%; max-width: 960px; max-height: 90vh; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } #video-modal .modal-iframe-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; } #video-modal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #video-modal .modal-close { position: absolute; top: 1rem; right: 1rem; background: transparent; border: none; color: white; font-size: 2rem; cursor: pointer; line-height: 1; z-index: 1000; } /* Tab Section */ .tab-section { overflow: hidden; } .tab-section h2 { margin-bottom: 3rem; } .tab-header { display: flex; justify-content: space-between; list-style-type: none; padding: 0; margin-bottom: 0; } .tab-header.column-layout { gap: 0; } .tab-one-two-columns .two-column-section { margin-top: 3rem; } .tab-item { flex: 1 1 auto; list-style-type: none; padding: 1.2rem 2% 1rem 1.5rem; text-align: left; background-color: var(--dark-grey-blue); cursor: pointer; transition: background-color 0.3s ease; font-weight: var(--font-bold); margin-bottom: 0; margin-right: 4px; /* Adjusted space between tabs */ display: flex; align-items: center; /* Align the icon and text vertically */ max-height: 2.8rem; min-height: 2.8rem; } .tab-icon { width: 1.5rem; /* Define a standard size for the icons */ height: auto; margin-right: 1rem; /* Space between icon and text */ vertical-align: middle; display: inline-block; } .tab-item:last-child { margin-right: 0; /* Remove margin for the last tab */ } .tab-item img { min-width: 48px; height: auto; } .tab-item:hover { background-color: var(--white-bg); color: var(--font-color); } .tab-item.active { background-color: var(--grey-bg); color: var(--font-color); } .grey-bg .tab-item.active { background-color: var(--white-bg); color: var(--font-color); } .tab-content { padding: var(--box-padding-large); border-bottom-left-radius: var(--border-radius-large); border-bottom-right-radius: var(--border-radius-large); min-height: 10rem; background-color: var(--grey-bg); } .grey-bg .tab-section .tab-content { background-color: var(--white-bg); } .tab-content h2, .tab-content h3 { margin-top: 0; } .tab-content .left-column { width: 50%; padding-right: 2rem; } .tab-content .right-column { width: 50%; } .tab-content img { max-width: 100%; height: auto; border-radius: var(--border-radius-small); } .tab-content.hidden { display: none; } .tab-item p { font-weight: var(--font-bold); } /* Icon Column Section */ .icon-column h2 { margin-bottom: 2rem; } .icon-column .column-layout { display: flex; justify-content: space-between; gap: var(--column-gap); } .icon-item { text-align: left; flex: 1 1 calc(33.33% - var(--column-gap)); /* Default for 3 columns */ margin-bottom: 2rem; } .icon-item:last-child { margin-bottom: 0; } .icon-item img { width: 4rem; height: 4rem; margin-bottom: 0; } .icon-item p { margin-bottom: 1.5rem; font-size: var(--font-size-text); } .icon-item h3 { font-size: var(--font-size-text); text-align: left; } @media all and (min-width: 768px) { .icon-item h3 { min-height: 6rem; } .careers .icon-item h3 { min-height: 3rem; } .single-news .icon-item h3 { min-height: 3rem; } } /* Adjust column layout for 2 columns */ .icon-column-2-columns .icon-item { flex: 1 1 calc(50% - var(--column-gap)); } .icon-column-2-columns .icon-item p { min-height: 6rem; } /* Adjust column layout for 3 columns (default) */ .icon-column-3-columns .icon-item { flex: 1 1 calc(33.33% - var(--column-gap)); } .icon-column-3-columns .icon-item p { min-height: 8rem; } /* Adjust column layout for 4 columns */ .icon-column-4-columns .icon-item { flex: 1 1 calc(25% - var(--column-gap)); } .icon-column-4-columns .icon-item p { min-height: 10rem; } /* Adjust column layout for 5 columns */ .icon-column-5-columns .icon-item { flex: 1 1 calc(20% - var(--column-gap)); } .icon-column-5-columns .icon-item p { min-height: 10rem; } .kpi-chain { display: flex; flex-wrap: wrap; /* Allow wrapping into multiple rows */ justify-content: space-between; gap: 1rem; /* Adjust spacing between items */ } .kpi-chain .kpi-item { flex: 1 1 calc(33.333% - 1rem); /* Each item takes up 1/3 of the width minus the gap */ margin-bottom: 2rem; /* Add space between rows */ } .kpi-chain .kpi-number-wrapper { display: flex; justify-content: left; align-items: baseline; gap: 0.25rem; /* Add space between number and text */ margin-bottom: 0.5rem; border-bottom: 1px solid var(--font-color); } .kpi-chain .kpi-number { font-size: var(--font-size-xl); /* Set the font size for the number */ font-weight: var(--font-light); /* Light weight for the number */ } .kpi-chain .kpi-number-wrapper span { font-size: var(--font-size-h2); /* Ensure the text is smaller and aligned */ font-weight: var(--font-regular); } .kpi-chain .kpi-description { font-size: var(--font-size-small); /* Make description smaller */ margin-top: 0.5rem; } /* Solution List Layout */ .solution-list { display: flex; flex-direction: column; gap: 2rem; /* Space between solution items */ } /* Solution Item Styling */ .solution-item { display: flex; align-items: center; justify-content: space-between; background-color: var(--grey-bg); /* White background */ border-radius: var(--border-radius-large); /* Rounded corners */ padding: 0 var(--box-padding-large) 0 0; /* Padding inside solution item */ } .grey-bg .solution-item { background-color: var(--white-bg); /* White background */ } .solution-item .solution-image { flex: 1; max-width: 16rem; /* Fixed width for images */ height: 100%; border-radius: var(--border-radius-large) 0 0 var(--border-radius-large); /* Curved left border, straight right */ overflow: hidden; } .solution-item .solution-image img { width: 100%; height: 100%; object-fit: cover; display: block; /* Ensure image fills the full height */ border-radius: var(--border-radius-large) 0 0 var(--border-radius-large); /* Left side rounded, right side straight */ } .solution-item .solution-content { flex: 2; padding-left: 1.5rem; /* Space between image and text */ display: flex; align-items: center; /* Vertically center text */ } .solution-item h3 { margin-top: 0.8rem; margin-bottom: 0.5rem; min-width: 20%; } /* Agenda Downloads */ .agenda-downloads h2 { margin-bottom: 2rem; } /* Agenda Item Wrapper */ .agenda-item { display: flex; align-items: flex-start; justify-content: space-between; background-color: var(--grey-bg); border-radius: var(--border-radius-large); gap: 2rem; flex-wrap: nowrap; padding: var(--box-padding-large) var(--box-padding-large); margin-bottom: 2.5rem; } .grey-bg .agenda-item { background-color: var(--white-bg); } /* Time Column */ .agenda-time { font-weight: bold; flex: 0 0 120px; font-size: var(--font-size-text); line-height: 1.2rem; } /* Speaker Column */ .agenda-speaker { display: flex; align-items: flex-start; flex: 0 0 280px; gap: 1rem; } /* Speaker Image */ .agenda-speaker-image { width: 6rem; height: 6rem; border-radius: 50%; overflow: hidden; flex-shrink: 0; } .agenda-speaker-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; object-position: center -20%; transform: scale(1.1); } /* Speaker Info */ .agenda-speaker-info { display: flex; flex-direction: column; justify-content: center; } .agenda-speaker-info h4 { margin: 0 0 0.3rem 0; } .agenda-speaker-info p { margin: 0; } .agenda-highlight { color: var(--purple-dark); font-size: var(--font-size-small); font-weight: var(--font-bold); margin-bottom: 0.2rem; display: inline-block; } /* Download Info Column */ .agenda-download-info { flex: 1; display: flex; flex-direction: column; justify-content: center; } .agenda-download-info h4 { margin: 0; margin-bottom: 0.3rem; } .agenda-download-info p { margin: 0; } /* Download Button (Reusing .button-arrow-link) */ .download-button { display: flex; align-items: center; justify-content: center; } /* Icon Button */ .button-arrow-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; background-color: var(--purple-dark); /* Purple background for the circle */ border-radius: 50%; /* Make the button circular */ padding: 1rem; width: 2rem; /* Ensure the button stays circular */ height: 2rem; transition: background-color 0.3s ease; } .button-arrow-link img { width: 1.8rem; /* Adjust the size of the arrow icon */ height: auto; } .button-arrow-link:hover { background-color: var(--purple-light); /* Change background on hover */ } /* Download list – two-column cards (equal height) */ .download-list-grid { display: flex; flex-wrap: wrap; gap: var(--column-gap); align-items: stretch; } /* 2 Spalten auf Desktop */ .download-card { flex: 1 1 calc(33.333% - var(--column-gap)); background-color: var(--grey-bg); border-radius: var(--border-radius-large); padding: var(--box-padding-small) var(--box-padding-large); position: relative; /* Layout im Card-Innenleben: Bild links oben, Text daneben, Button unten rechts */ display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: 1.25rem; row-gap: 0.5rem; align-items: start; /* Thumbnail + Text oben ausrichten */ } .grey-bg .download-card { background-color: var(--white-bg); } /* Thumbnail links, über beide Zeilen (oben bündig) */ .download-thumb { grid-column: 1; grid-row: 1 / 3; align-self: start; width: 7rem; max-width: 7rem; } .download-thumb img { display: block; width: 100%; height: auto; filter: drop-shadow(rgba(0, 0, 0, 0.4) 2px 2px 4px); } /* Textbereich rechts */ .download-content { grid-column: 2; grid-row: 1; min-width: 0; } .download-title { margin: 0 0 0.5rem 0; } /* Mindesthöhen für optische Gleichheit pro Reihe */ .download-title { min-height: 3.25rem; } /* ca. 2 Zeilen */ .download-desc { margin: 0; min-height: 3.75rem; } /* ca. 2–3 Zeilen */ @media (max-width: 1280px) { .download-title { min-height: 2.75rem; } .download-desc { min-height: 3.25rem; } } /* Button immer unten rechts unter dem Text */ .download-card .button-arrow-link { grid-column: 2; grid-row: 2; justify-self: end; align-self: end; margin-top: 0.5rem; } /* Mobile: 1 Spalte */ @media (max-width: 991px) { .download-card { flex: 1 1 100%; } .download-title, .download-desc { min-height: 0; } /* auf Mobile frei laufen lassen */ } .single-kpi-block { display: flex; align-items: stretch; color: white; min-height: 24rem; width: 100%; } .single-kpi-block .kpi-background-left, .single-kpi-block .kpi-background-right { background-size: cover; background-position: center; } .single-kpi-block .kpi-background-left { flex: 0 0 50%; display: flex; align-items: flex-start; border-bottom-left-radius: var(--border-radius-large); border-top-left-radius: var(--border-radius-large); padding: var(--box-padding-large); } .single-kpi-block .kpi-background-right { flex: 1; align-items: flex-start; padding: var(--box-padding-large); background-image: url("/wp-content/themes/opentas/assets/img/General-Images/kpi-background-right.jpg"); border-bottom-right-radius: var(--border-radius-large); border-top-right-radius: var(--border-radius-large); } .single-kpi-block .kpi-item { margin-top: -1rem; } .single-kpi-block .kpi-item h2 { font-size: var(--font-size-xl); margin-top: 1rem; } .single-kpi-block .kpi-item h3 { font-size: var(--font-size-medium); font-weight: var(--font-light); margin-top: -1rem; } .talk-with-us { display: flex; align-items: stretch; min-height: 30rem; } .talk-with-us .image-container { flex: 0 0 30%; background-size: cover; background-position: center; border-radius: var(--border-radius-large) 0 0 var(--border-radius-large); overflow: hidden; } .talk-with-us .text-container { flex: 1; align-content: flex-start; border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0; background-color: var(--purple-light); padding: var(--box-padding-large); color: white; } .text-container-main { min-height: 20rem; } .talk-with-us .contact-info { display: flex; justify-content: space-between; align-items: center; } .talk-with-us .contact-info p { margin: 0; } .logo-slider-swiper.swiper-container { display: flex; align-items: center; width: 100%; max-width: var(--content-max-width); overflow-x: clip; } .logo-slider-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; height: 8rem; } .logo-slider-swiper .swiper-slide img { width: 100%; height: auto; max-width: 200px; /* Optional: Limit maximum size */ } .left-right-text-media, .publication-download { display: flex; gap: var(--column-gap); } /* ========== ORIENTATION CLASSES ========== */ .left-right-text-media.orientation-block-text-left { flex-direction: row; } .left-right-text-media.orientation-block-text-right { flex-direction: row-reverse; } @media (max-width: 768px) { .left-right-text-media { flex-direction: column !important; } .left-right-text-media .text-container, .left-right-text-media .media-container { width: 100%; } } .left-right-text-media .text-container { flex: 1; color: var(--font-color); } .left-right-text-media.colsize-fifty-fifty .text-container, .left-right-text-media.colsize-fifty-fifty .media-container { flex: 1; } .left-right-text-media.colsize-thirty-seventy .text-container { flex: 0 0 70%; } .left-right-text-media.colsize-thirty-seventy .media-container { flex: 0 0 30%; } .person-media-block { text-align: center; } .person-image-wrapper { width: 100%; max-width: 220px; margin: 0 auto 20px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; } .person-image { width: 100%; height: 100%; object-fit: cover; display: block; } .person-name { font-size: var(--font-size-text); font-weight: bold; margin-top: -0.5rem; margin-bottom: 0; } .person-position { font-size: var(--font-size-small); } .left-right-text-media .media-container.download-element, .left-right-text-media .media-container.video-element { flex: 1; position: relative; border-radius: var(--border-radius-large); overflow: hidden; display: flex; justify-content: center; align-items: flex-start; color: white; align-self: flex-start; } .left-right-text-media .media-container.image-element { flex: 1; flex-direction: column; position: relative; overflow: hidden; display: flex; justify-content: flex-start; align-items: left; } .left-right-text-media .media-container.image-element img, .publication-download .media-container.image-element img { border-radius: var(--border-radius-large); } .media-container-caption { margin-top: 1rem; color: var(--dark-grey); display: block; } .img-video .media-container img, .img-video .media-container video, .img-video .media-container iframe { display: block; width: 100%; height: auto; border-radius: var(--border-radius-large); max-width: 100%; } .left-right-text-media .media-container img, .publication-download .media-container img, .left-right-text-media .media-container video, .left-right-text-media .media-container iframe { max-width: 100%; height: auto; } .media-container-text { position: absolute; left: 3.5rem; top: 3rem; } .media-container h3 { font-size: var(--font-size-h1); font-weight: var(--font-bold); max-width: 80%; } .media-container h4 { font-size: var(--font-size-h3); font-weight: var(--font-light); max-width: 80%; margin-top: 0; } .media-container a { position: absolute; bottom: 3.5rem; left: 3.5rem; } .responsive-iframe, .responsive-video { width: 100%; height: auto; border-radius: var(--border-radius-large); } .media-container .responsive-iframe-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ height: 0; overflow: hidden; border-radius: var(--border-radius-large); } .media-container .responsive-iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; /* Optional: removes any default border */ } .text-media-slider.swiper-container { display: flex; position: relative; width: 100%; max-width: var(--content-max-width); overflow-x: clip; } .text-media-slider .swiper-slide { display: flex; column-gap: 2rem; /* Use column gap to separate columns */ align-items: flex-start; margin-bottom: 2rem; width: 100%; height: auto; overflow-x: hidden; } .text-media-slider .slide-content { flex: 1; padding-right: 5rem; } .text-media-slider h3 { margin-top: 0; } .text-media-slider .media-container { flex: 1 1 20%; display: flex; justify-content: center; align-items: center; position: relative; padding-left: 5rem; } .text-media-slider .image-element img, .text-media-slider .video-element video { width: 100%; border-radius: var(--border-radius-large); height: auto; } .logo-slider .swiper-button-prev, .logo-slider .swiper-button-next, .text-media-slider .swiper-button-prev, .text-media-slider .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background-color: var(--purple-dark); display: flex; align-items: center; justify-content: center; background-size: 20px 20px; background-repeat: no-repeat; margin-top: -3rem; transition: background-color 0.3s ease; } .logo-slider .swiper-button-prev, .logo-slider .swiper-button-next { margin-top: 1rem; } .logo-slider .swiper-button-prev:hover, .logo-slider .swiper-button-next:hover, .text-media-slider .swiper-button-prev:hover, .text-media-slider .swiper-button-next:hover { background-color: var(--purple-light); } .logo-slider .swiper-button-next, .text-media-slider .swiper-button-next { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/swiper-arrow-right-white.svg"); background-position: 55% 50%; } .logo-slider .swiper-button-prev, .text-media-slider .swiper-button-prev { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/swiper-arrow-left-white.svg"); background-position: 42% 50%; } .text-media-slider .swiper-pagination { bottom: 0; } .accordion h2 { display: block; margin-bottom: 2rem; } .accordion .accordion-wrapper { display: flex; flex-wrap: wrap; column-gap: var(--column-gap); } .accordion-item { width: calc(50% - 1rem); /* Two columns with spacing */ border-bottom: 1px solid var(--dark-grey); padding: 1rem; box-sizing: border-box; } .accordion-item:nth-child(-n + 2) { border-top: 1px solid var(--dark-grey); } .accordion-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; cursor: pointer; } .accordion-header h3 { font-size: var(--font-size-h3); font-weight: var(--font-bold); margin: 0; max-width: 80%; } .accordion-item:hover h3 { color: var(--purple-dark); } .accordion-toggle-icon { width: 40px; height: 40px; border-radius: 50%; background-color: var(--purple-dark); display: flex; align-items: center; justify-content: center; background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/accordeon-plus.svg"); background-size: 20px 20px; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; } .accordion-item:hover .accordion-toggle-icon { background-color: var(--purple-light); } .accordion-item.active .accordion-toggle-icon { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/accordeon-minus.svg"); } .accordion-content { max-height: 0; overflow: hidden; transition: all 0.3s ease; padding: 0 1rem; padding-left: 0; padding-top: 0; } .accordion-item.active .accordion-content { max-height: 500px; padding: 1rem 1rem; padding-left: 0; padding-top: 0; } .testimonial-slider { display: flex; position: relative; margin-bottom: 4rem; } .testimonial-slider .swiper-slide { display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .testimonial-content { max-width: 100%; margin: 0 auto; padding: 0 6rem; } .testimonial-logo { width: auto; max-height: 40px; margin-bottom: 1.5rem; } .testimonial-slider blockquote { padding: 0; margin: 0; } .testimonial-slider blockquote p, .full-text-block blockquote p { font-size: var(--font-size-h2); font-weight: var(--font-bold); font-style: italic; line-height: 1.5; padding: 0; margin: 0; } .testimonial-slider h4 { font-size: var(--font-size-h3); margin-top: 2rem; margin-bottom: 0; } .testimonial-position { font-size: var(--font-size-text); } .testimonial-slider .swiper-button-prev, .testimonial-slider .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background-color: var(--purple-dark); display: flex; align-items: center; justify-content: center; background-size: 20px 20px; background-repeat: no-repeat; margin-top: -3rem; transition: background-color 0.3s ease; } .testimonial-slider .swiper-button-next { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/swiper-arrow-right-white.svg"); background-position: 55% 50%; } .testimonial-slider .swiper-button-prev { background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/swiper-arrow-left-white.svg"); background-position: 42% 50%; } .testimonial-slider .swiper-pagination { bottom: -2rem; } .contact-box-section h2 { margin-bottom: 2rem; } .contact-box-section .contact-box-adress { margin-top: 2rem; } .contact-box-section .tab-item { flex-direction: column; align-items: flex-start; } .contact-box-section .contact-tab-subtitle { font-weight: var(--font-light); display: block; margin-top: 0.5rem; } .contact-box-section .tab-content .full-column > iframe { width: 100% !important; height: 480px !important; } .footer { background-color: var(--grey-bg); border-top: 4px solid white; padding: 1rem 0; overflow-x: clip; width: 100%; /*margin-top: 2rem;*/ } .footer-content { display: flex; justify-content: space-between; align-items: flex-start; } .footer-logo-description { flex: 1; max-width: 45%; } .footer-logo { margin-bottom: 1rem; max-width: 240px; } .footer-form { flex: 1; max-width: 50%; } .footer-form h3 { font-size: var(--font-size-h3); font-weight: var(--font-bold); margin-top: 0; } .footer-form .gform_wrapper .gfield_checkbox:not(li) { flex-direction: column; gap: 1rem; } .footer-form .gform_wrapper .gfield_checkbox .gchoice, .fg-form-modal .gform_wrapper .gfield_checkbox .gchoice, .gform_wrapper .gfield_checkbox .gchoice { display: flex; flex-direction: row; align-items: center; } .footer-form .gfield.privacy .gfield_checkbox .gchoice, .fg-form-modal .gfield.privacy .gfield_checkbox .gchoice, .gfield.privacy .gfield_checkbox .gchoice { align-items: flex-start; } .footer-form .gfield.privacy .gfield_checkbox .gfield-choice-input, .fg-form-modal .gfield.privacy .gfield_checkbox .gfield-choice-input, .gfield.privacy .gfield_checkbox .gfield-choice-input { top: 6px; } .gform_wrapper.gravity-theme .gform_body .privacy .gfield-choice-input + label { font-size: var(--font-size-small); font-weight: var(--font-regular); } .gform_wrapper.gravity-theme .gform_body .gfield-choice-input { margin-bottom: 0; } .gform_wrapper.gravity-theme .gfield_required { color: black !important; } .gform_wrapper.gravity-theme .gform_body .gfield-choice-input + label { font-size: var(--font-size-text); font-weight: var(--font-regular); } .gform_fields, .gfield.gfield_checkbox, .gfield_email { list-style-type: none; padding-left: 0; } .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_checkbox input, .gform_wrapper .gfield_email label, .gform_wrapper .ginput_text { display: inline-block; margin-bottom: 1rem; } /* Style for checkbox container */ .gform_wrapper .gfield_checkbox { display: flex; align-items: flex-start; margin-bottom: 0.5rem; } /* Style for custom checkboxes */ .gform_wrapper .gfield_checkbox input[type="checkbox"] { appearance: none; width: 20px; height: 20px; border: 1px solid var(--dark-grey-blue); border-radius: 4px; background-color: white; cursor: pointer; margin-right: 0.5rem; display: inline-block; vertical-align: middle; position: relative; min-width: 20px; } /* Checked state for checkboxes */ .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked { background-color: var(--purple-light); border-color: var(--purple-light); } .footer .gform_wrapper { margin-top: 1.5rem; } .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after { content: "✔"; position: absolute; top: 2px; left: 4px; color: white; font-size: 12px; font-weight: bold; } /* Style for checkbox label */ .gform_wrapper .gfield_checkbox label { display: inline-block; padding-top: 0.1rem; } .gfield_email { margin-top: 1rem; } .ginput_text::placeholder { color: var(--dark-grey); /* Change the color */ font-size: var(--font-size-text); /* Adjust the font size */ opacity: 1; /* Ensures the color opacity (browsers sometimes reduce this by default) */ padding-left: 0; } .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme textarea, .gform_wrapper.gravity-theme input[type="email"] { font-family: var(--font-family) !important; font-size: var(--font-size-small) !important; } .footer-form .gform_wrapper .wrap-input input.large, .ginput_text, .fg-form-modal .gform_wrapper .wrap-input input.large, .ginput_text { max-width: 100%; min-width: 90%; display: block; padding: 0.8rem 1rem; margin-bottom: 1rem; border-radius: 0.5rem; border: 1px solid var(--dark-grey-blue); background-color: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-size: var(--font-size-text); } .footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid var(--dark-grey); padding-top: 1.5rem; align-items: flex-start; } .footer-bottom p { margin-top: 0; } .footer-links, .footer-links li { list-style: none; } .footer-contact, .footer-social, .footer-links { flex: 1; } .footer-contact { flex-basis: 40%; /* More width for contact block */ } .footer-contact a { text-decoration: none; } .footer-social, .footer-links { flex-basis: 30%; /* Smaller width for socials and links */ } .footer-social { margin-bottom: 1rem; } .footer-social-wrapper { display: flex; align-items: center; } .footer-social img { width: 36px; margin-right: 0.5rem; border-radius: 4px; padding: 0.25rem; } .footer-social a:not(:first-of-type) img { width: 46px; } .footer-links a { display: block; color: var(--purple-dark); text-decoration: none; margin-bottom: 0.5rem; font-size: var(--font-size-text); } .footer-links a:hover { text-decoration: underline; } .footer-copyright { text-align: left; margin-top: 1.5rem; border-top: 1px solid var(--dark-grey); } .fg-form-modal { display: none; } .fg-form-modal.open { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; } .fg-form-modal.open:before { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } .modal-open { overflow: hidden; } .fg-form-modal .gf-forms { position: relative; padding: 2.8rem; width: 100%; max-width: 800px; max-height: 70vh; overflow-y: auto; background: var(--white-bg); border-radius: var(--border-radius-large); } .fg-form-modal .gf-forms .icon-close { position: absolute; right: 1rem; top: 1rem; z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0; margin-right: 0; margin-bottom: -1.2em; padding: 0; overflow: hidden; transition: color 0.1s, box-shadow 0.1s; border: none; border-radius: 5px; background: rgba(0, 0, 0, 0); color: #ccc; font-family: monospace; font-size: 2.5em; cursor: pointer; justify-self: end; } .fg-form-modal .gf-forms .icon-close:hover { background: rgba(0, 0, 0, 0); color: #f27474; } .fg-form-modal .gform_wrapper.gravity-theme .gform_body .gfield-choice-input + label { font-size: var(--font-size-small); font-weight: var(--font-regular); } .gform_required_legend { display: none !important; } .gform_wrapper.gravity-theme .gfield-choice-input + label { max-width: 100% !important; } .scrolldown-modal { display: flex; flex-direction: row; flex-wrap: wrap; position: fixed; bottom: 3.125rem; background: var(--white-bg); box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.29); border-radius: 1.5rem; max-width: 27rem; padding: 3.75rem 1.5rem; transition: 0.5s all ease; left: 2rem !important; transform: translateX(calc(-100% - 3rem)); z-index: 99; } .scrolldown-modal.open { transform: translateX(0); } .cardspopup-modal .close-icon, .manager-modal .close-icon, .scrolldown-modal .icon-close, .industrycase-modal .close-icon { cursor: pointer; position: absolute; right: 1.875rem; top: 1.875rem; background-image: url(/wp-content/themes/opentas/assets/img/Icon-Images/close.svg); background-size: cover; width: 1rem; height: 1rem; font-size: 0; padding: 0; margin-top: 0; background-color: transparent; transition: all 0.4s ease; } .cardspopup-modal .close-icon:hover, .manager-modal .close-icon:hover, .scrolldown-modal .icon-close:hover, .industrycase-modal .close-icon:hover { filter: brightness(0); } .scrolldown-modal h4 { font-size: var(--font-size-h4); margin: 0 0 1rem; text-transform: uppercase; font-weight: var(--font-regular); } .scrolldown-modal hr { width: 100%; border-width: 1px 0 0 0; border-color: var(--font-color); border-style: solid; margin: 0 0 2rem; } .scrolldown-modal .description-modal { width: calc(100% - 10.625rem); padding-right: 1rem; box-sizing: border-box; } .scrolldown-modal .description-modal p { font-size: var(--font-size-text); color: var(--font-color); margin: 0 0 2rem; } .scrolldown-modal .description-modal a { font-size: var(--font-size-text); display: flex; align-items: center; gap: 0.625rem; position: relative; transition: all 0.4s ease; justify-content: flex-start; } .scrolldown-modal .description-modal a:hover { filter: brightness(0); } .scrolldown-modal .modal-images { width: 10.625rem; border-radius: 0.5rem; overflow: hidden; display: flex; cursor: pointer; max-height: 240px; } .scrolldown-modal .modal-images img { transition: all 0.4s; cursor: pointer; width: 100%; height: auto; } .managers-items .img, .cardspopup-items .img { overflow: hidden; } .managers-items .img img, .cardspopup-items .img img { transition: all 0.4s; cursor: pointer; } .scrolldown-modal .modal-images img:hover, .managers-items .img img:hover, .cardspopup-items .img img:hover { transform: scale(1.08); } .publication-item { position: relative; } .publication-item:before { content: ""; position: absolute; width: 12rem; height: 12rem; right: 0; top: 0; background-image: var(--publication-label-image); background-size: contain; background-repeat: no-repeat; transform: translate(17%, -17%); z-index: 10; pointer-events: none; } .publication-download { flex-wrap: wrap; flex-direction: row; } .publication-download .gform-body h4 { font-size: 1.75rem; font-weight: 700; line-height: 2.38rem; } .media-container[style*="--publication-label-image"]:before { content: ""; position: absolute; width: 12rem; height: 12rem; right: 0; top: 0; background-image: var(--publication-label-image); background-size: contain; background-repeat: no-repeat; transform: translate(17%, -16.5%); z-index: 10; pointer-events: none; } .publication-download .media-container { position: relative; color: var(--white-bg); } .publication-download .media-container-text { width: 24.06rem; } .publication-download .media-container-text h3 { font-size: 2.25rem; margin-top: 0; } .publication-download .media-container-text h3 { font-size: 1.75rem; } .publication-download .media-container, .publication-download .text-container { width: calc((100% - var(--column-gap)) / 2); } .number-of-3_columns .managers-items .manager-card, .number-of-3_columns .cardspopup-items .cardspopup-card { width: calc((100% - 3.5rem) / 3); } .number-of-4_columns .managers-items .manager-card, .number-of-4_columns .cardspopup-items .cardspopup-card { width: calc((100% - 5.25rem) / 4); } .managers-module h2, .cardspopup-module h2 { margin-top: 0; margin-bottom: 3.125rem; } .cardspopup-module h3 { font-weight: var(--font-light); } .cardspopup-module h3 strong { font-weight: var(--font-bold); } .managers-items, .cardspopup-items { display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 3.125rem; column-gap: 1.75rem; } .managers-items .manager-card { border-radius: var(--column-gap); overflow: hidden; background: var(--grey-bg); position: relative; display: flex; flex-direction: column; } .managers-items .manager-card .img img { width: 100%; height: auto; } .cardspopup-items .cardspopup-card { background: var(--grey-bg); border-radius: var(--column-gap); overflow: hidden; } .cardspopup-items .cardspopup-card { background: var(--grey-bg); border-radius: var(--column-gap); overflow: hidden; } .grey-bg .cardspopup-items .cardspopup-card { background: var(--white-bg); } .cardspopup-items .cardspopup-card.iconstyle .img { background: rgb(245, 249, 252); padding: 1.75rem 0; text-align: center; } .cardspopup-items .cardspopup-card.landscape .img { width: 100%; } .cardspopup-items .cardspopup-card.landscape .img img { width: 100%; height: auto; } .storylane-card .secondary-button .cardspopup-icon-info img { filter: invert(1); width: 1.125rem !important; margin-left: 0.4rem; } .storylane-card .secondary-button:hover .cardspopup-icon-info img { filter: invert(0); } .cardspopup-items .cardspopup-card.portrait .img { width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .cardspopup-items .cardspopup-card.portrait .img img { width: 100%; height: auto; position: absolute; top: 0; left: 0; } .managers-items .manager-card .description h3, .cardspopup-items .cardspopup-card .description h3 { margin-top: 0; } .managers-items .manager-card .description, .cardspopup-items .cardspopup-card .description { padding: 1rem 1.875rem; } /* .managers-items .manager-card .link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } */ .managers-items .manager-card .manager-meta, .cardspopup-items .cardspopup-card .cardspopup-meta { margin: auto 1.75rem 1.5rem auto; width: fit-content; display: flex; flex-direction: row; gap: 1rem; position: relative; z-index: 1; } .cardspopup-items .cardspopup-card .storylane-meta { width: inherit; } .managers-items .manager-card .manager-meta img, .cardspopup-items .cardspopup-card .cardspopup-meta img, .industrycase-items .industrycase-card .industrycase-meta img { width: 2.25rem; } .manager-modal, .cardspopup-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--white-bg); width: 43.75rem; border-radius: 1.75rem; box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, 0.16); padding: 5.3125rem 2.5rem 3.25rem; z-index: 9999999999; transition: all 0.4s ease; max-height: 50vh; overflow: auto; box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, 0.16); } .body-no-scroll { overflow: hidden; width: 100%; height: 100%; touch-action: none; position: fixed; } .manager-modal-wrapper, .cardspopup-modal-wrapper { display: none; opacity: 0; position: fixed; width: 100vw; height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999999998; background: rgba(255, 255, 255, 0.95); /*pointer-events: none;*/ } .manager-modal-wrapper.show, .cardspopup-modal-wrapper.show { display: block; opacity: 1; } .manager-modal .modal-headline h4, .cardspopup-modal .modal-headline h4 { margin-top: 0; text-transform: uppercase; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid #000; color: var(--font-color); font-size: 1.25rem; font-weight: var(--font-light); } .manager-modal .modal-content h5, .cardspopup-modal .modal-content h5 { margin-top: 0.9375rem; margin-bottom: 2.5rem; font-weight: 700; line-height: 1.25; font-size: 2.5rem; } .manager-modal .modal-content p, .cardspopup-modal .modal-content p { margin: 0 0 0.625rem; } /* .manager-modal:after, .cardspopup-modal:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 1.75rem; z-index: -1; box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, 0.16); } */ .password-required { margin-bottom: 6.625rem; } .password-required h1 { margin: 0; } .password-required h2 { font-weight: var(--font-regular); margin: 0 0 2.5rem; } .password-required input[type="password"]:focus-visible, .password-required input[type="text"]:focus-visible, .password-required input[type="password"]:focus, .password-required input[type="text"]:focus { border: 0.18rem solid #007aff; } .password-required .error { font-size: 0.8rem; color: #f00; margin: 0.5rem 0 0; } .password-required input[type="password"], .password-required input[type="text"] { width: 20.06rem; height: 4.13rem; box-sizing: border-box; border: 0.06rem solid rgb(200, 212, 224); border-radius: 0.25rem; font-size: 1.13rem; font-weight: 400; padding: 0 15px; outline: 0; } .password-required .button { width: fit-content; margin-top: 2.5rem; } .password-required form { display: flex; flex-direction: column; } /* .news-category-links .category { display:none; } */ .category { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1.25rem; padding-left: 0; } .page-news .new-items.columns_3 .news-item { width: calc((100% - 4rem) / 3); } .news-featured-desktop-image { display: block; } .news-featured-mobile-image { display: none; } /* Media query for mobile devices */ @media (max-width: 768px) { .news-featured-desktop-image { display: none; } .news-featured-mobile-image { display: block; } } .category li { list-style: none; margin-bottom: 0; } .category li a { margin-top: 0; } .category .back-categories a { color: var(--purple-dark); font-size: 1.13rem; display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .category .back-categories a:hover { color: var(--purple-light); } .category .back-categories a:hover:before { background-color: var(--purple-light); } .news-box-items { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 1.875rem; grid-row-gap: 1.25rem; align-items: start; container-type: size; height: 495px; } .news-box-item .img { overflow: hidden; position: relative; display: flex; } .news-box-item { position: relative; } .news-box-item:first-of-type, .news-box-item:first-of-type .img, .news-box-item:first-of-type .thumbnail { height: 100cqh; } .news-box-item:not(:first-of-type), .news-box-item:first-of-type .img, .news-box-item:first-of-type .thumbnail { border-radius: 2rem; } .news-box-item:first-of-type .thumbnail { width: 100%; } .news-box-item:not(:first-of-type) { background: var(--grey-bg); } .news-box-item:not(:first-of-type) .img, .news-box-item:not(:first-of-type) .thumbnail { border-radius: 2rem 0 0 2rem; } .news-box-item:not(:first-of-type) { display: flex; flex-direction: row; flex-wrap: wrap; gap: 26px; height: calc((100cqh - 52px) / 3); } .news-box-item .img img { transition: all 0.5s ease; } .news-box-item:hover .img img { transform: scale(110%); } .news-box-item:not(:first-of-type) .img .thumbnail { max-height: 100%; object-fit: cover; object-position: center; width: 100%; } .news-box-item:not(:first-of-type) .img { width: 226px; height: 100%; } .news-box-item:not(:first-of-type) .news-box-item-description { width: calc(100% - 252px); padding-right: 1.25rem; box-sizing: border-box; } .news-box-item:not(:first-of-type) .meta { bottom: 1rem; right: 1rem; } .news-box-item:not(:first-of-type) .button { position: absolute; font-size: 0; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; background-color: transparent; margin: 0; } .news-box-item:first-of-type .news-box-item-description { position: absolute; left: 2rem; right: 2rem; top: 2rem; z-index: 1; pointer-events: none; } .news-box-item:first-of-type .button { position: absolute; left: 2rem; bottom: 2.675rem; margin-top: 0; } .news-box-item:first-of-type .news-box-item-description h3 { font-size: 2.25rem; font-weight: 700; color: var(--white-bg); } .news-box-item:first-of-type .news-box-item-description p { font-size: 1.75rem; font-weight: 400; line-height: 2.5rem; color: var(--white-bg); } .news-box-item:not(:first-of-type) .news-box-item-description h3 { font-size: var(--font-size-small); font-weight: var(--font-bold); margin: 1.5rem 0 0.25rem 0; } .news-box-item .news-box-item-description p { -moz-box-orient: vertical; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; display: -moz-box; display: -webkit-box; display: box; overflow: hidden; } .news-box-item:not(:first-of-type) .news-box-item-description p { font-size: var(--font-size-small); font-weight: var(--font-regular); line-height: 1.5rem; margin: 0; } .page-news .news-item .meta, .news-box-item .meta { position: absolute; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; right: 2rem; bottom: 3rem; gap: 0.5rem; color: var(--white-bg); z-index: 1; } .page-news .news-item .meta img.icon, .news-box-item .meta img.icon { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(106%) contrast(101%); } .page-news .news-item .meta p, .news-box-item .meta p { margin: 0; } .news-box-item:first-of-type { grid-area: 1 / 1 / 4 / 2; } .news-box-item:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; } .news-box-item:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; } .news-box-item:nth-of-type(4) { grid-area: 3 / 2 / 4 / 3; } .page-news .news-item { border-radius: 32px; overflow: hidden; } .page-news .news-item .img { height: 190px; overflow: hidden; display: flex; position: relative; } .page-news .news-item .meta { right: 1.875rem; bottom: 1.25rem; } .page-news .news-item .img img:not(.icon) { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.5s ease; } .page-news .news-item .img:hover img:not(.icon) { transform: scale(110%); } .page-news .news-item { width: calc((100% - var(--column-gap)) / 2); } .page-news .news-content { background: var(--grey-bg); padding: 1.25rem 1.875rem; height: calc(100% - 190px); box-sizing: border-box; display: flex; flex-direction: column; } .page-news .news-content a.text-link { margin-top: auto; } .page-news .news-content h3 { margin: 0 0 1.875rem; } .page-news .news-content p { margin: 0 0 2rem; } .page-news h2 { display: inline-flex; margin: 0; font-size: var(--font-size-h1); } .other-news-block h2 { font-size: var(--font-size-h2); } .page-news .new-items.columns_3, .page-news .column-layout { clear: both; margin-top: 1.875rem; width: 100%; align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; gap: var(--column-gap); } .page-news .new-items.columns_3 { margin-left: -5rem; width: calc(100% + 5rem); container-type: inline-size; } .page-news .new-items.columns_3 .img { height: 365px; } .page-news { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .page-news .button { margin: 0 0 0 auto; } .button-info { display: flex; flex-direction: row; position: relative; background: var(--purple-dark); color: var(--white-bg); border-radius: 1rem; padding: 1.25rem 1.75rem; text-decoration: none; align-items: center; } .button-info a, .button-info:hover a, .button-info a:hover { color: var(--white-bg); text-decoration: none; } .button-info:after { content: ""; display: inline-block; width: 40px; height: 35px; background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/arrow-right-from-bracket-light.svg"); background-size: contain; background-repeat: no-repeat; margin-left: auto; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(106%) contrast(101%); min-width: 40px; margin-left: 16px; } .button-info:hover { color: var(--white-bg); background: var(--purple-light); } .news-box-item .img:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0; pointer-events: none; display: block; filter: opacity(var(--news-image-darkness)); background: rgba(0, 0, 0, 1); } .items-product-slider img { width: 100%; object-fit: cover; object-position: center; } .items-product-slider .img { display: flex; } .items-product-slider .link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .items-product-slider { margin: 0 4.063rem; overflow: hidden; } .items-product-slider .swiper-button-next { right: 0px; background-image: url(/wp-content/themes/opentas/assets/img/Icon-Images/swiper-arrow-right-white.svg); } .items-product-slider .swiper-button-prev { left: 0px; background-image: url(/wp-content/themes/opentas/assets/img/Icon-Images/swiper-arrow-left-white.svg); } .items-product-slider .swiper-button-next, .items-product-slider .swiper-button-prev { width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: var(--purple-dark); background-repeat: no-repeat; background-position: center; position: absolute; top: 65%; transform: translateY(-50%); transition: all 0.3s ease; } .items-product-slider .swiper-button-next:hover, .items-product-slider .swiper-button-prev:hover { background-color: var(--purple-light); } .items-product-slider .product-slider-description { padding: 1rem 1.688rem 2.375rem; display: flex; flex-direction: row; flex-wrap: wrap; height: calc(100% - 180px); box-sizing: border-box; } .items-product-slider .product-slider-description p { display: inline-flex; flex-direction: column; margin: 0; justify-content: center; width: calc(100% - 55px); } .items-product-slider .product-slider-description a:not(.link) { display: inline-flex; margin: auto 0 auto auto; position: relative; z-index: 1; width: 2.875rem; height: 2.875rem; padding: 0.7rem; box-sizing: border-box; } .item-product-slider h2 { padding-left: 5.75rem; padding-top: 2.125rem; margin: 0 0 3.375rem; position: relative; } .item-product-slider h2:before { content: ""; display: block; width: 5rem; height: 1px; background-color: var(--font-color); position: absolute; top: 0; left: 0; } .items-product-slider .product-slider-description h4 { margin: 0 0 1.25rem; width: 100%; } .items-product-slider .slider-item { background: var(--grey-bg); height: auto; border-radius: 1rem 1rem 2rem 2rem; overflow: hidden; position: relative; } .external-button { background-color: var(--purple-dark); color: white; display: flex; justify-content: center; align-items: center; flex-direction: row; width: fit-content; gap: 0.5rem; margin-top: 5.625rem; transition: all 0.3s ease; } .external-button:hover { background-color: var(--purple-light); } .external-button:after { content: ""; position: relative; display: block; width: 1.25rem; height: 1.25rem; background-image: url(/wp-content/themes/opentas/assets/img/Icon-Images/link.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } @media all and (max-width: 1280px) { } @media all and (max-width: 1200px) and (min-width: 992px) { .news-box-items { height: 41.284vw; } .news-box-item:not(:first-of-type) .news-box-item-description h3 { margin-top: 0.7rem; } .news-box-item:not(:first-of-type) .news-box-item-description h3, .news-box-item:not(:first-of-type) .news-box-item-description p { font-size: 1.501vw; } .news-box-item:first-of-type .news-box-item-description h3 { font-size: 3.003vw; } .news-box-item:first-of-type .news-box-item-description p { font-size: 2.335vw; } } @media all and (max-width: 1200px) { .container { padding-left: 0.8rem; padding-right: 0.8rem; } .news-box-item:not(:first-of-type) .img { width: 40%; } .news-box-item:not(:first-of-type) .news-box-item-description { width: calc(60% - 26px); } .page-news .new-items.columns_3 .img { height: 30.417vw; } .items-product-slider .swiper-button-next { right: 0.925rem; } .items-product-slider .swiper-button-prev { left: 0.925rem; } } @media all and (max-width: 1024px) { .teaser-item { flex: 1 1 100%; } } @media all and (max-width: 991px) { .section-line-top { padding-left: 0; } .media-container-text { left: 1.25rem; top: 4rem; } .number-of-4_columns .managers-items .manager-card, .number-of-4_columns .cardspopup-items .cardspopup-card { width: calc((100% - 1.75rem) / 2); } .manager-modal, .cardspopup-modal { width: 80%; box-sizing: border-box; overflow: scroll; } .news-box-items { display: flex; flex-direction: column; height: auto; container-type: initial; } .news-box-item:not(:first-of-type) { height: initial; } .news-box-item:first-of-type { background: var(--grey-bg); } .news-box-item:not(:first-of-type), .news-box-item:first-of-type { width: 100%; gap: 0; border-radius: 1rem; } .news-box-item:first-of-type .img, .news-box-item:first-of-type .thumbnail, .news-box-item:not(:first-of-type) .img, .news-box-item:not(:first-of-type) .thumbnail { width: 100%; border-radius: 1rem 1rem 0 0; } .news-box-item:first-of-type .thumbnail, .news-box-item:not(:first-of-type) .thumbnail { object-fit: cover; object-position: center; height: 34.4vw; } .news-box-item .img:after { display: none; } .news-box-item:first-of-type .news-box-item-description, .news-box-item:not(:first-of-type) .news-box-item-description { width: 100%; padding: 1.25rem 1.875rem 0 1.875rem; position: static; box-sizing: border-box; } .news-box-item:first-of-type .news-box-item-description h3, .news-box-item:not(:first-of-type) .news-box-item-description h3 { font-size: 1.5rem; margin: 0 0 1rem; } .news-box-item:first-of-type .news-box-item-description p, .news-box-item:not(:first-of-type) .news-box-item-description p { font-size: 1rem; line-height: 1.38rem; margin: 0 0 2rem; } .news-box-item:first-of-type .news-box-item-description p, .news-box-item:first-of-type .news-box-item-description h3 { color: var(--font-color) !important; } .news-box-item .button:before { content: ""; display: inline-block; width: var(--icon-size); height: var(--icon-size); background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/button-arrow.svg"); background-size: contain; background-repeat: no-repeat; margin-right: 8px; -webkit-mask-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/button-arrow.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/button-arrow.svg"); mask-repeat: no-repeat; mask-size: contain; background-color: var(--purple-dark); transform: translateY(1px); } .news-box-item:first-of-type .button { background: transparent; border-radius: 0; } .news-box-item:first-of-type .button, .news-box-item:not(:first-of-type) .button { position: static; font-size: 1rem; padding: 0; color: var(--purple-dark); margin-left: 1.875rem; margin-bottom: 2rem; } .news-box-item:first-of-type .meta, .news-box-item:not(:first-of-type) .meta { right: 1.875rem; bottom: 1.25rem; } .page-news .news-item { width: 100%; } .page-news .news-item .img { height: 34.4vw; } .page-news .news-item { border-radius: 1rem; } .news-box-items, .page-news .column-layout { gap: 2rem; } .page-news .column-layout { flex-wrap: wrap; } .category { flex-wrap: nowrap; overflow-x: auto; } .news-box-item:not(:first-of-type) { border-radius: 1rem; } .page-news .news-content p { -moz-box-orient: vertical; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; display: -moz-box; display: -webkit-box; display: box; overflow: hidden; } .page-news .news-content, .news-box-item:first-of-type, .news-box-item:first-of-type .img { height: auto; } .page-news .new-items.columns_3 { margin-left: 0; width: 100%; } .page-news .new-items.columns_3 .news-item { width: 100%; } .page-news .new-items.columns_3 .img { height: calc(100vw - 1.6rem); } } @media all and (max-width: 768px) { :root { --font-size-xl: 3.125rem; --font-size-h1: 1.5rem; --font-size-medium: 1.5rem; --font-size-sec-nav: 1.125rem; --font-size-h2: 1.5rem; --font-size-h3: 1.35rem; --font-size-text: 1rem; --font-size-small: 1rem; --border-radius-large: 16px; --border-radius-small: 16px; --box-padding-large: 1.5rem; } .items-product-slider { margin: 0 0; } .item-product-slider h2 { padding-left: 0; padding-top: 0; } .item-product-slider h2:before { display: none; } h2 { line-height: 2rem; } .testimonial-slider blockquote p, .full-text-block blockquote p { font-size: var(--font-size-h3); } #wpadminbar { display: none; } html { margin-top: 0 !important; overflow-x: hidden; } /* Hide desktop navigation on mobile */ .desktop-header, .main-nav { display: none; } .mobile-header { display: flex; justify-content: space-between; align-items: center; } /* Show mobile navigation on mobile */ .mobile-header, .mobile-nav { display: flex; align-items: flex-start; justify-content: space-between; } .mobile-header { width: 100%; margin-top: -1rem; position: absolute; } .mobile-header.open { position: fixed; max-width: 100%; height: 100vh; z-index: 887; } .mobile-header.open::before { content: ""; position: fixed; display: block; width: 100vh; height: 100vh; background-color: white; top: 0; left: 0; z-index: 888; } /* Mobile logo */ .mobile-logo img { height: 54px; margin-left: -2rem; position: absolute; z-index: 889; } /* Mobile nav initial hidden position */ .mobile-nav { position: absolute; margin-top: 8rem; top: 0; left: -100%; width: 100%; height: 100%; transition: left 0.3s ease, opacity 0.3s ease; opacity: 0; visibility: hidden; z-index: 889; } .mobile-nav-content { width: 100%; } .mobile-nav.open { left: 0; opacity: 1; visibility: visible; } /* Mobile Hamburger Icon */ .mobile-menu-icon { cursor: pointer; width: 26px; height: 30px; margin-right: 1.2rem; margin-top: 1.2rem; position: absolute; z-index: 998; right: 0; } .mobile-menu-icon.open { margin-top: 0.8rem; } /* Hamburger lines */ .mobile-menu-icon .line { width: 100%; height: 2px; background-color: var(--purple-dark); border-radius: 2px; transition: all 0.1s ease; margin-bottom: 6px; /* Space between lines */ display: block; } /* Hamburger to X animation */ .mobile-menu-icon.open .line1 { transform: rotate(45deg); position: absolute; top: 12px; /* Align the X */ } .mobile-menu-icon.open .line2 { opacity: 0; } .mobile-menu-icon.open .line3 { transform: rotate(-45deg); position: absolute; top: 12px; /* Align the X */ } /* Reset lines back to burger */ .mobile-menu-icon .line1, .mobile-menu-icon .line3 { transition: transform 0.3s ease; } /* Mobile Navigation Content */ /* Reset List Styles */ .mobile-menu ul { padding: 0; margin: 0; } .mobile-menu .menu-item { list-style: none; } /* Main Navigation (mob-main-nav) Styles */ .mobile-menu > li > a { display: flex; align-items: center; position: relative; text-decoration: none; list-style: none; margin-bottom: 1.2rem; } .mobile-menu.secondary-mobile-nav > li:last-child { margin-bottom: -1.2rem; } .mobile-menu > li > a:hover, .mobile-menu > li > a:active { color: var(--purple-dark); } /* Arrow positioning on the left for main menu */ .mobile-menu > li > a::before { content: ""; background-size: contain; background-repeat: no-repeat; transition: transform 0.3s ease; } .mobile-menu > li.open > a::before { transform: rotate(90deg); /* Rotate arrow when active */ } .mobile-menu .menu-item .sub-menu { display: none; padding-left: 1.25rem; /* Padding for submenu indentation */ } .mobile-menu .menu-item.open .sub-menu { display: block; margin-bottom: 2rem; } .mobile-menu .sub-menu a { display: flex; align-items: center; text-decoration: none; } .mobile-menu .menu-item.open a::before { transform: rotate(90deg); /* Rotate arrow when active */ } .mobile-menu .sub-menu a:hover { color: var(--purple-dark); } .mobile-menu .sub-menu li { list-style: none; } .mobile-menu .sub-menu-item.open a { color: var(--purple-dark); /* Color change when open */ } /* Main Navigation Styles */ .mobile-menu.main-mobile-nav { padding: 0 1rem; margin: 0 0 1.5rem 0; } .mobile-menu.main-mobile-nav > li { font-size: var(--font-size-sec-nav); font-weight: var(--font-bold); } .mobile-menu.main-mobile-nav > li > a::before { width: 12px; height: 12px; margin-right: 8px; /* Space between arrow and text */ background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/chevron-right-solid.svg"); } /* Secondary Navigation (mob-secondary-nav) Styles */ .mobile-menu.secondary-mobile-nav { background-color: var(--grey-bg); padding: 1.2rem 1rem; margin: 1.5rem 0; } .mobile-menu.secondary-mobile-nav > li > a::before { width: 10px; height: 10px; margin-right: 10px; /* Space between arrow and text */ background-image: url("/wp-content/themes/opentas/assets/img/Icon-Images/chevron-right-light.svg"); } /* Contact Button & Language Switcher */ .mobile-nav-footer { display: flex; justify-content: flex-start; align-items: center; } .mobile-nav-footer .primary-button { width: 6.5rem; /* Adjust for 140px in rem */ display: inline-flex; justify-content: center; align-items: center; margin-top: 0; margin-left: 1rem; } .mobile-nav-footer .language-button { width: 2.5rem; /* Adjust for 40px */ height: 2.5rem; /* Adjust for 36px */ margin-left: 1rem; background-color: var(--grey-bg); text-align: center; display: inline-flex; justify-content: center; align-items: center; border-radius: 6px; position: relative; color: var(--font-color); } .language-switcher .sub-menu { display: none; /* Hidden by default */ position: absolute; top: 110%; /* Position right below DE button */ left: 0; background-color: white; width: 100%; text-align: center; } .language-switcher .sub-menu a { width: 2.5rem; /* Same size as DE button */ height: 2.5rem; margin-left: 1rem; background-color: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a slight shadow for visibility */ display: flex; justify-content: center; align-items: center; border-radius: 6px; color: var(--font-color); font-size: var(--font-size-text); transition: background-color 0.3s ease; } .language-switcher .sub-menu a:hover { background-color: var(--grey-bg); /* Optional hover effect for the EN button */ } /* Show submenu (EN button) when the language switcher is active */ .language-switcher:hover .sub-menu { display: block; } .container { padding: 0 1rem; } .section-bg-img { background-position-x: 60%; min-height: auto; padding-top: calc(var(--box-padding-large) * 2); padding-bottom: calc(var(--box-padding-large) * 2); } h1 { line-height: 1.75rem; } h2, h3 { line-height: 1.5rem; } p, li, button { line-height: 1.375rem; } .styled-ol li { padding-left: 2rem; /* Space for the large number */ } .styled-ol li::before { top: -0.2rem; } .column-layout { gap: 0; } .left-text-right-infobox .column-layout, .left-text-right-benefits .column-layout { gap: 1rem; } button, a.button { padding: 0.5rem 1.25rem; } .slide-content a.button { max-width: fit-content; } button.secondary-button { margin-bottom: 1rem; } .column-layout { flex-direction: column; } .left-column, .right-column { flex: 1 1 100%; } .column-layout .right-column { margin-top: -1rem; } .column-layout .right-column h3 { margin-top: 1.5rem; } .full-column { flex: 1; } .section-line-top { padding-left: 0; } .grey-box { border-radius: var(--border-radius-small); padding: var(--box-padding-small); } .purple-box { border-radius: var(--border-radius-small); padding: var(--box-padding-small); } .hero-swiper.swiper-container { overflow-x: clip; margin-bottom: 0; } .hero-swiper .swiper-slide, .hero-single-image { flex-wrap: wrap; height: auto; } .hero-swiper .slide-content { display: flex; flex-direction: column; flex-wrap: wrap; } .hero-swiper .slide-content .slide-bg-image { order: -1; } .hero-swiper .swiper-slide { height: 30rem; } .hero-swiper .slide-bg-image, .hero-single-image .hero-single-bg-image { height: 240px; overflow: hidden; border-radius: var(--border-radius-small); position: static; } .hero-swiper .slide-bg-image::before, .hero-single-image .hero-single-bg-image::before { display: none; } .hero-swiper .swiper-pagination { top: 28rem; } .hero-swiper h3 { font-size: var(--font-size-text); } .kpi-slide .slide-bg-image::before { display: inherit; } .home-title-font { font-size: calc(var(--font-size-h1) * 1.35); } .home-subtitle-font { font-size: calc(var(--font-size-h2) * 1.35); margin-top: -0.5rem; } .hero-swiper .slide-content, .hero-single-image .hero-single-content { position: static; padding-top: 0; order: 1; color: black; text-align: left; left: 0; padding-left: 0 !important; width: 100%; } .hero-swiper.align-no-text .hero-single-content, .hero-single-image.align-no-text .hero-single-content { display: none; } .hero-swiper.align-no-text .slide-bg-image, .hero-single-image.align-no-text .hero-single-bg-image { height: calc((100vw - 2rem) / 2.169); max-height: inherit; } .hero-swiper .slide-bg-image, .hero-single-image .hero-single-bg-image { background-position: var(--mobile-bg-position, center); /* This allows for a customizable background position */ } .hero-product-logo { bottom: inherit; max-width: 160px; top: 11rem; } .swiper-pagination-bullet { width: 8px; height: 8px; } .feature-swiper-365 .swiper-slide { align-items: stretch; height: 30rem; } .feature-swiper-365 .slide-content { padding: 2.5rem 2rem; min-height: auto; align-items: center; text-align: left; justify-content: flex-start; } .feature-365-slide__layout { flex-direction: column; gap: 2.5rem; } .feature-365-slide--intro .feature-365-slide__content { flex: 1 1 100%; max-width: 100%; width: 100%; } .feature-365-slide--intro .feature-365-slide__visual-wrapper { max-width: 100%; margin-top: -1.5rem; } .feature-365-slide--feature .feature-365-slide__visual-wrapper { max-width: 100%; margin-top: -3.5rem; } .feature-365-slide--feature .feature-365-slide__content { max-width: 100%; } .feature-365-slide--feature .feature-365-slide__visual { padding: 0; } .feature-365-slide--intro .feature-365-slide__visual img, .feature-365-slide--feature .feature-365-slide__visual img { width: 100%; } .feature-365-slide__title { font-size: 2rem; line-height: 2.2rem; margin-bottom: 1.5rem; } .feature-365-slide__description { font-size: 1.2rem; max-width: 100%; } .feature-365-slide__product-logo img { max-width: 180px; } .feature-365-slide__overlay-icon img { width: 60px; margin-left: 1.8rem; margin-top: -1.8rem; } .feature-365-slide__bottom-logo img { display: none; } .swiper-button-prev, .swiper-button-next { display: none; /* Hide navigation arrows on mobile */ } .kpi-slide .kpi-block { position: absolute; left: 0; right: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 0; padding-top: 1.5rem; height: 50%; padding-left: 2rem; width: auto; } .kpi-slide .kpi-divider { display: none; } .kpi-slide .first-kpi-row, .kpi-slide .second-kpi-row { flex-direction: column; align-items: flex-start; justify-content: center; } .kpi-slide .kpi-row { margin-bottom: 2rem; } .kpi-slide .kpi-column { align-content: center; } .kpi-slide .first-kpi-row { width: 25%; } .kpi-slide .first-kpi-row::before, .kpi-slide .second-kpi-row::before { content: ""; position: absolute; top: 0; /* Adjust as needed */ left: 2rem; width: 82%; height: 1px; background-color: #ffffff; /* Adjust color as needed */ } .kpi-slide .first-kpi-row::before { top: 5.3rem; } .kpi-slide .second-kpi-row::before { top: 9.8rem; } .kpi-slide .first-kpi-row h2 { font-size: var(--font-size-h1); } /* KPI Columns: Full-width on mobile */ .kpi-slide .kpi-column { width: 100%; /* Full width for columns */ margin-bottom: 0; /* Add spacing between columns */ } .kpi-slide .kpi-headline { position: absolute; top: 15rem; left: 0; width: 100%; color: black; padding-left: 0; padding-right: 0; } .kpi-slide .kpi-column.kpi-description { top: 17rem; color: black; position: absolute; left: 0; width: 100%; padding-left: 0; padding-right: 0; } .kpi-slide .kpi-column p { font-size: calc(var(--font-size-text) * 1.2); margin-top: 0.5rem; } .kpi-slide .kpi-column h2 { margin-top: 0.5rem; } .kpi-slide .kpi-column.kpi-description p { font-size: var(--font-size-text); margin-top: 1rem; } .kpi-slide .kpi-description .button.secondary-button, .kpi-slide .kpi-description .button.button-default { margin-top: 0; } .teaser-content p { min-height: 4.5rem !important; } .page-teaser.page-teaser-1-column .teaser-content { flex-direction: column; min-height: auto; align-items: flex-start; } .page-teaser.page-teaser-1-column .teaser-content p { max-width: 100%; } .button-icon-link img { margin-right: auto; width: 3rem; /* Adjust size of icon */ height: 3rem; } .tab-item { flex: 1 100%; margin-right: 0; width: 100%; margin-left: 3%; border-bottom: 1px solid var(--white-bg); } .tab-item p { max-width: 76%; padding-left: 2%; } .tab-item.active { margin-left: 0; border-bottom: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); z-index: 2; } .tab-content .left-column, .tab-content .right-column { padding: 0; width: 100%; } .tab-content img { margin-top: 1rem; } .tab-icon { margin-right: 0.5rem; margin-left: -0.5rem; min-width: 2.3rem !important; } .icon-column .column-layout { display: flex; justify-content: center; } .icon-item { text-align: left; flex: 1 1 100%; margin-bottom: 2rem; } .icon-item:last-child { margin-bottom: 4rem; } .icon-item img { width: 4rem; height: 4rem; margin-bottom: 0; } .icon-item p { margin-bottom: 1.5rem; font-size: var(--font-size-text); text-align: left; min-height: 4rem !important; } .icon-item h3 { font-size: var(--font-size-text); text-align: left; } .icon-item a { text-align: left; display: flex; } .single-news .icon-item a { display: inline; } /* KPI Chain Layout */ .kpi-chain .kpi-item { flex: 1 1 calc(50% - 1rem); /* On smaller screens, each KPI takes half width */ } .kpi-chain .kpi-number-wrapper { padding-bottom: 0.8rem; } .kpi-chain .kpi-number-wrapper span { max-height: 1rem; } .kpi-chain .kpi-number { font-size: calc(var(--font-size-xl) * 1.2); /* Set the font size for the number */ } .kpi-chain .kpi-number-wrapper span { font-size: var(--font-size-h1); /* Ensure the text is smaller and aligned */ } .kpi-chain .kpi-description { font-size: var(--font-size-small); /* Make description smaller */ margin-top: 0.5rem; } .kpi-chain .kpi-item p strong { font-size: var(--font-size-text); } .accordion-header h3 { font-size: var(--font-size-h4); } .solution-wrapper { min-height: 13rem; } .solution-item { display: flex; flex-direction: row; position: relative; padding: 0 var(--box-padding-small) 0 0; } .solution-item .solution-image { min-width: 8rem; } .solution-item .solution-image img { min-height: 7rem; } .solution-item h3 { font-size: var(--font-size-h1); margin-top: 0.8rem; } .solution-item p { position: absolute; top: 8rem; left: 0; width: 100%; } /* Icon Button */ .button-arrow-link { margin-left: auto; width: 1.35rem; height: 1.35rem; } .single-kpi-block { display: block; } .single-kpi-block .kpi-background-left { border-top-left-radius: var(--border-radius-large); border-top-right-radius: var(--border-radius-large); border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: var(--box-padding-small); min-height: 8rem; } .single-kpi-block .kpi-background-right { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--border-radius-large); border-bottom-right-radius: var(--border-radius-large); padding: var(--box-padding-small); min-height: 14rem; } .single-kpi-block .kpi-item h2 { margin-top: 2.5rem; } .single-kpi-block .kpi-item h3 { margin-top: 1.5rem; } .talk-with-us { display: block; min-height: auto; } .talk-with-us .image-container { min-height: 18rem; background-position: 50% 5%; border-radius: var(--border-radius-large) var(--border-radius-large) 0 0; margin-bottom: 0; } .talk-with-us .text-container { border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); text-align: left; padding: var(--box-padding-small); } .text-container-main { min-height: 20rem; } .talk-with-us .contact-info { display: block; text-align: left; } .talk-with-us .contact-info p, .talk-with-us .contact-info a, .purple-box a.button, .page-teaser .icon-button { margin-bottom: 1rem; } .page-teaser .icon-button { margin-top: 1.2rem; } .talk-with-us .contact-info button { margin-top: 1.5rem; } /* Stack columns vertically */ .left-right-text-media { flex-direction: column; } /* Text container full-width */ .left-right-text-media .text-container { width: 100%; } /* Media container adjustments */ .left-right-text-media .media-container { width: 100%; } /* Image, video, and iframe adjustments */ .left-right-text-media .media-container img, .left-right-text-media .media-container video, .left-right-text-media .media-container iframe { max-width: 100%; height: auto; } .left-right-text-media .media-container iframe { height: 100%; } .left-right-text-media .media-container a { bottom: 2rem; left: 1.5rem; } /* Reposition overlay text on mobile */ .media-container-text { top: 2rem; left: 1.5rem; } /* Center overlay titles and reduce font size */ .media-container h3 { max-width: 100%; } .media-container h4 { max-width: 100%; font-size: var(--font-size-h4); } .media-container button { bottom: 4rem; } .accordion-item { width: 100%; /* Full width on mobile */ } .accordion-item:nth-child(1) { border-bottom: none; } .text-media-slider .swiper-slide { flex-direction: column; column-gap: 0; /* Remove column gap */ } .text-media-slider .media-container, .text-media-slider .slide-content { width: 100%; padding: 0; /* Remove padding */ } .text-media-slider .slide-content { min-height: 180px; } .text-media-slider .media-container { margin-bottom: 1.5rem; flex: 1 1 100%; } .text-media-slider .swiper-button-prev, .text-media-slider .swiper-button-next { display: none; /* Hide arrows on mobile */ } .logo-slider-swiper .swiper-slide img { max-width: 100%; } .testimonial-content { padding: 0; } .testimonial-logo { max-height: 30px; margin-bottom: 1rem; } .testimonial-slider .swiper-button-prev, .testimonial-slider .swiper-button-next { display: none; } .agenda-time { flex: 0 0 4rem; } .agenda-speaker { flex: auto; flex-direction: column; width: 100%; margin-bottom: 2rem; } .agenda-download-info { margin-bottom: 2rem; } .agenda-speaker-image { margin-left: auto; margin-right: auto; width: 8rem; height: 8rem; } .download-button { text-align: right; width: 100%; } .footer-content { flex-direction: column; } .footer-logo-description, .footer-form { max-width: 100%; } .footer-bottom { flex-direction: column; align-items: flex-start; text-align: left; } .footer-links { padding-left: 0; } .fg-form-modal.open { padding: 0 2rem; } .fg-form-modal .gf-forms { max-height: 100vh; } .page-teaser .icon-button { padding-left: 0; } .scrolldown-modal { display: none !important; } .publication-download .media-container, .publication-download .text-container { width: 100%; } .info-publication-overview { display: none; } .publication-download .media-container img { width: 100%; } .publication-download .media-container-text { width: 23.06rem; top: 6rem; } .publication-item:before { width: 9rem; height: 9rem; } .number-of-4_columns .managers-items .manager-card, .number-of-3_columns .managers-items .manager-card, .number-of-4_columns .cardspopup-items .cardspopup-card, .number-of-3_columns .cardspopup-items .cardspopup-card { width: 100%; } .manager-modal, .cardspopup-modal { width: calc(100% - 1.6rem); padding: 4rem 0.8rem 2rem; container-type: inline-size; max-height: 70vh; } .manager-modal .modal-content, .cardspopup-modal .modal-content { /*max-height: calc(100cqh - 195px);*/ /*overflow: auto;*/ padding-bottom: 1.5rem; } .manager-modal .modal-content h5, .cardspopup-modal .modal-content h5 { margin-bottom: 1.5rem; } } @media all and (min-width: 1024px) { .left-right-text > h2, .left-right-text > h3 { max-width: 50%; } }