/* Style sheet */ body.boot, body{font-family: 'Open Sans',sans-serif; font-size:16px; background:white; line-height:20px;} .boot #main {top: 60px;} a {color: #f15a23}; .boot a{transition: all 0.3s;} #datenschutz a{color: #f15a23} #datenschutz p, #datenschutz ul, #datenschutz h2, #datenschutz h3{margin:0 0 20px 0; padding-bottom:0} #datenschutz h2, #datenschutz h3, #datenschutz h5{margin:0;} #datenschutz h5 {color:black; font-size:14px; font-weight:bold;} h6{line-height:1} .boot a:hover, a:hover{text-decoration:none;} .boot p, .boot li{font-size:16px; line-height:1.6;} .boot h1, .boot .h1 {font-size:40px; font-weight:300; line-height:1.2; margin:52px 0 52px 0; padding:0; text-align:center; color: #414141; text-transform: uppercase;} .boot h2, .boot .h2 {font-size:24px; font-weight:300; line-height:1.4; margin:0; padding:0; text-align:left; color: #f15a23; margin-bottom:30px;} .boot h3, .boot .h3 {font-size:18px; font-weight:normal; line-height:30px; margin:0; padding:0; text-align:center; color: #f15a23; text-transform: uppercase;} ul, ol{padding-left:20px;} .ce_accordion ul, .ce_accordion ol {padding-left:55px;} .boot #wrapper {width:100%; margin:0 auto 0 auto; background: none; } .boot #header {width:100%; top:0; height:60px; font-size:14px; text-transform:uppercase; background-color:white; display:block; z-index:10; position:fixed; box-shadow:0 1px 4px 0 rgba(0,0,0,.1)} .box{border-radius:2px; box-shadow:0 1px 4px 0 rgba(0,0,0,.1)} .boot #header .inside {margin:0 auto 0 auto} .ce_image{text-align:center;} .ce_image .caption {text-align: left; max-width:100%} img{max-width:100%; height:auto} button:focus{outline: 0 !important;} .weitere_artikel{position:sticky; top:80px;} .btn-secondary.focus, .btn-secondary:focus { box-shadow: none; outline: 0; } .border_box{border: solid white;border-width:0 30px } .boot .bg_grey{background:#eee} .boot .bg_grey_dark{background:#999; color:white} .boot .bg_white{background-color:white} .boot .bg_orange{background:#f15a23; color:white} .boot .bg_orange a{color:white} .boot .bg_red{background:#aa0e0e; color:white} .boot .bg_yellow{background:#eb9827; color:white} .orange{color:#f15a23} .boot .bg_orange.bg_rec{background:#eb9827; color:white} .boot .bg_orange.bg_personal{background:#aaa; color:white} .boot .bg_orange.bg_training{background:#aa0e0e; color:white} .boot .bg_orange p, .boot .bg_orange h1, .boot .bg_orange .h1, .boot .bg_orange h2, .boot .bg_orange .h2, .boot .bg_orange h3, .boot .bg_orange .h3{color:white} .boot .bg_yellow p, .boot .bg_yellow h1, .boot .bg_grey_dark p, .boot .bg_grey_dark h1, .boot .bg_grey_dark .h1, .boot .bg_grey_dark h2, .boot .bg_grey_dark .h2, .boot .bg_grey_dark h3, .boot .bg_yellow h3, .boot .bg_grey_dark .h3{color:white} .boot .bg_red p, .boot .bg_red h1, .boot .bg_red .h1, .boot .bg_red h2, .boot .bg_red .h2, .boot .bg_red h3, .boot .bg_red .h3, .boot .banner_suite h1, .boot .banner_suite h2, .boot .banner_suite h3 {color:white} .boot.suite_recruiting .bg_orange, .suite_recruiting_product .bg_orange{background:#eb9827} .boot.suite_hr .bg_orange, .suite_hr_product .bg_orange{background:#eb3627} .boot.suite_performance .bg_orange, .suite_performance_product .bg_orange{background:#aa0e0e} .boot.suite_recruiting .h1_orange{color:#eb9827} .boot.suite_hr .h1_orange{color:#eb3627} .boot.suite_performance .h1_orange{color:#aa0e0e} #head_wrapper .hrpuls_button, .bg_orange button{font-size:24px; line-height:32px; background:white; color:#f15a23; border-color:white; margin-bottom:40px;} #head_wrapper .hrpuls_button:hover, .bg_orange button:hover{background:#f15a23; color:white; border-color:white} .ch104 #head_wrapper .hrpuls_button{border-color:#f15a23} .suite_recruiting_product h1,.suite_recruiting_product .h1,.suite_recruiting_product h2,.suite_recruiting_product .h2, .suite_recruiting_product .color {color:#eb9827;} .suite_hr_product h1,.suite_hr_product .h1,.suite_hr_product h2,.suite_hr_product .h2, .suite_hr_product .color {color:#eb3627;} .suite_performance_product h1,.suite_performance_product .h1,.suite_performance_product h2,.suite_performance_product .h2, .suite_performance_product .color {color:#aa0e0e;} .suite_recruiting_product .hrpuls_button{background:#eb9827; border-color:#eb9827} .suite_recruiting_product .hrpuls_button:hover{color:#eb9827; border-color:#eb9827} .suite_hr_product .hrpuls_button{background:#eb3627; border-color:#eb3627} .suite_hr_product .hrpuls_button:hover{color:#eb3627; border-color:#eb3627} .suite_performance_product .hrpuls_button{background:#aa0e0e; border-color:#aa0e0e} .suite_performance_product .hrpuls_button:hover{color:#aa0e0e; border-color:#aa0e0e} .suite_recruiting_product #head_wrapper .hrpuls_button:hover{background:white; color:#eb9827; border-color:white} .suite_recruiting_product #head_wrapper .hrpuls_button{background:transparent; color:white; border-color:white} .suite_hr_product #head_wrapper .hrpuls_button:hover{background:white; color:#eb3627; border-color:white} .suite_hr_product #head_wrapper .hrpuls_button{background:transparent; color:white; border-color:white} .suite_performance_product #head_wrapper .hrpuls_button:hover{background:white; color:#aa0e0e; border-color:white} .suite_performance_product #head_wrapper .hrpuls_button{background:transparent; color:white; border-color:white} #head_wrapper.head_wrapper_home .hrpuls_button{background:transparent; color:white; border-color:white} #head_wrapper.head_wrapper_home .hrpuls_button:hover{background:white; color:#f15a23; border-color:white} #head_wrapper.head_wrapper_home_2022 .hrpuls_button{background:transparent; color:#eb3627; border-color:#eb3627} #head_wrapper.head_wrapper_home_2022 .hrpuls_button:hover{background:#eb3627; color:white; border-color:#eb3627} .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_noclaim.jpg'); background-repeat: no-repeat; background-position: 30px 0px; margin-top:10px; height:40px} .logo a{display:block; height:40px; width:100%} .logo a img{display:none} .suite_recruiting_product .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_noclaim_suite_recruiting.jpg')} .suite_hr_product .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_noclaim_suite_hr.jpg')} .suite_performance_product .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_noclaim_suite_performance.jpg')} /* .suite_recruiting_product .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_xmas.jpg')} .suite_hr_product .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_xmas.jpg')} .suite_performance_product .logo {background-image: url('/tl_files/umfrageTool/uploads/layout2014/hrpuls_logo/hrpuls_logo_rgb_40_xmas.jpg')} */ #top_navigation_new{ margin-top: 20px; list-style-type: none;list-style-image: none; padding: 0px; line-height:20px;} #top_navigation_new ul{margin:0; padding:0;} #top_navigation_new ul::after { content: '';display: block;clear: both;} #top_navigation_new .level_1 li {float: left;padding: 0;margin: 0 0 0 0;height: auto;list-style: none;line-height:20px;font-size:14px;} #top_navigation_new a, #top_navigation_new .active span { display: block; padding: 0 10px 17px 10px; text-decoration: none; color: #414141;display: block; border-bottom:4px solid transparent;} #top_navigation_new li.active, #top_navigation_new li.trail a, #top_navigation_new .active span {color: #f15a23; text-decoration: none; border-color:#f15a23;} #top_navigation_new li a:hover {color: #f15a23; text-decoration: none; } #top_navigation_new li.trail .level_2 a, .suite_recruiting_product #top_navigation_new li.trail .level_2 a, .suite_hr_product #top_navigation_new li.trail .level_2 a, .suite_performance_product #top_navigation_new li.trail .level_2 a{color:#414141;} #top_navigation_new li.trail .level_2 a:hover{color:#f15a23;} #top_navigation_new .level_2 li {float: none; padding: 2px 5px; margin: 0px; height: auto; font-weight:normal;border-bottom:0px solid white;} #top_navigation_new .level_2 li.active, #top_navigation_new .level_2 li a:hover, #top_navigation_new .level_2 li.trail, #top_navigation_new .level_2 .active span, #top_navigation_new .level_2 a {background:none; padding: 2px 5px; border-bottom:0px;} #top_navigation_new .submenu ul{display:none; z-index:30; position:fixed; margin:0 0 0 -5px; padding:10px; background-color:white;} #top_navigation_new li.submenu:hover ul{display: block;} #top_navigation_new li.submenu:hover {height:300px; background-image: none} #top_navigation_new .level_2 li.last{display:block;} .suite_recruiting_product #top_navigation_new li.active, .suite_recruiting_product #top_navigation_new li a:hover, .suite_recruiting_product #top_navigation_new li.trail a, .suite_recruiting_product #top_navigation_new li.trail .level_2 a:hover, .suite_recruiting_product #top_navigation_new .active span {color: #eb9827; border-color: #eb9827;} .suite_hr_product #top_navigation_new li.active, .suite_hr_product #top_navigation_new li a:hover, .suite_hr_product #top_navigation_new li.trail a, .suite_hr_product #top_navigation_new li.trail .level_2 a:hover, .suite_hr_product #top_navigation_new .active span {color: #eb3627; border-color: #eb3627;} .suite_performance_product #top_navigation_new li.active, .suite_performance_product #top_navigation_new li a:hover, .suite_performance_product #top_navigation_new li.trail a, .suite_performance_product #top_navigation_new li.trail .level_2 a:hover, .suite_performance_product #top_navigation_new .active span {color: #aa0e0e; border-color: #aa0e0e;} .suite_recruiting_product #top_navigation_new li a:hover, .suite_hr_product #top_navigation_new li a:hover, .suite_performance_product #top_navigation_new li a:hover{border-color: transparent} #collapseLang {z-index:30; position:fixed; margin:0 0 0 -10px; padding:18px 10px 10px 10px; background-color:white; list-style-type: none;list-style-image: none; text-align:left;} #collapseLang li{padding:5px 2px;} #collapseLang a {color:#414141;} #collapseLang a:hover {color:#f15a23} #btnLang:hover #collapseLang{display:block;} #btnLang:hover{background:white !important; border-color:white; color: #f15a23 !important} .stoerer{z-index:2; position:absolute; margin:30px 0 0 0; right:60px; height:300px; width:300px; border-radius:150px; color:white; background:#f15a23; padding:60px 30px 0 30px; transform: rotate(20deg);} .stoerer p{color:white; font-size:18px; line-height:40px; text-align:center; } .boot .dropdownMenuWrapper{display:block !important;} .hrpuls_button{transition: all 0.3s ease; background-color:#f15a23; color:white; border:1px solid #f15a23; border-radius:0px; line-height:28px; font-size:14px; font-weight:300; text-transform: uppercase; padding:0 30px;} .hrpuls_button:hover{background-color:white; color:#f15a23; border-color:#f15a23;} .hrpuls_button a{color:white; text-decoration:none;} .hrpuls_button_nextsteps{padding:0 5px;} .hrpuls_button_nextsteps i{font-size:18px; vertical-align: text-bottom} .boot .contact_button, .boot .logout_button{ margin-top:12px; line-height:24px; font-weight:300; text-transform: uppercase; padding:4px 10px; } .boot .login_button, .boot .logout_button{background:white; border:0; color:#414141; line-height:24px;} .boot .login_button .material-icons{font-size:18px; vertical-align:text-bottom;} .boot .login_button:hover, .boot .logout_button:hover {color:#f15a23;} .lang_change_wrapper{margin-top:20px; text-align:right;} .lang_change_wrapper a{color:#414141} .lang_change_wrapper a:hover, a.activeLang{color:#f15a23} .modal h3{margin:5px 0 0 20px; text-align:left;} .statistic .modal-body{padding:30px;} .overlay_entry{ margin:5px 0px 5px 30px; } .boot .dropdown-item, .boot .dropdown-item a{color:#414141; font-size:14px; font-weight:300;} .dropdown-item:focus, .dropdown-item:hover {background-color:#f15a23;} .boot .login_icon{text-transform: uppercase; line-height:20px; margin-top:20px; text-align:right; cursor:pointer;} .boot .login_icon{} .boot .login_icon:hover{display: compact; color:#f15a23; padding-bottom: 7px; text-decoration:none; border-bottom:3px solid #f15a23;} .boot #top_navigation_new .login_icon{margin-top:10px; text-align:center;} .boot #top_navigation_new #dropdownMenu2{ margin:10px; border-radius:0px; line-height:20px;} .suite_box{border:1px solid grey; padding:0;} .suite_box_recruiting .suite_box{border:1px solid #eb9827;} .suite_box_hr .suite_box{border:1px solid #eb3627;} .suite_box_performance .suite_box{border:1px solid #aa0e0e;} .suite_title{text-transform: uppercase; font-weight: 600; font-size:18px; line-height:24px; padding:16px 0 16px 0; color:white; text-align:center; border-bottom:1px solid white; transition: all 0.3s;} .banner_suite_title .suite_title{border:0} .suite_title a {color:white; display:block} .suite_title_light{font-weight: 300;} .more_products_head_recruiting{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_1_bw.png"); cursor:pointer} .more_products_head_hr{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_2_bw.png"); cursor:pointer} .more_products_head_performance{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_3_bw.png"); cursor:pointer} .suite_box_recruiting .suite_title, .suite_recruiting_product .more_products_head_recruiting, .more_products_head_recruiting:hover{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_1.png");} .suite_box_hr .suite_title, .suite_hr_product .more_products_head_hr, .more_products_head_hr:hover{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_2.png");} .suite_box_performance .suite_title, .suite_performance_product .more_products_head_performance, .more_products_head_performance:hover{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_3.png");} .suite_box_recruiting .suite_title:hover{background:white; border-color: #eb9827;} .suite_box_recruiting .suite_title:hover a{color: #eb9827; border-color: #eb9827; text-decoration:none;} .suite_box_hr .suite_title:hover{background:white; border-color: #eb3627;} .suite_box_hr .suite_title:hover a{color: #eb3627; border-color: #eb3627; text-decoration:none;} .suite_box_performance .suite_title:hover{background:white; border-color: #aa0e0e;} .suite_box_performance .suite_title:hover a{color: #aa0e0e; border-color: #aa0e0e; text-decoration:none;} .suite_claim{clear:both; font-weight: bold; font-style: italic; text-align:center; border-bottom:5px solid grey; line-height:60px; margin: 0 10px 0 10px} .suite_box_recruiting .suite_claim{color: #eb9827; border-color: #eb9827;} .suite_box_hr .suite_claim{color: #eb3627; border-color: #eb3627;} .suite_box_performance .suite_claim{color: #aa0e0e; border-color: #aa0e0e;} .suite_product_wrapper{margin-bottom:60px;} .suite_product{background-color:#fff; margin:10px 10px 0 10px; font-size:18px; line-height:58px; text-align:center; transition: all 0.3s; border:1px solid white} .suite_product a{color:#414141; text-decoration:none; transition: all 0.3s; display:block} .suite_box_recruiting .suite_product{border-color:#eb9827;} .suite_box_hr .suite_product{border-color:#eb3627;} .suite_box_performance .suite_product{border-color:#aa0e0e;} .suite_box_recruiting .suite_product:hover{background-color:#eb9827;} .suite_box_hr .suite_product:hover{background-color:#eb3627;} .suite_box_performance .suite_product:hover{background-color:#aa0e0e;} .suite_product a:hover{color:white; text-decoration:none;} .suite_box_wrapper .more_link{font-weight:300; color:white; line-height:76px; width:80px; background:grey; border:2px solid grey; font-size:60px; text-align:center; border-radius:40px; margin:-40px auto 0 auto; z-index:2; transition: all 0.3s;} .suite_box_wrapper .more_link a {color:white; text-decoration:none; display:block; font-weight:300; transition: all 0.3s;} .suite_box_recruiting .more_link{background: #eb9827; border-color:#eb9827} .suite_box_hr .more_link{background: #eb3627;border-color:#eb3627;} .suite_box_performance .more_link{background: #aa0e0e;border-color:#aa0e0e} .suite_box_recruiting .more_link:hover{background: white; border-color:#eb9827; color:#eb9827;} .suite_box_hr .more_link:hover{background: white; border-color:#eb3627; color:#eb3627} .suite_box_performance .more_link:hover{background: white;border-color:#aa0e0e; color:#aa0e0e} .suite_box_recruiting .more_link a:hover{color:#eb9827} .suite_box_hr .more_link a:hover{color:#eb3627} .suite_box_performance .more_link a:hover{color:#aa0e0e} .more_products_outer_wrapper{min-height:320px;} .more_product_detail_pp {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_pp_banner_product.jpg');} .more_product_detail_zm {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_zm_banner_product.jpg');} .more_product_detail_tm {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_tm_banner_product.jpg');} .more_product_detail_ee {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ee_banner_product.jpg');} .more_product_detail_bewohner {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_bewohner_banner_product.jpg');} .more_product_detail_as {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_as_banner_product.jpg');} .more_product_detail_ats {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ats_banner_product.jpg');} .more_product_detail_pb {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_pb_banner_product.jpg');} .more_product_detail_ce {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ce_banner_product.jpg');} .more_product_detail_dc {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_dc_banner_product.jpg');} .more_product_detail_md {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_md_banner_product.jpg');} .more_product_detail_aw {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_aw_banner_product.jpg');} .more_product_detail_vl {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_vl_banner_product.jpg');} .more_product_detail_onex { background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_onex_banner_product.jpg');} .more_product_detail_trainev {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_trainev_banner_product.jpg');} .more_product_detail_assess {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_assess_banner_product.jpg');} .more_product_detail_beurteil {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_beurteil_banner_product.jpg');} .more_product_detail_personalverwaltung {background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_personalverwaltung_banner_product.jpg');} .more_product_detail{ margin:30px 0 30px 0px; height:250px; background-color:#eee; border: solid white; border-width: 0 15px 0 15px; background-size:100%; background-repeat: no-repeat; background-position-y: 30px; transition: all 0.3s} .more_product_detail a{ display:block; color:#414141;} .more_product_detail p{line-height:24px; padding-top:150px; font-size:12px; text-align:center; } #more_products_wrapper_arrow_left{ float:right; margin-top:190px; width: 0; height: 0; cursor:pointer; border-style: solid; border-width: 125px 25px 125px 0; border-color: transparent #bbb transparent transparent ;} #more_products_wrapper_arrow_left:hover{ border-color: transparent #414141 transparent transparent ;} #more_products_wrapper_arrow_right{ margin-top:190px; width: 0; height: 0; cursor:pointer; border-style: solid; border-width: 125px 0 125px 25px; border-color: transparent transparent transparent #bbb;} #more_products_wrapper_arrow_right:hover{border-color: transparent transparent transparent #414141;} .detail_bewohner .more_product_detail_bewohner{background-color:red; } .detail_as .more_product_detail_as, .detail_ats .more_product_detail_ats, .detail_ce .more_product_detail_ce, .detail_assess .more_product_detail_assess{background-color:#eb9827; } .detail_onex .more_product_detail_onex, .detail_pb .more_product_detail_pb, .detail_ee .more_product_detail_ee, .detail_personalverwaltung .more_product_detail_personalverwaltung{background-color:#eb3627; } .detail_dc .more_product_detail_dc, .detail_md .more_product_detail_md, .detail_trainev .more_product_detail_trainev, .detail_tm .more_product_detail_tm, .detail_beurteil .more_product_detail_beurteil{background-color:#aa0e0e; } .detail_ee .more_product_detail_ee a, .detail_bewohner .more_product_detail_bewohner a, .detail_as .more_product_detail_as a, .detail_ats .more_product_detail_ats a, .detail_pb .more_product_detail_pb a, .detail_ce .more_product_detail_ce a, .detail_dc .more_product_detail_dc a, .detail_md .more_product_detail_md a, .detail_onex .more_product_detail_onex a, .detail_trainev .more_product_detail_trainev a, .detail_tm .more_product_detail_tm a, .detail_assess .more_product_detail_assess a, .detail_beurteil .more_product_detail_beurteil a, .detail_personalverwaltung .more_product_detail_personalverwaltung a{color:white } .more_products_wrapper_recruiting .more_product_detail:hover{background-color:#eb9827;} .more_products_wrapper_hr .more_product_detail:hover{background-color:#eb3627;} .more_products_wrapper_performance .more_product_detail:hover{background-color:#aa0e0e;} .suite_hr_product .more_product_detail:hover a, .suite_performance_product .more_product_detail:hover a, .suite_recruiting_product .more_product_detail:hover a{color:white;} .more_products_wrapper{display:none;} .suite_recruiting_product .more_products_wrapper_recruiting{display:block;} .suite_hr_product .more_products_wrapper_hr{display:block;} .suite_performance_product .more_products_wrapper_performance{display:block;} .nutzen_icon, .contact_icon{text-align:center; } .nutzen_icon i{font-size:60px; line-height:60px;} .contact_icon i{font-size:40px; line-height:40px;} .contact_icon_bold i{font-size:60px; line-height:60px;} .contact_link{transition: all 0.3s;} .contact_link a i, .contact_link a{color:white; text-decoration:none; display:block; transition: all 0.3s} .modal-body{color:#666} .modal-body .contact_link a i,.modal-body .contact_link a{color:#666} .contact_link:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .contact_link:hover a,.contact_link:hover a i {} .nutzen_slogan{text-align:center; text-transform: uppercase; font-size:18px;} .nutzen_spacer{margin:20px auto 20px auto; width:20px; height:5px; background:white;} .nutzen_description{text-align:center; margin-bottom:60px; font-size:18px; line-height:28px;} .contact_slogan{text-transform: uppercase; font-size:24px; line-height:40px;} .contact_slogan_bold{text-transform: uppercase; font-size:40px; line-height:60px;} .modal-open{ padding:0 !important; overflow-y: auto; } .hr_button{ line-height:30px; margin:30px auto 0 auto; line-height:30px; background:white; text-align:center; transition: all 0.3s} .hr_button a{text-decoration:none; color:#f15a23; font-size:18px; font-weight:300; text-transform: uppercase; display:block; } .hr_button:hover{background:#aa0e0e} .hr_button:hover a{color:white;} .modal-content{background:none; border-radius:0px;} .modal-header{background:rgba(241,90,35,0.8); padding:0 0 0 20px; border-radius:0px;} .modal-title{color:white; font-size:30px; font-weight:300; line-height:60px; text-transform: uppercase} .modal-body{background:white; padding:40px} .modal-close{color:white; cursor:pointer; width:60px; height:60px; line-height:60px; font-size:30px; font-weight:300; text-align:center; transition: all 0.3s} .modal-close:hover{background:#eee; color:black;} .banner_home_datenschutz{padding-bottom:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/home/banner_datenschutz.jpg") no-repeat center center; background-size:cover;} .banner_home_datenschutz .h1{text-align:left} .banner_home_datenschutz .bullet_point{font-size:18px; line-height:1.6} .banner_home_datenschutz .bullet_point-icon{line-height:32px; color:#eb3627} .banner_home_staerken h3{text-align:left;} .banner_home_staerken .headline, .banner_home_call_to_action .headline{color:#f15a23; font-weight:bold; font-size: 18px; height:auto; background:none; text-transform:uppercase;} .banner_home_call_to_action{margin-top:60px; padding:60px 0 60px 0} .banner_home_call_to_action .headline p{color:white; font-weight:bold; font-size: 18px;} .banner_home_call_to_action .nutzen_icon i{font-size:40px; line-height:60px;} .banner_home_staerken_it .inner{height:230px; padding:10px 40% 0 15px; background:url("/tl_files/umfrageTool/uploads/layout2014/home/home_support_it.jpg") no-repeat; background-size:cover;} .banner_home_staerken_ps .inner{height:230px; padding:10px 40% 0 15px; background:url("/tl_files/umfrageTool/uploads/layout2014/home/home_support_psychologen.jpg") no-repeat; background-size:cover;} .banner_home_staerken_ps .inner li, .banner_home_staerken_it .inner li{font-size:18px;} .banner_home_referenzen{padding-bottom:60px; text-align:center;} .banner_suite .suite_title{margin:53px 0 0 0; padding:0; font-size:44px; line-height:60px; color:white; font-weight:300;} .banner_suite .slogan{margin:53px 0 0 0; font-size:18px; line-height:24px; color:white; font-style: italic;} .suite_hr .banner_suite .slogan, .suite_performance .banner_suite .slogan{margin:20px 0 0 0;} .banner_suite .person{margin:0 0 53px 0; font-weight:300; color:white;} .suite_recruiting .banner_suite{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_1.png")} .suite_hr .banner_suite{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_2.png")} .suite_performance .banner_suite{background-image:url("/tl_files/umfrageTool/uploads/layout2014/suiten/hrp_banner_suiten_3.png")} .banner_suite{background-repeat: no-repeat; background-size:cover; padding:40px 0 0 0; min-height:300px;} .suite h1{margin-bottom:0px;} .suite_recruiting h1, .suite_recruiting h2, .suite_recruiting h3{color:#eb9827} .suite_hr h1, .suite_hr h2, .suite_hr h3{color:#eb3627} .suite_performance h1, .suite_performance h2, .suite_performance h3, .suite_performance .h1, .suite_performance .h2, .suite_performance .h3{color:#aa0e0e} .suite h1, .suite h2{color:#414141} .suite_product_banner {} .suite_product_banner h2{font-size:44px; line-height:60px; margin-top:40px;} .suite_product_banner p{font-size:18px; line-height:24px; margin-bottom:120px;} .suite_product_banner_as h2, .suite_product_banner_as p, .suite_product_banner_gb h2, .suite_product_banner_gb p{color:white;} .suite_product_banner_pp{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_pp.jpg") no-repeat; background-size:cover;} .suite_product_banner_tm{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_tm.jpg") no-repeat; background-size:cover;} .suite_product_banner_zm{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_zm.jpg") no-repeat; background-size:cover;} .suite_product_banner_as{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_as.jpg") no-repeat; background-size:cover;} .suite_product_banner_bm{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_bm.jpg") no-repeat; background-size:cover; background-position:center center} .suite_product_banner_as h2, .suite_product_banner_auswahl h2, .suite_product_banner_gb h2, .suite_product_banner_onb h2, .suite_product_banner_digi h2, .suite_product_banner_feedback h2{text-align:left;} .suite_product_banner_image{height:150px; margin:60px -15px 60px -15px} .suite_product_banner_ats, .suite_product_banner_aw, .suite_product_banner_ce, .suite_product_banner_personal, .suite_product_banner_ee, .suite_product_banner_mg, .suite_product_banner_training{margin-top:60px; border:1px solid #eee; border-width:0 30px 0 30px;} .suite_product_banner_aw .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_aw_banner_product.jpg') no-repeat; background-size:cover} .suite_product_banner_ats .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/hrpuls_titelbild_ats_bewerbermanagement_produktseite_2018_04_11.jpeg') no-repeat; background-size:cover} .suite_product_banner_ce .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/hrp_produkt_CandExp_.jpg') no-repeat; background-size:cover} .suite_product_banner_ee .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/hrp_produkt_EE.jpg') no-repeat; background-size:cover} .suite_product_banner_personal .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/hrpuls_personalverwaltung_stammakte_head.jpg') no-repeat; background-size:cover} .suite_product_banner_training .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/hrpuls-head-produkt-training.jpg') no-repeat; background-size:cover} .suite_product_banner_mg .suite_product_banner_image{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/hrp_produkt_mobilerDialog.jpg') no-repeat; background-size:cover} .suite_product_banner_ee h2, .suite_product_banner_personal h2, .suite_product_banner_gb h2, .suite_product_banner_training h2{font-size:36px;} .suite_call_to_action a {color:white; text-transform: uppercase; border: 1px solid white; font-size:18px; line-height: 24px; position: absolute; bottom: 60px; padding:0 20px 0 20px;} .suite_call_to_action a:hover {color:#eb9827; border-color:#eb9827; background:white; text-decoration: none;} .suite_product_banner_gb{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_pb.jpg") no-repeat; background-size:cover;} .suite_product_banner_onb{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_onb.jpg") no-repeat; background-size:cover;} .banner_magazin{margin-bottom:100px;} .magazin_head{position:absolute; margin-top:-100px;} .magazin_person_data{padding-top:130px;} .call_to_action_small{ transform: 0.3s} .call_to_action_small p{margin:20px 0 20px; line-height:30px; text-align:center; font-weight:300; font-size:24px; cursor:pointer; } .call_to_action_small i{vertical-align: middle !important; font-size:24px;} .call_to_action_small a{color:#414141; display:block} .call_to_action_small .bg_grey:hover{background:#ddd} .call_to_action_small .bg_grey:hover a{text-decoration:none} .call_to_action_small .bg_orange:hover{background:#c63d09;} .suite_recruiting .suite_call_to_action a:hover{color:#eb9827; border-color:#eb9827; background:white} .suite_recruiting .suite_call_to_action a{color:white; background:#eb9827; border-color:white;} .suite_hr .suite_call_to_action a:hover{color:#eb3627; background:white; border-color:#eb3627} .suite_hr .suite_call_to_action a{color:white; background:#eb3627; border-color:white;} .suite_performance .suite_call_to_action a:hover{color:#aa0e0e; background:white; border-color:#aa0e0e} .suite_performance .suite_call_to_action a{color:white; background:#aa0e0e; border-color:white;} .suite_product_banner_feedback{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_feedback.jpg") no-repeat; background-size:cover;} .suite_product_banner_digi{margin-top:60px; background:url("/tl_files/umfrageTool/uploads/layout2014/suiten/suite_banner_digi.jpg") no-repeat; background-size:cover;} .suite_hr_product #footer .footer_div_head a, .suite_hr_product #footer a:hover{color:#eb3627;} .suite_hr_product .modal-header { background: rgba(235,54,39,0.8); } .suite_hr_product .ce_accordion .toggler h3 { color: #eb3627; } .head_wrapper_home{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/home/hrp_banner_2000x600.gif');} .head_wrapper_zm{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_zm_banner.jpg');} .head_wrapper_tm{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_tm_banner.jpg');} .head_wrapper_ee{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ee_banner.jpg');} .head_wrapper_bewohner{height:300px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_bewohner_banner.jpg');} .head_wrapper_as{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_as_banner.jpg');} .head_wrapper_ats{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ats_banner.jpg');} .head_wrapper_pb{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_pb_banner.jpg');} .head_wrapper_ce{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ce_banner.jpg');} .head_wrapper_dc{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_dc_banner.jpg');} .head_wrapper_md{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_md_banner.jpg');} .head_wrapper_pp{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_pp_banner.jpg');} .head_wrapper_vl{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_vl_banner.jpg');} .head_wrapper_aw{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_aw_banner.jpg');} .head_wrapper_onex{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_onex_banner.jpg');} .head_wrapper_trainev{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_trainev_banner.jpg');} .head_wrapper_assess{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_assess_banner.jpg');} .head_wrapper_beurteil{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_beurteil_banner.jpg');} .head_wrapper_personalverwaltung{height:350px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_personalverwaltung_banner.jpg');} .head_wrapper_ueber_uns{background: url('/tl_files/umfrageTool/uploads/layout2014/produkte/head/bewerberbefragung.jpg');} .head_wrapper_jobs{background: url('/tl_files/umfrageTool/uploads/layout2014/banner/tauziehen.jpg');} .head_wrapper_fach_active_sourcing{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_activesourcing_2.jpg');} .head_wrapper_fach_mitarbeiterbefragung{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/bus.jpg');} .head_wrapper_fach_mitarbeiterbefragung-fragebogen{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_mitarbeiterbefrafung_vorlagen.jpg');} .head_wrapper_fach_organisationsentwicklung{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls-fachthema-organisationsentwicklung.jpeg');} .head_wrapper_fach_mitarbeiterbindung{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/tauziehen.jpg');} .head_wrapper_fach_mitarbeiterzufriedenheit{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls-fachthema-mitarbeiterzufriedenheit.jpeg');} .head_wrapper_fach_onboarding{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls-fachthema-onboarding.jpeg');} .head_wrapper_fach_pulscheck_pulsbefragung{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_fachthema_pulscheck.jpeg');} .head_wrapper_fach_bewerbermanagement{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_fachthema_bewerbermanagement.jpeg');} .head_wrapper_fach_digital_readiness{height:535px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/digitalreadiness_head_hrpuls.png');} .head_wrapper_datenschutz{height:300px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_datenschutz_banner.jpg');} .head_wrapper_ueber_uns_mission{height:300px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_unternehmen_banner.jpg');} .head_wrapper_ueber_uns_karriere{height:300px; background: url('https://hrpuls.de//tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_unternehmen_banner.jpg');} .head_wrapper_partner{height:300px; background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_partner_banner.jpg');} #head_wrapper{background-repeat: no-repeat; background-size: cover; background-position: center center; text-align:left; padding-bottom:40px;} #head_wrapper h1, #head_wrapper h2, #head_wrapper .h1, #head_wrapper .h2{text-align:left; color:white;} #head_wrapper h1, #head_wrapper .h1{font-size: 24px; font-weight: 600; line-height: 30px; margin:40px 0 40px 0} #head_wrapper h2, #head_wrapper .h2{font-size: 40px; font-weight: 300; line-height: 50px;} #head_wrapper p{color:white; padding:0; font-size:24px; line-height:40px; text-align:left; margin-top:60px;} #head_wrapper.head_wrapper_home_2022{padding-bottom:0px;} .suite_hr_product .container_product{margin-top:40px !important} .banner_ft #head_wrapper h1{color:#414141} .banner_ft #head_wrapper h2{color:#f15a23} .ft_mab .banner_ft, .ft_teaser_mab{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_mab_banner.jpg")} .ft_fbkonstrukt .banner_ft, .ft_teaser_fbkonstrukt{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_fbkonstrukt_banner.jpg")} .ft_pulscheck .banner_ft, .ft_teaser_pulscheck{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_pulscheck_banner.jpg")} .ft_bm .banner_ft, .ft_teaser_bm{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_bm_banner.jpg")} .ft_as .banner_ft, .ft_teaser_as{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_as_banner.jpg")} .ft_hrs .banner_ft, .ft_teaser_hrs{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_hrs_banner.jpg")} .ft_onb .banner_ft, .ft_teaser_onb{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_onb_banner.jpg")} .ft_digi .banner_ft, .ft_teaser_digi{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_digi_banner.jpg")} .ft_maz .banner_ft, .ft_teaser_maz{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_maz_banner.jpg")} .ft_bindung .banner_ft, .ft_teaser_bindung{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_bindung_banner.jpg")} .ft_oe .banner_ft, .ft_teaser_oe{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_oe_banner.jpg")} .ft_pv .banner_ft, .ft_teaser_pv{background-image:url("/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_pv_banner.jpg")} .ft_psygb .banner_ft, .ft_teaser_psygb{background: url('/tl_files/umfrageTool/uploads/layout2014/banner/hrpuls_ft_psygb_banner.jpg');} .banner_ft{background-repeat: no-repeat; background-size:cover; background-position:center center;min-height:300px;} .banner_ft p{text-align:center; font-size:24px; font-weight:300; line-height:40px;} .banner_ft h1{margin-bottom:30px;} .fullsize_bg{margin:60px 0 0 0; padding: 0 0 60px 0; background-size:cover; background-repeat: no-repeat;} .fullsize_bg_mab_kommunikation{background-image: url('/tl_files/umfrageTool/uploads/layout2014/i_fachthemen/hrpuls_ft_mab_image_communcation.jpeg'); color:white;background-position: left;} .fullsiez_bg_pv_hilfestellung{background-image: url('/tl_files/umfrageTool/uploads/layout2014/i_fachthemen/hrpuls_ft_pv_background_hilfestellung.jpg'); color:white;} .fullsize_bg_mab_anlass{background-image: url('/tl_files/umfrageTool/uploads/layout2014/i_fachthemen/hrpuls_ft_mab_background_anlass.jpg'); color:white;} .fullsiez_bg_pv_hilfestellung p, .fullsiez_bg_pv_hilfestellung .h2{color:white;} .fullsiez_bg_pv_hilfestellung .download a{background:white; padding:10px 15px 10px 15px; margin-top:30px; border:0;} .fullsiez_bg_pv_hilfestellung .download i{font-size:24px; vertical-align: middle !important; } .fullsiez_bg_pv_hilfestellung .download a:hover{background:#ddd} .as_wrapper{margin:40px 0 0 0; background-position-x: 0px; background-position-y: 0px; background-repeat: no-repeat; padding-left:40px;} .as_wrapper_1{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_1.png');} .as_wrapper_2{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_2.png');} .as_wrapper_3{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_3.png');} .as_wrapper_4{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_4.png');} .as_wrapper_5{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_5.png');} .as_wrapper_6{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_6.png');} .as_wrapper_7{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_as_7.png');} .as_wrapper_8{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_8.png');} .as_wrapper_9{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_9.png');} .as_wrapper_10{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_10.png');} .as_wrapper_11{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_11.png');} .as_wrapper_12{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_12.png');} .as_wrapper_13{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_13.png');} .as_wrapper_14{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_14.png');} .as_wrapper_15{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_15.png');} .as_wrapper_16{background-image: url('/tl_files/umfrageTool/uploads/layout2014/produkte/detailseiten/icon_ats_16.png');} .as_headline{font-weight:bold; margin-bottom:5px;} .refImg{border:10px solid #d7d7d7; border-radius:200px; width:200px;} .refImgWrapper{float: left; width: 290px; text-align: center;} .refImgLogo{opacity: 0.5; margin:10px 0 20px 0; height:26px; width:auto;} .refText{min-height:200px; margin:0 auto 0 auto;} .refText p {font-size: 14px; line-height: 24px; margin-top: 10px; font-style:italic;} p.refTextBottom {font-style:normal; font-weight: normal; font-size: 12px; line-height: 18px; margin-top: 10px; color:black} .refName{font-weight: bold;} .download{text-align:center; padding:20px 40px 0 0;} .download a{color:#414141; text-transform: uppercase; text-decoration:none; font-weight:300; font-size:14px; border: 1px solid #ddd; padding:3px 10px 3px 30px; background:url('/tl_files/umfrageTool/uploads/layout2014/icons/ic_file_download_orange_18dp.png') 7px 5px no-repeat;} .download a:hover{color:black; border-color:black } cal .sub_navi_wrapper_all{width:100%;} .sub_navi_wrapper_all_inner{} .sub_navi_wrapper{transition: all 300ms ease; cursor: pointer; text-align:center; text-transform: uppercase; margin:30px 0 30px 0; line-height:36px; font-size:24px; font-weight:300} .activeSubnavi, .sub_navi_wrapper:hover{color:#F0672C; background:white;} .sticky .sub_navi_wrapper{margin:5px 0 5px 0; font-size:12px; line-height:16px} .sticky { position: fixed;top: 60px; left:0; z-index:1; transition: all 300ms ease; width:100%} .ueber_uns_box{padding:30px; min-height:160px;} .ueber_uns_versprechen{background:url("/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/hrpuls_mission_image_versprechen.jpg") no-repeat center center; background-size:cover; padding:0 0 60px 0; margin-top:60px;} .ueber_uns_team{background:url("/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/hrpuls_mission_team_darkend.jpg") no-repeat center center; background-size:cover; padding:0 0 60px 0; margin-top:60px;} .ueber_uns_team .h1, .ueber_uns_team p{color:white;} .bg_grey.ueber_uns_box h3{color:#414141} .statistic .login_button{display:none; } #login_form{font-size:14px; color:#414141} #login_form a{color:#414141} #login_form input{ height: 30px; line-height: 30px; font-size:14px; width: 100%; border-radius:0px; border:1px solid #ccc; outline: none !important; margin:0 auto 20px auto; padding-left:2px} #login_form ::-webkit-input-placeholder, #test_form ::-webkit-input-placeholder{color:#999} #login_form ::-moz-placeholder, #test_form ::-moz-placeholder{color:#999} #login_form ::-ms-placeholder, #test_form ::-ms-placeholder{color:#999} #login_form input.register_submit , #tl_lost_password .submit{ font-weight:300; background-color: #f15a23; color: white; line-height: 40px; height:40px; text-align: center; border:0px; cursor:pointer; transition: all 0.5s ease; font-size:14px; text-transform: uppercase; } .timeline_year, .timeline_center, .timeline_text, .timeline_innertext{height:72px;} .timeline_center{-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; padding-top:18px; text-align: center; background: linear-gradient(90deg, rgba(0,0,0,0) calc(50% - 3px), #f15a23 calc(50%), rgba(0,0,0,0) calc(50% + 2px))} .timeline_center .material-icons{font-size:36px; color:#f15a23;} .timeline_center_first{background-repeat: no-repeat; background-position: bottom; background-size: auto 36px;} .timeline_center_last{background-repeat: no-repeat; background-position: top; background-size: auto 36px;} .timeline_innertext{display: table-cell; vertical-align: middle; width:490px; max-width:100%} .timeline_year p{line-height:72px; font-weight:bold;} .timeline_text{background:#eee; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;} .timeline_year{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;} .timeline_center_even:after {content: ""; width: 0px; height: 0px;position: absolute; border-left: 0px solid transparent; border-right: 24px solid #eee; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 24px; right: 0px;} .timeline_center_uneven:before {content: ""; width: 0px; height: 0px;position: absolute; border-left: 24px solid #eee; border-right: 0px solid transparent; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 24px; left: 0px;} .werte_uneven, .werte_even{background-repeat: no-repeat; background-size: 72px 72px;} .werte_uneven{padding-right:100px; background-position: right center; text-align:right} .werte_even{padding-left:100px; background-position: left center;} .werte_Liebhaber{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/werte_Liebhaber.png');} .werte_Pilot{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/werte_Pilot.png');} .werte_Beschuetzer{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/werte_Beschuetzer.png');} .werte_Zuhoerer{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/werte_Zuhoerer.png');} .werte_Botschafter{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/werte_Botschafter.png');} .team_box{background-repeat:no-repeat; background-position: center 0px; background-size: 100px 100px;} .team_box_it{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/team_it.png');} .team_box_ps{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/team_ps.png');} .team_box_ku{background-image:url('/tl_files/umfrageTool/uploads/layout2014/wir_ueber_uns/team_ku.png');} .team_box_text{background:white; min-height:240px; padding:20px; margin:130px 10px 0 10px; color:#ccc} .team_box_text h3, .team_box_text p{color:#999} .forgot_password input {width:250px; margin-left:10px;} #login_form input.register_submit:hover, #test_form input.register_submit:hover {background:#C63D09} .ce_accordion {border-bottom:1px solid #ccc} .ce_accordion .toggler h3 {color: #f15a23; transition: all 0.2s; cursor:pointer; text-align:left; line-height: normal; padding:20px 20px 20px 0;} /*.ce_accordion .toggler h3:hover {color: #f15a23}*/ .ce_accordion .toggler h3::before {transition: all 0.2s; color:#f15a23; background:white; height:40px; width:40px; line-height:40px; border-radius:15px; text-align:center; vertical-align: middle; font-family: "Material Icons"; content: "\e5cf"; font-size:36px; border: 1px solid white; position:absolute; right:5px; } .ce_accordion .toggler.active h3::before { font-family: "Material Icons"; content: "\e5ce";} .suite_recruiting .ce_accordion .toggler h3,.suite_recruiting .ce_accordion .toggler h3::before {color: #eb9827;} .suite_hr .ce_accordion .toggler h3,.suite_hr .ce_accordion .toggler h3::before {color: #eb3627;} .suite_performance .ce_accordion .toggler h3,.suite_performance .ce_accordion .toggler h3::before {color: #aa0e0e;} /* .ce_accordion .toggler h3:hover::before {color: #f15a23; background:white; background:#f15a23; color:white; } */ :focus{outline:none;} .ce_accordion p{font-size:16px; padding-bottom:20px; } .ce_accordion ul, .ce_accordion li{font-size:16px;} .panes .col-md-6{float:left;} .logout_button_wrapper{display:none; text-align:right;} body.statistic.statistic_bootstrap {font-family: 'Open Sans',sans-serif; font-size:14px; background:#f4f4f4; line-height:20px; } .statistic.statistic_bootstrap #wrapper {width:100%; margin:0 auto 0 auto; background: none} .statistic.statistic_bootstrap #header {width:100%; top:0; height:60px; color:#676767; text-transform:uppercase; border-bottom:1px solid #cacaca; background-color:white; display:block;} .statistic.statistic_bootstrap #main .inside{width:1800px; margin:0 auto 0 auto} .statistic.statistic_bootstrap #main{top:60px;} .statistic.statistic_bootstrap #header .inside {margin:0 auto 0 auto; max-width:1800px;} .statistic .login_icon{display:none;} .statistic .logout_button_wrapper{display:block;} .statistic.statistic_bootstrap h1 {font-size:24px; text-align:left; font-weight:300; line-height:40px; margin:0; padding:0} .statistic.statistic_bootstrap .headline h1{margin:20px 0 0 0} .statistic.statistic_bootstrap .spacer{background:#f4f4f4; clear:both; height:10px; display:block;} .statistic.statistic_bootstrap .container{max-width:1800px} .row_head_wrapper, .col_header_row {text-transform: uppercase;color: white;background-color: #F0672C; line-height:40px; } .row_head_wrapper i{vertical-align: middle !important; font-size:24px; cursor:pointer; margin:-2px 0 0 10px;} .row_head_wrapper i:hover{color:#eee} .statistic.statistic_bootstrap .card{background:none; border:0px;} .headline{background: white; height:80px;} .statistic.statistic_bootstrap .headline h1{margin:20px 0 0 0} .headline.col-3{padding-right:0px;} .hr_new_button {font-size: 72px;font-weight: 600; line-height:0px; margin: 0; padding: 0; float: right; width: 80px; height: 80px; border: 0px; border-left: 1px solid white; color: white; background: #ddd; transition: all 0.5s ease;} .hr_new_button i {font-size: 40px;} .hr_new_button:hover, .hr_new_button_active{background:#F0672C;} .statistic.statistic_bootstrap ul.sub_navi { list-style: none; padding: 0; margin: 0 0 0 0; text-transform: uppercase;} .statistic.statistic_bootstrap ul.sub_navi::after { content: '';display: block;clear: both;} .statistic.statistic_bootstrap .sub_navi li { list-style: none; float: left; margin: 0; padding: 0 20px 0 20px; line-height: 36px; background: #eee; border-top: 3px solid #ddd; cursor:pointer;} .statistic.statistic_bootstrap .sub_navi li:hover, .statistic.statistic_bootstrap .sub_navi li.sub_active { color: #f0672c; border-top: 3px solid #f0672c;background: white;} .statistic.statistic_bootstrap .sub_navi li a {font-weight: normal;color: #414141;text-decoration:none;} ul.sub_navi_vertical { list-style: none; padding: 0; margin: 0 0 0 0; float:left; width:350px;} ul.sub_navi_vertical h3{text-align:left; margin-bottom:5px; color:grey} .sub_navi_vertical li { list-style: none; margin: 0; padding: 10px 0; background: #eee; border-left: 3px solid #ddd; cursor:pointer; margin-right:-15px; border-bottom:1px solid #f4f4f4} .sub_navi_vertical li .row{margin-left:-5px;} .sub_navi_vertical li:hover, .sub_navi_vertical li.sub_active_vertical { border-left: 3px solid #f0672c;background: white;} .sub_navi_vertical li:hover h3, .sub_navi_vertical li.sub_active_vertical h3{color:#f0672c} .sub_navi_vertical li a {font-weight: normal;color: #414141;text-decoration:none;} .sub_navi_vertical li .piechart_inner{background:#eee} .sub_navi_vertical li:hover .piechart_inner, .sub_navi_vertical li.sub_active_vertical .piechart_inner{background:white} [class$="-legend"] li {border:0; background:none; width:100%; overflow:hidden; text-overflow: ellipsis; line-height:20px; padding:0; height:20px; margin:0 0 5px 0;} [class$="-legend"] li:hover {border:0; background:none; } [class$="-legend"] li span {border-radius: 2px; display: inline-block; height: 10px; margin-right: 5px; width: 16px; } .statistic.statistic_bootstrap .overview_box {transition: all 0.5s ease; height: 150px;} .statistic.statistic_bootstrap .overview_box_link {transition: all 0.5s ease; cursor: pointer} .statistic.statistic_bootstrap .overview_box_link:hover {background:#efefef;} .statistic.statistic_bootstrap .phase_icon_wrapper {margin:0; width: auto;} .statistic.statistic_bootstrap .phase_icon_wrapper .icon_wrapper {width:70px; height: 70px; border-radius:0;} .statistic.statistic_bootstrap .phase_icon_wrapper .icon_wrapper a{text-decoration: none; color: white; font-weight: normal; font-size: 40px; line-height:70px;} .statistic.statistic_bootstrap .fade_details{margin:0 auto 0 auto; background:white;} #fade_details_heatmap table{border-collapse: separate} /*.statistic.statistic_bootstrap #fade_details_heatmap *, ::after, ::before {box-sizing:content-box}*/ .statistic.statistic_bootstrap .google-visualization-table-table{font-size:14px;} .statistic.statistic_bootstrap .google-visualization-table-table th{font-size:14px; font-weight:normal; border:0px; background: white; border-bottom:2px solid #f15a23; color:#414141; line-height:40px; cursor:pointer; vertical-align: middle} .statistic.statistic_bootstrap .google-visualization-table-table td{border-color:#f4f4f4; border-width:0 0 1px 0} .statistic.statistic_bootstrap .google-visualization-table-td.google-visualization-table-type-number{text-align:left;} .statistic.statistic_bootstrap .no_print img{max-height:80px;} #fade_details_history .google-visualization-table-th{white-space: normal; line-height:20px;} .ibb_edit .google-visualization-table-table th, .ibb_edit .google-visualization-table-table td{font-size:10px !important; font-weight:normal !important;} .result_box, .result_box_small{width:44px; height:44px; line-height:40px; padding:0; color:black; text-align:center; border:2px solid;} .result_box_small{height:38px; line-height:34px; font-size:12px;} .heatmap_wrapper .result_box, .heatmap_wrapper_nps .result_box{float:left; margin:1px;} .heatmap_wrapper .result_box_small, .heatmap_wrapper_nps .result_box_small{float:left; margin:7px 1px 1px 1px;} .block_important{display: block !important} .block{overflow: inherit !important} .dropdown-menu{font-size:14px; line-height:18px;} .heatmap_left{width:150px; height:40px; float:left; margin:1px 10px 1px 0; overflow:hidden;} .heatmap_left_inner{display:table-cell; vertical-align: middle; text-align:right; height:inherit; width:150px; font-size:14px; line-height:20px;} .heatmap_wrapper_nps .heatmap_left, .heatmap_wrapper_nps .heatmap_left_inner{width:370px;} .heatmap_left h4{text-transform: uppercase; font-size:16px; letter-spacing: 1px; display:table-cell; text-align:right; width: inherit} .heatmap_rotate {writing-mode:vertical-rl; -ms-writing-mode: tb-rl; float:left; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform: rotate(180deg); -ms-transform:rotate(180deg); transform: rotate(180deg); white-space:nowrap; display:block; bottom:0; width:42px; line-height:40px; margin:2px; height:250px;} .openChild{cursor: pointer} .openChild:hover{background-color:#eee;} .heatmap_wrapper_nps .heatmap_participant, .heatmap_wrapper .heatmap_participant, .heatmap_participant{margin-right:10px;} .heatmap_wrapper_nps .heatmap_nps, .heatmap_wrapper .heatmap_nps, .heatmap_nps{margin-right:10px;} .heatmap_wrapper_nps .heatmap_overall, .heatmap_wrapper .heatmap_overall, .heatmap_overall{margin-right:10px;} .heatmap_wrapper_ee .heatmap_overall, .heatmap_wrapper .heatmap_ee, .heatmap_ee{margin-right:10px;} .heatmap_rotate.heatmap_participant{margin-right:11px;} .heatmap_rotate.heatmap_nps, .heatmap_rotate.heatmap_overall, .heatmap_rotate.heatmap_ee{margin-right:11px;} .result_box_nps_wrapper{width:900px; float:left; height:16px; background-color:#ddd; margin:14px 0 0 30px;} .result_box_nps_value{position:relative; font-size:10px; z-index:10; margin-top:-40px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px;} .result_box_nps_bench_wrapper1{z-index:8; margin-top:-14px; height:46px; position:relative;} .result_box_nps_bench_inner1{height:46px; display:block; width:1px; margin-left:14px; border-left: 2px solid #888} .result_box_nps_bench_wrapper2{z-index:6; margin-top:-46px; height:46px; position:relative;} .result_box_nps_bench_inner2{height:46px; display:block; width:1px; margin-left:14px; border-left: 2px dotted #888} .color_white{color:white;} .result_box_nps_bench_wrapper_range{height:16px; z-index:4; margin-top:-22px;} .result_box_nps_bench_wrapper_range_left, .result_box_nps_bench_wrapper_range_middle, .result_box_nps_bench_wrapper_range_right{float:left; height:16px; line-height:16px; font-size:10px; display:block} .range_inner{padding:0 5px;} .result_box_nps_bench_wrapper_range_middle{border-width:0px 2px; border-style: solid; border-color:#848484} .result_box_nps_bench_wrapper_range_middle_line{background:#848484; margin-top:0px; height:16px; display:block;} .result_box_div_spacer{display:block;} .result_box_div_positiv, .result_box_div_negativ{height:30px; display:block; background-color:white; color:white; line-height: none} .result_box_div_positiv{margin-top:3px;} .result_box_div_negativ{margin-bottom:3px;} .result_box_div_positiv .result_box_div_inner{background-color:green; display:block;} .result_box_div_negativ .result_box_div_inner{background-color:red; display:block;} .result_box_div_wrapper .result_box{height:auto; border-color:white; line-height: none} .result_box_div_text{height:1px; display:block; background:#888; margin:0 -8px;} #sortable1, #sortable2 { border: 1px solid #eee; min-height: 150px; list-style-type: none; margin: 0; padding: 5px 0 0 0; background:#fefefe; } #sortable1 li, #sortable2 li { margin: 0 2% 5px 2%; padding: 5px; font-size: 14px; font-weight:normal; color:#414141; width: 96%; } .ui-accordion h3{border:0; font-weight:300; background: none;} .ui-accordion h3:hover{color:#414141;} .ui-accordion .ui-accordion-content{padding:2px 0 2px 0 !important; border:0px;} .modal_size_60 {width:60%; max-width:900px;} .ui-widget {font-family: 'Open Sans',sans-serif; font-size:14px; line-height: 1.6em; color:black;} .ques {background:url('/tl_files/umfrageTool/uploads/layout2014/backgrounds/hrpuls_new_background.jpg') center center; background-size:cover; background-repeat: no-repeat; background-attachment: fixed;} .ques .container{} .ques p, .ques{line-height: 1.6em} .ques #header, .ques #footer{display:none;} .ques .overlay_header{display:none; z-index:1; position: fixed; width:100%; height:65px; top:0; left:0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .ques .overlay_bottom{display:none; z-index:10000; position: fixed; width:100%; height:20px; bottom:60px; left:0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .ques .overlay_status{display:none; z-index:10000; position: fixed; width:100%; height:60px; bottom:0px; left:0; background:white;} .ques #main{top:0px;} .ques #wrapper{width: auto} .ques .question_wrapper{display:none;} .ques .question_wrapper_0{margin-top:100px;} .ques .ques_header{background-color:#666; color:#eee; text-align:center; line-height:60px;} .ques .ques_image{margin:10px 0 10px 0; text-align:center; height:80px; width:100%; background-repeat:no-repeat; background-size: contain; background-position: center center} .ques .text_welcome{} .ques .ques_title{z-index:2; color:black; text-align:left; line-height:40px; font-size:30px; font-weight:300; text-transform:uppercase; background:rgba(246,246,246,0.9);} .ques .question_type_7{position:fixed; top:60px; max-width:1140px; display:none;} .ques .question_wrapper_type_7{margin-top:165px;} .ques .col-even{background:#eee} .ques .answer_title{margin:10px 0 10px 0; color:black; text-align:left; line-height:30px; font-size:20px; font-weight:300;} .ques .answer_description p{margin:10px 0 10px 0; text-align:left; line-height:20px; font-size:14px; font-weight:normal;} .ques .flat_star{width:100%} .flat_star i, .col-no-answer i, .col-comment i{font-size:72px; cursor:pointer; color:#414141; transition: all .3s} .col-unimportant i{font-size:48px; cursor:pointer; margin-top:12px; color:#414141; transition: all .3s} .comment-icon{font-size:72px; cursor:pointer; color:#414141; transition: all .3s} .col-no-answer i:hover, .col-comment i:hover{color:black; } .ques button i {font-size:24px;} .ques button{font-size:14px;} .ques .selected_1,.ques .col_star_1 i:hover{color:#FF2400} .ques .selected_2,.ques .col_star_2 i:hover{color:#FF6C00} .ques .selected_3,.ques .col_star_3 i:hover{color:#FFB300} .ques .selected_4,.ques .col_star_4 i:hover{color:#AAB100} .ques .selected_5,.ques .col_star_5 i:hover{color:#558A00} .ques .col_star{width:20%; text-align:center; float:left;} .ques .col_star_size_10{width:10%; cursor:pointer; text-align:center; float:left; font-size:24px; line-height:60px; border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; border-radius:4px; } .ques .col_star_size_10 span{display:block;} .ques .col_star_size_10 .selected_1,.ques .col_star_1.col_star_size_10 :hover{background-color:#FF2400; color:#2b2b2b;} .ques .col_star_size_10 .selected_2,.ques .col_star_2.col_star_size_10 :hover{background-color:#FF2400; color:#2b2b2b;} .ques .col_star_size_10 .selected_3,.ques .col_star_3.col_star_size_10 :hover{background-color:#FF6C00; color:#2b2b2b;} .ques .col_star_size_10 .selected_4,.ques .col_star_4.col_star_size_10 :hover{background-color:#FF6C00; color:#2b2b2b;} .ques .col_star_size_10 .selected_5,.ques .col_star_5.col_star_size_10 :hover{background-color:#FFB300; color:#2b2b2b;} .ques .col_star_size_10 .selected_6,.ques .col_star_6.col_star_size_10 :hover{background-color:#FFB300; color:#2b2b2b;} .ques .col_star_size_10 .selected_7,.ques .col_star_7.col_star_size_10 :hover{background-color:#AAB100; color:#2b2b2b;} .ques .col_star_size_10 .selected_8,.ques .col_star_8.col_star_size_10 :hover{background-color:#AAB100; color:#2b2b2b;} .ques .col_star_size_10 .selected_9,.ques .col_star_9.col_star_size_10 :hover{background-color:#558A00; color:#2b2b2b;} .ques .col_star_size_10 .selected_10,.ques .col_star_10.col_star_size_10 :hover{background-color:#558A00; color:#2b2b2b;} .ques .textarea_counter{ width:100%;} .ques textarea { margin-top:5px; background-color: #f9f9f9; border: 1px solid #999; width: 100%; height: 80px; border-radius: 4px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #eb3627; background: #f15a23; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background{border-color:#eb3627;} .btn-warning{background:#f15a23;} .WordCloudWrapperSingle{transition: all 0.3s ease; float:left; padding:0 2px 2px 2px; line-height:30px;} .wordCloudCount{color:#999; margin-right:5px;} .WordCloudWrapperSingle:hover{color:#f15a23} .table_div_comment_headline {margin-top:20px; text-transform: uppercase; letter-spacing: 1px;} .table_div_comment table {border:1px solid #ccc !important; width:100%} .ft_teaser{margin-top:20px; background-position: right; background-size: cover; text-align:center; padding:20px;} .ft_teaser h2, .ft_teaser p{color:white; text-align:center;} .ft_teaser_inner{height:200px; color:white; vertical-align: middle } .ft_teaser_button{display:none; bottom:20px; position: absolute; right:30px; border:1px solid white; padding:2px 5px;} .ft_teaser p{display:none; height:150px; overflow:hidden; text-overflow:ellipsis} .ft_teaser:hover p, .ft_teaser:hover .ft_teaser_button{display:block} .ft_teaser:hover h2, .ft_teaser:hover .tag_row{display:none;} .tag_row{padding:0 0 10px 0} .tag_detail{padding:2px 8px; margin-right:5px; display: inline; border:1px solid; cursor:pointer; transition: all 0.2s} .tag_detail_rec, .tag_detail_stu, .tag_row_filter .tag_detail_rec.tag_filter_active, .tag_row_filter .tag_detail_rec:hover{background: #eb9827; border-color: #eb9827; color:white} .tag_detail_hrm, .tag_detail_ein, .tag_row_filter .tag_detail_hrm.tag_filter_active, .tag_row_filter .tag_detail_hrm:hover{background: #eb3627; border-color: #eb3627; color:white} .tag_detail_per, .tag_detail_ber, .tag_row_filter .tag_detail_per.tag_filter_active, .tag_row_filter .tag_detail_per:hover{background: #aa0e0e; border-color: #aa0e0e; color:white} .tag_detail_all, .tag_row_filter .tag_detail_all.tag_filter_active, .tag_row_filter .tag_detail_all:hover{background: #aaa; border-color: #aaa; color:white} .tag_detail_int{background: #999} .tag_row_filter{text-transform: uppercase; padding:0; margin:20px 0} .tag_row_filter .tag_detail_rec{background:white; color: #eb9827} .tag_row_filter .tag_detail_hrm{background:white; color: #eb3627} .tag_row_filter .tag_detail_per{background:white; color: #aa0e0e} .tag_row_filter .tag_detail_all{background:white; color: #aaa} .step{height:170px; width:170px; border-radius:85px; text-align:center} .step_inner{height:90px; width:100%; text-align:center; padding:40px 0px; font-size:24px; line-height:30px;} .step_start{background-color:#f15a23; color:white; text-align:center} .step_middle{background-color:#ccc;} .step_middle .step_inner{line-height:70px; padding:50px 0px; font-size:70px; color:white} .step .material-icons {font-size:70px;} .step_counter{background-color:#f15a23; color:white; font-size:24px; position: absolute; top:0px; left:0px; height:50px; width:50px; border-radius:25px; line-height:50px; text-align:center; } .step_text{text-align:center; width:170px; margin-top:15px;} .referenz_image{height:100px} .referenz_image img{vertical-align: middle } .referenz_image_top {opacity: 0.3} .col-article {max-width:690px;} .ft_article #main .inside{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .boot .animationTextContainer{cursor:pointer; float:left; margin-left:10px; width:14px; height:14px; border-radius:7px; background:grey} .boot .animationTextContainer:hover, .boot .animationTextContainer.animationTextContainerActive{background:#eb3627} .boot h3.animationTitle{text-align: left; margin-top:10px;} .boot h3.animationTitle:hover{font-weight:bold !important;} .boot .animationBar{margin:5px 0px; height:1px; background:grey; width:0%} .boot .animationDescription{display:none;} .boot .col_animationImage{min-height:300px; margin-top:10px;} .boot .col_animationText{min-height:20px; margin-top:10px;} .animation_back{ background-image: url('/tl_files/umfrageTool/uploads/layout2014/banner/animation_back.png'); background-size: contain; background-repeat:no-repeat; margin-top: 30px; } #head_wrapper.head_wrapper_home_2022 p{margin-top:40px; margin-bottom:30px;} .weitere_artikel, #table-of-contents{margin-top:50px;} .weitere_artikel h3, #table-of-contents h3{margin-bottom:20px;} .weitere_artikel h2{ font-size:14px;} .weitere_artikel .tag_row{display:none;} #table-of-contents ul {list-style-type: none; padding:0;} #table-of-contents li {cursor:pointer; padding: 10px 30px 10px 0;} #table-of-contents li:hover {color: #eb3627} #table-of-contents-ul li{padding: 10px 0 10px 10px; border-left:2px solid #ddd} #table-of-contents-ul li.activeNavi{ border-left:5px; border-left:2px solid #f15a23; color: #eb3627} .referenz img { width: auto; margin: 10px 10px 5px 10px; height: 42px; } .referenz-slogan p{ font-size:24px; font-weight: 600; text-align:center; } .landingpage h2{margin:40px 0 0 0; font-weight:bold; font-size: 24px; line-height:30px; font-weight:600;} .landingpage h3{text-align:left; margin:20px 0 10px 0} .landingpage .h1{text-align:left;} .grey-container{background:#f1f1f1; margin-top:40px;} .grey-container .h1{text-align:left; margin:20px 0;} #weitere-texte h2{margin:40px 0 20px 0} #weitere-texte li{margin-top:10px} .summery{ padding:50px 50px 50px 150px; background-color:#ffebd9; background-image: url('/tl_files/umfrageTool/uploads/layout2014/icons/wissen_icon_schwarz.svg'); background-size: 50px 50px; background-repeat: no-repeat; background-position: 50px 50px; margin-bottom:60px; } .job_detail_benefits_100 { text-align: center; margin-top: 32px; cursor: pointer; } .job_detail_benefits_100 p { text-align: center; } .job_detail_benefits img { width: 50%; } .benefits_text { display: none; position: absolute; z-index: 2; margin-left: -100px; width: 400px; padding: 20px; text-align: left; background: #eee; transition: all 0.2s; } .job_detail_benefits_100 .material-icons { vertical-align: text-bottom; } .custom-icons{ font-size: 4.5vw; background-color: #f15a23; border-radius: 50%; padding: 2.15vw; color: white; } @media (min-width: 768px) { .ques .modal-dialog { max-width: 740px; margin: 1.75rem auto; } } .ui-checkboxradio-label{width:96%; margin-left:2%; text-align:left; font-size:20px;} .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { width: 16px; height: 16px; } @media (max-width: 1400px) { #top_navigation_new .level_1 li { margin-right:0px; font-size:12px; } } @media (max-width: 1200px) { .suite_product_banner h2 { font-size: 30px; line-height: 40px; } #top_navigation_new .level_1 li { margin-right:0px; font-size:12px; } #top_navigation_new a, #top_navigation_new .active span{ padding: 0 5px 17px 5px; } } @media (max-width: 991px) { #head_wrapper h2{font-size:30px; line-height: 40px;} .weitere_artikel{position: unset !important; top:auto !important; height:auto !important} } @media (max-width: 991px) { #head_wrapper h2{font-size:30px; line-height: 40px;} } @media (max-width: 768px) { .magazin_head{position: relative; margin-top:10px;} .magazin_person_data {padding-top:20px; color:white;} .magazin_person_data p{ color:white;} .banner_magazin{margin-bottom:0px;} .boot h1, .boot .h1 {font-size:26px; line-height:38px;} .boot h2, .boot .h2 {font-size:22px; line-height:30px;} .boot #container {padding:0px;} .banner_home { background-position: center center} .banner_home_staerken_it .inner, .banner_home_staerken_ps .inner{padding:20px; height:auto} .banner_home .banner_home_claim p {font-weight:normal; font-size: 26px; line-height: 38px; text-align:center; background:rgba(255,255,255,0.8);} .banner_suite {padding: 20px 0 20px 0;} .banner_suite .suite_title { margin: 30px 0 0 0; font-size:26px; line-height:38px;} .suite_product a{font-size:14px;} .banner_home { padding-top: 50px; height: auto; text-align:center;} .suite_product_banner {border-width:0px;} #head_wrapper{background-position: left center; text-align:center} #head_wrapper h1, .banner_home_claim h1{text-align: center !important; font-size: 16px; line-height: 24px; font-weight:bold;} #head_wrapper h2 {font-size: 24px; line-height: 32px; text-align: center !important;} .stoerer{z-index:0; position:relative; margin:0; right:auto; height:auto; width:100%; border-radius:0px; color:white; background:#f15a23; padding:5px; transform: rotate(0deg);} .stoerer p{color:white; font-size:14px !important; line-height:18px; text-align:center; } .sub_navi_wrapper{font-size:12px; margin:10px 0 10px 0} #top_navigation_new a, #top_navigation_new .active span { border-bottom-width: 1px} .contact_icon i{font-size:20px; line-height:30px;} .contact_icon_bold i{font-size:20px; line-height:30px;} .contact_slogan{text-transform: uppercase; font-size:20px; line-height:30px;} .contact_slogan_bold{text-transform: uppercase; font-size:20px; line-height:30px} .flat_star i, .col-no-answer i, .col-comment i{font-size:48px;} .col-unimportant i{font-size:36px; margin-top:6px;} .ques .ques_title{line-height:20px; font-size:14px;} .ques .answer_title{line-height:20px; font-size:14px;} .ques .textarea_counter{font-size:14px;} .modal-title {} .timeline_center {display:none; } .timeline_year{margin-top:20px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .timeline_text{margin-top:20px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: auto; padding:10px} .werte_uneven{margin:20px auto} .team_box{margin-top:20px;} h6{margin-top:20px;} .boot .col_animationImage{min-height:270px; margin-top:0px;} }