.mega-dropdown { backface-visibility: hidden; background: rgba(0, 0, 0, 0.9); display: block; font-size: 0.875em; right: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; transition: max-height 0s ease 0.3s, padding 0s ease 0.3s, opacity 0.3s ease 0s; width: 100%; text-transform: none; } /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } :root { --wrapper-width: 144rem; --font-family-primary: 'Roboto'; --font-family-secondary: 'Roboto Slab'; --color-green: #76b82a; --color-green-dark: #4ca22f; --color-blue: #41c0f0; --color-blue-dark: #509ccd; --color-black: #191919; --color-brand: #f39200; --color-brand-dark: #ea5b0c; --color-brand-lighter: #faa628; --color-brand-darker: #f38600; --color-links: var(--color-brand); --color-links-lighter: var(--color-brand-lighter); --color-btn: var(--color-brand); --base-line-height: 1.4; --base-font-size: 1.6rem; --base-line-height: 1.625; --headings-line-height: 1.1; --headings-weight: 700; --headings-color: #1a1a1a; --font-size-s: 1.2rem; --font-size-m: 1.4rem; --font-size-l: 1.8rem; --font-size-xl: 2rem; --font-size-xxl: 2.2rem; } /* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../files/theme/fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../files/theme/fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Slab'; font-style: normal; font-weight: 500; src: url('../../files/theme/fonts/roboto-slab-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Slab'; font-style: normal; font-weight: 600; src: url('../../files/theme/fonts/roboto-slab-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-family: 'PT-Mono-Bold'; src:url('../../files/theme/fonts/PT-Mono-Bold.ttf.woff') format('woff'), url('../../files/theme/fonts/PT-Mono-Bold.ttf.svg#PT-Mono-Bold') format('svg'), url('../../files/theme/fonts/PT-Mono-Bold.ttf.eot'), url('../../files/theme/fonts/PT-Mono-Bold.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } .clear::after { content: ""; display: table; clear: both; } .invisible { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .space { float: left; width: 8rem; } .roboto { font-family: var(--font-family-primary); } .roboto-slab { font-family: var(--font-family-secondary); } .pt-mono { font-weight: 400; font-family: 'PT-Mono-Bold'; } .orange { color: var(--color-brand); } .blue { color: var(--color-blue); } .green { color: var(--color-green); } .text-black { color: var(--color-black); } .gradient { color: transparent; background: linear-gradient(to right, var(--color-brand), var(--color-brand-dark)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } body.werbetechnik .gradient { background: linear-gradient(to right, var(--color-green), var(--color-green-dark)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } body.textildruck .gradient { background: linear-gradient(to right, var(--color-blue), var(--color-blue-dark)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .article--grey { background: linear-gradient(to right, #dadada 0%, #e6e6e6 50%, #dadada 100%); } .article--black { background: var(--color-black); color: #fff; } .text--center { text-align: center; } .text--short--600 { max-width: 60rem; } .text--short--800 { max-width: 80rem; } .text--short--1000 { max-width: 100rem; } .text--center.text--short--600, .text--center.text--short--800, .text--center.text--short--1000 { margin-left: auto; margin-right: auto; } .text--brighter { color: rgb(0,0,0,0.4); } .article--black .text--brighter { color: rgb(255,255,255,0.4); } .full-width { position: relative; left: 50%; right: 50%; margin: 0 -50vw; width: 100vw; } .font--s { font-size: var(--font-size-s); } .font--m { font-size: var(--font-size-m); } .font--l { font-size: var(--font-size-l); } .font--xl { font-size: var(--font-size-xl); } .font--xxl { font-size: var(--font-size-xxl); } .m-b-0 { margin-bottom: 0 !important; } .m-b-10 { margin-bottom: 1rem !important; } .m-b-20 { margin-bottom: 2rem !important; } .m-b-30 { margin-bottom: 3rem !important; } .m-b-40 { margin-bottom: 4rem !important; } .m-b-50 { margin-bottom: 5rem !important; } .m-b-60 { margin-bottom: 6rem !important; } .m-b-70 { margin-bottom: 7rem !important; } .m-b-80 { margin-bottom: 8rem !important; } .m-b-200 { margin-bottom: 20rem !important; } .m-t-0 { margin-top: 0 !important; } .m-t-10 { margin-top: : 1rem !important; } .m-t-20 { margin-top: 2rem !important; } .m-t-30 { margin-top: 3rem !important; } .m-t-40 { margin-top: 4rem !important; } .m-t-50 { margin-top: 5rem !important; } .m-t-60 { margin-top: 6rem !important; } .m-t-70 { margin-top: 7rem !important; } .m-t-80 { margin-top: 8rem !important; } .m-t-200 { margin-top: 20rem !important; } .p-b-0 { padding-bottom: 0 !important; } .article--p-40 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .article--p-60 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .article--p-80 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .article--p-100 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .article--p-120 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .article--p-140 { padding-top: 14rem !important; padding-bottom: 14rem !important; } .has-shadow { position: relative; } .has-shadow::after { content: ""; position: absolute; left: 50%; bottom: -8rem; transform: translateX(-50%); width: 70%; height: 5rem; opacity: 0.7; background: radial-gradient( ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.18) 25%, rgba(0,0,0,0.10) 45%, rgba(0,0,0,0.05) 60%, rgba(0,0,0,0.02) 65%, rgba(0,0,0,0) 100% ); } .has-shadow--wide::after { bottom: -9rem; width: 100%; } html { font-size: 62.5%; } .fadeInUp { animation-name: fadeInUpCustom; } @keyframes fadeInUpCustom { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } body { padding: 9.5rem 0 0; height: 2000px; line-height: var(--base-line-height); font-size: var(--base-font-size); font-family: var(--font-family-primary); color: var(--color-text); overflow-x: hidden; } body::before { content: ""; display: block; height: 1rem; background: #fff; } ::selection { color: #fff; background: var(--color-links); } ::-moz-selection { color: #fff; background: var(--color-links); } ::-webkit-selection { color: #fff; background: var(--color-links); } *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } p, ul, ol { margin: 0 0 3rem; } .content-text.m-b-0 > .rte > p:last-of-type { margin: 0 !important; } a { color: var(--color-brand); text-decoration: none; transition: 0.3s all; } img { display: block; max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; line-height: var(--headings-line-height); font-family: var(--font-family-secondary); font-weight: var(--headings-weight); color: var(--headings-color); } .headlinebox__headline { display: block; margin: 0; font-size: 1.6rem; font-weight: 400; font-family: var(--font-family-primary); line-height: var(--headings-line-height); letter-spacing: 0.1rem; color: var(--headings-color); text-transform: uppercase; } .headlinebox__addon { display: block; margin: 0 0 0.5em; line-height: var(--headings-line-height); font-size: 8.7rem; font-family: var(--font-family-secondary); font-weight: var(--headings-weight); } .headlinebox--center { text-align: center; } .article--black .headlinebox__headline, .article--black .headlinebox__addon { color: #fff; } .container { margin: 0 auto; padding: 0 3rem; max-width: var(--wrapper-width); } .main .mod_article { padding: 10rem 0; } .article--dark { color: #fff; background: #262626; } .main .article--grey-shaped { position: relative; margin: 0 0 10rem; padding-bottom: 3rem; background: linear-gradient(to right, #dadada 0%, #e6e6e6 50%, #dadada 100%); } .article--grey-shaped::after { content: ""; position: absolute; left: 0; bottom: -80px; width: 100%; height: 80px; background: linear-gradient(to right, #dadada 0%, #e6e6e6 50%, #dadada 100%); clip-path: polygon(0 0, 100% 0, 75% 100%); } .content-text { margin-bottom: 5rem; } #dynamo { display: inline-block; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 3%; margin-right: 3%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 48.5%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 31.3333%; } .rs-column.-large-col-3-2 { width: 64.6666%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 22.75%; } .rs-column.-large-col-4-2 { width: 48.5%; } .rs-column.-large-col-4-3 { width: 77.25%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 31.3333%; } .rs-column.-large-col-6-3 { width: 48.5%; } .rs-column.-large-col-6-4 { width: 64.6666%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 3%; margin-right: 3%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 3%; } .rs-column.-large-first-row { margin-top: 3%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 48.5%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 31.3333%; } .rs-column.-medium-col-3-2 { width: 64.6666%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 22.75%; } .rs-column.-medium-col-4-2 { width: 48.5%; } .rs-column.-medium-col-4-3 { width: 77.25%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 31.3333%; } .rs-column.-medium-col-6-3 { width: 48.5%; } .rs-column.-medium-col-6-4 { width: 64.6666%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 3%; margin-right: 3%; } .rs-column.-large-last { margin-right: 3%; } .rs-column.-large-first-row { margin-top: 3%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 3%; } .rs-column.-medium-first-row { margin-top: 3%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 48.5%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 31.3333%; } .rs-column.-small-col-3-2 { width: 64.6666%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 22.75%; } .rs-column.-small-col-4-2 { width: 48.5%; } .rs-column.-small-col-4-3 { width: 77.25%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 31.3333%; } .rs-column.-small-col-6-3 { width: 48.5%; } .rs-column.-small-col-6-4 { width: 64.6666%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.5em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; background: #4c4c4c; padding: 5px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #b3b3b3; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #b3b3b3; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #b3b3b3; } label.hide-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } input, textarea, select { padding: 1.3rem 1rem; border: 3px solid transparent; width: 100%; font-size: 1.5rem; font-family: inherit; outline: 0; transition: 0.3s all; } input:hover, textarea:hover { background: #eee; } input:focus, textarea:focus { border-color: var(--color-brand); } textarea { height: 24rem; } select { color: #fff; font-weight: 700; background: var(--color-brand) url("../../files/theme/img/select-arrow.svg") no-repeat right 2rem center; background-size: 25px 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .widget { margin: 0 0 2rem; } .checkbox_container input { display: inline-block; position: relative; top: -2px; margin: 0 1rem 0 0; width: 2rem; height: 2rem; padding: 0; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../../files/theme/img/checkbox.png") no-repeat; background-size: contain; } .checkbox_container input:checked { background-image: url("../../files/theme/img/checkbox-active.png"); } .checkbox_container a { color: var(--color-brand) !important; } .checkbox_container a:hover { color: var(--color-brand-lighter) !important; } button.submit { padding: 1.8rem 8rem; border: 0; font-size: 1.5rem; font-weight: 700; color: #fff; cursor: pointer; transition: 0.3s all; background: linear-gradient(to right, #f39100, #ea5c0a); } button.submit:hover { filter: brightness(1.1); } .header__scroll-progress { position: absolute; bottom: -3px; left: 0; height: 5px; width: 0%; pointer-events: none; background: var(--color-brand); } body.werbetechnik .header__scroll-progress { background: var(--color-green); } body.textildruck .header__scroll-progress { background: var(--color-blue); } .site-header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; border-bottom: 1px solid #4b4b4b; background: var(--color-black); } .site-header__inner { display: flex; justify-content: space-between; align-items: center; } .main-nav__list { display: flex; margin: 0; } .main-nav__item { margin: 0 0 0 10rem; } .main-nav__item a, .main-nav__item span { display: block; height: 10.5rem; line-height: 10.5rem; font-size: 1.6rem; color: #fff; } .main-nav__item.submenu > span::after { content: ""; display: inline-block; position: relative; top: -0.2rem; margin: 0 0 0 1.3rem; width: 0.8rem; height: 0.8rem; transform: rotate(-45deg); border-left: 2px solid #fff; border-bottom: 2px solid #fff; } .main-nav > ul > li.submenu > span.active::after, .main-nav > ul > li.submenu:hover > span::after, .main-nav > ul > li.submenu.trail > span::after { transition: 0.3s all; border-color: var(--color-brand); } .main-nav__item a:hover, li.main-nav__item--submenu:hover > span, .main-nav__item .trail, .main-nav__item span.active { transition: 0.3s all; color: var(--color-brand); } .main-nav__cta { position: relative; top: 2px; } li.main-nav__cta a, li.main-nav__cta span { margin: 3rem 0 0; padding: 0.8rem 1.3rem; height: 4rem; font-weight: 700; font-family: var(--font-family-secondary); line-height: normal; color: #fff !important; } li.main-nav__cta a::after, li.main-nav__cta span::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; display: block; transform: skewY(-1deg); width: 100%; height: 100%; border: 1px solid #f39205; border-radius: 1.2rem; background: linear-gradient(to right, #f39205, #ea5c0a); } li.main-nav__cta a:hover::after { filter: brightness(1.1); } li.main-nav__cta a:active { top: 3px; } .main-nav .mega-dropdown { z-index: 10000000; top: 10.5rem; max-width: calc(var(--wrapper-width) - 6rem); left: 50%; transform: translateX(-50%); color: #000; pointer-events: auto; background: none; } .main-nav .mega-dropdown-inner { display: flex; padding: 4.5rem 0 3.5rem 5.5rem; box-shadow: 0 0 5px rgba(0,0,0,0.3); background: #e6e6e6; } .main-nav .mega-dropdown__group { position: relative; width: 25%; } .main-nav .mega-dropdown ul { display: block; } .main-nav .mega-dropdown li { margin: 0 0 1.5rem; } .main-nav .mega-dropdown li a, .main-nav .mega-dropdown li span { height: auto; line-height: normal; color: #000; font-size: 1.8rem; font-weight: 300; } .main-nav .mega-dropdown li:first-of-type a, .main-nav .mega-dropdown li:first-of-type span { margin: 0 0 1.5rem; height: auto; line-height: normal; font-size: 1.8rem; font-weight: 700; font-family: var(--font-family-secondary); color: var(--color-black); } .main-nav .mega-dropdown li a:hover, .main-nav .mega-dropdown li.active a { color: var(--color-brand); } .main-nav .mega-dropdown .nav-item--downloads a::before { content: "» "; } @media only screen and (max-width: 1200px) { } .footer { overflow: hidden; position: relative; padding: 11rem 0 0; font-size: 1.6rem; color: #fff; background: var(--color-black); } .footer::before { content: ""; display: block; position: absolute; left: -8rem; bottom: -17rem; width: 85rem; height: 85rem; background: url("../../files/theme/img/footer-bg.svg") no-repeat; background-size: cover; } .footer::after { content: ""; position: relative; display: block; height: 0.8rem; background: linear-gradient(to right, #f39100, #ea5c0a); } .footer__top__wrapper, .footer__bottom__wrapper { position: relative; z-index: 1; } .footer__logo { margin: 0 0 10rem; width: 34.5rem; } .footer h5 { margin: 0 0 2rem; line-height: 1.5; font-size: 2.1rem; color: #fff; } .footer h5 .brandorange { font-weight: 400; font-family: 'PT-Mono-Bold'; } .footer h5 .roboto { font-size: 1.6rem; font-weight: 400; } .footer__top__right-col h5 { margin: 0 0 4rem; font-size: 1.6rem; } .footer h6 { margin: 0 0 1rem; font-size: 1.6rem; color: #fff; } .footer a { color: #fff; } .footer a:hover { color: var(--color-brand); } .footer__top__right-col { padding: 0 0 0 15%; } .footer__socials { display: flex; gap: 2rem; margin: 2rem 0 0; } .footer__socials li { list-style: none; } .footer__socials__link { display: block; width: 4.2rem; height: 4.2rem; text-indent: -999rem; background: url("../../files/theme/img/footer-socials.svg"); background-size: 10.3rem 4.2rem; } .footer__socials__link--fb { background-position: -6rem 0; } .footer .shortcuts { margin: -2rem 0 0; } .footer .shortcuts ul { display: flex; flex-wrap: wrap; max-width: 580px; } .footer .shortcuts ul li { list-style: none; } .footer .shortcuts ul li::after { content: "|"; margin: 0 0.5rem; } .footer .shortcuts ul li:last-of-type::after { display: none; } .footer__bottom__wrapper { position: relative; padding: 15rem 0 1.5rem; font-size: 1.4rem; text-align: center; } .footer__bottom__wrapper p { margin: 0; } .footer__bottom__wrapper .brandorange { font-family: 'PT-Mono-Bold'; font-weight: 400; } .footer__contact { position: absolute; right: 5.5rem; bottom: 0; } .footer__contact__content { position: absolute; transform: translateX(-50%) rotate(-5deg); left: 50%; bottom: 12rem; padding: 1rem; width: 15rem; font-size: 1.7rem; text-align: center; font-weight: 700; color: #0c0700 !important; background: var(--color-brand); } .footer__contact__content::before { content: ""; display: inline-block; position: absolute; transform: rotate(-228deg); top: 6.8rem; right: 1.5rem; width: 0; height: 0; border-style: solid; border-width: 20px 22px 0px 22px; border-color: var(--color-brand) transparent transparent transparent; } .footer__contact__content .white { color: #fff; } .footer__contact__image { width: 9.2rem; height: 9.5rem; background: url("../../files/theme/img/footer-chameleon.png") no-repeat; } .main .home-intro { padding: 7.5rem 0; } .cards { position: relative; z-index: 10; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 7rem auto; max-width: 116rem; } .card { position: relative; width: 31%; border-radius: 3rem; } .card::before { content: ""; position: absolute; z-index: 10; top: 3px; left: 3px; width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 3rem; pointer-events: none; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100,000000+100&0+20,0.65+100 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .card::after { content: ""; position: absolute; z-index: 10; bottom: -0.2rem; left: 50%; transform: translateX(-50%); width: 15rem; height: 0.8rem; background: var(--color-brand); } .card:nth-of-type(2)::after { background: var(--color-green); } .card:nth-of-type(3)::after { background: var(--color-blue); } .card img { position: relative; z-index: 1; border-radius: 3rem; padding: 4px; width: 100%; transition: filter 0.3s ease; } .card:hover img { filter: brightness(0.8); } .card__content { position: absolute; width: 100%; z-index: 100; bottom: 0; padding: 0 7% 1rem; font-size: 1.8rem; text-align: center; color: #fff; } .card__headline { margin: 0 0 3rem; font-size: 2.7rem; font-family: var(--font-family-primary); color: #fff; } .card__description { display: none; width: 100% !important; } .card__border { --c: var(--color-brand); /* the border color */ --b: 0; /* the border thickness*/ --g: 0px; /* the gap on hover */ position: absolute; transform: rotate(180deg); top: 0; left: 0; width: 100%; height: 100%; border-radius: 3rem; padding: calc(var(--g) + var(--b)); --_g: var(--c) 25%,var(--c) 0; background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0 /200% var(--_i,var(--b)) no-repeat, conic-gradient( at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat; transition: .3s, background-position .3s .3s; } .card:nth-of-type(2) .card__border { --c: var(--color-green); } .card:nth-of-type(3) .card__border { --c: var(--color-blue); } .card:hover .card__border { --_i: 100%; transition: .3s, background-size .3s .1s; background-position: center top; } .home-big-logo img { float: right; margin: 5rem 0 0; } .why-us__content { padding: 0 5% 0 0; } .main .home-projects { padding: 12rem 0; color: #fff; background: url("../../files/theme/img/bgs/home-projects-bg.jpg") no-repeat; background-size: cover; } .home-projects .headlinebox__addon { color: #fff; } .home-projects .headlinebox__headline { color: #fff; } .home-projects .headlinebox + .content-text { max-width: 75rem; } .home-projects__slider { margin: 10rem -20vw 0 0; } .home-projects__slider img { width: 100%; } .home-projects__slider__text { position: relative; margin: -2rem 0 0 2rem; padding: 6rem 0 0 2rem; line-height: 1.2; } .home-projects__slider__text::after { content: ""; position: absolute; left: 0; bottom: 0.4rem; height: 100%; width: 3px; background: var(--color-brand); } .home-projects__slider__title { font-size: 1.6rem; color: #fff; } .home-projects__slider__service { font-size: 1.6rem; font-weight: 300; color: #fff; } .main .home-logos { padding: 7rem 0; background: #e6e6e6; } .home-logos__list ul { display: flex; justify-content: space-between; align-items: center; margin: 0; } .home-logos__list ul li { width: 22.5%; list-style: none; } .home-logos__list ul li img { margin: 0 auto; max-width: 70%; } /* ============================== Button ============================== */ .btn { margin: 0 0 5rem; } .btn a { display: inline-block; padding: 1.6rem 3rem; font-size: 1.6rem; font-weight: 700; font-family: var(--font-family-secondary); line-height: normal; border-radius: 2rem; color: #fff !important; } .btn--orange a { background: var(--color-brand); } .btn--gradient a {background: linear-gradient(to right, var(--color-brand), var(--color-brand-dark)); } body.werbetechnik .btn--gradient a {background: linear-gradient(to right, var(--color-green), var(--color-green-dark)); } body.textildruck .btn--gradient a {background: linear-gradient(to right, var(--color-blue), var(--color-blue-dark)); } .btn--orange a:hover, .btn--gradient a:hover { filter: brightness(1.1); } /* ============================== Hero Image ============================== */ #hero { position: relative; } #hero figure { height: calc(100vh - 9.5rem); } #hero .container { max-width: none; padding: 0; width: 100%; } #hero img, #hero video { object-fit: cover; width: 100%; height: 100%; } #hero video { filter: brightness(0.6) contrast(1.1); } .hero__text-wrapper { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -60%); max-width: var(--wrapper-width); padding: 0 3rem; width: 100%; color: #fff; } .hero__text-wrapper .headlinebox, .hero__text-wrapper .hero__text { max-width: 65%; } .hero__text-wrapper .headlinebox__addon { color: #fff; } .hero__text-wrapper .headlinebox__headline { font-size: 1.5rem; color: #fff; } .hero__text { margin: 10rem 0 0; font-size: 1.6rem; } .hero__button { position: absolute; z-index: 100; bottom: 6rem; left: 50%; transform: translateX(-50%); padding: 0 3rem; max-width: var(--wrapper-width); width: 100%; } .hero__button a { position: relative; font-weight: 500; font-size: 1.6rem; font-family: var(--font-family-secondary); } .hero__button a:hover { filter: brightness(1.1); } .hero__button__arrow { position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); } .hero__button__arrow span { display: block; width: 1.1rem; height: 1.1rem; border-bottom: 3px solid var(--color-brand); border-right: 3px solid var(--color-brand); transform: rotate(45deg); margin: -3px; animation: arrows 1.5s infinite; } body.werbetechnik .hero__button__arrow span { border-bottom-color: var(--color-green); border-right-color: var(--color-green); } body.textildruck .hero__button__arrow span { border-bottom-color: var(--color-blue); border-right-color: var(--color-blue); } .hero__button__arrow span:nth-of-type(3), .hero__button__arrow span:nth-of-type(4) { border-color: #fff !important; } @keyframes arrows { 0% { opacity: 0; transform: rotate(45deg) translate(-5px, -5px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(5px, 5px); } } /* ============================== Icon-Teasers ============================== */ .iconteasers { display: flex; flex-wrap: wrap; margin: 8rem 0 5rem; } .iconteasers__entry { width: 25%; text-align: center; } .iconteasers strong { font-family: var(--font-family-secondary); } .iconteasers figcaption { padding: 0 10%; } .iconteasers img { margin: 0 auto 3rem; } .iconteasers figcaption a { color: var(--color-brand); } /* ============================== Icon-Karten ============================== */ .iconcards { display: flex; justify-content: space-between; margin: 0 0 8rem; } .iconcard { position: relative; padding: 2rem; border-radius: 2.5rem; width: 17.5%; height: 28rem; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #fff; } .iconcard:hover { transition: 0.3s all; box-shadow: 0 0 20px rgba(0,0,0,0.4); } .iconcard--orange { background: linear-gradient(to bottom right, var(--color-brand), var(--color-brand-dark)); } .iconcard__link { color: inherit; } .iconcard__content { position: absolute; bottom: 0; left: 0; width: 100%; } .iconcard__title { margin: 0 0 6rem; padding: 0 1rem; line-height: 1.5; font-family: var(--font-family-primary); } .iconcard--orange .iconcard__title { color: #fff; } .iconcard__text { display: none; margin: -4.5rem 0 0; width: 100% !important; padding: 0 2rem !important; font-size: 1.3rem; font-weight: 300; hyphens: auto; /* automatische Silbentrennung */ overflow-wrap: break-word; /* falls ein Wort gar nicht trennbar ist */ } .iconcard--orange .iconcard__text { color: #fff; } .iconcard__image img { margin: 0 auto 5rem; height: 8rem; transition: 0.3s all; } .iconcard:hover .iconcard__image img { margin: 0 auto 3rem; } /* ============================== Grid gallery ============================== */ .grid-gallery--v1 .grid-gallery__list { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(16, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; margin: 0; } .grid-gallery--v1 .grid-gallery__item { list-style: none; } .grid-gallery--v1 .grid-gallery__item--large { grid-area: 1 / 1 / 9 / 6; } .grid-gallery--v1 .grid-gallery__item--medium { grid-area: 3 / 6 / 9 / 9; } .grid-gallery--v1 .grid-gallery__item--highlight { grid-area: 9 / 1 / 15 / 4; } .grid-gallery--v1 .grid-gallery__item--wide { grid-area: 9 / 4 / 17 / 9; } .grid-gallery--v1 .grid-gallery__item img { width: 100%; height: 100%; object-fit: cover; } .grid-gallery--v2 .grid-gallery__list { display: grid; grid-template-columns: repeat(16, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin: 0; width: 300%; } .grid-gallery--v2 .grid-gallery__item { list-style: none; } .grid-gallery--v2 .grid-gallery__item--1 { grid-area: 6 / 1 / 8 / 3; } .grid-gallery--v2 .grid-gallery__item--2 { grid-area: 1 / 3 / 7 / 6; } .grid-gallery--v2 .grid-gallery__item--3 { grid-area: 8 / 1 / 11 / 6; margin: 0 0 -44%; } .grid-gallery--v2 .grid-gallery__item--4 { grid-area: 10 / 4 / 12 / 6; /* 1 Row nach oben verschoben */ } .grid-gallery--v2 .grid-gallery__item--5 { grid-area: 10 / 1 / 15 / 4; /* 1 Row nach oben verschoben */ } .grid-gallery--v2 .grid-gallery__item img { width: 100%; height: 100%; object-fit: cover; } .grid-gallery--v2 .grid-gallery__item--2 img { height: 127%; } .grid-gallery--v2 .grid-gallery__item--3 img { height: 40%; } /* ============================== Text-Bild Sektionen ============================== */ .media-text { display: flex; margin: 0 0 8rem; } .iconteasers + .media-text { margin-top: 12rem; } .media-text__content { padding: 0 7% 0 0; } .media-text--reverse { display: flex; } .media-text--reverse .media-text__content { order: 1; margin-right: 0; padding: 0 0 0 7%; } .media-text__content { display: flex; flex-direction: column; flex: 1; } .media-text--teamwork .media-text__content { padding-top: 9rem; } .media-text__footer { margin: auto 0 0; } .media-text__links p { margin: 0; font-weight: 700; color: var(--color-brand); } .media-text__links ul { margin: 0; } .media-text__links ul li { display: inline; } .media-text__links ul li::after { content: " | "; } .media-text__links ul li:last-of-type::after { display: none; } .media-text__links ul li a { color: inherit; } .media-text__links ul li a:hover { color: var(--color-brand); } .mod_article.equipment { margin: 0 0 3rem } .mod_article.equipment .grid-gallery--v2 { margin: -14rem 0 -16rem; } .main .article--neuland { padding: 8rem 0 0; } .article--neuland .media-text__content { position: relative; justify-content: center; } .article--neuland img { float: right; margin: 0 -10rem 0 0; width: 150%; max-width: none; } .article--neuland .cta-btn { position: absolute; z-index: 10; right: 8rem; bottom: -17rem; display: flex; flex-direction: column; justify-content: center; padding: 0 2rem; width: 20rem; height: 20.1rem; text-align: center; text-shadow: 1px 1px 1px var(--color-brand-dark); color: #fff; background: url("../../files/theme/img/cta-btn-round.svg") no-repeat; } .article--neuland .cta-btn__title { margin: 0 0 1rem; line-height: 1.3; font-weight: 900; font-size: 2.3rem; font-family: var(--font-family-secondary); } .main .article--matrix { padding: 15rem 0 35rem; background: url("../../files/theme/img/bgs/matrix-bg-dummy.jpg") no-repeat center center; background-size: cover; } .main .quote { overflow-y: hidden; position: relative; padding: 13rem 0; border-bottom: 1rem solid var(--color-black); color: #fff; text-align: center; background: linear-gradient(to right, #f39100, #ea5c0a); } .main .quote::before { content: ""; position: absolute; left: 10%; bottom: -30%; display: block; width: 35rem; height: 35rem; background: url("../../files/theme/img/bgs/logo-quote-bg.svg") no-repeat; } .quote p { position: relative; margin: 0 0 1rem; line-height: 1.3; font-size: 3.3rem; font-weight: 700; font-family: var(--font-family-secondary); } .quote footer { position: relative; margin: 1.5rem 0 0; font-size: 1.3rem; } .quote footer cite { font-style: normal; } .ce_accordion.first { margin-top: 1rem; } .ui-accordion-header { cursor: pointer; font-weight: 700; font-family: var(--font-family-secondary); color: var(--color-brand); } body.werbetechnik .ui-accordion-header { color: var(--color-green); } body.textildruck .ui-accordion-header { color: var(--color-blue); } .ui-accordion-header::before { content: "» "; } .ui-accordion-content { margin: 1rem 0 0; } .article--anlagen { background: url("../../files/theme/img/bgs/anlagen-bg.jpg") no-repeat center center; background-size: cover; } .article--anlagen .headlinebox { margin: 0 0 10rem; }