.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} /** * 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} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /** * 10-font.css **/ /** * 10-font.css **/ @font-face{ font-family: KlavikaRegular; src: url('../../files/themes/hr/font/KlavikaWebBasicRegular.eot'); src: url('../../files/themes/hr/font/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'), url('../../files/themes/hr/font/KlavikaWebBasicRegular.woff') format("woff"); } @font-face{ font-family: KlavikaMedium; src: url('../../files/themes/hr/font/KlavikaWebBasicMedium.eot'); src: url('../../files/themes/hr/font/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'), url('../../files/themes/hr/font/KlavikaWebBasicMedium.woff') format("woff"); } /** * 20-base.css * * - reset & basic defintions **/ a, b, blockquote, body, div, em, fieldset, figure, h1, h2, h3, h4, h5, h6, i, iframe, img, input, li, label, legend, p, textarea, select, strong, table, td, th { margin: 0; padding: 0; outline: 0; line-height: 1.5; border: none; background: transparent; text-rendering: auto; } aside, article, dl, figure, figcaption, footer, header, hgroup, iframe, input, label, legend, nav, ol, p, section, select, textarea, ul { display: block; } html { font-size: 16px; overflow-y: scroll; } body, input, textarea, select { font-size: 100%; font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; font-weight: 400; } blockquote, cite, q { font-family: Georgia, 'Times New Roman', Times, serif; } pre { font-family: monospace; white-space: pre; } body { position: relative; } a { text-decoration: none; } a:hover, a:focus, a:active { text-decoration: underline; } a:active { background: none; } blockquote, em, cite, q { font-style: italic; } cite:before { content: '\201E'; } cite:after { content: '\201D'; } a:active, button:active { outline: none; } fieldset { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: lighter; } h1 { font-size: 1.75em; } h2 { font-size: 1.5em; } h3 { font-size: 1.375em; } h4 { font-size: 1.25em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } img { -ms-interpolation-mode: bicubic; vertical-align: middle; } label[for]:hover { cursor: pointer; } ul, ol, dl, li { margin: 0; } ul, ol, dl { padding: 0 0 0 1.5em; } dd { margin: 0 0 0 1em; } b, strong { font-weight: bold; } textarea { resize: vertical; } nav ul { padding: 0; list-style: none inside; } nav a, nav a:hover, nav a:focus, nav a:active { text-decoration: none; } img { max-width:100%; height: auto; -ms-interpolation-mode: bicubic; /* IE7 */ width: auto\9; /* IE8 */ } figure a { display: block; } figure img { display: block; margin: 0; } figure figcaption { min-width: 100%; max-width: 100%; text-align: center; font-style: italic; } /* @todo: revise label, input, textarea, select { display: inline-block; border: none; width: 70%; vertical-align: top; } */ label { width: 25%; } p, ul, ol, dl { margin: 0 0 1em; } ul ul, ol ul, ol ol { margin: .25em 0; } /** * tables **/ table { width: 100%; border: 1px solid #EEE; border-collapse: collapse; } td, th { padding: .25em; border-bottom: 1px solid #E9E9E9; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; color: #555; font-weight: normal; } thead tr { background: #F9F9F9; } thead th { font-weight: bold; } table.sortable thead th { cursor: pointer; } tbody tr { background: #F9F9F9; } tbody tr:nth-child(odd) { background: #F7F7F7; } tbody tr:hover { background: #FFF; } tfoot tr { background: #EEE; } tfoot td { color: #999; font-style: italic; } /** * form elements **/ ::-webkit-input-placeholder { color: #999; } ::-moz-placeholder { color: #999; } /*FF19+*/ :-moz-placeholder { color: #999; } /*FF18-*/ :-ms-input-placeholder { color: #999; } legend { width:100%; display:block; font-weight:bold; border:0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{ width:100%; display:inline-block; padding:3px 6px; background:#fff; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 1px #eee; -webkit-box-shadow:inset 0 1px 1px #eee; box-shadow:inset 0 1px 1px #eee; -moz-transition:all .15s linear; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{ outline:0; background:#fcfcfc; border-color:#bbb; } input[type="file"] { cursor:pointer; } select, input[type="file"] { display:block; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width:auto; } textarea, select[multiple], select[size] { height:auto; } input[type="radio"], input[type="checkbox"] { margin:0 3px 0 0; } input[type="radio"], input[type="checkbox"], label { vertical-align:middle; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background:#eee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background:transparent; } input[type="submit"], .button{ display:inline-block; padding:4px 15px 4px 14px; margin-bottom:0; text-align:center; vertical-align:middle; line-height: 1.5; font-size: 1em; color:#000; cursor:pointer; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#ececec; background-image:-moz-linear-gradient(top,#fff,#ececec); background-image:-webkit-linear-gradient(top,#fff,#ececec); background-image:-ms-linear-gradient(top,#fff,#ececec); background-image:-o-linear-gradient(top,#fff,#ececec); background-image:linear-gradient(to bottom,#fff,#ececec); background-repeat:repeat-x; -moz-transition:background .15s linear; -webkit-transition:background .15s linear; -o-transition:background .15s linear; transition:background .15s linear } input[type="submit"]:hover, .button:hover { text-decoration:none; background-position:0 -15px!important } input[type="submit"]:active, .button:active { background-color:#e6e6e6; background-position:0 -30px!important } input[type="submit"].blue, .button.blue { background-color:#2f96b4; background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4); background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4); background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4); background-image:-o-linear-gradient(top,#5bc0de,#2f96b4); background-image:linear-gradient(to bottom,#5bc0de,#2f96b4); border-color:#2f96b4; color:#fff } input[type="submit"].blue:active, .button.blue:active { background-color:#2e95b3 } input[type="submit"].green, .button.green { background-color:#51a351; background-image:-moz-linear-gradient(top,#62c462,#51a351); background-image:-webkit-linear-gradient(top,#62c462,#51a351); background-image:-ms-linear-gradient(top,#62c462,#51a351); background-image:-o-linear-gradient(top,#62c462,#51a351); background-image:linear-gradient(to bottom,#62c462,#51a351); border-color:#51a351; color:#fff } input[type="submit"].green:active, .button.green:active { background-color:#4f9f4f } input[type="submit"].orange, .button.orange { background-color:#f89406; background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-ms-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(to bottom,#fbb450,#f89406); border-color:#f89406; color:#fff } input[type="submit"].orange:active, .button.orange:active { background-color:#f28f04 } input[type="submit"].red, .button.red { background-color:#bd362f; background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f); background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f); background-image:-o-linear-gradient(top,#ee5f5b,#bd362f); background-image:linear-gradient(to bottom,#ee5f5b,#bd362f); border-color:#bd362f; color:#fff; } input[type="submit"].red:active, .button.red:active { background-color:#be322b; } /** * globals **/ #clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both } .block { overflow: hidden; } .custom { display:block; text-align:left } .custom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { clear: both; height: auto; font-size: inherit; line-height: inherit; } .first { clear: both; } .invisible { width:0; height:0; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline } .invisible, .hide { display: none; } .show { display: block; } .inside { width: auto; margin: 0 auto; text-align: left; position: relative; } .inside:after { content: ''; clear: both; display: block; height: 0; width: auto; overflow: hidden; } .pagination { clear: both; } .mod_breadcrumb ul, .pagination ul { padding: 0; list-style: none inside; } .mod_breadcrumb li, .pagination li { display: inline; display: inline-block; } /** * experimental **/ embed { max-width: 100%; } .centered { margin-left: auto; margin-right: auto; text-align: center; } /** * 30-layout.css **/ .section_wrapper { margin: 0 auto; max-width: 1200px; } .section_header, .section_main, .section_sidebar, .section_footer { margin: 1em 0; } .section_header { margin-top: 0; } .section_header .inside, .section_main .inside, .section_sidebar .inside, .section_footer .inside { padding: 1em; } .section_main, .section_sidebar { min-height: 600px; } /** * 40-elements.css **/ /** * headlines **/ h1, h2, h3, h4, h5, h6 { text-transform: uppercase; } h1.divider, .divider h1, h2.divider, .divider h2, h3.divider, .divider h3, h4.divider, .divider h4, h5.divider, .divider h5, h6.divider, .divider h6 { margin-top: 32px; margin-top: 2rem; border-bottom: 2px solid #EEE; } .section_sidebar h1, .section_sidebar h2 { font-size: 1.25em; } .section_sidebar h3, .section_sidebar h4 { font-size: 1.125em; } .section_sidebar h5, .section_sidebar h6 { font-size: 1em; } /** * lists **/ ul { list-style-type: disc; } ul ul, ol ul { list-style-type: circle; } ul ul ul, ul ol ul, ol ul ul, ol ol ul { list-style-type: square; } ol, ul ol, ul ul ol, ul ul ul ol { list-style-type: decimal; } ol ol, ul ol ol, ol ul ol, ul ul ol ol, ol ul ul ol, ul ol ul ol { list-style-type: upper-alpha; } ol ol ol, ul ol ol ol, ol ul ol ol, ol ol ul ol { list-style-type: upper-roman; } abbr { position: relative; } abbr:before { display: block; position: absolute; top: -100%; margin: -.25em 0 0; padding: .25em; background: #FFF; border: 1px solid #EEE; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.3); } abbr:hover:before, abbr:focus:before { content: attr(title); } .image_container { margin: 0 0 1em; } figure.float_left, figure.float_right { width: 45%; } figure.float_left { margin-right: 5%; } figure.float_right { margin-left: 5%; } blockquote p, .information, .warning, .confirmation { margin: 1em 0; } blockquote p { margin-top: .5em; margin-bottom: .5em; } blockquote em { display: block; font-weight: normal; font-style: normal; color: #999; } /** * content elements **/ .ce_accordion, .ce_accordion .toggler { border: 1px solid #EEE; border-collapse: collapse; } .ce_accordion { border-width: 0 1px; } .ce_accordion .toggler { border-width: 1px 0; padding: 0 .5em; background: #F9F9F9; cursor: pointer; } .ce_accordion .accordion { padding: .5em; } .ce_tabcontrol .tabcontrol_tabs li, .ce_tabcontrol .tabcontrol_panes { border: 1px solid #EEE; } .ce_tabcontrol .tabcontrol_tabs ul { margin-bottom: 0; padding: 0; list-style: none; } .ce_tabcontrol .tabcontrol_tabs li { display: inline; display: inline-block; padding: .5em; margin: 0 .25em 0 0; background: #F9F9F9; border-color: #F9F9F9; cursor: pointer; } .ce_tabcontrol .tabcontrol_tabs li.selected { background: #FFF; border-color: #EEE; border-bottom-color: #FFF; cursor: default; } .ce_tabcontrol .tabcontrol_panes { margin-top: -1px; padding: .5em; min-height: 10em; } .ce_gallery ul { margin: .5em 0; } .ce_gallery li { margin: 0 1% .25em; } .ce_gallery .cols7 li, .ce_gallery .cols8 li, .ce_gallery .cols9 li, .ce_gallery .cols10 li, .ce_gallery .cols11 li, .ce_gallery .cols12 li { margin: 0 .5% .125em; } .ce_gallery .cols1 li { width: 100%; } .ce_gallery .cols2 li { width: 49%; } .ce_gallery .cols3 li { width: 32%; } .ce_gallery .cols4 li { width: 23.5%; } .ce_gallery .cols5 li { width: 18.4%; } .ce_gallery .cols6 li { width: 15%; } .ce_gallery .cols7 li { width: 13.42857142%; } .ce_gallery .cols8 li { width: 11.625%; } .ce_gallery .cols9 li { width: 10.22222222%; } .ce_gallery .cols10 li { width: 9.1%; } .ce_gallery .cols11 li { width: 8.18181818%; } .ce_gallery .cols12 li { width: 7.41666666%; } .ce_gallery li.col_first { margin-left: 0; } .ce_gallery li.col_last { margin-right: 0; } .ce_gallery li.row_last { margin-bottom: 0; } .ce_gallery.rounded img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /** * global elements **/ .information { color: #5685C2; } .warning { color: #EE5F5B; } .confirmation { color: #62C462; } .pagination { border-top: 1px solid #E9E9E9; } .pagination p, .pagination ul { margin: .125em 0; } .pagination p { float: right; line-height: 2; } .pagination li { margin: 0 .5em 0 0; } .pagination li a, .pagination li span { display: block; padding: 0 .25em; min-width: 1.5em; text-align: center; line-height: 2; } .pagination span.current { background: #EEE; } /** * 50-modules.css **/ /** * mod_navigation **/ .mod_navigation_main li, .mod_navigation_meta li { display: inline; display: inline-block; } .mod_navigation_main a, .mod_navigation_main span, .mod_navigation_meta a, .mod_navigation_meta span { display: block; padding: 0 1em 0 0; line-height: 2; } .section_footer .mod_navigation_meta a, .section_footer .mod_navigation_meta span { padding: 0; } /** * mod_breadcrumb **/ .mod_breadcrumb li:after { content: '>'; display: inline; display: inline-block; margin: 0 .25em; } .mod_breadcrumb li.last:after { content: ''; margin: 0; } /** * mod_calendar **/ .mod_calendar td, .mod_calendar th { width: 14.28571428%; text-align: center; } .mod_calendar .days { padding: 0; } .mod_calendar .header { padding: .25em; } .mod_calendar .today { font-weight: bold; } /** * mod_newsreader **/ .mod_newsreader .back { display: none; } /** * mod_cookiebar **/ .cookiebar { background-color: #0e7188; } .cookiebar__button { background-color: #000; } .cookiebar__button:hover { background-color: #111; } @media only screen and (max-width: 1031px) { .cookiebar__button { margin: .5em 0; } } /** * 70-theme.css **/ body { /*min-width: 1400px;*/ } .medium { float: left; width: 48%; padding: 0 2% 0 0; } .small { float: left; width: 22%; padding: 0 1% 0 0; } /** * Layout **/ .section_wrapper { min-width: 960px; max-width: none; } .section_navigation { position: fixed; top: 25px; width: 100%; z-index: 11; } .section_login { position: fixed; width: 100%; z-index: 12; } .section_header .inside, .section_main .inside, .section_footer .inside { padding: 0; } .section_header, .section_main, .section_sidebar, .section_footer { margin: 0; } .section_container .inside { z-index: 1; } .section_subheader, .section_main, .section_footer { position: relative; top: 115px; z-index: 1; } .section_subheader, .section_footer { z-index: 2; } .section_login .inside, .section_navigation .inside, .section_main .article_wrapper, .section_footer .inside { width: 64%; margin: 0 auto; } .section_main .section_services .article_wrapper { width: 100%; padding-bottom: 150px; overflow: hidden; } .section_main .section_services .article_inside, .section_main .section_contact .article_inside { width: 64%; margin: 0 auto; } .section_main { padding-top: 25px; background: #FFF; z-index: 2; } .section_main .mod_article, .section_services_contact { margin-bottom: 25px; } .section_main .mod_article.section_company, .section_main .mod_article.section_method { margin-bottom: 0; } .section_main .mod_article.section_profit, .section_main .mod_article.section_method { padding-bottom: 80px; } .section_main .section_contact { background: #eaeaea; padding-top: 60px; padding-bottom: 60px; margin-bottom: 0; } .section_footer .inside { padding: 25px 0; } .section_container .mod_article { overflow: hidden; } .section_container .mod_article:before { content: ''; display: block; margin: -91px 0 0; height: 91px; margin: -116px 0 0; height: 113px; } /** * Elements **/ body, input, textarea, select { /*font-family: 'KlavikaRegular', Tahoma, Arial, Helvetiva, sans-serif;*/ font-family: Arial, Helvetiva, sans-serif; } nav, h1, h2, h3, h4, h5, h6 { font-family: 'KlavikaRegular', Tahoma, Arial, Helvetiva, sans-serif; } body.lightbox_open { overflow: hidden; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } strong { font-family: 'KlavikaMedium'; } .section_main h3 { font-size: 15px; font-family: 'KlavikaMedium'; color: #666; line-height: 22px; } .section_main h4 { font-size: 15px; font-family: 'KlavikaMedium'; color: #252525; text-transform: none; } .section_main h5 { font-size: 13px; text-transform: none; } .section_login { overflow: visible; max-height: 25px; background-color: #000; font-family: 'KlavikaMedium', Helevetica, Arial, sans-serif; } .section_login p { margin: 3px 0; color: #FFF; font-size: 13px; } .section_login a { color: #FFF; font-size: 13px; } .asset_login p, .asset_login a, .asset_login li, .asset_login li a, .asset_login li span, .asset_login span, .asset_login label { color: #FFF; font-family: 'KlavikaMedium', Helevetica, Arial, sans-serif; font-size: 11px; } .asset_login { position: absolute; right: 0; top: -220px; width: 190px; height: auto; padding: 25px 15px; margin-right: 10px; z-index: 30; overflow: visible; background: #000; -webkit-transition: top 0.3s ease-out; -moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; transition: top 0.3s ease-out; } .asset_login.error p.error { display: none; } .asset_login.active.error p.error { display: block; } .section_login .asset_login.active { top: 0; } .asset_login .inside { width: auto; margin: 0; } .asset_login ul { list-style-type: none; margin: 0; padding: 0; } .asset_login .ce_text { overflow: visible; } .mod_login_button a { position: relative; display: block; color: #FFF; font-size: 15px; text-transform: uppercase; z-index: 10; } .mod_login_button { height: 52px; width: 120px; position: absolute; bottom: -77px; right: 8px; background-color: #000; } .mod_login_button * { height: 100%; } .mod_login_button a { padding: 20px 0 0 0; height: 32px; text-align: center; } .mod_login_button a:hover, .mod_login_button a:focus, .mod_login_button a:active { text-decoration: none; } .mod_login_button a:before, .mod_login_button a:after { content: ''; position: absolute; bottom: 0; display: block; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; width: 23px; height: 52px; } .mod_login_button a:before { left: -23px; background-position: -400px 0; } .mod_login_button a:after { right: -23px; background-position: -450px 0; } .mod_login input { border: none; margin-bottom: 10px; } .asset_login .submit_container { float: right; } .asset_login .mod_user { position: absolute; bottom: 15px; left: 0; } .asset_login .checkbox_container { position: absolute; bottom: -12px; left: 0; width: 100%; } .asset_login .checkbox_container label, .asset_login .checkbox_container input { display: inline; margin: 0; } .asset_login .checkbox_container input { margin-right: 3px; } .asset_login .checkbox_container label{ width: 80%; } .section_login .logout .submit_container { display: none; } .section_login .logout { width: 80%; } /* logged in */ .section_login .logout + .asset_login { top: -112px; } .section_login .login_info { max-height: 19px; overflow: hidden; width: 70%; } .asset_login .login_info { max-height: none; width: auto; } .asset_login .error { color: #ac1c2f; } .login_info br { display: none; } .section_navigation { height: 91px; background: #ebebeb; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(177,177,177,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(177,177,177,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-8 */ } .video .image_container { margin: 0; } .video_button { position: absolute; display: block; top: 200px; left: 0; right: 0; margin: 0 auto; z-index: 1; } .video_button a, .video_button a:hover, .video_button a:focus, .video_button a:active { font-size: 18px; font-family: 'KlavikaRegular', sans-serif; text-shadow: 1px 0px 1px rgba(0, 0, 0, .5); color: #FFF; } .video_button a img { margin: 0 auto; } .video_button.active { display:none; } .asset_subheader_video { position: relative; z-index: 1; background: url('../../files/content/hro-teaser-2543-text-_0005_start.jpg'); background-size: cover; background-position: -285px 0; height: 700px !important; } .video .image_container { margin: 0em auto; width: 300px; z-index: 5; } .video .image_container a { margin: 0 auto; width: 96px; } .video .image_container figcaption { font-family: 'KlavikaRegular', sans-serif; font-size: 18px; color: #FFF; font-style: normal; } .page_module .section_video { position: relative; padding: 10px 10px 11px 10px; margin-bottom: 15px; background: url('../../files/themes/hr/img/video-mask.png') no-repeat scroll transparent; overflow: visible; background-size: cover; } .page_module .section_video a:before, .page_module .section_video a:after { content: ''; position: absolute; top: 0; right: 0; background: url('../../files/themes/hr/img/reflection.png') no-repeat scroll transparent; width: 191px; height: 261px; } .page_module .section_video a:after{ content: ''; position: absolute; top: 50%; left: 50%; width: 99px; height: 99px; margin-top: -50px; margin-left: -50px; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; background-position: -500px -300px; } .page_module .section_video:after { content: ''; position: absolute; bottom: -18px; left: 50%; margin-left: -222px; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; background-position: 0 -300px; width: 444px; height: 18px; } .page_module .section_video:after { bottom: inherit; top: 275px; } .page_module .section_video { padding-top: 0; height: 263px; } .asset_subheader_elements { position: absolute; top: 41%; width: 940px; left: 0; right: 0; margin-top: -217px; margin-left: auto; margin-right: auto; text-align: center; z-index: 2; } .asset_subheader_elements.active { display: none; } .asset_subheader_elements h1, .section_subheader p { font-size: 50px; color: #FFF; line-height: 1.25; text-align: center; } .asset_subheader_elements h1, .asset_subheader_elements p { text-shadow: 1px 1px 8px rgba(0, 0, 0, .7); font-family: 'KlavikaMedium'; text-transform: none; } .asset_subheader_elements p { font-family: 'KlavikaRegular', sans-serif; } .asset_subheader_elements h2, .asset_subheader_elements h2 a { font-size: 13px; color: #FFF; text-align: center; } .asset_subheader_elements p { font-size: 18px; margin-bottom: 20px; } .asset_subheader_video p { font-size: 14px; } .distributor { position: relative; float: left; overflow: visible; } .teaser_wrapper { display: inline-block; margin-top: 2em; } .distributor_teaser { width: 127px; margin: 0 5px 0 5px; padding-top: 18px; border: 4px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,.5); } .distributor_teaser:hover { cursor: pointer; } .distributor_teaser h2 a:after { content: ''; display: block; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; width: 54px; height: 54px; margin: 0 auto; margin-top: 14px; margin-bottom: 15px; } .distributor_teaser h2 strong { font-family: 'KlavikaMedium'; font-weight: normal; } .distributor_teaser.jobprofile h2 a:after { background-position: 0 0; } .distributor_teaser.classification h2 a:after { background-position: -100px 0; } .distributor_teaser.competency h2 a:after { background-position: -200px 0; } .distributor_teaser.compensation h2 a:after { background-position: -300px 0; } .numbering { position: absolute; top: -12px; left: 7px; display: block; width: 20px; height: 20px; background-color: #3e3e3e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; border: 2px solid #fff; } .section_subheader .opener { position: absolute; bottom: 0; height: 110px; width: 100%; background: rgba(241,239,239,.8); text-align: center; z-index: 3; } .section_subheader .opener a { display: inline-block; margin-top: 30px; padding: 13px 50px; font-size: 16px; font-family: 'KlavikaMedium', sans-serif; text-transform: uppercase; color: #FFF; background: #af182c; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .section_subheader .opener a:hover, .section_subheader .opener a:focus, .section_subheader .opener a:active { color: #a71e04; text-shadow: none; background: rgb(239,239,239); background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…iIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(203,203,203,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(203,203,203,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cbcbcb',GradientType=0 ); -webkit-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); -moz-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); } .sm_xing, .sm_linkedin { margin: 6px 0 0; display: inline-block; background: transparent url("../../files/themes/hr/img/sprite.png") scroll no-repeat 0 -400px; height: 30px; width: 30px; text-indent: 30px; overflow: hidden; white-space: nowrap; } .sm_linkedin { background-position: -30px -400px; } .sm_xing:hover, .sm_xing:focus, .sm_xing:active { background-position: 0 -430px; } .sm_linkedin:hover, .sm_linkedin:focus, .sm_linkedin:active { background-position: -30px -430px; } .distributor_teaser:hover { border: 4px solid #FFF; padding-top: 18px; background: rgb(230,230,230); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(181,181,181,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(181,181,181,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(181,181,181,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(181,181,181,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(181,181,181,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(181,181,181,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 1); -moz-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 1); box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 1); } .distributor_teaser:hover .numbering { left: 9px; top: -10px; color: #dedede; border-color: #dedede; } .distributor_teaser:hover h2 a { color: #3e3e3e; } .distributor_teaser.jobprofile:hover h2 a:after { background-position: 0 -100px; } .distributor_teaser.classification:hover h2 a:after { background-position: -100px -100px; } .distributor_teaser.competency:hover h2 a:after { background-position: -200px -100px; } .distributor_teaser.compensation:hover h2 a:after { background-position: -300px -100px; } .page_blog .ce_hyperlink a, .call_to_action a:hover, .call_to_action a:focus, .call_to_action a:active, .section_subheader a:hover, .section_subheader a:focus, .section_subheader a:active, .asset_services a:hover, .asset_services a:focus, .asset_services a:active, .section_services_products a:hover, .section_services_products a:focus, .section_services_products a:active .page_module .ce_hyperlink a:hover, .page_module .ce_hyperlink a:focus, .page_module .ce_hyperlink a:active{ text-decoration: none; } .section_services .ce_hyperlink { overflow: visible; position: absolute; bottom: 0; left: 10px; right: 10px; padding-bottom: 8px; } .page_blog .ce_hyperlink a, .page_module .ce_hyperlink a, .page_contactsuccess .ce_hyperlink a, .section_services_booklet a, .section_services .ce_hyperlink a, .submit_container .submit { position: relative; float: left; left: -50%; display: block; padding: 8px 20px; font-size: 20px; text-transform: uppercase; color: #FFF; background: rgb(167,30,0); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDFjMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(167,30,0,1) 0%, rgba(173,28,47,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,30,0,1)), color-stop(100%,rgba(173,28,47,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a71e00', endColorstr='#ad1c2f',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.44); -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1); } .distributor_profit { position: relative; float: left; width: 31%; min-height: 410px; margin-bottom: .5em; text-align: center; font-family: 'KlavikaRegular', sans-serif; box-shadow: 0px 1px 4px rgba(0,0,0,.5); border-radius: 5px; } .distributor_profit.first { margin-right: 3.5%; } .distributor_profit.last { margin-left: 3.5%; } .distributor_profit h3 { display: table-cell; height: 94px; margin-bottom: 1em; width: 31%; background: #f6f5f5; vertical-align: middle; } .distributor_profit .text_container p { padding: 0 14px; } .distributor_profit .text_container p a { position: absolute; bottom: .3em; left: 0; right: 0; padding: 1em 2em; } .distributor_profit .image_container { height: 70px; } .distributor_profit img { margin: 2em auto 0 auto; } .distributor_profit .text_container p a, .distributor_services .text_container p a { font-size: 15px; text-transform: uppercase; font-weight: normal; font-family: 'KlavikaMedium', sans-serif; } .distributor_services .text_container p a:after, .distributor_profit .text_container p a:before { content: ''; display: inline-block; width: 13px; height: 12px; margin-right: 5px; background: transparent no-repeat scroll center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDQTUxNTFCQkU5RjExRTQ5QUM5OEVBRDgwNjg4NUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDQTUxNTFDQkU5RjExRTQ5QUM5OEVBRDgwNjg4NUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUNBNTE1MTlCRTlGMTFFNDlBQzk4RUFEODA2ODg1RjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUNBNTE1MUFCRTlGMTFFNDlBQzk4RUFEODA2ODg1RjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4W/Jd3AAAApElEQVR42mL4//8/Ay68XkKHBZs4EwMOsEFS1xBI/QbSAehyODUBwQ0gfgjE64EaVZAlGEHW4bENpPg2VLNmwPPL3wnZxABUdAdIBQKxPBBfBxrCCLYJ6NkKIC3OgB8UQOmVQBzJAiS8gdiGgQSA109IoXgO2V+EAkIASL2HcgWBGj7gDQigBpDTL0C5qjANhEJPFxpqKdBQRAACyUgAmzhAgAEAewt7xB4qwgkAAAAASUVORK5CYII='); } .distributor_services .text_container p a:after { position: absolute; bottom: 21px; margin-left: -140px; } .section_subheader .asset_subheader_elements a { display: block; font-size: 15px; font-family: 'KlavikaRegular'; color: #FFF; text-shadow: 1px 0px 1px rgba(0, 0, 0, .5); text-transform: uppercase; } .section_subheader .asset_subheader_elements .image_container { width: 100%; } .section_subheader .asset_subheader_elements .image_container img { margin: 0 auto; } .page_blog .ce_hyperlink a, .section_services .ce_hyperlink a, .page_module .ce_hyperlink a, .page_contactsuccess .ce_hyperlink a, .section_services_booklet a { float: none; left: 0; font-size: 15px; padding: 11px 0; /**text-align: center;**/ font-family: 'KlavikaMedium'; -webkit-box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 1); -moz-box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 1); box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 1); } .page_blog .ce_hyperlink a, .page_module .ce_hyperlink a, .page_contactsuccess .ce_hyperlink a, .section_services_booklet a { display: inline-block; padding: 15px 45px; text-decoration: none; } .page_contactsuccess .ce_hyperlink a { margin-top: .5em; padding: 8px 30px; } .submit_container .submit { float: none; left: 0; font-size: 15px; text-align: center; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; padding: 8px 15px; } .section_services .ce_hyperlink a:before, .distributor_services .text_container p a:before, .submit_container .submit:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.22); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.22); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.22); } .page_blog .ce_hyperlink a:hover, .page_blog .ce_hyperlink a:active, .page_blog .ce_hyperlink a:focus, .section_services .ce_hyperlink a:hover, .section_services .ce_hyperlink a:focus, .section_services .ce_hyperlink a:active, .page_module .ce_hyperlink a:hover, .page_module .ce_hyperlink a:focus, .page_module .ce_hyperlink a:active, .page_contactsuccess .ce_hyperlink a:hover, .page_contactsuccess .ce_hyperlink a:focus, .page_contactsuccess .ce_hyperlink a:active, .section_services_booklet a:hover, .section_services_booklet a:active, .section_services_booklet a:focus, .submit_container .submit:hover { color: #a71e04; text-shadow: none; background: rgb(239,239,239); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(203,203,203,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(203,203,203,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); -moz-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); } .page_blog .ce_hyperlink a { left: 0; margin-top: 2em; } .submit_container .submit:hover { background-position: 0 !important; } .section_services_contact, .section_main .article_inside { padding: 30px 0; } .section_services_products { display: inline-block; margin-bottom: 60px; } .section_services .medium { width: 46%; padding: 0 4% 0 0; } .section_services strong { font-weight: normal; } .section_services:after, { content: ''; display: block; height: 2px; width: 1200px; background-color: #e0dfe0; margin: 0 auto; } .section_services .medium.last { width: 49%; padding: 0 0 0 1%; } .section_services .medium p { font-family: 'KlavikaRegular', sans-serif; font-size: 20px; line-height: 28px; } .section_contact .article_inside { background: none; border: none; border-radius: 0; padding: 0; } .section_services .article_inside { padding: 0; border: none; background: none; } .section_services_links { position: relative; top: 2em; } .section_main h2 { margin-bottom: 20px; font-family: 'KlavikaMedium'; font-size: 24px; color: #2c2c2c; } .section_main p, .section_main li { font-size: 15px; color: #313131; line-height: 20px; margin: 0; } .section_main li { font-family: 'KlavikaRegular'; } .section_main p + p { margin-top: 20px; } .section_main p a { color: #ac1c2f; } .section_services_contact > .ce_text.first { float: left; width: 50%; } .section_services_contact > .ce_text.first .text_container { padding-left: 10px; padding-right: 30px; } .section_services_contact .asset_services, .distributor_services .text_container { position: relative; float: left; width: 177px; padding: 25px 10px 63px 10px; background-color: #FFF; border: 1px solid #ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:-1px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.2); } .distributor_services .text_container { box-shadow: 0px 1px 4px rgba(0,0,0,.4); } .section_services_contact .asset_services + .asset_services { margin-left: 30px; } .section_services_contact .asset_services_customer { margin-left: 15px; } .asset_services h3 { font-size: 15px; text-transform: uppercase; color: #3e3e3e; font-family: 'KlavikaMedium'; text-align: center; } .asset_services h3:after { content: ''; display: block; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; background-position: -400px -100px; width: 54px; height: 54px; margin: 15px auto; } .asset_services_hotline h3:after { background-position: -400px -200px; } .asset_services p { text-align: center; font-size: 13px; color: #333; line-height: 15px; } .asset_services p + p { margin: 0; } .asset_services p strong { display: block; margin-bottom: 3px; font-family: 'KlavikaMedium'; font-size: 18px; } .distributor_services { width: 216px; text-align: center; } .distributor_services .text_container { background-color: #FFF; padding: 0; width: 216px; border: none; } .distributor_services + .distributor_services { margin-left: 25px; } .distributor_services .image_container { overflow: hidden; } .distributor_services img { float: right; } .distributor_services h3, .distributor_services h3 a { display: block; padding: 20px 0; color: #FFF; font-size: 18px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; border-top-left-radius: 5px; } .distributor_services h3 { padding: 0; } .distributor_services.jobprofile h3 a { background-color: #0e7188; } .distributor_services.jobevaluation h3 a { background-color: #434E55; } .distributor_services.classification h3 a { background-color: #183052; } .distributor_services.competency h3 a { background-color: #561415; } .distributor_services.compensation h3 a { background-color: #41320b; } .distributor_services h3:after { content: ''; display: block; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; width: 54px; height: 54px; margin: 20px auto 0; } .distributor_services.jobprofile h3:after { background-position: 0 -200px; } .distributor_services.jobevaluation h3:after { background-image: url('../../files/themes/hr/img/icon-tool-1a-new.png'); } .distributor_services.classification h3:after { background-position: -100px -200px; } .distributor_services.competency h3:after { background-position: -200px -200px; } .distributor_services.compensation h3:after { background-position: -300px -200px; } .distributor_services p + p { margin-top: 0; } .section_main .float_left, .section_main .float_right { margin: 0; } .section_main .float_right { float: right; width: 443px; } .section_usage .article_inside { position: relative; overflow: visible; z-index: 0; } .section_usage .first .text_container { float: left; width: 45%; padding-right: 5%; } .section_usage .image_container { position: absolute; top: -1px; z-index: 10; right: 25px; width: 428px; padding: 55px 0; background-color: #FFF; border: 1px solid #ececec; border-top: none; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .section_usage .image_container:before, .section_usage .image_container:after { content: ''; position: absolute; top: 1px; display: block; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; width: 90px; height: 41px; } .section_usage .image_container:before { left: -91px; background-position: -200px -350px; } .section_usage .image_container:after { right: -21px; width: 20px; background-position: -300px -350px; } .section_usage img { margin: 0 auto; } .section_main .mod_article.section_method { padding-bottom: 0; } .section_method .article_wrapper { width: 100%; margin: 0; padding: 0 0 80px; background: #f5f5f5; border-top: 1px solid #ebebeb; } .section_method .article_inside { overflow: hidden; width: 940px; margin: 0 auto; } .section_method .image_container { display: block; float: left; padding: 20px; width: 407px; height: 366px; border: 1px solid #dcdcdc; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .section_method img { padding: 0; } .section_method .text_container { float: right; width: 49%; margin-left: 1%; margin-top: 25px; } .section_method .ce_text.full .text_container { float: none; width: 100%; margin: 0; } .section_method .ce_text.full .text_container p { font-family: 'KlavikaRegular', sans-serif; font-size: 20px; line-height: 28px; } .section_usage .ce_text.last { clear: both; margin-top: 70px; } .section_usage ul { -webkit-column-gap: 29px; /* Chrome, Safari, Opera */ -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-gap: 29px; /* Firefox */ -moz-column-count: 2; /* Firefox */ column-gap: 29px; column-count: 2; padding: 0; margin: 0; } .section_usage li { position: relative; padding-left: 15px; list-style-type: none; } .section_usage li:before { content: ''; position: absolute; display: block; background: url('../../files/themes/hr/img/sprite.png') no-repeat scroll transparent; background-position: -550px 0; width: 4px; height: 4px; top: 7px; left: 0; } .section_method h3 { margin-bottom: 20px; font-size: 21px; text-transform: none; } .section_method p { font-family: 'KlavikaRegular', sans-serif; font-size: 16px; color: #717171; } .section_company .article_wrapper { position: relative; width: 100%; background: transparent url('../../files/themes/hr/img/unternehmen.jpg') no-repeat scroll center center; min-height: 520px; background-size: cover; } .section_company .article_inside { width: 940px; margin: 0 auto; } .section_company h2 { color: #FFF; text-shadow: 0 1px 1px rgba(0,0,0,.75) } .section_company .text_container p { padding: 30px 30px; font-family: 'KlavikaRegular', sans-serif; font-size: 20px; line-height: 35px; color: #FFF; background: rgba(0,0,0,.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .section_company .article_inside .picture_caption { width: 940px; margin: 0 auto; } .section_company .picture_caption { display: block; } .section_company .picture_caption p { position: absolute; bottom: 0; padding: 0; font-size: 15px; background: none; } .ce_gallery { margin-top: 30px; float: left; left: 50%; position: relative; overflow: visible; } .ce_gallery ul { list-style-type: none; overflow: hidden; padding: 0; margin: 0; float: left; left: -50%; position: relative; } .mod_article .ce_gallery li { float: left; width: 176px; height: 176px; } .mod_article .ce_gallery .image_container { width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .mod_article .ce_gallery img { max-width: none; width: auto; height: 100%; } .ce_gallery li + li { margin-left: 30px; } .section_footer { background-color: #252525; } .distributor_services p { padding: 15px 13px; } .distributor_services p:not(*:root) { padding: 15px 10px; } .section_contact a, .section_contact span, .section_contact p, .section_contact li { font-size: 14px; font-family: 'KlavikaRegular', sans-serif; color: #252525; } .section_contact ul { overflow: hidden; margin: 0; padding: 0; } .section_main .section_contact p, .section_main .section_contact li { line-height: 22px; } .section_contact .small { float: left; width: 25%; padding: 0; } .section_contact li { list-style-type: none; } .section_contact .ce_text h5 { margin-top: 15px; } .section_contact .ce_text p { font-size: 14px; } .section_contact .ce_text li { float: left; } .section_contact .ce_text li + li { margin-left: 10px; } .mod_navigation_sitemap .navgroup { float: left; } .mod_navigation_sitemap a, .mod_navigation_sitemap span { float: left; display: block; } .mod_navigation_sitemap li { overflow: hidden; } .mod_navigation_sitemap li a:hover, .mod_navigation_sitemap li a:focus, .mod_navigation_sitemap li a:active { color: #a71e04; } .section_footer p, .section_footer a, .section_footer span { color: #FFF; font-size: 13px; margin: 0; display: block; line-height: 1.3 } .section_footer .mod_branding { float: left; } .section_footer .mod_copyright, .section_footer .mod_customnav { float: right; margin-top: 3px; } .section_footer .mod_customnav li { float: left; } .section_footer .mod_copyright { margin-right: 5px; } .section_footer .mod_copyright p:after { content:'\2022'; margin-left: 5px; } .section_footer .mod_customnav ul { overflow: hidden; margin: 0; } .section_footer .mod_customnav li + li:before { content:'\2F'; float: left; font-size: 12px; line-height: 19px; color: #FFF; } .section_footer .mod_customnav li + li { padding-left: 3px; } .section_footer .mod_customnav li + li a, .section_footer .mod_customnav li + li span { margin-left: 3px; float: left; } .section_footer .mod_customnav li a { border-bottom: 1px solid #FFF; } .section_footer .mod_customnav li a:hover { color: #a71e04; border-bottom-color: #a71e04; } /** * Modules **/ .section_header .mod_branding { float: left; margin: 25px 0; } .mod_branding .image_container { margin: 0; } .mod_navigation_main { float: right; margin-top: 30px; padding-right: 5em; } .mod_navigation_main ul { margin: 0; } .mod_navigation_main li { float: left; } .mod_navigation_main li:hover a { color: #a71e04; } .mod_changelanguage { position: absolute; right: 0; top: 38px; float: right; } .mod_changelanguage ul { display: flex; padding: 0 .4em; width: 2.7em; } .mod_changelanguage li.lang-en a { overflow: hidden; display: inline-block; width: 25px; height: 15px; text-indent: 28px; white-space: nowrap; background: url(../../files/themes/hr/img/icon-en.png) no-repeat scroll center; background-size: 25px 15px; } .mod_changelanguage li.lang-de a { overflow: hidden; display: inline-block; width: 25px; height: 15px; text-indent: 28px; white-space: nowrap; background: url(../../files/themes/hr/img/icon-de.png) no-repeat scroll center; background-size: 25px 15px; } .mod_navigation_main li a, .mod_navigation_main li span, .mod_changelanguage li a { font-size: 17px; text-transform: uppercase; color: #000; font-family: 'KlavikaRegular', sans-serif; font-weight: 600; } .mod_navigation_main li a:hover, .mod_navigation_main li a:active, .mod_navigation_main li a:focus { text-decoration: none; } .mod_navigation_main li.last a { padding-right: 0; } .mod_navigation_login { position: absolute; bottom: -27px; left: 0; } .mod_navigation_login ul { margin: 0; } .mod_navigation_login li { display: inline; display: inline-block; margin: 0 40px 0 16px; } .mod_navigation_login a, .mod_navigation_login span.active { color: #FFF; } .mod_navigation_login span.active { text-decoration: underline; } .ce_form { overflow: visible; } .mod_email_form, .mod_contact_form { margin: 0; } .mod_email_form input, .mod_contact_form input { float: left; margin-top: 4px; margin-right: 10px; } .mod_email_form label, .mod_contact_form label { float: left; width: 90%; } .mod_email_form .fieldset_selection, .mod_contact_form .fieldset_selection { overflow: hidden; /*margin-bottom: 10px;*/ } .mod_email_form .fieldset_selection span, .mod_contact_form .fieldset_selection span, .mod_contact_form .fieldset_contactdata div { width: 46%; margin-left: 4%; float: left; margin-bottom: 5px; overflow: hidden; } .mod_email_form .fieldset_selection span, .mod_contact_form .fieldset_selection span { min-height: 42px; } .mod_contact_form .checkbox_container, .mod_contact_form .fieldset_contactdata { margin-left: -4%; } .mod_email_form .fieldset_selection input, .mod_email_form .fieldset_selection label, .mod_contact_form .fieldset_selection input, .mod_contact_form .fieldset_selection label { display: inline; font-size: 14px; color: #111; } .mod_email_form .fieldset_contactdata label, .mod_contact_form .fieldset_contactdata label { display: none; } .mod_contact_form .fieldset_contactdata .explanation { float: right; } .mod_contact_form .fieldset_contactdata input.email { width: 400px; } .mod_contact_form .fieldset_contactdata div.email { width: 100%; } .mod_contact_form .explanation p { font-size: 11px; color: #111; text-align: right; } .mod_contact_form .email + .explanation p { text-align: left; color: #AAA; } .mod_contact_form .fieldset_contactdata .email + .explanation { width: 100%; float: none; } .ce_form .submit_container .submit { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 0; } #colorbox { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; overflow: visible; background: none; } #colorbox h2 { text-transform: inherit; } #colorbox .section_main { position: relative; top: 0; } #colorbox .section_login, #colorbox .section_header, #colorbox .section_footer, #cboxTitle { display: none !important; } #colorbox .section_container { padding: 10px; } #colorbox .section_login .inside, #colorbox .section_navigation .inside, #colorbox .section_main .article_wrapper, #colorbox .section_footer .inside { width: auto; } #colorbox .section_main { padding: 0; } #colorbox .submit_container .submit { padding: 8px 60px; } #cboxContent { margin: 0; background: none; } #cboxLoadedContent { border: none; width: 100% !important; background: none; } #colorbox .mod_article { margin: 0; padding: 10px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #colorbox .article_inside { padding: 15px 30px; } #colorbox .section_main, .section_sidebar { min-height: inherit; } #cboxClose { top: -28px; right: -28px; background: url("../../files/themes/hr/img/sprite.png") no-repeat scroll transparent; width: 28px; height: 28px; background-position: -550px -50px; } #cboxClose:hover { background-position: -550px -50px; } #cboxWrapper { overflow: visible; } .video_container { position: relative; padding-bottom: 55%; padding-top: 16px; height: 0; overflow: hidden; } .video_container iframe { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .asset_subheader_video .video_container, .asset_subheader_video .video_container iframe { height: 100%; padding: 0; } .asset_subheader_video .video_container iframe { left: 50%; } #colorbox .section_video { margin: 0; } #colorbox .section_video .article_inside { margin: 0; padding: 0; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /** * Tools Unterseiten **/ .page_module .section_main .mod_article.jobs .article_inside, .page_module .section_main .mod_article.invitation .article_inside{ padding: 0; margin: 0; border: none; background: #FFF; } .page_module .section_main .float_right { width: 250px; } .section_services_booklet .image_container { float: left; } .section_services_booklet figure.float_left, .section_services_booklet figure.float_right { width: 30%; } .section_services_booklet img { box-shadow: 2px 2px 5px rgba(0,0,0,.2); } .page_module .invitation { text-align: center; } .page_module .invitation a { font-size: 14pt; padding: 8px 25px; } .page_module .jobs h2 { margin-left: 1em; padding-right: 0; height: 1.5em; } .page_module .jobs h2 + h2 { margin-left: 0; } .page_module .jobs .offer { margin-right: 1em; padding-right: 0; height: 270px; /*max-width: 47%;*/ background: #FAFAFA; border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); overflow: visible; } .page_module .jobs ul { max-height: 200px; margin-left: 10px; margin-right: 10px; background: #FFF; list-style-type: none; overflow: scroll; overflow-x: hidden; } .page_module .jobs ul ul { padding: 0 0 0 .5em; max-height: 100%; overflow: hidden; overflow-x: hidden; overflow-y: hidden; } .page_module .jobs h3 { padding: 18px 0 6px 1em ; } .page_module .jobs li { padding: 9px 0; border-bottom: 1px solid #EEE; } .page_module .jobs li li:last-child { padding-bottom: 0; border: none; } .page_module .jobs p { font-size: 8pt; font-style: italic; color: #707070; } .page_module .jobs .offer { position: relative; overflow: visible; } .page_module .jobs .offer:after { position: absolute; top: -20px; right: 10px; content: url('../../files/themes/hr/img/offer.png'); } .section_services .article_wrapper { position: relative; overflow: visible; } .section_services.first .article_wrapper:after { content: none; } .page_module .section_video { padding: 10px 11px 2px 10px; background: #EAEAEA; } .page_personalinformation label, .page_personalinformation .submit_container { margin: .5em 0; } /** * Breadcrumb **/ .wrapper_breadcrumb { position: relative; background: transparent; top: 140px; height: 50px; border-bottom: 1px solid #EEE; z-index: 1; } .mod_breadcrumb { width: 1200px; margin: 0 auto; padding-top: 6px; text-transform: uppercase; } .mod_breadcrumb li.active { font-weight: bolder; } .mod_breadcrumb a { color: #444; } .mod_breadcrumb li, .mod_breadcrumb a { line-height: 3em; font-family: 'KlavikaMedium', Helvetica, Arial, sans-serif; font-size: 9pt; } .mod_breadcrumb li.first { display: none; } .mod_breadcrumb li:after { font-size: 12pt; } /** * Fixes **/ .page_blog #colorbox .section_main .article_inside, .page_module #colorbox .section_main .article_inside { padding: 15px 20px; background-color: #fafafa; border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; overflow: hidden; } .page_blog #colorbox .section_main .article_inside h2 { font-size: 20px; } .section_services_booklet p a { color: #FFF; padding: 8px 25px; } .ce_form .submit_container .submit, #colorbox .submit_container .submit { margin-top: 1em; } .fieldset_contactdata p.error { display: none; } .mod_contact_form .explanation p.warning { visibility: hidden; opacity: 0; width: 100%; margin-top: 1em; font-size: .9375em; text-align: left; color: #FAFAFA; } .mod_contact_form.warning .explanation p.warning { visibility: visible; opacity: 1; color: #A91E10; -webkit-transition: all .4s ease-out .2s; -moz-transition: all .4s ease-out .2s; -o-transition: all .4s ease-out .2s; transition: all .4s ease-out .2s; } .mod_contact_form.submited .explanation p.warning { visibility: hidden; opacity: 0; } .submit_container .submit { font-family: 'KlavikaMedium', Helvetica, Arial, sans-serif; } .page_tools .ce_hyperlink .page_tools_video a { background: none; padding: 0; margin: 0; } .form_message { width: 100%; } .form_message label { display: none; } /** * **/ .page_tool_one .mod_article h2 { font-size: 20px; color: #027d98; } .page_tool_one.second .mod_article h2 { font-size: 20px; color: #434E55; } .page_tool_two .mod_article h2 { color: #1D3A64; } .page_tool_three .mod_article h2 { color: #6A1A1B; } .page_tool_four .mod_article h2 { color: #634F1C; } .page_tool_one .mod_article.section_contact h2, .page_tool_two .mod_article.section_contact h2, .page_tool_three .mod_article.section_contact h2, .page_tool_four .mod_article.section_contact h2 { color: #333; } .page_tool_four .jobs .offer:after { content: none; } .mod_callback { position: fixed; top: 300px; right: -235px; width: 235px; height: 225px; background: #af182c; color: #FFF; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: right .2s ease-in-out 0; -moz-transition: right .2s ease-in-out 0; -o-transition: right .2s ease-in-out 0; transition: right .2s ease-in-out 0; z-index: 99; } .mod_callback.active { right: 0; } .mod_callback:before { position: absolute; top: 0; left: -32px; content: url('../../files/themes/hr/img/hotline.png'); } .mod_callback:hover:before { position: absolute; top: 0; left: -32px; content: url('../../files/themes/hr/img/hotline-active.png'); cursor: pointer; } .mod_callback.active:hover:before { position: absolute; top: 0; left: -32px; content: url('../../files/themes/hr/img/hotline.png'); cursor: pointer; } .callback_wrapper { padding: 1.5em; } .mod_callback p { font-size: 15px; font-family: 'KlavikaRegular', sans-serif; text-align: left; } .mod_callback a, .mod_callback a:hover, .mod_callback a:active, .mod_callback a:focus { color: #FFF; font-size: 15px; font-family: 'KlavikaRegular', sans-serif; text-transform: uppercase; } .mod_callback .ce_hyperlink a:before { content: ''; display: inline-block; width: 13px; height: 12px; background: transparent url(../../files/themes/hr/img/arrow-white.png) no-repeat scroll center; } .ce_hyperlink a { margin: 5px 0; } .mod_callback .tel { margin-top: .75em; } .mod_callback .ce_text { margin-bottom: .75em; } .mod_callback .ce_hyperlink { margin-bottom: .35em; } /* Subheader Page_tools */ .page_tool_one .section_main, .page_tool_two .section_main, .page_tool_three .section_main, .page_tool_four .section_main { padding-top: 0; } .page_tool_one .tools_teaser { background: #0e7188 no-repeat scroll top center; } .page_tool_one.second .tools_teaser { background: #434E55 no-repeat scroll top center; } .page_tool_two .tools_teaser { background: #183052 no-repeat scroll top center; } .page_tool_three .tools_teaser { background: #561415 no-repeat scroll top center; } .page_tool_four .tools_teaser { background: #41320b no-repeat scroll top center; } .page_tool_one .tools_teaser, .page_tool_one.second .tools_teaser { height: 508px; background-image: url('../../files/themes/hr/img/tools-background.png'); background-size: cover; background-position: 0 40%; } .page_tool_two .tools_teaser { height: 508px; background-image: url('../../files/themes/hr/img/eingruppierung-background.png'); background-size: cover; background-position: 0 30%; } .page_tool_three .tools_teaser { height: 508px; background-image: url('../../files/themes/hr/img/competency-background.png'); background-size: cover; background-position: 0 30%; } .page_tool_four .tools_teaser { height: 508px; background-image: url('../../files/themes/hr/img/compensation-background.png'); background-size: cover; background-position: 0 15%; } .page_module .section_main .tools_teaser .article_inside { padding-top: 0; } .mod_navigation_page_tools { display: block; width: 100%; margin-bottom: 55px; } .mod_navigation_page_tools li { display: block; float: left; width: 20%; height: 60px; padding: 0; margin: 0; } .mod_navigation_page_tools li a, .mod_navigation_page_tools li span { display: inline-block; height: 60px; font-size: 15px; font-family: 'KlavikaMedium', sans-serif; color: #FFF; text-transform: uppercase; vertical-align: top; } .mod_navigation_page_tools li.page_tool_one { background: #0e7188; } .mod_navigation_page_tools li.page_tool_one.second { background: #434E55; } .mod_navigation_page_tools li.active.page_tool_one .icon, .mod_navigation_page_tools li.active.page_tool_two .icon, .mod_navigation_page_tools li.active.page_tool_three .icon, .mod_navigation_page_tools li.active.page_tool_four .icon, .mod_navigation_page_tools li.page_tool_one a .icon, .mod_navigation_page_tools li.page_tool_two a .icon, .mod_navigation_page_tools li.page_tool_three a .icon , .mod_navigation_page_tools li.page_tool_four a .icon { display: inline-block; width: 40px; height: 60px; margin: 0 10px; background: no-repeat scroll center; background-image: url('../../files/themes/hr/img/icon-tool-1.png'); } .mod_navigation_page_tools li.active.page_tool_one.second .icon, .mod_navigation_page_tools li.page_tool_one.second a .icon { background-image: url('../../files/themes/hr/img/icon-tool-1a.png'); } .mod_navigation_page_tools li.active.page_tool_two .icon, .mod_navigation_page_tools li.page_tool_two a .icon { background-image: url('../../files/themes/hr/img/icon-tool-2.png'); } .mod_navigation_page_tools li.active.page_tool_three .icon, .mod_navigation_page_tools li.page_tool_three a .icon { background-image: url('../../files/themes/hr/img/icon-tool-3.png'); } .mod_navigation_page_tools li.active.page_tool_four .icon, .mod_navigation_page_tools li.page_tool_four a .icon { background-image: url('../../files/themes/hr/img/icon-tool-4.png'); } .mod_navigation_page_tools li.active.page_tool_one .icon { background-image: url('../../files/themes/hr/img/icon-tool-1.png'); opacity: .5; } .mod_navigation_page_tools li.active.page_tool_one.second .icon { background-image: url('../../files/themes/hr/img/icon-tool-1a.png'); opacity: .5; } .mod_navigation_page_tools li.active.page_tool_two .icon { background-image: url('../../files/themes/hr/img/icon-tool-2.png'); opacity: .5; } .mod_navigation_page_tools li.active.page_tool_three .icon { background-image: url('../../files/themes/hr/img/icon-tool-3.png'); opacity: .5; } .mod_navigation_page_tools li.active.page_tool_four .icon { background-image: url('../../files/themes/hr/img/icon-tool-4.png'); opacity: .5; } .mod_navigation_page_tools li a span + span, .mod_navigation_page_tools li.active span + span { height: 30px; margin: 15px 0 0 0; line-height: 1; max-width: 125px; overflow: hidden; } .mod_navigation_page_tools li.page_tool_one a span + span, .mod_navigation_page_tools li.active span + span.page_tool_one { max-width: 165px; } .mod_navigation_page_tools li.page_tool_two { background: #183052; } .mod_navigation_page_tools li.page_tool_three { background: #561415; } .mod_navigation_page_tools li.page_tool_four { background: #41320b; } .mod_navigation_page_tools li.second.active, .mod_navigation_page_tools li.active { background: none; } .mod_navigation_page_tools li.active span { color: rgba(255,255,255,.5); } h2.tools { margin-left: 1em; text-transform: none; } .tools_teaser .small { width: 33%; } .tools_teaser h1 { margin-bottom: 5px; line-height: 1; font-family: 'KlavikaMedium', sans-serif; font-size: 50px; font-weight: 600; text-transform: none; color: #FFF; } .tools_teaser .text_container p em { font-size: 18px; font-style: normal; color: rgba(255,255,255,.5); } .tools_teaser .text_container p em:after { content: ''; display: block; width: 96px; height: 3px; margin: 1em 0; background: #FFF; } .tools_teaser .text_container p { line-height: 1.5; font-family: 'KlavikaRegular', sans-serif; font-size: 18px; color: #FFF; } .tools_teaser .register, .tools_teaser .opener { margin: 1em 0 1em 34%; padding: 0 0 1em 0; } .tools_teaser .register a, .tools_teaser .opener a { padding: 5px 30px; font-size: 24px; text-transform: none; border-top: 1px solid #bc3f50; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .tools_teaser .register a:hover, .tools_teaser .opener a:hover { border-top: 1px solid rgba(239,239,239,1); } .page_module h2 { font-size: 20px; } .page_module .mod_article .profits { overflow: visible; } .page_module .mod_article .profits li { position: relative; list-style-type: none; line-height: 1.25em; margin-bottom: 1.5em; padding-left: 35px; font-family: 'KlavikaRegular', sans-serif; font-size: 20px; } .page_tool_one .mod_article .profits li:before, .page_tool_two .mod_article .profits li:before, .page_tool_three .mod_article .profits li:before, .page_tool_four .mod_article .profits li:before { position: absolute; top: 0; left: 0; content: ''; display: inline-block; width: 24px; height: 24px; background: url(../../files/themes/hr/img/check.png) no-repeat scroll center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .page_tool_one .mod_article .profits li:before { background-color: #0e7188; } .page_tool_one.second .mod_article .profits li:before { background-color: #434E55; } .page_tool_two .mod_article .profits li:before { background-color: #183052; } .page_tool_three .mod_article .profits li:before { background-color: #561415; } .page_tool_four .mod_article .profits li:before { background-color: #41320b; } .page_module .mod_article .profits li li { list-style-type: disc; margin-bottom: 0; padding-left: 0; } .page_module .mod_article .profits li li:before { content: none; position: static; } .page_module .tools_highlight { width: 1200px; margin: 4em auto 2em auto; background: #ececed; min-height: 288px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } .page_tool_four .section_main .tools_highlight .article_inside { padding: 34px 34px 0 34px; } .page_tool_four .tools_highlight h3 { font-size: 20px; color: #3D3119; } .workflow_circles { width: 100%; text-align: center; } .workflow_progress .small, .workflow_circles .small { position: relative; display: block; width: 33%; padding: 0; } .workflow_squares .small { width: 32.4%; padding: 0; } .workflow_circles .small:after { content: ''; position: absolute; top: 50%; right: -15px; margin-top: -15px; display: block; width: 30px; height: 30px; background: transparent no-repeat scroll center; background-image: url('../../files/themes/hr/img/icon-workflow'); } .workflow_circles .small.last:after { content: none; } .workflow_circles .small span { display: block; width: 255px; height: 255px; margin: 0 auto; line-height: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .workflow_circles .small span p { display: table-cell; width: 255px; height: 255px; padding: 0 1em; color: #FFF; font-size: 16pt; font-family: 'KlavikaRegular', sans-serif; text-align: center; font-weight: 300; vertical-align: middle; } .page_tool_one.second .workflow_circles .small span { border-radius: 20px; background: #434E55; } .page_tool_three .workflow_circles .small span { background: #9f736e; } .page_tool_three .workflow_circles .small.first span { background: #54151d; } .page_tool_two .workflow_circles .small span { background: #7e8195; } .page_tool_two .workflow_circles .small.first span { background: #04324f; } .page_tool_four .workflow_squares { margin-top: 1em; } .page_tool_four .workflow_squares ul { list-style-type: none; margin-right: 12px; } .page_tool_four .workflow_squares ul.last { margin-right: 0; } .page_tool_four .workflow_squares li { width: 362px; margin-bottom: .5em; padding: 15px 0; text-align: center; font-size: 16pt; font-family: 'KlavikaRegular', sans-serif; color: #FFF; background: #3D3119; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; } .page_tool_four .workflow_squares ul li { background: #3D3119; } .page_tool_four .workflow_squares ul.last li { background: #918470; } .page_tool_one .workflow_progress .small { text-align: center; } .page_tool_one .tools_highlight h2 { padding-left: 1em; } .section_main .tools_highlight .article_inside { padding: 2em 0; } .page_tool_one .section_main .tools_highlight .article_inside { padding: 1em 0; } .page_tool_one .workflow_progress p { margin-top: 1em; padding: 0 20px 30px 0; font-family: 'KlavikaRegular', sans-serif; font-weight: 300; font-size: 16pt; } .section_services_booklet { width: 1200px; margin: 0 auto; padding-bottom: 30px; background-color: #fafafa; border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; overflow: hidden; } .section_services_booklet .article_wrapper { padding: 0 0 1em 1em; } .section_main .section_services_booklet .article_inside { padding: 1em 0; } .offer ul, ol, dl { padding: 0 0 0 .5em; } .offer li strong { display: block; padding: 9px 0; border-bottom: 1px solid #EEE; } nav a:hover, nav a:focus, nav a:active { color: #ac1c2f; } /** * Dev **/ video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; /*background: url('../../files/themes/hr/css/files/content/start.jpg') no-repeat;*/ background-size: cover; } .mejs-container { background: transparent; } .mejs-container .mejs-video { } .mejs-controls { /*display: none !important;*/ } .section_container .mod_article.ticker { overflow: inherit; } .layout_onepage .section_main .mod_article .article_wrapper { overflow: hidden; } .layout_onepage .section_profit .article_wrapper { width: 100%; margin: 0; } .layout_onepage .section_profit .article_inside { width: 1200px; margin: 0 auto; } .section_container .section_services:before { margin-top: -140px; height: 140px; } .mod_callback .ce_hyperlink a { padding: 0; font-family: 'KlavikaRegular', sans-serif; background: none; box-shadow: none; } .mod_callback .ce_hyperlink a:hover { background: none; color: #FFF; text-decoration: underline; box-shadow: none; } #cboxCurrent { display: none !important; } .call_to_action { margin-top: -148px; background: rgba(255,255,255,.7); text-align: center; } .section_main .first .article_inside { padding: 40px 0; } .section_main .mod_article.first:before { content: none; } .register a, .call_to_action a { display: inline-block; padding: 8px 20px; font-size: 20px; text-transform: uppercase; color: #FFF; font-family: 'KlavikaMedium', sans-serif; background: rgb(167,30,0); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDFjMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(167,30,0,1) 0%, rgba(173,28,47,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,30,0,1)), color-stop(100%,rgba(173,28,47,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a71e00', endColorstr='#ad1c2f',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.44); } .register a:hover, .register a:focus, .register a:active, .call_to_action a:hover, .call_to_action a:focus, .call_to_action a:active { color: #a71e04; text-shadow: none; background: rgb(239,239,239); background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…iIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(203,203,203,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(203,203,203,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cbcbcb',GradientType=0 ); text-decoration: none; } .agb .section_main h1 { margin-bottom: 1em; } .agb .section_main h2 { margin-top: 1em; } .agb p strong { font-weight: 500; } .agb .small h1, .agb .small h2 { margin-top: 0; margin-bottom: 0; } body.ios .asset_subheader_video { background: transparent url("../../files/content/start-2.jpg") no-repeat scroll; background-size: cover; } body.ios .asset_subheader_video { min-height: 750px; } .area_highlight { background: transparent url('../../files/content/start-2.jpg') no-repeat fixed; background-size: cover; } .area_highlight .section_main { background: none; min-height: 860px; } .highlightbox { width: 980px; margin: 2em auto 0 auto; background: #FFF; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .ce_image.section_video .image_container, .ce_image.section_video .video_container { margin: 0; padding: 0; max-height: 254px; } .ce_image.section_video .video_container { width: 100%; height: 100%; } .ce_image.section_video .video_container iframe { position: absolute; } .form_message textarea { margin-top: 9px; } .mod_partner { display: none; } .page_landingpage .mod_partner { display: block; } .mod_partner img { width: 75px; float: left; display: inline; margin: 1.5em 1em 0; } .mod_partner.block { overflow: visible; } .mod_partner .image_container { margin: 0; } .section_main .mod_article.blog { margin-bottom: 0; } .mod_newslist a:hover, .mod_newslist a:active, .mod_newslist a:focus, .mod_newslist h2 a:hover, .mod_newslist h2 a:active, .mod_newslist h2 a:focus { text-decoration: none; } .mod_newslist .layout_latest { margin-top: .5em; margin-bottom: 1em; padding: 1em; font-family: 'KlavikaRegular', sans-serif; color: #313131; background-color: #fafafa; border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; overflow: visible; } .layout_latest .teaser { min-height: 100px; } .mod_newslist .more { margin-top: .5em; } .mod_newslist .pagination { border: 0; font-family: 'KlavikaRegular', sans-serif; } .mod_newslist .pagination a { color: #313131; } .mod_newslist .pagination p { padding-top: .5em; } .page_tool_one .mod_newslist h2 a { color: #634F1C; } .page_tool_two .mod_newslist h2 a { color: #634F1C; } .page_tool_three .mod_newslist h2 a { color: #634F1C; } .page_tool_four .mod_newslist h2 a { color: #634F1C; } /** * Newsreader **/ .mod_newsreader .layout_full h1 { margin-bottom: .5em; } .mod_newsreader .layout_full p { font-family: 'KlavikaRegular', sans-serif; color: #313131; } .mod_newsreader .layout_full img { margin: 0 auto; } .layout_latest { position: relative; } .layout_latest img { margin-bottom: 3em; } .layout_latest h2, .layout_latest .teaser { width: 85%; position: relative; } .layout_latest .teaser .opener .fa, .layout_latest .teaser .opener-newpage .fa { display: block; text-align: center; font-size: 5em; } .layout_latest .teaser .opener .fa, .layout_latest .teaser .opener-newpage { position: absolute; right: -125px; top: -24px; } .layout_latest .teaser .opener span + span, .layout_latest .teaser .opener-newpage span + span { position: absolute; right: -120px; bottom: -14px; } .newslist_tool_1, .newslist_tool_2, .newslist_tool_3, .newslist_tool_4 { padding: 1em; margin-top: 2em; border: 1px solid rgba(0,0,0,.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #FAFAFA; } .newslist_tool_1 .pagination, .newslist_tool_2 .pagination, .newslist_tool_3 .pagination, .newslist_tool_4 .pagination { padding: .5em 0; font-family: 'KlavikaRegular', sans-serif; color: #313131; } .newslist_tool_1 .pagination a, .newslist_tool_2 .pagination a, .newslist_tool_3 .pagination a, .newslist_tool_4 .pagination a { color: #313131; } .newslist_tool_1 .layout_latest, .newslist_tool_2 .layout_latest, .newslist_tool_3 .layout_latest, .newslist_tool_4 .layout_latest { margin-bottom: 2em; padding: 0; border: 0; } .newslist_tool_1 .layout_latest:hover, .newslist_tool_1 .layout_latest:active, .newslist_tool_1 .layout_latest:focus, .newslist_tool_2 .layout_latest:hover, .newslist_tool_2 .layout_latest:active, .newslist_tool_2 .layout_latest:focus, .newslist_tool_3 .layout_latest:hover, .newslist_tool_3 .layout_latest:active, .newslist_tool_3 .layout_latest:focus, .newslist_tool_4 .layout_latest:hover, .newslist_tool_4 .layout_latest:active, .newslist_tool_4 .layout_latest:focus { } .newslist_tool_1 h2 a { color: #027d98; } .newslist_tool_2 h2 a { color: #183052; } .newslist_tool_3 h2 a { color: #561415; } .newslist_tool_4 h2 a { color: #41320B; } .mod_newslist + h3 { margin-top: 2em; } .download p a { display: inline-block; margin-top: 1em; padding: 8px 20px; font-size: 20px; text-transform: uppercase; color: #FFF; font-family: 'KlavikaMedium', sans-serif; background: rgb(167,30,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(167,30,0,1) 0%, rgba(173,28,47,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,30,0,1)), color-stop(100%,rgba(173,28,47,1))); background: -webkit-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); background: -o-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); background: -ms-linear-gradient(top, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); background: linear-gradient(to bottom, rgba(167,30,0,1) 0%,rgba(173,28,47,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a71e00', endColorstr='#ad1c2f',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.44); } .section_main .download p a:hover, .section_main .download p a:focus, .section_main .download p a:active { color: #a71e04; text-shadow: none; background: rgb(239,239,239); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…iIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(203,203,203,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(203,203,203,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cbcbcb',GradientType=0 ); text-decoration: none; } .section_main .mod_newslist .image_container.float_right { width: 10%; margin-top: 10px; margin-left: 40px; } .mod_newslist img { -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 5px rgba(0,0,0,.2); box-shadow: 2px 2px 5px rgba(0,0,0,.2); } .ce_text ol { padding-left: 2em; } .ce_download a { color: #A71E04; text-decoration: none; } .customer .article_wrapper { width: 100%; } .customer .article_wrapper div.wrapper { margin: 0 auto; width: 100%; } .section_main .customer .article_inside { padding: 0; } .columnset .ce_image { float: left; margin-left: 2%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: .3; width: 12.111111111%; -webkit-transition: .2s ease-in-out 0s; -moz-transition: .2s ease-in-out 0s; -o-transition: .2s ease-in-out 0s; transition: .2s ease-in-out 0s; } .columnset .ce_image:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .columnset .ce_image img { /*max-width: 163px;*/ } .customer .ce_text p { font-family: 'KlavikaMedium', sans-serif; font-size: 1em; color: #888; } /** * Distributor Benefits **/ .distributor_benefit { position: relative; float: left; width: 48%; /*min-height: 410px;*/ margin-bottom: 1.5em; text-align: center; font-family: 'KlavikaRegular', sans-serif; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.5); -o-box-shadow: 0px 1px 4px rgba(0,0,0,.5); box-shadow: 0px 1px 4px rgba(0,0,0,.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-right: 4%; } .distributor_benefit:nth-of-type(2n+2) { margin-right: 0; } .distributor_benefit:hover { -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3); -o-box-shadow: 0px 1px 1px rgba(0,0,0,.3); box-shadow: 0px 1px 1px rgba(0,0,0,.3); } .distributor_benefit h3 { display: table-cell; padding: 1em 2em; height: 64px; margin-bottom: 1em; width: 31%; background: #f6f5f5; vertical-align: middle; } .distributor_benefit:hover h3 { background: #fAfAfA; } .distributor_benefit h3 a { display: block; color: #666 } a.pricing-table-link, .distributor_link .text_container p a { font-size: 28px; text-transform: none; font-weight: normal; font-family: 'KlavikaMedium', sans-serif; } a.pricing-table-link:before, .distributor_link .text_container p a:before { content: ''; display: inline-block; width: 13px; height: 12px; margin-right: 5px; background: transparent no-repeat scroll center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDQTUxNTFCQkU5RjExRTQ5QUM5OEVBRDgwNjg4NUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDQTUxNTFDQkU5RjExRTQ5QUM5OEVBRDgwNjg4NUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUNBNTE1MTlCRTlGMTFFNDlBQzk4RUFEODA2ODg1RjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUNBNTE1MUFCRTlGMTFFNDlBQzk4RUFEODA2ODg1RjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4W/Jd3AAAApElEQVR42mL4//8/Ay68XkKHBZs4EwMOsEFS1xBI/QbSAehyODUBwQ0gfgjE64EaVZAlGEHW4bENpPg2VLNmwPPL3wnZxABUdAdIBQKxPBBfBxrCCLYJ6NkKIC3OgB8UQOmVQBzJAiS8gdiGgQSA109IoXgO2V+EAkIASL2HcgWBGj7gDQigBpDTL0C5qjANhEJPFxpqKdBQRAACyUgAmzhAgAEAewt7xB4qwgkAAAAASUVORK5CYII='); } .small.distributor_link { width: 30%; padding: 0; text-align: center; } .margin-top-s { margin-top: 25px; } .area_benefits .section_main a strong { color: #ac1c2f; } .ce_download a, .area_benefits p { font-size: 15px; text-transform: none; font-weight: normal; font-family: 'KlavikaRegular', sans-serif; } .distributor_benefit h3 a { display: block; color: #666; padding-left: 70px; } .distributor_benefit h3 a:hover, .distributor_benefit h3 a:focus, .distributor_benefit h3 a:active { text-decoration: none; } .ce_text.distributor_benefit.tool-1:before { /*content: url(../../files/themes/hr/img/arrow-white.png);*/ content: url('../../files/themes/hr/img/icon-tool-1.png'); width: 70px; height: 100%; background-color: #0e7188; display: inline; position: absolute; left: 0; padding-top: 27px; } .ce_text.distributor_benefit.tool-2:before { content: url(../../files/themes/hr/img/icon-tool-2.png); width: 70px; height: 100%; background-color: #183052; display: inline; position: absolute; left: 0; padding-top: 27px; } .ce_text.distributor_benefit.tool-3:before { content: url(../../files/themes/hr/img/icon-tool-3.png); width: 70px; height: 100%; background-color: #561415; display: inline; position: absolute; left: 0; padding-top: 27px; } .ce_text.distributor_benefit.tool-4:before { content: url(../../files/themes/hr/img/icon-tool-4.png); width: 70px; height: 100%; background-color: #41320b; display: inline; position: absolute; left: 0; padding-top: 27px; } .ce_text.distributor_benefit:hover, .ce_text.distributor_benefit:active, .ce_text.distributor_benefit:focus { cursor: pointer; } .mod_download { box-sizing: border-box; width: 48%; float: left; margin-right: 4%; margin-bottom: 2em; background-color: #fafafa; border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .mod_download:nth-of-type(2n+2) { margin-right: 0; } .mod_download:nth-of-type(10) { margin-left: 0; } .mod_download:nth-of-type(11) { margin-left: 0; margin-right: 4%; } .mod_download:nth-of-type(12) { margin-left: 0; margin-right: 0; } .mod_download + h2 { clear:both; } .mod_download .image_container { float: left; max-width: 90px; margin-right: 10px; padding: 1em; } .mod_download img { box-shadow: 2px 2px 5px rgba(0,0,0,.2); } .mod_download .text_container { padding-top: 2em; font-size: 15px; text-transform: none; font-weight: normal; font-family: 'KlavikaRegular', sans-serif; } .area_downloadcenter .medium { padding-right: 4%; margin-bottom: 2em; } .area_downloadcenter .medium:nth-of-type(2n+2) { padding-right: 0; } .mod_contact_form .checkbox_container.consent { margin-left: 0; } .consent label { font-size: 11px; color: #888; } .consent + .explanation { display: none; } /* Tools Distributor */ .mod_tools_distributor { position: relative; width: 750px; height: 248px; margin: 0 auto; background: url('../../files/themes/hr/img/tools-distributor-background') no-repeat scroll center; background-size: 750px 248px; } .mod_tools_distributor .tool { text-align: center; width: 150px; display: inline-block; } .mod_tools_distributor .tool_wrapper { width: 680px; margin: 0 auto; } .mod_tools_distributor .tool a { position: absolute; color: #FFF; font-size: 16px; text-transform: uppercase; font-weight: bold; width: 120px; line-height: 1.25; } .mod_tools_distributor .tool a.tool1 { top: 102px; left: 34px; } .mod_tools_distributor .tool a.tool2 { top: 20px; left: 174px; } .mod_tools_distributor .tool a.tool3 { top: 102px; left: 314px; } .mod_tools_distributor .tool a.tool4 { top: 20px; left: 456px; } .mod_tools_distributor .tool a.tool5 { top: 102px; left: 597px; } .mod_tools_distributor .tool a.tool1:before { content: ''; display: block; margin-bottom: 8px; width: 100%; height: 60px; background: url('../../files/themes/hr/img/tool-1-new.png') no-repeat scroll center; background-size: 60px 60px; text-align: center; } .mod_tools_distributor .tool a.tool2:before { content: ''; display: block; margin-bottom: 8px; width: 100%; text-align: center; height: 60px; background: url('../../files/themes/hr/img/tool-2-new.png') no-repeat scroll center; background-size: 60px 60px; } .mod_tools_distributor .tool a.tool3:before { content: ''; display: block; margin-bottom: 8px; width: 100%; text-align: center; height: 60px; background: url('../../files/themes/hr/img/tool-3-new.png') no-repeat scroll center; background-size: 60px 60px; } .mod_tools_distributor .tool a.tool4:before { content: ''; display: block; margin-bottom: 8px; width: 100%; text-align: center; height: 60px; background: url('../../files/themes/hr/img/tool-4-new.png') no-repeat scroll center; background-size: 60px 60px; } .mod_tools_distributor .tool a.tool5:before { content: ''; display: block; margin-bottom: 8px; width: 100%; height: 60px; text-align: center; background: url('../../files/themes/hr/img/tool-5-new.png') no-repeat scroll center; background-size: 60px 60px; } .mod_download_new { width: 48%; margin-right: 4%; float: left; margin-bottom: 2em; } .mod_download_new:nth-of-type(2n+2) { margin-right: 0; } /** * Slider **/ .slide-tool { text-align: center; height: 100%; } .slide-tool-1 { /*background: #027d98; background: rgb(117,194,214); background: -moz-radial-gradient(center, ellipse cover, rgba(117,194,214,1) 0%, rgba(2,125,152,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(117,194,214,1) 0%,rgba(2,125,152,1) 100%); background: radial-gradient(ellipse at center, rgba(117,194,214,1) 0%,rgba(2,125,152,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c2d6', endColorstr='#027d98',GradientType=1 );*/ position: relative; z-index: 1; background: url('../../files/content/hro-teaser-2543-text-_0002_Stellenbeschreibung.jpg') no-repeat fixed; background-size: cover; background-position: 0; } .slide-tool-2 { /*background: rgb(170,170,170); background: -moz-radial-gradient(center, ellipse cover, rgba(170,170,170,1) 0%, rgba(67,78,85,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(170,170,170,1) 0%,rgba(67,78,85,1) 100%); background: radial-gradient(ellipse at center, rgba(170,170,170,1) 0%,rgba(67,78,85,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#434e55',GradientType=1 );*/ position: relative; z-index: 1; background: url('../../files/content/hro-teaser-2543-text-_0004_stellenbewertung.jpg') no-repeat fixed; background-size: cover; background-position: 0; } .slide-tool-3 { /*background: rgb(62,99,209); background: -moz-radial-gradient(center, ellipse cover, rgba(62,99,209,1) 0%, rgba(24,48,82,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(62,99,209,1) 0%,rgba(24,48,82,1) 100%); background: radial-gradient(ellipse at center, rgba(62,99,209,1) 0%,rgba(24,48,82,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e63d1', endColorstr='#183052',GradientType=1 );*/ position: relative; z-index: 1; background: url('../../files/content/hro-teaser-2543-text-_0000_eingruppierung.jpg') no-repeat fixed; background-size: cover; background-position: 0; } .slide-tool-4 { /*background: rgb(127,103,75); background: -moz-radial-gradient(center, ellipse cover, rgba(127,103,75,1) 1%, rgba(86,20,21,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(127,103,75,1) 1%,rgba(86,20,21,1) 100%); background: radial-gradient(ellipse at center, rgba(127,103,75,1) 1%,rgba(86,20,21,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f674b', endColorstr='#561415',GradientType=1 );*/ position: relative; z-index: 1; background: url('../../files/content/hro-teaser-2543-text-_0001_competency.jpg') no-repeat fixed; background-size: cover; background-position: 0; } .slide-tool-5 { /*background: rgb(127,103,75); background: -moz-radial-gradient(center, ellipse cover, rgba(127,103,75,1) 1%, rgba(65,50,11,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(127,103,75,1) 1%,rgba(65,50,11,1) 100%); background: radial-gradient(ellipse at center, rgba(127,103,75,1) 1%,rgba(65,50,11,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f674b', endColorstr='#41320b',GradientType=1 );*/ position: relative; z-index: 1; background: url('../../files/content/hro-teaser-2543-text-_0003_compensation.jpg') no-repeat fixed; background-size: cover; background-position: 0; } .slide-tool .rs-columns { max-width: 1200px; margin: 0 auto; } .section_subheader .slide-tool h1 { margin: 0 auto; padding-top: 75px; padding-bottom: 75px; max-width: 1200px; height: 250px; font-size: 48px; color: #FFF; text-transform: none; font-family: 'KlavikaMedium'; line-height: 52px; -webkit-text-shadow: 1px 1px 8px rgba(0, 0, 0, .7); -moz-text-shadow: 1px 1px 8px rgba(0, 0, 0, .7); -o-text-shadow: 1px 1px 8px rgba(0, 0, 0, .7); text-shadow: 1px 1px 8px rgba(0, 0, 0, .7); } .section_subheader .slide-tool p { font-size: 18px; margin-bottom: 2em; } .section_subheader .slide-tool .image_container { margin-bottom: 2em; } .section_subheader .slide-tool img { width: 350px; height: 350px; margin-left: auto; margin-right: auto; } .mod_rocksolid_slider { width: 100%; max-height: calc(80vh - 82px); min-height: 700px; } .mod_rocksolid_slider .asset_subheader_elements { top: 40%; } .mod_rocksolid_slider .rsts-next, .mod_rocksolid_slider .rsts-prev { top: 45%; bottom: inherit; right: 55px; height: 50px; width: 50px; } .mod_rocksolid_slider .rsts-prev { left: 55px; right: inherit; } .mod_rocksolid_slider .padding-right-m { padding-right: 50px; } .mod_rocksolid_slider .padding-left-m { padding-left: 50px; } .mod_rocksolid_slider .padding-right-l { padding-right: 100px; } .mod_rocksolid_slider .padding-left-l { padding-left: 100px; } .padding-top-l { padding-top: 40px; } .section_main a.more { background: rgb(167,30,0); color: #FFF; padding: 8px 20px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-family: 'KlavikaMedium', Helvetica, Arial, sans-serif; } .section_main a.more:hover, .section_main a.more:active, .section_main a.more:focus { text-decoration: none; color: #a71e04; text-shadow: none; background: rgb(239,239,239); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(203,203,203,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(203,203,203,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(203,203,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cbcbcb',GradientType=0 ); -webkit-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); -moz-box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); box-shadow: 0px 1px 0px 0px rgba(120, 120, 120, 0.6); } .mod_contact_job div.mandatory { width: 48%; float: left; margin-bottom: .5em; } .mod_contact_job div.mandatory:nth-of-type(2n+2){ float: right; } .mod_contact_job div.consent.mandatory { width: 100%; float: none; } .mod_contact_job label { display: none; } .mod_contact_job .widget-dropzone label { display: block; } .mod_contact_job .checkbox_container input { float: left; margin-right: 10px; } .mod_contact_job .checkbox_container label { width: 90%; display: block; float: left; } .mod_contact_job .upload { margin-top: 1em; } @-webkit-keyframes bounce { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.075); } 100% { -webkit-transform: scale(1); } } @keyframes bounce { 0% { transform: scale(1); } 50% { transform: scale(1.075); } 100% { transform: scale(1); } } .bounce { /*animation: bounce 2s;*/ animation-name: bounce; animation-duration: .77s; animation-delay: .5s; animation-iteration-count: 1; } @-webkit-keyframes bounce1 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.075); } 100% { -webkit-transform: scale(1); } } @keyframes bounce1 { 0% { transform: scale(1); } 50% { transform: scale(1.075); } 100% { transform: scale(1); } } .bounce1 { /*animation: bounce 2s;*/ animation-name: bounce1; animation-duration: .77s; animation-delay: .6s; animation-iteration-count: 1; } @-webkit-keyframes bounce2 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.075); } 100% { -webkit-transform: scale(1); } } @keyframes bounce2 { 0% { transform: scale(1); } 50% { transform: scale(1.075); } 100% { transform: scale(1); } } .bounce2 { /*animation: bounce 2s;*/ animation-name: bounce2; animation-duration: .77s; animation-delay: .7s; animation-iteration-count: 1; } @-webkit-keyframes bounce3 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.075); } 100% { -webkit-transform: scale(1); } } @keyframes bounce3 { 0% { transform: scale(1); } 50% { transform: scale(1.075); } 100% { transform: scale(1); } } .bounce3 { /*animation: bounce 2s;*/ animation-name: bounce3; animation-duration: .77s; animation-delay: .8s; animation-iteration-count: 1; } @-webkit-keyframes bounce4 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.075); } 100% { -webkit-transform: scale(1); } } @keyframes bounce4 { 0% { transform: scale(1); } 50% { transform: scale(1.075); } 100% { transform: scale(1); } } .bounce4 { /*animation: bounce 2s;*/ animation-name: bounce4; animation-duration: .77s; animation-delay: .9s; animation-iteration-count: 1; } /* Anpassungen vorerst für kleine Bildschirme */ .mod_rocksolid_slider { width: 100%; max-height: calc(60vh - 82px); min-height: 610px; } .teaser_wrapper { margin-top: 0; } .section_main .first .article_inside { padding: 20px 0; } .mod_article.call_to_action .article_inside { padding: 15px 0; } .mod_article.call_to_action { margin-bottom: 0; margin-top: -23px; } .customer .ce_text p { margin-top: 2em; } .section_subheader .slide-tool h1 { height: auto; padding: 30px 0; } .section_subheader .slide-tool img { width: 235px; height: 235px; margin-top: -75px; } .section_subheader .slide-tool p { margin-bottom: 1.5em; } .section_subheader .slide-tool h1 { font-size: 30px; margin-bottom: 0; } .asset_subheader_elements h1 { font-size: 36px; margin-bottom: 1.5em; } .asset_subheader_elements h1 { margin-top: .5em; } .section_subheader .slide-tool h1 { line-height: 1.25; } .mod_navigation_main .toggle { display: none; } .section_video .image_container { text-align: center; } .section_video .image_container a { display: inline-block; } /* salary ticker */ .mod_article.ticker .article_wrapper { width: 100%; } .mod_article.ticker .article_inside { padding: 0; } .telex, .telex > div, .tickerhead a, .tickerend a { line-height: 2; } .mod_ticker { position: relative; } .tickerhead, .tickerend { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; color: #FFF; background: #c10e22; text-align: center; } .tickerhead a, .tickerend a { display: block; color: #FFF; margin: 0 0.5em; } .tickerend a:before { content: "\f201"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } .tickertext { margin-left: 10em; font-weight: 700; color: #FFF; background: #191919; } .tickertext > div:before { content: "+++"; display: inline-block; padding: 0 3em 0 0; font-weight: 300; } .tickerend { left: inherit; right: 0; width: 2em; } /* video fix*/ .medium.section_video { padding: 0; margin-right: 4%; } .area_downloadcenter .medium:nth-of-type(2n+2) { padding-right: 0; margin-right: 0; } .video_container { position: relative; margin-bottom: 1em; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; } .video_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_tool_contact { text-align: center; margin-bottom: 2em; } .customer .ce_text.ce_tool_contact a { color: #000; } .ce_rsce_oneo_counter_boxes p { font-family: 'KlavikaRegular', sans-serif; font-size: 4em; font-weight: 600; text-align: center; line-height: normal; color: rgb(167,30,0); } .ce_rsce_oneo_counter_boxes h1 { font-family: 'KlavikaRegular', sans-serif; font-size: 20px; line-height: 28px; text-align: center; border-top: 1px solid #ddd; padding-top: .5em; text-transform: inherit; } .section_main .mod_ce_berater .article_inside{ margin-bottom: 0; padding-bottom: 0; } .section_autocomplete { background: #ebebeb; } .youtubecss { text-align: center } /** * 90-print.css **/ /** * 80-mobile.css **/ /** columnset **/ @media only screen and (max-width: 2025px) { .columnset .ce_image { margin-left: 1%; width: 13.111111%; } } @media only screen and (max-width: 1260px) { .section_header .mod_branding { margin-top: 30px; } .section_navigation .inside { padding: 0 35px; } .mod_navigation_main { margin-right: 35px; } .mod_login_button { right: 8px; } .asset_login { width: 230px; } .section_method .article_inside, .layout_onepage .section_profit .article_inside, .section_login .inside, .section_navigation .inside, .section_main .article_wrapper, .section_footer .inside { width: auto; max-width: 1270px; padding-left: 35px; padding-right: 35px; box-sizing: border-box; } .mod_article.ticker .article_wrapper, .mod_article.customer .article_wrapper { padding-left: 0; padding-right: 0; } .layout_onepage .section_method .article_wrapper .article_inside, .layout_onepage .section_profit .article_wrapper .article_inside { padding-left: 0; padding-right: 0; } .section_main .section_services .article_inside { width: 100%; max-width: 1200px; } .section_wrapper { min-width: inherit; } .section_method .text_container { width: 44%; margin-top: 0; } .section_method .image_container { width: 49%; height: auto; box-sizing: border-box; margin-right: 1%; } /* .section_services_products { display: block; } */ .distributor_services { width: 19%; margin-right: 1.25%; margin-left: 0; } .distributor_services:nth-of-type(6) { margin-right: 0; } .distributor_services + .distributor_services { margin-left: 0; } .section_services .medium, .section_services .medium.last { padding-top: 60px; } .page_tool_four .workflow_squares li { width: 100%; } } @media only screen and (max-width: 1200px) { * { box-sizing: border-box; } .section_login .inside { width: 100%; padding-left: 0; padding-right: 0; } .mod_navigation_main .toggle img { margin-top: -8px; width: 40px; height: 41px; } .rs-columns { margin: 0 auto; } .rs-column.-large-col-3-1 { margin-right: 0; } .counter-boxes.ce_rsce_oneo_counter_boxes .rs-column.-large-col-3-1 { margin-right: 5%; } .section_subheader .slide-tool h1 { padding-left: 35px; padding-right: 35px; } .section_subheader .slide-tool p { font-size: 14px; } .mod_navigation_main ul { display: none; } .mod_navigation_main .toggle { display: block; position: absolute; top: 35px; right: 35px; } .mod_mobile_toggle { display: block; } .mod_login_button a:before, .mod_login_button a:after { bottom: -20px; } .distributor_services { width: 31%; margin-right: 3.5%; margin-bottom: 2em; } .distributor_services p:nth-of-type(1) { height: 130px; } .distributor_services:nth-of-type(4) { margin-right: 0; } .distributor_services:nth-of-type(5) { margin-left: 0; } .distributor_services .text_container { width: 100%; } .section_main .section_services .article_inside { width: 100%; } .section_services .medium.last { width: 100%; margin: 2em 0 0 0; padding: 0; } .section_company .article_inside { width: auto; max-width: 940px; } .mod_rocksolid_slider .rsts-next { right: 10px; } .mod_rocksolid_slider .rsts-prev { left: 10px; } .distributor_benefit h3 a { font-size: .875em; } .ce_text.distributor_benefit.tool-4:before, .ce_text.distributor_benefit.tool-3:before, .ce_text.distributor_benefit.tool-2:before, .ce_text.distributor_benefit.tool-1:before { padding-top: 14px; } .section_navigation { overflow: visible; } .mod_navigation_main.active ul { display: block; position: fixed; top: 116px; left: 0; right: 0; width: 100%; height: auto; background: #f6f5f5; z-index: 999; } .mod_navigation_main.active ul li { display: block; float: none; padding: 1em 0; border-bottom: 1px solid rgba(0,0,0,.1); } .area_prices .features { display: none; } .pricing-table .rs-column { width: 32% !important; margin-right: 2% !important; } .pricing-table .rs-column:nth-of-type(3) { margin-right: 0 !important; } .area_prices .section_login .inside, .area_prices .section_navigation .inside, .area_prices .section_main .article_wrapper, .area_prices .section_footer .inside { width: 100%; } .page_module .tools_highlight { width: 96%; margin-left: 2%; margin-right: 2%; box-sizing: border-box; } .tools_teaser h1 { font-size: 30px; } .section_services_booklet { width: 94%; margin-left: 3%; margin-right: 3%; } .layout_latest .teaser .opener .fa { display: none; } .layout_latest .teaser .opener span + span { position: static; } .section_services:after { content: ''; width: 100%; } } @media only screen and (max-width: 1023px) { .section_services .medium { width: 100%; float: none; } .distributor_benefit { width: 100%; } .asset_subheader_elements { width: auto; max-width: 940px; } .workflow_progress .small, .workflow_circles .small { width: 100%; } .workflow_circles .small:after { content: none; } .workflow_circles .small { margin-bottom: 1em; } .tools_teaser .text_container p { font-size: 15px; } .workflow_squares .small, .page_tool_four .workflow_squares li { display: block; width: 100%; } .mod_changelanguage { right: 80px; top:38px; /**/ } /* .mod_changelanguage ul { width: auto; } */ } @media only screen and (max-width: 900px) { .ce_rsce_oneo_counter_boxes p { font-size: 3.5em; } .ce_rsce_oneo_counter_boxes h1 { } .distributor_benefit { width: 100%; float: none; margin-right: 0; } .mod_tools_distributor .tool_wrapper { width: 100%; max-width: 680px; } #cboxLoadedContent .section_main .article_wrapper { padding: 0; } } @media only screen and (max-width: 1200px) and (min-width: 861px) { .section_services_contact .asset_services, .distributor_services .text_container { min-height: 420px; } .distributor_services p:nth-of-type(1) { height: 200px; } } @media only screen and (max-width: 860px) and (min-width: 767px) { .section_services_contact .asset_services, .distributor_services .text_container { min-height: 470px; } .distributor_services p:nth-of-type(1) { height: 250px; } } @media only screen and (max-width: 767px) { .section_main { padding-top: 15px; } .asset_subheader_video { background-position: -955px 0; } .slide-tool-1, .slide-tool-2, .slide-tool-3, .slide-tool-4, .slide-tool-5 { background-position: -620px 0; } .counter-boxes.ce_rsce_oneo_counter_boxes .rs-column.-large-col-3-1 { margin-right: 0; width: 100%; } .ce_rsce_oneo_counter_boxes p { font-size: 4.5em; } .counter-boxes.ce_rsce_oneo_counter_boxes .rs-column { margin-top: 3% } .ce_rsce_oneo_counter_boxes h1 { min-height: 3.5em; } .tickerhead, .teaser_wrapper { display: none; } .tickertext { margin-left: 0; } .mod_navigation_main .toggle { right: 0; } .section_subheader .slide-tool h1, .asset_subheader_elements h1 { max-width: 80%; margin: 0 auto; } .small.distributor_link { width: 100%; text-align: left; margin-top: 1em; } .section_company .text_container p { font-size: 14px; line-height: 25px; padding-left: 15px; padding-right: 15px; } .section_header .mod_branding { max-width: 210px; margin-top: 37px; margin-left: -10px; } .mod_rocksolid_slider .asset_subheader_elements { top: 66%; } .mod_callback { top: 150px; } .mod_download, .section_method .text_container, .section_method .article_inside, .section_method .image_container { width: 100%; float: none; } .section_contact .small { width: 50%; height: 230px; } .section_method .image_container { margin-top: 1em; margin-bottom: 3em; } .section_method img { margin: 0 auto; } .section_main h2 { margin-top: 20px; margin-bottom: 0; } .section_method .image_container { box-sizing: border-box; height: auto; } .section_subheader .slide-tool h1 { padding-left: 35px; padding-right: 35px; } .mod_rocksolid_slider { max-height: calc(40vh - 82px); min-height: 500px; } .mod_rocksolid_slider .slide-tool .ce_text { display: none; } .mod_rocksolid_slider .slide-tool img { position: absolute; left: 0; right: 0; margin: 0 auto; } .section_subheader .slide-tool h1, .asset_subheader_elements h1 { font-size: 22px; margin-bottom: 1em; } .distributor { overflow: hidden; } .section_services_products { display: block; } .distributor_services { width: 100%; float: none; margin: 1em auto 5em auto; box-sizing: border-box; overflow: visible; min-height: 300px; } .pricing-table .rs-column { width: 100% !important; margin-right: 0% !important; } .tools_teaser .small { display: none; } .medium { width: 100%; } .section_services_booklet .medium { margin-bottom: 1em; } .section_services_booklet figure.float_left { width: 40%; margin-right: 5%; } .section_services_booklet p a { padding: 8px 15px; } .section_services_booklet figure.float_right { width: 40%; margin-left: 5%; } .page_module .jobs h2 { margin-left: 0; } .page_module .section_video, .page_module .jobs .offer { max-width: 100%; width: 100%; height: 290px; overflow: visible; margin-top: 2em; } .page_module .section_video { margin-bottom: 2em; } .page_module .section_video img { margin: 0 auto; } .mod_email_form .fieldset_selection span, .mod_contact_form .fieldset_selection span, .mod_contact_form .fieldset_contactdata div { width: 96%; } .profits ul { margin-left: 0; padding-left: 0; } .tools_teaser .register, .tools_teaser .opener { margin-left: auto; margin-right: auto; } .tools_teaser .register a, .tools_teaser .opener a { font-size: 16px; } .mod_navigation_page_tools { margin-bottom: 27px; } .tools_teaser h1 { font-size: 24px; } .page_tool_four .workflow_squares li { font-size: 16px; } .page_module .jobs h2, .page_module h2, .page_tool_one .mod_article h2, .page_tool_one.second .mod_article h2 { font-size: 16px; line-height: 1.5; height: auto; } h1 { font-size: 22px; line-height: 1.5; } .section_services_contact, .section_main .article_inside { padding: 10px 0; } .section_main h2 { margin-top: 10px; font-size: 20px; margin-bottom: 10px; } .section_main .first .article_inside { padding: 0; } .page_home .section_main .first .article_inside { padding: 20px 0; } .section_footer .mod_branding { margin: 1em auto; float: none; text-align: center; } .section_footer .mod_branding .image_container { display: inline-block; } } @media only screen and (max-width: 580px) { #cboxMiddleLeft, #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100% !important; height: 100% !important; } .mod_contact_form .fieldset_contactdata input.email { width: 96%; } .section_contact .small { width: 100%; height: auto; } } @media (orientation: landscape) and (min-width: 1026px) { .mod_rocksolid_slider.desktop { display: block; min-height: 680px; } .mod_rocksolid_slider.mobile { display: none; } } @media (orientation: portrait) and (max-width: 1025px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 950px; } } @media (orientation: portrait) and (max-width: 939px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 860px; } } @media (orientation: portrait) and (max-width: 839px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 770px; } } @media (orientation: portrait) and (max-width: 789px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 680px; } } @media (orientation: portrait) and (max-width: 639px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 590px; } } @media (orientation: portrait) and (max-width: 544px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 500px; } } @media (orientation: portrait) and (max-width: 455px) { .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 385px; } } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .hr_autocomplete input:hover, .autocomplete-suggestions:hover { cursor: pointer; } .autocomplete-suggestions .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #a71e04; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } .headerautocompletehr { width: 100%; } .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: relative; top: -1.25em; left: -1em; float: right; -webkit-transition: -webkit-transform .2s ease-in-out; -ms-transition: -ms-transform .2s ease-in-out; transition: transform .2s ease-in-out; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative; top: -1.25em; left: -1em; float: right; -webkit-transition: -webkit-transform .2s ease-in-out; -ms-transition: -ms-transform .2s ease-in-out; transition: transform .2s ease-in-out; } .pbox-jobs { padding: 18px 1em 6px 1em; } html[lang="en"] .section_services_booklet { *background: #FFFFFF !important; *border-bottom: none !important; } html[lang="en"] .section_services_booklet:before { margin: 0 !important; height: 0 !important; } html[lang="en"] .toolstart { margin-bottom: 0 !important; } /*************** POPUP ***************************/ /* .euf_overlay { display: flex !important; flex-direction: column; justify-content: center; z-index: 1234; } */ .euf_overlay { z-index: 1234; } .euf_overlay div.buttonlink { display:block !important; } /*************** Cookiebanner ***************************/ .cc-inner { background: var(--h3_color); color: #FFFFFF; max-width: 500px; } .cc-cookies, .cc-cookie-info { background: var(--h3_color) !important; } .contao-cookiebar p, .contao-cookiebar a, .contao-cookiebar a:hover { color: #FFFFFF; } .cc-detail-btn:hover { color: #FFFFFF; } .contao-cookiebar .highlight .success { background: #53d9ca; } .contao-cookiebar input:checked+label:before { background: #ffffff;; border-color: #53d9ca;; } /*************** Mobile / Desktop ***************************/ .mobile_content { display: none; } /*************** SEARCH ***************************/ .mod_search { margin: auto; } .mod_search .odd, .mod_search .even { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #999; } .search button { margin-top: 20px; font-size: 20px; font-weight: 300 !important; background: var(--liststyle_profit_color) !important; padding: 8px 20px !important; text-transform: none; box-shadow: unset !important; color: #FFFFFF; } .mod_search h3 a { font-size: 19px !important; color: #4ca6df; } /******************************************/ .area_prices h3 { color: #FFFFFF !important; font-size: 20px !important; } .area_prices .pricing-table .tool1 h3 { background: var(--jobprofile_color); } .area_prices .pricing-table .tool1a h3 { background: var(--jobevaluation_color); } .area_prices .pricing-table .tool2 h3 { background: var(--classification_color); } .area_prices .pricing-table .tool3 h3 { background: var(--competency_color); } .area_prices .pricing-table .tool4 h3 { background: var(--compensation_color); } /******************************************/ .area_benefits .tools_teaser .article_wrapper { margin-top: -60px; margin-bottom: 60px; } .testaccount .tools_teaser .article_wrapper { margin-top: -50px; margin-bottom: 60px; } /******************************************/ .page_tool_four .toolstart { margin-bottom: 30px !important; } .section_autocomplete { margin-bottom: 50px !important; padding-bottom: 50px !important; background: #FFFFFF; border-bottom: 1px dotted #999; margin: auto; } .section_autocomplete .max_width_1200 { display: flex; justify-content: center; align-items: center; } /******************************************/ .best_practice { width: auto; display: block; } .best_practice .video_container, .best_practice .video { height: 100%; width: 100%; padding-bottom: 0px; max-width: 500px !important; } .center div.buttonlink { width: 300px; text-align: center !important; } .center { display: flex; justify-content: center; align-items: center; } /******************************************/ .callback_wrapper .ce_hyperlink a { font-size: 15px !important; background: rgba(0,0,0,0) !important; padding: 0 !important; } /******************************************/ .ce_youtube { max-width: 807px; margin: auto; } .ce_youtube h3 { text-align: center !important; margin: auto !important; } /******************************************/ .mobile_menu_overlay.background { opacity: 0; z-index: 9; } .mobile_menu_icon { display: block; position: fixed; right: 50px; top: 55px; background: url(../../files/themes/hr/img/mobile-menu.svg); width: 30px; height: 30px; background-repeat: no-repeat; background-size: 100%; cursor: pointer; z-index: 1002; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .bt_close { position: absolute; right: 50px; top: 80px; } .bt_close a { font-weight: 400 !important; font-size: 25px !important } .mobile_menu { top: 90px !important; padding: 0px; max-width: 500px !important; height: 100vh !important; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; color: #FFFFFF !important; z-index: 10; padding-bottom: 80px; } .mobile_menu .inner { background: #000000; overflow-y: auto; z-index: 1001 !important; position: relative; padding: 30px 50px; padding-top: 80px; } .mobile_menu a, .mobile_menu li { text-decoration: none; color: #ffffff; font-weight: 400; font-size: 16px; } .mobile_menu strong { font-weight: 500; } .mobile_menu li.trail>a { color: #2d779c; } .mobile_menu li.active { color: #2d779c; } .mobile_menu .mainmenu li.nomenu { display: block !important; } .mainmenu li.first:not(.mainmenu .level_2 li.first) { //display: none !important; } .mobile_menu .mainmenu li.first { display: block !important; } .mod_navigation.mobile { background: rgba(76,48,48,0.8); border-bottom: 3px solid #2d779c; } .mobile_menu li.submenu.trail { color: #2d779c !important; } .mobile_menu li { display: block; padding-right: 25px; padding-bottom: 10px; list-style: none; padding-top: 5px; padding-bottom: 5px; line-height: 22px; } .mobile_menu .produkte { border-top: 1px dotted #2d779c; border-bottom: 1px dotted #2d779c; margin-bottom: 10px; margin-top: 10px; padding-left: 0px; padding-bottom: 5px; } .mobile_menu .kontakt { border-top: 1px dotted #2d779c; *border-bottom: 1px dotted #2d779c; *margin-bottom: 30px; margin-top: 10px; padding-left: 0px; } .mobile_menu a:hover, .mobile_menu li:hover { color: #2d779c; } .mobile_menu .wissen, .mobile_menu .rechtliches { border-top: 1px dotted #2d779c; *border-bottom: 1px dotted #2d779c; *margin-bottom: 30px; *margin-top: 10px; padding-left: 0px; } .mobile_menu .produkte li, .mobile_menu li.testzugang { position: relative; left: 35px; } .mobile_menu .produkte li:before, .mobile_menu li.testzugang:before{ position: absolute; content: "➡︎ "; color: #2d779c; margin-left: -35px; } .mobile_menu li.testzugang a { color: #0aa4f1; } .mobile_menu .rechtliches li a, .mobile_menu .wissen li a { font-size: 14px !important; } .mobile_menu .produkte ul { padding-top: 10px !important; } @media only screen and (max-width: 840px) { .mobile_menu { width: 100%!important; } } @media only screen and (max-width: 500px) { .mobile_menu .inner { padding-left: 20px; padding-right: 20px; } .bt_close { right: 30px; } } /******************************************/ nav a:hover, nav a:focus, nav a:active { color: var(--h3_color) !important; } .lang-it { display: none; } .page_blog #main { padding-top: 30px; } .page_blog button { margin-bottom: 50px; } .page_blog .asset_login { *top: -250px; } .page_blog .section_main p a, .download-element a { color: #2d779c !important; } .layout_full { margin: auto; } .section_main .layout_full h2 { font-size: 25px !important; color: var(--h3_color); } .page_blog h2 { font-size: 25px !important; padding-top: 15px; } .section_services_booklet { background: #eaeaea !important; padding-top: 60px; } .section_services_booklet figure.float_left, .section_services_booklet figure.float_right { padding-right: 25px; } .section_services_booklet a { font-size: 15px; margin-top: 15px; } .section_services_booklet strong { line-height: 20px; padding-bottom: 5px; } /************* Formular Testaccount ***********************/ .testaccount .mod_testaccount { display: block !important; padding-top: 50px; margin-top: 0px; } .mod_testaccount { padding-top: 0px; margin-top:-50px; padding-bottom: 50px; display: none; max-width: 500px; } .mod_testaccount a { color: #000000; text-decoration: underline; } .mod_testaccount .columns { display: grid; grid-template-columns: 1fr 1fr; /* set column sizes here */ grid-template-rows: auto auto; /* we want two rows */ grid-gap: 10px; /* how far between cells? */ grid-auto-flow: row; /* fill in by column, not row */ padding-bottom: 20px; } .tools_teaser .mod_testaccount { color: #FFFFFF; } .tools_teaser .mod_testaccount a { color: #FFFFFF; text-decoration: underline; } .tools_teaser .mod_testaccount input { color: #FFFFFF !important; } .mod_webinar .widget { padding-bottom: 20px; } .mod_webinar input, .mod_webinar textarea { border: 1px dotted var(--h3_color) } .mod_webinar .checkbox span { padding-bottom: 5px; padding-top: 0px; display: flex; } .mod_webinar label { width: initial; } .mod_webinar .checkbox input { margin-right: 10px; margin-top: 5px; } .mod_testaccount.mod_webinar { display: block; } .mod_testaccount .headline { font-size: 25px; line-height: 35px; color: var(--h3_color); padding-bottom: 5px; } .tools_teaser .mod_testaccount .headline { color: #FFFFFF; } .mod_testaccount .salutation, .mod_testaccount .email, .mod_testaccount .lastname, .mod_testaccount .code { padding-bottom: 10px; } /* .mod_testaccount .email label { padding-bottom: 5px; font-size: 20px; } */ .mod_testaccount select { appearance: none; background-color: transparent; border: 1px dotted var(--h3_color); padding: 3px 5px; margin: 0; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; margin-bottom: 5px; margin-top: 0px; } .mod_testaccount .email input, .mod_testaccount .lastname input, .mod_testaccount .code input { border: 1px dotted var(--h3_color); background: none; } .tools_teaser .mod_testaccount .email input, .tools_teaser .mod_testaccount .lastname input, .tools_teaser .mod_testaccount .code input, .tools_teaser .mod_testaccount select { border: 1px dotted #ffffff; } .tools_teaser .mod_testaccount select { color: #FFFFFF; } .tools_teaser .mod_testaccount .submit_container .submit:hover { color: var(--liststyle_profit_color) !important } .mod_testaccount .checkbox { display: flex; align-items: flex-start; /* Oder 'center', je nach Textlänge */ gap: 5px; /* Abstand zwischen Checkbox und Label */ margin-bottom: 10px; } .mod_testaccount .checkbox.hidden { display: none; } .mod_testaccount .checkbox input { margin-right: 10px; margin-top: 2px; } .mod_testaccount label { width: auto; } .mod_testaccount .checkbox label { width: calc(100% - 40px); *padding-left: 10px; } .mod_testaccount .infobox { padding-top: 20px; padding-bottom: 20px; } .mod_testaccount .submit_container { padding-top: 20px; } .mod_testaccount input[type="checkbox"] { -webkit-appearance: none; /* Für Safari */ -moz-appearance: none; /* Für Firefox */ appearance: none; width: 18px; min-width: 18px !important; height: 18px; border: 1px dotted #555; border-radius: 4px; background-color: #fff; cursor: pointer; position: relative; } .mod_testaccount input[type="checkbox"]:checked::after { content: '✔'; position: absolute; top: -5px; left: 3px; font-size: 18px; color: green !important; } /************* LAYOUT ANPASSUNGEN ***********************/ .page_tool_one .buttonlink:hover { border: 1px dotted var(--jobprofile_color); background: #FFFFFF !important; color: var(--jobprofile_color); } .page_tool_one .buttonlink:hover a { color: var(--jobprofile_color) !important; } .page_tool_one.second .mod_article .headline { text-align: left !important; } .page_tool_one.second .workflow_circles .small span { border-radius: 200px; background: var(--jobevaluation_color); } .page_tool_one.second .buttonlink:hover { border: 1px dotted var(--jobevaluation_color); background: #FFFFFF !important; color: var(--jobevaluation_color); } .page_tool_one.second .buttonlink:hover a { color: var(--jobevaluation_color) !important; } .page_tool_four .buttonlink:hover { border: 1px dotted var(--compensation_color); background: #FFFFFF !important; color: var(--compensation_color); } .page_tool_four .buttonlink:hover a { color: var(--compensation_color) !important; } .page_tool_four .mod_article h2, .page_tool_four .mod_article h3, .page_tool_four .mod_article .headline{ color: var(--compensation_color); text-align: center; } .page_tool_four .mod_article .headline { text-align: left; } .page_tool_four .mod_article .profits li:before, .page_tool_four .workflow_squares ul li, .page_tool_four .page_blog .ce_hyperlink a, .page_tool_four .ce_hyperlink a, .page_tool_four .ce_hyperlink a, .page_tool_four .section_services_booklet a, .page_tool_four .section_services .ce_hyperlink a, .page_tool_four .submit_container .submit, .page_tool_four div.buttonlink, .distributor_services.compensation .link_button a { background-color: var(--compensation_color) !important; } .page_tool_three .buttonlink:hover { border: 1px dotted var(--competency_color); background: #FFFFFF !important; color: var(--competency_color); } .page_tool_three .buttonlink:hover a { color: var(--competency_color) !important; } .page_tool_three .mod_article h2, .page_tool_three .mod_article h3, .page_tool_three .mod_article .headline{ color: var(--competency_color); text-align: center; } .page_tool_three .mod_article .headline { text-align: left; } .page_tool_three .mod_article .profits li:before, .page_tool_three .workflow_circles .small span, .page_tool_three .workflow_circles .small.first span, .page_tool_three .page_blog .ce_hyperlink a, .page_tool_three .ce_hyperlink a, .page_tool_three .ce_hyperlink a, .page_tool_three .section_services_booklet a, .page_tool_three .section_services .ce_hyperlink a, .page_tool_three .submit_container .submit, .page_tool_three div.buttonlink, .distributor_services.competency .link_button a { background-color: var(--competency_color) !important } .page_tool_two .buttonlink:hover { border: 1px dotted var(--classification_color); background: #FFFFFF !important; color: var(--classification_color); } .page_tool_two .buttonlink:hover a { color: var(--classification_color) !important; } .page_tool_two .mod_article h2, .page_tool_two .mod_article h3, .page_tool_two .mod_article .headline{ color: var(--classification_color); text-align: center; } .page_tool_two .mod_article .headline { text-align: left; } .page_tool_two .mod_article .profits li:before, .page_tool_two .workflow_circles .small.first span, .page_tool_two .workflow_circles .small span, .page_tool_two .page_blog .ce_hyperlink a, .page_tool_two .ce_hyperlink a, .page_tool_two .ce_hyperlink a, .page_tool_two .section_services_booklet a, .page_tool_two .section_services .ce_hyperlink a, .page_tool_two .submit_container .submit, .page_tool_two div.buttonlink, .distributor_services.classification .link_button a { background-color: var(--classification_color) !important; } .page_tool_one.second .mod_article h2, .page_tool_one.second .mod_article h3, .page_tool_one.second .mod_article .headline{ color: var(--jobevaluation_color); text-align: center; } .page_tool_one.second .mod_article .profits li:before, .page_tool_one.second .page_blog .ce_hyperlink a, .page_tool_one.second .ce_hyperlink a, .page_tool_one.second .ce_hyperlink a, .page_tool_one.second .section_services_booklet a, .page_tool_one.second .section_services .ce_hyperlink a, .page_tool_one.second .submit_container .submit, .page_tool_one.second div.buttonlink, .distributor_services.jobevaluation .link_button a { background-color: var(--jobevaluation_color) !important; } .page_tool_one .mod_article h2, .page_tool_one .mod_article h3, .page_tool_one .mod_article .headline { color: var(--jobprofile_color); text-align: center; } .page_tool_one .mod_article .headline { text-align: left; } .page_tool_one .mod_article .profits li:before, .page_tool_one .ce_hyperlink a, .page_tool_one .ce_hyperlink a, .page_tool_one .section_services_booklet a, .page_tool_one .section_services .ce_hyperlink a, .page_tool_one .submit_container .submit, .page_tool_one div.buttonlink, .distributor_services.jobprofile .link_button a { background-color: var(--jobprofile_color) !important; } .header_content .headline { color: #FFFFFF !important; text-align: left !important; } .page_tool_one .mod_article .profits li:before, .page_tool_two .mod_article .profits li:before, .page_tool_three .mod_article .profits li:before, .page_tool_four .mod_article .profits li:before { top: 5px; } .max_width_1200 { position: relative; max-width: 1200px !important; margin: auto; display: flex; } .section_main p a { //color: var(--liststyle_profit_color) !important; } .page_blog .ce_hyperlink a:hover, .page_blog .ce_hyperlink a:active, .page_blog .ce_hyperlink a:focus, .section_services .ce_hyperlink a:hover, .section_services .ce_hyperlink a:focus, .section_services .ce_hyperlink a:active, .page_module .ce_hyperlink a:hover, .page_module .ce_hyperlink a:focus, .page_module .ce_hyperlink a:active, .page_contactsuccess .ce_hyperlink a:hover, .page_contactsuccess .ce_hyperlink a:focus, .page_contactsuccess .ce_hyperlink a:active, .section_services_booklet a:hover, .section_services_booklet a:active, .section_services_booklet a:focus, .submit_container .submit:hover { color: var(--liststyle_profit_color); background-color: #ffffff !important; font-size: 20px; font-weight: 300 !important; border: 1px dotted var(--liststyle_profit_color); padding: 8px 20px !important; text-transform: none; box-shadow: unset !important; } .mod_login .submit_container .submit { padding: 10px 10px !important; font-size: 17px; } .page_blog .ce_hyperlink a, .page_module .ce_hyperlink a, .page_contactsuccess .ce_hyperlink a, .section_services_booklet a, .section_services .ce_hyperlink a, .submit_container .submit { font-size: 20px; font-weight: 300 !important; background: var(--liststyle_profit_color) !important; padding: 8px 20px !important; text-transform: none; box-shadow: unset !important; } .page_module .jobs p { font-size: unset; font-style: unset; color: unset; } .li_inline, .li_inline li { font-size: 20px; line-height: 25px; display: inline; list-style: none; border-bottom: none !important; } .li_inline li:before { content: " ••• "; color: var(--liststyle_profit_color); } .li_inline li:first-child:before{ content: ""; } .mod_newslist { display: block; padding-left: 5% !important; } .mod_newslist p a { color: var(--liststyle_profit_color) !important; } .blog { padding-bottom: 50px; } .mod_newslist .layout_latest { width: 28.0%; margin-left: 1%; margin-right: 1%; background: #FFFFFF; } .blog .article_wrapper { width: 90%; } @media only screen and (max-width: 1350px){ .blog .article_wrapper { width: 95%; } .mod_newslist .layout_latest { width: 27.0%; } } @media only screen and (max-width: 1800px){ .mod_newslist .layout_latest { width: 27.0%; } } .newslist_tool_1, .newslist_tool_2, .newslist_tool_3, .newslist_tool_4 { background: #FFFFFF; border: unset; padding: unset; margin: unset; } .newslist_tool_1 .layout_latest, .newslist_tool_2 .layout_latest, .newslist_tool_3 .layout_latest, .newslist_tool_4 .layout_latest { padding: 20px; border: 1px dotted #999 !important; margin-bottom: 1%; } .newslist_tool_1 h1, .newslist_tool_1 h2, .newslist_tool_1 .layout_latest p a { color: var(--jobprofile_color) !important } .newslist_tool_2 h1, .newslist_tool_2 h2, .newslist_tool_2 .layout_latest p a { color: var(--jobevaluation_color) !important } .newslist_tool_3 h1, .newslist_tool_3 h2, .newslist_tool_3 .layout_latest p a { color: var(--classification_color) !important } .newslist_tool_4 h1, .newslist_tool_4 h2, .newslist_tool_4 .layout_latest p a { color: var(--competency_color) !important } .newslist_tool_5 h1, .newslist_tool_5 h2, .newslist_tool_5 .layout_latest p a { color: var(--compensation_color) !important } .layout_latest .teaser .opener .fa, .layout_latest .teaser .opener-newpage { display: none; } .layout_latest h2, .layout_latest .teaser { width: auto; } .layout_latest p a { color: #000000 !important; } .layout_latest p a:before { content: "» "; } .newslist { display: flex; margin: auto; } .section_services_booklet { border: unset; background: #FFFFFF; border-bottom: 1px dotted #2d779c; padding-bottom: 80px; margin-bottom: 50px !important; width: auto; } .section_services_booklet .article_wrapper { width: unset; } .section_services_booklet .booklets { display: flex; justify-content: center; } .section_services_booklet .booklets .info{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: box; box-orient: vertical: ; line-clamp: 2; height: 50px; overflow: hidden; } .section_services_booklet .booklets .ce_text { max-width: 240px; margin-right: 2.5%; margin-left: 2.5%; } .section_services_booklet .image_container { float: none; clear: both; } .section_services_booklet .article_inside { max-width: 100%; margin: auto; } .section_services_booklet h2 { text-align: center; padding-bottom: 20px; } .page_module .section_video { background: #FFFFFF; max-width: 450px; margin: auto; } .page_module .tools_highlight { background: #ffffff; } .page_module .jobs { border-bottom: 1px dotted #2d779c; padding-bottom: 100px; *margin-bottom: 50px !important; } .page_module .jobs .text_container { max-width: 1000px; margin: auto; *padding-bottom: 50px; } .page_module .jobs ul { max-height: unset; margin-left: unset; margin-right: unset; background: unset; list-style-type: unset; overflow: unset; overflow-x: unset; } .page_module .jobs .offer { border: none; background: #FFFFFF; max-width: 1200px; margin: auto; box-shadow:none; } .page_module .jobs h2 { text-align: center; } .page_module .jobs .offer:after { content: ""; } .toolstart { padding-top: 50px; margin-top: 50px; border-top: 1px dotted #2d779c; border-bottom: 1px dotted #2d779c; padding-bottom: 50px; margin-bottom: 100px !important; } .toolstart .article_inside { max-width: 1200px; margin: auto; } .toolstart h2 { padding-bottom: 50px; text-align: center; } .tools_highlight { *border: 1px dotted #2d779c; } .tools_highlight h2 { padding-bottom: 20px; text-align: center; } .video { padding-top: 50px; margin-top: 50px; border-bottom: 1px dotted #2d779c; padding-bottom: 50px; margin-bottom: 100px !important; } .mod_login input { background: #f1f1f1; } body { line-height: 28px; font-family: 'KlavikaRegular' !important; *font-family: 'Roboto' !important; } h1,h2,h3 { font-family: 'KlavikaRegular' !important; } .section_main .mod_article, .section_services_contact { margin-bottom: 0px; } .section_services { padding-top: 80px; } .section_testaccount .article_inside { padding-bottom: 0px; } .section_testaccount .buttonlink { *margin: auto; } /* .section_testaccount .backgroundbox { -webkit-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); -moz-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); } */ .page_module .section_main .tools_teaser .article_inside { display: flex; justify-content: center; } .page_tool_one .mod_article h2, .page_tool_one.second .mod_article h2 { font-size: 35px; } .header_content { padding-top: 110px; max-width: 950px; margin: auto; } .mod_navigation_page_tools { position: fixed; z-index: 10; max-width: 1630px; margin: auto; } .mod_navigation_page_tools li { border-radius: 0px 0px 0px 0px; margin-left: 0px; margin-right: 0px; width: calc(20% - 0px) } .tools_teaser .article_wrapper { max-width: 1650px !important; } .mod_navigation_page_tools li.page_tool_one { background: var(--jobprofile_color); border-radius: 0px 0px 0px 30px; } .mod_navigation_page_tools li.page_tool_one.second { background: var(--jobevaluation_color); border-radius: 0px 0px 0px 0px; } .mod_navigation_page_tools li.page_tool_two { background: var(--classification_color); } .mod_navigation_page_tools li.page_tool_three { background: var(--competency_color); } .mod_navigation_page_tools li.page_tool_four { background: var(--compensation_color); border-radius: 0px 0px 30px 0px; } .page_tool_one .tools_teaser { background-color: var(--jobprofile_bgcolor); } .page_tool_one.second .tools_teaser { background-color: var(--jobevaluation_bgcolor); } .page_tool_two .tools_teaser { background-color: var(--classification_bgcolor); } .page_tool_three .tools_teaser { background-color: var(--competency_bgcolor); } .page_tool_four .tools_teaser { background-color: var(--compensation_bgcolor); } .slider-control .slider-menu b { font-size: 35px; padding-left: 5px; padding-right: 5px; } .customer .slider-wrapper { height: 150px; } .customer { padding-bottom: 50px; } .customer .ce_text p { margin-top: 10px; } .layout_onepage .section_profit .article_inside { width: 1600px !important } .kundenstimmen { text-align: center; margin-bottom: 30px; } .kundenstimmen .ce_text { padding-bottom: 60px; } .section_kunden { max-width: 1200px; display: block; margin: auto; padding-top: 50px; } .section_faq { font-size: 20px; line-height: 30px; max-width: 1200px; margin: auto; padding-bottom: 80px; } .section_faq .article_wrapper { width: auto; } .ce_accordion, .ce_accordion .toggler { border: 0px solid #EEE; border-collapse: collapse; } .ce_accordion .toggler { font-size: 22px; border-width: 1px 0; padding: 0.2em 0.5em; background: #c8d4d5; background: #2d779c; cursor: pointer; border-radius: 5px; color: #FFFFFF; position: relative; } .ce_accordion .accordion { padding: 0.5em; } .ce_accordion .toggler:after { content: "◉"; position: absolute; right: 10px; } .ce_accordionSingle { margin-top: 15px; } #subheader { margin-top: 115px; } .section_subheader, .section_main, .section_footer { *top: 0px; } .page_home .section_main, .page_home .section_footer{ top: 0px; } .section_footer { z-index: 100; } .section_footer li strong { color: #FFFFFF; font-size: 13px; margin: 0; line-height: 1 !important; padding-left: 3px; } .section_footer li.active { line-height: 1 !important; } .section_login { *background: #FFFFFF; height: 25px; z-index: 10000; } .section_navigation { background: #FFFFFF; box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.2) ; } .section_navigation .testzugang a { color: var(--h3_color); } .section_navigation .testzugang a:before { content: "➡︎ "; color: var(--h3_color); } .mod_navigation_main_mobile .testzugang a:before { *content: "➡︎ "; *color: var(--h3_color); } .section_company .article_wrapper { background: #FFFFFF; } .bg_block_unternehmen { background: #FFFFFF; color: #000000; } .section_main h1 { font-size: 45px; line-height: 50px; text-transform: none; font-weight: 400; padding-bottom: 20px; } .section_main h2 { font-size: 30px; text-transform: none; font-weight: 400 !important; } .section_main h3 { font-size: 25px; text-transform: none; color: #000000; color: #aa1f32; color: #2d779c; padding-bottom: 20px; font-weight: 400 !important; } .distributor_services + .distributor_services { margin-left: 0.5%; margin-right: 0.5%; } .distributor_services.jobevaluation h3 a { background-color: #DC7F56; } .distributor_services.classification h3 a { background-color: #669AAD; } .distributor_services.competency h3 a { background-color: #698611; } .distributor_services.compensation h3 a { background-color: #BB0814; } .welcomeblock { max-width: 950px; margin: auto; padding-bottom: 20px; font-size: 20px; line-height: 1.5 !important; padding-top: 20px; } .welcomeblock .text_container .text_container { font-size: 20px; line-height: 1.5 !important } .max_width_1200px { max-width: 1200px; margin: auto; } .max_width_64 { max-width: 64%; margin: auto; } h3 { line-height: 30px !important; } .cards_container { padding-top: 30px; } .cards_container .text_container p { font-size: clamp(13px, 17px, 17px); line-height: clamp(17px, 22px, 22px); } .cards_container .text_container .text_container { padding-bottom: 50px; } .section_main .section_partner { background: #FFFFFF; padding-bottom: 100px; } .section_main .section_partner .article_inside, .section_main .section_testaccount .article_inside { max-width: 1200px; margin: auto; } .section_main .section_services .article_inside { max-width: 1600px !important; padding-left: 50px; padding-right: 50px; } .distributor_services .text_container { width: 100%; } .padding_top_30 { padding-top: 30px !important } .padding_top_50 { padding-top: 50px !important } .padding_top_60 { padding-top: 60px !important } .padding_top_70 { padding-top: 70px !important } .padding_top_80 { padding-top: 80px !important } .padding_top_100 { padding-top: 100px !important } .padding_bottom_20 { padding-bottom: 20px; } .padding_bottom_30 { padding-bottom: 30px; } .padding_bottom_50 { padding-bottom: 50px; } .padding_tb_50 { padding-top: 50px; padding-bottom: 50px; } .distributor_services { width: 18.60% !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; } .swiper-container-autoheight .swiper-wrapper { padding-bottom: 30px; } .section_main h2 { font-size: 35px; } .section_method .text_container { float: none !important; width: auto !important; margin: auto !important; max-width: 1200px !important; } .section_method { padding-bottom: 0px !important } .section_method .article_inside { padding-bottom: 80px !important; max-width: 1200px; margin: auto; } .section_method p { color: #000000; } .section_medien .article_inside { padding-top: 80px; max-width: 1600px; margin: auto; height: auto; } .section_automation ul { padding-top: 0px; margin-top: 0px; text-align: left; padding-left: 0px; color: #000000 !important; } .section_automation .backgroundbox { -webkit-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); -moz-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); } .section_automation li { display: inline; list-style: none; } .section_automation li:before { content: " ••• "; color: #2d779c; } .section_automation li:first-child:before { content: ""; } .section_automation h3 { padding-bottom: 20px; } .max_width_550px { max-width: 550px; margin: auto; } .section_profit { padding-top: 0px; padding-bottom: 0px !important; } .section_profit .backgroundbox { -webkit-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); -moz-box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); box-shadow: inset -1px -11px 16px -10px rgba(0,0,0,0.59); } .section_profit li { list-style: none; padding-bottom: 15px; margin-left: 20px; position: relative; } .section_profit li:before { content: "◉"; color: #2d779c; position: absolute; left: -30px; top: 5px; font-size: 20px; } .max_width_section_profit { max-width: 600px; margin: auto; position: relative; } .mod_navigation_page_tools li.page_tool_two a span + span, .mod_navigation_page_tools li.active.page_tool_two span + span { max-width: 195px; } /************************************/ .layout_full.new_format h2 { } .layout_full.new_format h3 { font-size: 20px; } .section_podcast { border-top: 1px solid #999; max-width: 1400px; margin: auto; } .section_podcast .ce_text figure img { margin: auto; } @media (min-width: 1479px){ .distributor_services { width: 18%; } } @media (max-width: 1260px){ .section_profit .article_inside, .section_method .article_inside { width: auto !important; } .section_services .medium { width: auto; } .distributor_services { width: 18%; } .mod_navigation_page_tools li a, .mod_navigation_page_tools li span { font-size: 12px; } .mod_navigation_page_tools li a span + span, .mod_navigation_page_tools li.active span + span { max-width: 110px !important; height: auto !important; } } @media (max-width: 1200px){ .distributor_services { margin-right: 1%; } .distributor_services:nth-of-type(4) { margin-right: 1%; } } @media (max-width: 1170px){ .distributor_services { width: 30%; } } @media (max-width: 900px){ .workflow_circles { display: block !important; } } @media (max-width: 767px){ .distributor_services { width: 100%; margin-bottom: 2% !important; height: auto !important; min-height: initial !important; float: left; clear: both; } .distributor_services p:not(*:root) { padding: 20px; } .partner .distributor_services { width: 100% !important } .partner .cards_container .text_container { min-height: initial !important; } .partner .distributor_services p:not(*:root) { padding-bottom: 100px !important; height: auto !important; } .section_company .text_container p, .section_company .text_container li { font-size: 15px !important; } } @media (max-width: 600px){ .distributor_services p:nth-of-type(1){ height: auto; } } .cookiebar__button { background: #000; } input[type="submit"], .button, button { display: inline-block; padding: 4px 15px 4px 14px; margin-bottom: 0; text-align: center; vertical-align: middle; line-height: 1.5; font-size: 1em; color: #000; cursor: pointer; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ececec; background-image: -moz-linear-gradient(top,#fff,#ececec); background-image: -webkit-linear-gradient(top,#fff,#ececec); background-image: -ms-linear-gradient(top,#fff,#ececec); background-image: -o-linear-gradient(top,#fff,#ececec); background-image: linear-gradient(to bottom,#fff,#ececec); background-repeat: repeat-x; -moz-transition: background .15s linear; -webkit-transition: background .15s linear; -o-transition: background .15s linear; transition: background .15s linear; } .page_tool_four .workflow_squares li { width: auto; } .section_company li { color: #FFFFFF ; } .section_company .ce_text ol { padding-top: 20px !important; padding-left: 55px !important; } .blogwissen p { font-size: 19px!important; line-height: 27px!important; } .layout_latest ,teaser, .layout_latest p { font-size: 19px!important; line-height: 27px!important; font-weight:400!important; } .layout_latest h2 { font-size: 25px!important; line-height: 30px!important; text-transform:none!important; } .layout_full { line-height:25px!important; max-width: 1024px; font-size: 19px!important; line-height: 27px!important; } .layout_full h1 { text-transform: none!important; font-size: 35px!important; line-height: 45px!important; } .layout_full ul, .layout_full ol { padding-top: 20px; } .layout_full p { margin-top: 15px!important; margin-bottom: 15px!important; font-size: 19px!important; line-height: 27px!important; } .layout_full li { padding-bottom: 20px!important; font-size: 19px!important; line-height: 25px!important; } @media only screen and (max-width: 768px) { .layout_latest ,teaser, .layout_latest p, .blogwissen p { font-size: 16px!important; line-height: 24px!important; } .layout_latest h2 { font-size: 20px!important; line-height: 25px!important; text-transform:none!important; } .layout_full { line-height:24px!important; max-width: 1024px; font-size: 16px!important; line-height: 24px!important; } .layout_full h1 { padding-top:30px; text-transform: none!important; font-size: 25px!important; line-height: 30px!important; } .layout_full ul, .layout_full ol { padding-top: 20px; } .layout_full p { margin-top: 15px!important; margin-bottom: 15px!important; font-size: 16px!important; line-height: 24px!important; } .layout_full li { padding-bottom: 20px!important; font-size: 16px!important; line-height: 22px!important; } } .page_module .tools_highlight { max-width: 1150px; } .tools_highlight .article_wrapper { width: auto; max-width: 960px; } .workflow_circles { display: flex; justify-content: space-between; align-items: center; } .workflow_circles .small { float: none; clear: both; } .section_main .section_services .article_inside { width: auto; max-width: 1200px; } .cards_container .text_container { position: relative; min-height:450px } .cards_container .link_button { position: absolute; bottom: 0px; width: 100%; } .cards_container .link_button a:before { content: "» "; } .partner .cards_container .text_container { position: relative; min-height:370px } .partner .cards_container .link_button { position: absolute; bottom: 0px; width: 100%; } .partner .distributor_services { width: 48% !important; } .partner .distributor_services .text_container { width: 100%; } .partner .distributor_services p { font-size: 18px; line-height: 26px; padding: 20px 20px; } .partner .section_main .article_inside { max-width: 1200px; } .partner .distributor_services .text_container .link_button a { font-size: 20px; line-height: 28px; } .partner .distributor_services.jobprofile h3:after, .partner .distributor_services.jobevaluation h3:after{ background: none; height: 0px; } .partner .distributor_services h3, .partner .distributor_services h3 a { font-size: 20px; } .section_main p, .section_main li:not(.area_prices .section_main li) { font-size: 19px; line-height: 26px; } .section_contact li, .section_contact p, .section_contact a { font-size: 16px !important; line-height: 23px !important; } .section_main .section_services .article_inside, .section_main .section_contact .article_inside { min-width: 960px; } .section_main .section_contact { margin-top: 80px; } .section_contact h2 { text-align: left !important; font-size: 25px !important; } .section_contact .article_wrapper { min-width: 1000px; width: 70%; } .ce_rsce_oneo_counter_boxes p { font-size: 4em; line-height: 2em; } .distributor_services p { font-size: 15px; line-height: 20px; } .border_top h2 { border-top: 1px solid #999; padding-top: 25px; margin-top: 5px; } .padding_tb_40 { padding-top: 40px; padding-bottom: 40px; } .padding_tb_30 { padding-top: 30px; padding-bottom: 30px; } .section_video .article_wrapper { padding-top: 30px; padding-bottom: 50px !important; max-width: 800px; } .section_partner { background: #f5f5f5 } .section_partner .medium { width: 46%; padding: 0 4% 0 0; } .section_partner .article_wrapper { padding-top: 30px; padding-bottom: 50px; max-width: 1200px; } .section_partner .text_container p { font-family: 'KlavikaRegular', sans-serif !important; font-size: 20px !important; line-height: 28px !important; } .section_services .article_wrapper { padding-top: 0px; padding-bottom: 0px !important; } .section_profit { background: #f5f5f5; } .layout_onepage .section_profit .article_inside { width: 64%; } .section_method .article_wrapper { padding-top: 30px !important; padding-bottom: 0px !important; } .section_method .article_inside { width: 64%; } .section_method2 { background: #f5f5f5; } .section_method2 .article_wrapper { padding-bottom: 50px !important; } .section_method2 .image_container { background: #FFFFFF; padding: 10px; } .section_profit .article_wrapper { *padding-top: 30px !important; padding-bottom: 0px !important; } .section_profit .article_inside { padding-bottom: 0px !important; } .distributor_services .text_container p a:after { display: none; } .distributor_services .text_container .link_button a { background: rgb(167,30,0); color: #FFFFFF; display: block; border-radius: 5px; margin: 10px; padding: 10px; } /* .distributor_services .text_container .link_button a:before { position: absolute; display: flex; content:"◉"; font-size: 20px; transform: rotate(90deg); top: -30px; justify-content: center; align-items: center; width: 100%; } */ .zwei_spalten { display: flex; justify-content: center; align-items: center; max-width: 1200px; margin: auto; } .zwei_spalten .ce_sliderStart, .zwei_spalte .video { width: 50%; position: relative; } .section_kunden .ce_text { text-align: left !important; } .section_kunden .article_wrapper { text-align: left; padding: 30px 30px; } .section_kunden .article_inside { overflow: hidden; max-width: 1300px; margin: 0 auto; width: 100%; } .section_kunden .text_container { padding-left: 0px; padding-right: 30px; } .section_kunden .text_container p { font-family: 'KlavikaRegular', sans-serif; font-size: 20px; line-height: 28px; text-align: center !important; } .layout_latest .teaser .opener .fa, .layout_latest .teaser .opener-newpage .fa { font-size: 3em; } .layout_latest .teaser { min-height: auto; } .ce_downloads ul { padding-left: 0px; padding-bottom: 0px; margin-bottom: 0px; } .ce_downloads li { list-style: none; padding-left: 0px; } .ce_downloads a { color: #ac1c2f; } .page_module .jobs h2 { height: auto !important; } .mod_navigation_main li a, .mod_navigation_main li span, .mod_changelanguage li a { font-weight: 400 !important; font-family: 'KlavikaMedium' ; } h1,h2,h3,h4,h5,h6 { font-weight: 400 !important; } b, strong { font-weight: 400; font-family: 'KlavikaMedium' ; line-height: unset; } .ce_text.offer h3 { text-transform: none; } .page_module .jobs .offer { height: auto; } .page_tool_one .tools_teaser, .page_tool_one.second .tools_teaser, .page_tool_two .tools_teaser, .page_tool_three .tools_teaser, .page_tool_four .tools_teaser { height: auto; } .page_tool_one .tools_teaser h1, .page_tool_one.second .tools_teaser h1, .tools_teaser h1, .page_tool_three .tools_teaser h1, .page_tool_four .tools_teaser h1{ font-size: 45px; padding-bottom: 20px; } .bg_block_unternehmen { background: rgba(0,0,0,.5); padding-top: 30px; padding-bottom: 30px; } .section_company .text_container p { background: none; padding: 0px 30px; } .customer { max-width: 1400px; margin: auto; } .customer .slider-next, .customer .slider-prev { display: none !important; } .tools_teaser .article_wrapper { width: auto; max-width: 1130px; } .tools_teaser .register a, .tools_teaser .opener a { border-top: 0px; } .ce_hyperlink a:not(.callback_wrapper a):not(.opener a), .applink a { background: #28a2c1; transition: background-color 1.5s ease; animation: pulse 1.5s infinite; border: 0px solid #999; } @keyframes pulse { 0% { background: #28a2c1;} 50% { background: #2d779c;} 100% { background: #28a2c1;} } .ce_hyperlink a:hover:not(.callback_wrapper a:hover):not(.opener a:hover), .applink a:hover { color: #2d779c !important; border: 0px solid #999; background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%) !important } /******************************************/ .mod_callback a { text-transform: none !important; } .mod_callback .ce_hyperlink a { font-size: 15px !important; background: rgba(0,0,0,0) !important; padding: 0 !important; } .mod_callback .ce_hyperlink a:hover { font-size: 15px !important; background: rgba(0,0,0,0) !important; padding: 0 !important; } .mod_callback strong { font-weight: 400 !important; } /******************************************/ @media only screen and (max-width: 1800px) { .section_navigation .inside { width: 1150px; } .mod_navigation_main { position: absolute; right: 0px; top: 0px; } } @media only screen and (max-width: 1260px){ .mod_navigation_main { margin-right: 0px; } } @media only screen and (max-width: 1200px){ .mod_navigation_main .toggle { display: block; position: absolute; top: 4px; right: 35px; } .section_navigation .inside { width: 100%; } .section_services_booklet { margin-left: 0%; margin-right: 0%; } } /* @media only screen and (max-width: 1320px){ .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; min-height: 860px; } } */ @media only screen and (max-width: 768px) { .mod_article.customer .columnset .ce_image{ width: 15%; margin-left: 5%; margin-right: 5%; } .mod_article.customer .columnset .ce_image .image_container { margin: 0; } .tools_teaser h1 { font-size: 24px !important; } .zwei_spalten { display: block; } .zwei_spalten .ce_sliderStart, .zwei_spalte .video { width: 100%; } .zwei_spalten .ce_sliderStart{ padding-bottom: 50px; } .section_kunden .slider-control { top:6px; left: 175px; } .section_kunden .text_container { padding-right: 0px; } } @media only screen and (max-width: 500px) { .mod_article.customer .columnset .ce_image{ width: 28%; margin-left: 2%; margin-right: 2%; } } .mobile_content { display: none; } /********************** NEUE SONK TEXT IMAGE BOX ****************/ .ce_rsce_sonk_text_image_box { position: relative; } .ce_rsce_sonk_text_image_box .container { display: flex; justify-content: center; width: 100%; margin: auto; } .ce_rsce_sonk_text_image_box .textbox, .ce_rsce_sonk_text_image_box .imagebox { width: 50%; z-index: 2; } .ce_rsce_sonk_text_image_box .-sonk_no_image .textbox { width: 100%; } .ce_rsce_sonk_text_image_box .-sonk_no_image .textbox .inside { justify-content: center !important; } .ce_rsce_sonk_text_image_box .imagebox .inside { height: 100%; display: flex; align-items: flex-end; justify-content: right; } .ce_rsce_sonk_text_image_box .-sonk_picture_right .imagebox .inside { height: 100%; display: flex; align-items: flex-end; justify-content: left; } .ce_rsce_sonk_text_image_box .-sonk_image_top .imagebox .inside { align-items: flex-start; } .ce_rsce_sonk_text_image_box .-sonk_image_center .imagebox .inside { align-items: center; } .ce_rsce_sonk_text_image_box .-sonk_image_bottom .imagebox .inside { align-items: flex-end; } .ce_rsce_sonk_text_image_box .textbox { background: #f9f9f9; } .ce_rsce_sonk_text_image_box .textbox .textcontent { padding: 50px; } .ce_rsce_sonk_text_image_box .-sonk_textbox_boxed .textbox, .ce_rsce_sonk_text_image_box .-sonk_textbox_boxed .imagebox{ max-width: 800px; } .ce_rsce_sonk_text_image_box .-sonk_textbox_css_2 .textbox { margin: 40px; } .ce_rsce_sonk_text_image_box .-sonk_textbox_css_3 .textbox { border-radius: 10px; margin: 40px; } .ce_rsce_sonk_text_image_box .-sonk_textbox_css_4 .textbox { border-radius: 30px; margin: 80px; } .ce_rsce_sonk_text_image_box .textbox .inside { height: 100%; display: flex; align-items: center; justify-content: left; margin: initial; } .ce_rsce_sonk_text_image_box .-sonk_picture_right .textbox .inside { justify-content: right; } .ce_rsce_sonk_text_image_box .-sonk_image_full img { object-fit:contain; height: auto; } .ce_rsce_sonk_text_image_box .-sonk_image_full picture { height: auto; } .ce_rsce_sonk_text_image_box .-sonk_image_cover img { -o-object-fit: cover; object-fit: cover; height: 100%; } .ce_rsce_sonk_text_image_box .-sonk_image_cover picture { height: 100%; } .ce_rsce_sonk_text_image_box .backgroundbox { position: absolute; width: 100vw; height: 100%; } .ce_rsce_sonk_text_image_box .-sonk_element_box_height_textbox .imagebox .inside { height: 100%; width: 100%; } @media (max-width: 1023px){ .ce_rsce_sonk_text_image_box .container { flex-direction: column; } .ce_rsce_sonk_text_image_box .imagebox { order: 1; width: auto; } .ce_rsce_sonk_text_image_box .textbox { order: 2; width: auto; } .ce_rsce_sonk_text_image_box .-sonk_picture_right .textbox .inside, .ce_rsce_sonk_text_image_box .-sonk_picture_left .textbox .inside, .ce_rsce_sonk_text_image_box .-sonk_picture_right .imagebox .inside, .ce_rsce_sonk_text_image_box .-sonk_picture_left .imagebox .inside { justify-content: center; } .ce_rsce_sonk_text_image_box .-sonk_textbox_boxed .textbox, .ce_rsce_sonk_text_image_box .-sonk_textbox_boxed .imagebox { max-width: 100vw; } .ce_rsce_sonk_text_image_box .-sonk_no_image .textbox { width: auto; } } /********************** TEXT IMAGE BOX ****************/ .ce_textimageblock { display: flex; } .ce_textimageblock.v2 { align-items: center; } .ce_textimageblock .textblock { position: relative; right: 0px; margin-top: 30px; width: 50%; float: right; padding-bottom: 30px; } .ce_textimageblock .textblock.left_side .inside { float: right; } .ce_textimageblock .textblock.right_side { padding-left: 80px; } .ce_textimageblock .textblock .inside { max-width: 800px; padding: 5% 10% 5% 0%; } .ce_textimageblock .textblock { transition: opacity 2s ease, margin-top 1s ease; } .ce_textimageblock .headline { background: none; padding-bottom: 0px; padding-top: 0px; } .ce_textimageblock .headline h2, .ce_textimageblock .headline h3 { text-align: left; } .ce_textimageblock .imageblock { position: relative; width: 50%; border-radius: var(--border-radius); transition: background-position 2s ease-out; border-radius: 20px; } h3.subline { margin-top: -10px !important; padding-top: 0px !important; } .liststyle_profit { color: #9C2D36; color: #2d779c; font-weight: medium; *font-size: 25px; *line-height: 35px; } .kundenstimmen, .section_kunden p:first-child { color: #555555; font-weight: 400; font-size: 22px !important; line-height: 33px; font-style: italic ; } .small_info { font-size: 12px; line-height: 20px; } div.buttonlink { display: inline-block; font-size: 22px; margin-top: 30px; margin-bottom: 20px; padding: 5px 15px; background: #2d779c; border-radius: 5px; border: 1px dotted #FFFFFF; } div.buttonlink a { color: #FFFFFF; text-decoration: none; } .versionen { position: fixed; bottom: 100px; right: 0px; z-index: 9999; } .versionen li { cursor: pointer !important; list-style: none; background: #FFFFFF; padding:3px 10px; margin-top: 2px; } :root { --subline_color: #2d779c; --h3_color: #2d779c; --toggler_bgcolor: #2d779c; --liststyle_profit_color: #2d779c; --jobprofile_color: #0e7188; --jobevaluation_color: #809db0; --classification_color: #3d6296; --competency_color: #a35254; --compensation_color: #ad8e3b; --jobprofile_bgcolor: #64848b; --jobevaluation_bgcolor: #9da9b0; --classification_bgcolor: #7386a1; --competency_bgcolor: #a17d7e; --compensation_bgcolor: #afa487; --v1_display: none; --v2_display: none; --v3_display: block; --v4_display: none; --v5_display: none; --v6_display: none; } .v1 { display: var(--v1_display); } .v2 { display: var(--v2_display); } .v3 { display: var(--v3_display); } .v4 { display: var(--v4_display); } .v5 { display: var(--v5_display); } .v6 { display: var(--v6_display); } h3.subline { color: var(--subline_color); } .section_main h3 { color: var(--h3_color); } .ce_accordion .toggler { background: var(--toggler_bgcolor); } .liststyle_profit { color: var(--liststyle_profit_color); } .distributor_services.jobprofile h3 a { background-color: var(--jobprofile_color) } .distributor_services.jobevaluation h3 a { background-color: var(--jobevaluation_color) } .distributor_services.classification h3 a { background-color: var(--classification_color) } .distributor_services.competency h3 a { background-color: var(--competency_color) } .distributor_services.compensation h3 a { background-color: var(--compensation_color) } .page_tool_one .tools_teaser { background-color: var(--jobprofile_bgcolor); } .page_tool_one.second .tools_teaser { background-color: var(--jobevaluation_bgcolor); } .page_tool_two .tools_teaser { background-color: var(--classification_bgcolor); } .page_tool_three .tools_teaser { background-color: var(--competency_bgcolor); } .page_tool_four .tools_teaser { background-color: var(--compensation_bgcolor); } .v1 .ce_textimageblock .imageblock { border-radius: 0px 1500px 1550px 0px; *border-radius: 1500px 0px 0px 1550px; } .v3.section_profit .article_wrapper, .v4.section_profit .article_wrapper, .v3.section_profit .article_inside, .v4.section_profit .article_inside{ padding-bottom: 0px !important; } .layout_onepage .v4.section_profit { background: url(../../files/themes/hr/img/_neu/openart-3ed8a8d7-d410-47db-875a-ad047d29378a-2.jpeg); background-size: cover; background-position: center; } .v4 .ce_textimageblock .textblock .inside { background: rgba(255,255,255,0.9); border-radius: 20px; padding-left:30px; padding-top:40px; padding-bottom: 0px; } @media only screen and (max-width: 1400px){ .cards_container .text_container { min-height: 520px; } } @media only screen and (max-width: 1250px){ .distributor_services { width: 30% !important; margin-bottom: 5%; } .cards_container { text-align: center; } } @media only screen and (max-width: 1280px) { .mod_navigation_main ul { display: none; } .mod_changelanguage { position: fixed; top: 62px; right: 78px; } } @media only screen and (max-width: 1200px) { .mod_newslist .layout_latest { width: 48%; } } @media only screen and (min-width: 1025px){ .mod_rocksolid_slider.mobile { display: none !important; } } @media only screen and (max-width: 1025px){ .mobile_content { display: block; } .desktop_content { display: none; } .page_tool_four .workflow_squares { max-width: 350px; margin: auto; } .workflow_progress .small, .workflow_circles .small { width: 33% !important; } .page_module .jobs .rs-column.-large-col-2-1 { margin-right: 0; } .page_module .jobs .rs-columns { flex-direction: column; align-items: center; } .mod_newslist .layout_latest { width: 48%; } .mod_newslist .layout_latest h2 { font-size: 20px; line-height: 26px; word-wrap: break-word; } .customer { padding-left: 30px; padding-right: 30px; } .section_automation .textcontent, .section_automation .textcontent p, .section_automation .textcontent h2, .section_automation .textcontent h3 { text-align: center !important; } .section_automation .imagebox, .section_profit .imagebox { display: none; } .article_inside { width: 100% !important; } .mod_rocksolid_slider.desktop { display: none; } .mod_rocksolid_slider.mobile { display: block; } .mod_rocksolid_slider { min-height: 860px; } .section_main .section_services .article_inside { padding-left: 0px; padding-right: 0px; } .cards_container .text_container { height: auto; } .ce_rsce_sonk_text_image_box .imagebox { order: 2; } .ce_rsce_sonk_text_image_box .textbox { order: 1; } .ce_rsce_sonk_text_image_box .backgroundbox { background-position: center !important; } .ce_rsce_sonk_text_image_box .-sonk_textbox_css_4 .textbox { margin: 0px; } .section_main .section_services .article_inside, .section_main .section_contact .article_inside { min-width: auto; } .section_main h2 { line-height: 40px; } } @media only screen and (max-width: 770px){ .mod_testaccount .columns { display: block; } .testaccount .mod_navigation_page_tools { display: none; } .section_medien { display: none; } .bt_close { right: 80px; } .mod_changelanguage { position: fixed; top: 62px; right: 48px; } .mobile_menu_icon { right: 10px; } .section_contact h2 { font-size: 25px !important; } .section_contact .small { margin-bottom: 30px; } .section_services_booklet .booklets .ce_text { margin-bottom: 50px !important; } .section_main h3 { font-size: 22px; } .toolstart { margin-bottom: 50px !important; } .workflow_progress .small, .workflow_circles .small { width: 100% !important; } .distributor_services { width: calc(100vw - 70px) !important; } .cards_container .text_container .text_container { padding-bottom: 100px; } .cards_container .text_container { min-height: unset; } h1 { font-size: 35px !important; line-height: 40px !important; } h2 { font-size: 30px !important; line-height: 35px !important; } .tools_teaser h1 { font-size: 35px !important; line-height: 40px; } .page_tool_one .tools_highlight h2, h2.tools { padding-left: 0px; margin-left: 0px; } .page_module .jobs h2, .page_module h2, .page_tool_one .mod_article h2, .page_tool_one.second .mod_article h2 { font-size: 30px; line-height: 35px; } .mod_newslist .layout_latest { width: auto; } .section_services_booklet .booklets { flex-direction: column; align-items: center; } } @media only screen and (max-width: 500px){ .euf_overlay__content { max-width: 70vw !important; } }