.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} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * 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; } } 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; } }