body{background-color : #ffffff;color : #1a171b;font-family : "Arial";font-size : 16px;font-weight : 400;line-height : 24px;padding-top : 0px;}input{color : #1a171b;font-family : "Arial";font-size : 16px;font-weight : 400;line-height : 24px;}select{color : #1a171b;font-family : "Arial";font-size : 16px;font-weight : 400;line-height : 24px;}textarea{color : #1a171b;font-family : "Arial";font-size : 16px;font-weight : 400;line-height : 24px;}button{color : #1a171b;font-family : "Arial";font-size : 16px;font-weight : 400;line-height : 24px;}li{line-height : 24px;}a:link{color : #005c95;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;}a:visited{color : #005c95;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;}.cart-small-login-button{color : #005c95;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;}a:hover{color : #666666;font-size : 16px;font-weight : 400;}a:active{color : #666666;font-size : 16px;font-weight : 400;}.cart-small-login-button:hover{color : #666666;font-size : 16px;font-weight : 400;}hr{border-bottom-color : #1a171b;border-bottom-width : 1px;border-bottom-style : solid;}.form_input{border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;color : #1a171b;font-size : 16px;font-weight : 400;background-color : #ffffff;}.form_button{border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;background-color : #005c95;color : #ffffff;font-size : 16px;font-weight : 400;}H1{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}H2{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}H3{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}H4{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}H5{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}.intro_ds .title{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}.intro_link_ds .title{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}.detail_infos .title{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}.intro_ds table .title{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}.intro_link_ds table .title{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}.detail_infos td .title{color : #1a171b;font-size : 25px;font-weight : 400;line-height : 30px;}h1{color : #005c95;font-size : 30px;font-weight : 600;text-transform : uppercase;line-height : 35px;padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}h2{color : #005c95;font-size : 25px;font-weight : 600;line-height : 30px;padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}h3{color : #1a171b;font-size : 20px;font-weight : 600;line-height : 25px;padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.form-field-error{border-color : #BC0000;border-width : 1px;border-style : solid;}.error_message{color : #BC0000;font-size : 16px;font-weight : 400;}.contact-form-success{color : #005c95;font-size : 16px;font-weight : 400;}#page_header{background-color : transparent;height : 0px;width : 0px;}#top_link a:link{color : #005c95;font-size : 14px;font-weight : 400;}#top_link a:visited{color : #005c95;font-size : 14px;font-weight : 400;}#top_link .lang_span{color : #005c95;font-size : 14px;font-weight : 400;}#top_link div{color : #005c95;font-size : 14px;font-weight : 400;}#top_link a:hover{color : #666666;}#top_link{background-color : transparent;}#logo{height : 0px;background-color : transparent;}#logo_left{height : 0px;width : 0px;}#logo_img{height : 0px;}#logo_center{top : 0px;}#logo_right{height : 0px;}#topnav{background-color : transparent;width : 0px;height : 0px;}#nav_main ul{float : right;margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}#nav_main{background-color : rgba(255,255,255,0.9);}#nav_main ul li.rank_0{padding-right : 50px;}#nav_main .menu-block{width : 0px;}#hsubmenu{background-color : transparent;border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.hsubmenu-mobile{background-color : transparent;border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}#hsubmenu ul{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}.hsubmenu-mobile ul{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}#hsubmenu ul li{padding-right : 0px;}.hsubmenu-mobile ul li{padding-right : 0px;}#sub_menu ul li{margin-bottom : 0px;}#hsubmenu .menu-block{width : 0px;}.hsubmenu-mobile .menu-block{width : 0px;}.topnav_wrapper{width : 100%;}.outer_top{border-top-color : transparent;border-top-width : 0px;border-top-style : none;position : fixed;}.burger_menu{width : 30px;height : 30px;background-color : transparent;}#logo{height : 0px;background-color : transparent;}#logo_left{height : 0px;width : 0px;}#logo_img{height : 0px;}#logo_center{top : 0px;}#logo_right{height : 0px;}#topnav{background-color : transparent;width : 0px;height : 0px;}#nav_main ul{float : right;margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}#nav_main{background-color : rgba(255,255,255,0.9);}#nav_main ul li.rank_0{padding-right : 50px;}#nav_main .menu-block{width : 0px;}#hsubmenu{background-color : transparent;border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.hsubmenu-mobile{background-color : transparent;border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}#hsubmenu ul{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}.hsubmenu-mobile ul{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}#hsubmenu ul li{padding-right : 0px;}.hsubmenu-mobile ul li{padding-right : 0px;}#sub_menu ul li{margin-bottom : 0px;}#hsubmenu .menu-block{width : 0px;}.hsubmenu-mobile .menu-block{width : 0px;}.topnav_wrapper{width : 100%;}.outer_top{border-top-color : transparent;border-top-width : 0px;border-top-style : none;position : fixed;}.burger_menu{width : 30px;height : 30px;background-color : transparent;}.menu .rank_0 > a:link{color : #1a171b;font-size : 18px;font-weight : normal;font-style : normal;text-decoration : none;text-transform : none;background-color : transparent;}.menu .rank_1 > a:link{color : #1a171b;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:link{color : #1a171b;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:link{color : #1a171b;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:link{color : #1a171b;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;background-color : #ffffff;}.menu .rank_3 > a:link{font-size : px;font-style : normal;text-decoration : none;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:link{font-size : px;font-style : normal;text-decoration : none;}.menu .rank_4 > a:link{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:link{font-size : px;}.menu .rank_0 > a:visited{color : #1a171b;font-size : 18px;font-weight : normal;font-style : normal;text-decoration : none;text-transform : none;background-color : transparent;}.menu .rank_1 > a:visited{color : #1a171b;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:visited{color : #1a171b;font-size : 16px;font-weight : 400;font-style : normal;text-decoration : none;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:visited{color : #1a171b;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:visited{color : #1a171b;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;background-color : #ffffff;}.menu .rank_3 > a:visited{font-size : px;font-style : normal;text-decoration : none;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:visited{font-size : px;font-style : normal;text-decoration : none;}.menu .rank_4 > a:visited{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:visited{font-size : px;}.menu .rank_0 > a:hover{color : #005c95;font-size : 18px;font-weight : normal;text-transform : none;background-color : transparent;}.menu .rank_1 > a:hover{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:hover{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:hover{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:hover{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:hover{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:hover{font-size : px;}.menu .rank_4 > a:hover{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:hover{font-size : px;}.menu .rank_0 > a:active{color : #005c95;font-size : 18px;font-weight : normal;text-transform : none;background-color : transparent;}.menu .rank_1 > a:active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:active{font-size : px;}.menu .rank_4 > a:active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:active{font-size : px;}.menu .rank_0 > a:link.active{color : #005c95;font-size : 18px;font-weight : bold;text-transform : none;background-color : transparent;}.menu .rank_1 > a:link.active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:link.active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:link.active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:link.active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:link.active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:link.active{font-size : px;}.menu .rank_4 > a:link.active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:link.active{font-size : px;}.menu .rank_0 > a:visited.active{color : #005c95;font-size : 18px;font-weight : bold;text-transform : none;background-color : transparent;}.menu .rank_1 > a:visited.active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:visited.active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:visited.active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:visited.active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:visited.active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:visited.active{font-size : px;}.menu .rank_4 > a:visited.active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:visited.active{font-size : px;}.menu .rank_0 > a:link.mainbutton_active{color : #005c95;font-size : 18px;font-weight : bold;text-transform : none;background-color : transparent;}.menu .rank_1 > a:link.mainbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:link.mainbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:link.mainbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:link.mainbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:link.mainbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:link.mainbutton_active{font-size : px;}.menu .rank_4 > a:link.mainbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:link.mainbutton_active{font-size : px;}.menu .rank_0 > a:visited.mainbutton_active{color : #005c95;font-size : 18px;font-weight : bold;text-transform : none;background-color : transparent;}.menu .rank_1 > a:visited.mainbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:visited.mainbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:visited.mainbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:visited.mainbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:visited.mainbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:visited.mainbutton_active{font-size : px;}.menu .rank_4 > a:visited.mainbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:visited.mainbutton_active{font-size : px;}.menu .rank_0 > a:link.subbutton_active{color : #005c95;font-size : 18px;font-weight : bold;text-transform : none;background-color : transparent;}.menu .rank_1 > a:link.subbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:link.subbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:link.subbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:link.subbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:link.subbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:link.subbutton_active{font-size : px;}.menu .rank_4 > a:link.subbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:link.subbutton_active{font-size : px;}.menu .rank_0 > a:visited.subbutton_active{color : #005c95;font-size : 18px;font-weight : bold;text-transform : none;background-color : transparent;}.menu .rank_1 > a:visited.subbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_0 .rank_1 a:visited.subbutton_active{color : #005c95;font-size : 16px;font-weight : 400;background-color : rgba(255,255,255,0.9);}.menu .rank_2 > a:visited.subbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_0 .rank_1 .rank_2 a:visited.subbutton_active{color : #005c95;font-size : 14px;font-weight : 400;background-color : #ffffff;}.menu .rank_3 > a:visited.subbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a:visited.subbutton_active{font-size : px;}.menu .rank_4 > a:visited.subbutton_active{font-size : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a:visited.subbutton_active{font-size : px;}.menu .rank_0 > a{padding-left : 0px;padding-top : 50px;padding-right : 0px;padding-bottom : 50px;}.menu .rank_1 > a{padding-left : 0px;padding-top : 10px;padding-right : 10px;padding-bottom : 10px;}.menu .rank_0 .rank_1 a{padding-left : 0px;padding-top : 10px;padding-right : 10px;padding-bottom : 10px;}.menu .rank_2 > a{padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.menu .rank_0 .rank_1 .rank_2 a{padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.menu .rank_3 > a{padding-left : px;padding-top : px;padding-right : px;padding-bottom : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 a{padding-left : px;padding-top : px;padding-right : px;padding-bottom : px;}.menu .rank_4 > a{padding-left : px;padding-top : px;padding-right : px;padding-bottom : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 a{padding-left : px;padding-top : px;padding-right : px;padding-bottom : px;}.menu .rank_0 > {border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.menu .rank_1 > {border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.menu .rank_0 .rank_1 {border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.menu .rank_2 > {border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.menu .rank_0 .rank_1 .rank_2 {border-bottom-color : transparent;border-bottom-width : 0px;border-bottom-style : none;}.menu .rank_3 > {border-bottom-width : px;border-bottom-style : none;}.menu .rank_0 .rank_1 .rank_2 .rank_3 {border-bottom-width : px;border-bottom-style : none;}.menu .rank_4 > {border-bottom-width : px;}.menu .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 {border-bottom-width : px;}.pagebackground{background-color : transparent;}#maintable{background-color : transparent;}main{background-color : transparent;}.border{border-color : transparent;border-width : 0px;border-style : none;}.price_infos, a.price_infos{color : #005c95;font-size : 20px;font-weight : 400;}.orig_price_infos{color : #1a171b;font-size : 14px;font-weight : 400;}.page_margins{width : 1100px;margin-bottom : 0px;}#page_margins{width : 1100px;margin-bottom : 0px;}.col3_height{min-height : 400px;}#col2{min-height : 400px;}#col3{min-height : 400px;}#col3_content{min-height : 400px;}#main{margin-top : 123px;}.standard_ds_main_pic img{border-color : transparent;border-width : 0px;border-style : none;}.detail_ds_main_pic img{border-color : transparent;border-width : 0px;border-style : none;}.dataset-popup{height : 300px;width : 600px;background-color : #DDDDDD;border-color : transparent;border-width : 0px;border-style : none;border-radius : 0px;}.dataset-popup .dataset-popup-close{color : #005c95;font-size : 20px;font-weight : 400;}.dataset-popup .dataset-popup-close:hover{color : #666666;font-size : 20px;font-weight : 400;}#col1, #col1_content{width : 0px;}#col1_content{padding-top : 0px;}#col1{background-color : transparent;}#col1_content .extra_ds{margin-top : 0px;}#col1 .news_border{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;border-color : transparent;border-width : 0px;border-style : none;border-radius : 0px;}#col1 #sub_menu{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}#submenu{text-align : left;}#sub_menu{text-align : left;margin-top : 0px;}#col1 .news_ds{background-color : #DDDDDD;color : #1a171b;font-size : 14px;font-weight : 400;border-bottom-color : #1a171b;border-bottom-width : 1px;border-bottom-style : solid;}#col1 .news_ds a:link{color : #005c95;font-size : 14px;font-weight : 400;}#col1 .news_ds a:visited{color : #005c95;font-size : 14px;font-weight : 400;}#col1 .news_ds a:hover{color : #666666;font-size : 14px;font-weight : 400;}#col1 .news_ds a:active{color : #666666;font-size : 14px;font-weight : 400;}#col1 .news_title{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;color : #ffffff;font-size : 16px;font-weight : 600;text-align : center;background-color : #005c95;border-radius : 0px;}#col3 .news_title{color : #ffffff;font-size : 16px;font-weight : 600;background-color : #005c95;}.pagination{background-color : #005c95;}#sub_menu .menu-block{height : 0px;}#col3_content .news_title{margin-bottom : 0px;}#col3_content{padding-top : 0px;background-color : transparent;}.dataset{background-color : transparent;}.detail_ds{background-color : transparent;padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.impressum{background-color : transparent;}#sitemap{background-color : transparent;margin-left : 10px;margin-top : 130px;margin-right : 10px;margin-bottom : 50px;}.ds_links_margin{height : 10px;}.intro_link_ds{background-color : transparent;padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}#col3 .news_title{background-color : transparent;color : #005c95;font-size : 30px;font-weight : 400;border-radius : 0px;border-radius : 0px;}.intro_ds{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.detail_infos{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}#contact_form{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.details_content{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}.pic_ds{background-color : transparent;}.intro_ds .intro_text{margin-bottom : 0px;}.intro_ds th{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.intro_ds td{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.detail_ds th{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.detail_ds td{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.intro_link_ds th{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.intro_link_ds td{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.detail_infos th{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.detail_infos td{padding-left : 0px;padding-top : 0px;padding-right : 0px;padding-bottom : 0px;}.intro_ds div.intro_text{margin-left : 0px;}.intro_ds .cr .title{margin-left : 0px;}#col3 .shop-limited-number{color : #1a171b;font-size : 16px;font-weight : 400;}table.intro_text{margin-left : 0px;}table.intro_text tr td:first-child{width : 40%;}table.intro_text tr td:last-child{width : 60%;}.standard_ds{line-height : 24px;}.uni_ds{line-height : 24px;}.pic_title{color : #1a171b;font-size : 16px;font-weight : 400;}.form_anfrage_table{background-color : transparent;color : #1a171b;font-size : 16px;font-weight : 400;line-height : 22px;}.email_req_table{background-color : transparent;color : #1a171b;font-size : 16px;font-weight : 400;line-height : 22px;}.email_req_bg{background-color : transparent;color : #1a171b;font-size : 16px;font-weight : 400;line-height : 22px;}.form_anfrage_table input{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.email_req_table input{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.email_req_bg input{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.form_anfrage_table textarea{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.email_req_table textarea{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.email_req_bg textarea{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.cancellation-form-grid :is(input:not([type='submit']), textarea, select){color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;}:is(.email_req_table, .email_req_bg, .form_anfrage_table) :is(input, textarea, select, canvas.signature-pad){border-color : #1a171b;border-width : 1px;border-style : solid;}.form_anfrage_table select{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.email_req_table select{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.email_req_bg select{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.cancellation-form-grid select{color : #1a171b;font-size : 16px;font-weight : 400;background : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;line-height : 22px;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.contact_form_field_obligatory{color : #BC0000;font-size : 16px;font-weight : 400;}.cancellation-form-grid :is(input:not([type='submit']), textarea){padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.contact-form-send-button{padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;background : #005c95;color : #ffffff;font-size : 16px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}#impressum{margin-left : 10px;margin-top : 130px;margin-right : 10px;margin-bottom : 50px;}#agb{margin-left : 10px;margin-top : 130px;margin-right : 10px;margin-bottom : 50px;}#datenschutz{margin-left : 10px;margin-top : 130px;margin-right : 10px;margin-bottom : 50px;}#search_results{margin-left : 10px;margin-top : 130px;margin-right : 10px;margin-bottom : 50px;}.event_cell{color : #1a171b;font-size : 16px;font-weight : 400;}.event_table th button{color : #005c95;font-size : 26px;font-weight : 400;}.event_table .article_detail_row{border-bottom-color : #1a171b;border-bottom-width : 1px;border-bottom-style : solid;}.event_table .event_title_row{border-bottom-color : #1a171b;border-bottom-width : 1px;border-bottom-style : solid;}#main-mobile .details-slide-compact h2{color : #1a171b;font-size : 26px;font-weight : 400;}#main-mobile .details-slide-compact{background-color : transparent;}#col2, #col2_content{width : 0px;}#col2{background-color : transparent;padding-top : 0px;}#col2 .news_border{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;border-color : transparent;border-width : 0px;border-style : none;border-radius : 0px;}#col2 .news_ds{background-color : #DDDDDD;color : #1a171b;font-size : 14px;font-weight : 400;border-bottom-color : #1a171b;border-bottom-width : 1px;border-bottom-style : solid;}#col2 .news_ds a:link{color : #005c95;font-size : 14px;font-weight : 400;}#col2 .news_ds a:visited{color : #005c95;font-size : 14px;font-weight : 400;}#col2 .news_ds a:hover{color : #666666;font-size : 14px;font-weight : 400;}#col2 .news_ds a:active{color : #666666;font-size : 14px;font-weight : 400;}#col2 .news_title{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;color : #ffffff;font-size : 16px;font-weight : 600;text-align : center;background-color : #005c95;border-radius : 0px;}.pagination{background-color : #005c95;}.outer_content .ds_content{background-color : #ffffff;color : #1a171b;font-size : 14px;font-weight : 400;width : 0px;}.news_right_outer{background-color : #ffffff;margin-bottom : 100px;}.news_left_outer{background-color : #ffffff;margin-bottom : 100px;}.outer_content .news_ds{color : #1a171b;font-size : 14px;font-weight : 400;}.outer_content .ds_content a{color : #005c95;font-size : 14px;font-weight : 400;}.outer_content .news_ds a{color : #005c95;font-size : 14px;font-weight : 400;}.outer_content .ds_content a:hover{color : #666666;font-size : 14px;font-weight : 400;}.outer_content .news_ds a:hover{color : #666666;font-size : 14px;font-weight : 400;}.outer_content .news_title{background-color : #005c95;color : #005c95;font-size : 16px;font-weight : 400;border-radius : 0px;}.outer_content .outer_menu .news_title{color : #005c95;font-size : 16px;font-weight : 400;}#content_right_outer .outer_menu .news_title{background-color : #005c95;}#content_left_outer .outer_menu .news_title{background-color : transparent;}#content_right_outer .ds_content{width : 200px;border-radius : 0px;}#content_left_outer .ds_content{border-radius : 0px;}#content_left_outer{top : 200px;}#content_right_outer{top : 200px;}.outer_content .outer_menu{margin-top : 0px;}.outer_content .outer_menu p{min-height : 0px;min-width : 0px;}.footer_table{background-color : transparent;height : 0px;width : 100%;}.footer_inner_table{background-color : transparent;width : 100%;}#footer{position : static;height : 0px;width : 100%;color : transparent;font-size : 14px;font-weight : 400;line-height : 0px;}#footer2{position : static;width : 100%;}#footer .footer_inner_table{height : 0px;}#footer a:link{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}#footer a:visited{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}.lang_span{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}#topmenu a:link{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}#topmenu a:visited{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}.copyright_text{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;color : transparent;font-size : 14px;font-weight : 400;}#shop_links a:link{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}#shop_links a:visited{color : transparent;font-size : 14px;font-weight : 400;font-style : normal;text-decoration : none;}#footer a:hover{color : transparent;}.copyright{color : transparent;font-size : 14px;font-weight : 400;}#footer .footer_table{margin-top : 0px;}#footer2{background-color : #eeeeee;height : px;color : #1a171b;font-size : 16px;font-weight : 400;line-height : 24px;}#footer2 a:link{color : #005c95;font-size : 16px;font-weight : 400;}#footer2 a:visited{color : #005c95;font-size : 16px;font-weight : 400;}#footer2 a:hover{color : #666666;font-size : 16px;font-weight : 400;}#footer2 .footer_content{padding-left : 20px;padding-top : 40px;padding-right : 20px;padding-bottom : 40px;}.sitemap_main{background-color : #005c95;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.sitemap_main a{color : #ffffff;font-size : 20px;font-weight : 400;}.sitemap_main a:hover{color : #666666;font-size : 20px;font-weight : 400;}.sitemap_sub{background-color : transparent;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.sitemap_sub a{color : #005c95;font-size : 16px;font-weight : 400;}.sitemap_sub a:hover{color : #666666;font-size : 16px;font-weight : 400;}.nav_main_mobile li.home-btn a{height : 30px;background-color : transparent;background-repeat : no-repeat;background-size : 100% 100%;background-attachment : fixed;}.nav_main_mobile li.account-btn a{height : 30px;background-color : transparent;background-repeat : no-repeat;background-size : 100% 100%;background-attachment : fixed;}.nav_main_mobile li.impressum-btn a{height : 30px;background-color : transparent;background-repeat : no-repeat;background-size : 100% 100%;background-attachment : fixed;}.nav_main_mobile li.cart-btn a{height : 30px;background-color : transparent;background-repeat : no-repeat;background-size : 100% 100%;background-attachment : fixed;}.lcms_content{background-color : #DDDDDD;color : #1a171b;font-size : 14px;font-weight : 400;}.mobile-picture-slide{height : 400px;}.lcms_nav_dots span{border-color : #1a171b;border-width : 1px;border-style : solid;}.cart-refresh-btn{color : #009933;font-size : 14px;font-weight : 400;}.cart-delete-btn{color : #BC0000;font-size : 14px;font-weight : 400;}.nav_main_mobile .outer_top{margin-top : 10px;}.hsubmenu-mobile{width : 100%;}.numberCircle{background-color : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;color : #1a171b;font-size : 14px;font-weight : 400;}.shop-step-mobile li{background-color : #ffffff;border-color : #1a171b;border-width : 1px;border-style : solid;color : #1a171b;font-size : 14px;font-weight : 400;}.shop-step-mobile li a{color : #1a171b;font-size : 14px;font-weight : 400;}.shop-step-mobile li.active{background-color : #005c95;color : #ffffff;font-size : 14px;font-weight : 400;}.shop-step-mobile li.active a{color : #ffffff;font-size : 14px;font-weight : 400;}.padding-mobile-impressum{height : 20px;}.shop_input{color : #1a171b;font-size : 14px;font-weight : 400;background-color : #ffffff;border-color : #CCCCCC;border-width : 1px;border-style : solid;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.shop_input::placeholder{color : #CCCCCC;font-size : 14px;font-weight : 400;opacity : 0.5;}.shop_input:-ms-input-placeholder{color : #CCCCCC;font-size : 14px;font-weight : 400;opacity : 0.5;}.shop_input::-ms-input-placeholder{color : #CCCCCC;font-size : 14px;font-weight : 400;opacity : 0.5;}.shop_button{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.shop_button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}#cart{background-color : #CCCCCC;color : #1a171b;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}#cart td{color : #1a171b;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}#cart th{background-color : #005c95;color : #ffffff;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}#shipping_data{background-color : #CCCCCC;color : #1a171b;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}#cart_text{background-color : #CCCCCC;color : #1a171b;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}#shipping_data td{color : #1a171b;font-size : 14px;font-weight : 400;}#order_information{background-color : #1a171b;color : #ffffff;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}#cart a{color : #005c95;font-size : 14px;font-weight : 400;}#shipping_data a{color : #005c95;font-size : 14px;font-weight : 400;}#order_information a{color : #005c95;font-size : 14px;font-weight : 400;}#cart a:hover{color : #666666;}#shipping_data a:hover{color : #666666;}#order_information a:hover{color : #666666;}.step_title{background-color : #005c95;color : #ffffff;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}.step_title a{color : #ffffff;font-size : 14px;font-weight : 400;}.step_title a:hover{color : #ffffff;font-size : 14px;font-weight : 400;}.step_title .active{color : #ffffff;font-size : 20px;font-weight : 600;}.step_title .number{color : #ffffff;font-size : 14px;font-weight : 400;}.order_info{background-color : #CCCCCC;color : #1a171b;font-size : 14px;font-weight : 400;}.order_info div{color : #1a171b;font-size : 14px;font-weight : 400;}.order_info td{color : #1a171b;font-size : 14px;font-weight : 400;}#order_area{border-color : transparent;border-width : 0px;border-style : none;margin-left : 5px;margin-top : 5px;margin-right : 5px;margin-bottom : 5px;}#order_details_highlighted td{padding-left : 10px;padding-top : 10px;padding-right : 10px;padding-bottom : 10px;}#order_details_highlighted th{padding-left : 10px;padding-top : 10px;padding-right : 10px;padding-bottom : 10px;}#order_area .form_input{border-color : transparent;border-width : 0px;border-style : none;}#order_details_highlighted{background-color : #CCCCCC;color : #1a171b;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}.wk{background-color : #DDDDDD;color : #1a171b;font-size : 14px;font-weight : 400;border-color : transparent;border-width : 0px;border-style : none;}.wkA{color : #1a171b;font-size : 14px;font-weight : 400;}.wk_img{background-color : transparent;}.wk a{color : #005c95;font-size : 14px;font-weight : 400;}.wk a:hover{color : #666666;}.wk a:active{color : #666666;}.product_table{background-color : transparent;border-color : transparent;border-width : 0px;border-style : none;}.fast_order_form .header{background-color : transparent;border-color : transparent;border-width : 0px;border-style : none;}.product_table th{background-color : #005c95;color : #ffffff;font-size : 14px;font-weight : 400;}.product_table th input{color : #ffffff;font-size : 14px;font-weight : 400;}.product_table th button{color : #ffffff;font-size : 14px;font-weight : 400;}.article-view-ds-title{color : #005c95;font-size : 14px;font-weight : 400;}h2.article-view-ds-title{color : #005c95;font-size : 14px;font-weight : 400;}a.article-view-ds-title{color : #005c95;font-size : 14px;font-weight : 400;}h2.article-view-ds-title a.article-view-ds-title{color : #005c95;font-size : 14px;font-weight : 400;}.intro_ds table h2.article-view-ds-title{color : #005c95;font-size : 14px;font-weight : 400;}.product_table tr.product_text{border-bottom-color : #1a171b;border-bottom-size : 1px;border-bottom-style : solid;}.product_table .cart_col tr{border-bottom-color : #1a171b;border-bottom-size : 1px;border-bottom-style : solid;}.fast_order_form .article_row{border-bottom-color : #1a171b;border-bottom-size : 1px;border-bottom-style : solid;}.user_login_form{background-color : #DDDDDD;}.htmlexport-bg{background-color : transparent;}.pagination{color : #1a171b;font-size : 14px;font-weight : 400;}.pagination a:link{color : #1a171b;font-size : 14px;font-weight : 400;}.pagination a:visited{color : #1a171b;font-size : 14px;font-weight : 400;}.pagination div{color : #1a171b;font-size : 14px;font-weight : 400;}.pagination a.active{color : #005c95;font-size : 14px;font-weight : 400;}.cart{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;}.cart:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}#confirm_order_button{color : #ffffff;font-size : 16px;font-weight : 400;background-color : #005c95;}.register_button{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}#order_area .register_button{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;}.register_button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}#order_area .register_button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}.shop_error#shop-error-minimum-order-value{color : #BC0000;font-size : 14px;font-weight : 400;}.shop_error#shop-error-order-limit{color : #BC0000;font-size : 14px;font-weight : 400;background-color : #DDDDDD;}.shop-activation-text{color : #005c95;font-size : 14px;font-weight : 400;margin-left : 5px;margin-top : 5px;margin-right : 5px;margin-bottom : 5px;}.shop-registration-text{color : #005c95;font-size : 14px;font-weight : 400;margin-left : 5px;margin-top : 5px;margin-right : 5px;margin-bottom : 5px;}.dataset-vat-text a:link{color : #005c95;font-size : 12px;font-weight : 400;}.dataset-vat-text a:visited{color : #005c95;font-size : 12px;font-weight : 400;}.dataset-vat-text a:hover{color : #005c95;font-size : 12px;font-weight : 400;color : #666666;font-size : 12px;font-weight : 400;}.dataset-vat-text{line-height : 16px;}.deposit-text{color : #005c95;font-size : 12px;font-weight : 400;line-height : 16px;}.cart-small-vat-text{color : #1a171b;font-size : 12px;font-weight : 400;line-height : 16px;}#cart td.cart-large-vat-text, #order_area td.cart-large-vat-text{color : #1a171b;font-size : 12px;font-weight : 400;line-height : 16px;}.cookie-consent-banner{background-color : #1a171b;border-color : transparent;border-width : 0px;border-style : none;border-radius : 0px;}.cookie-consent-settings{background-color : #1a171b;border-color : transparent;border-width : 0px;border-style : none;line-height : 18px;}#cookie-consent-settings{border-radius : 0px;padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;margin-left : 0px;margin-top : 2px;margin-right : 0px;margin-bottom : 2px;}.cookie-consent-banner-text{color : #ffffff;font-size : 12px;font-weight : 400;line-height : 18px;}.cookie-consent-settings-title{color : #ffffff;font-size : 18px;font-weight : 400;}.cookie-consent-cookie > label{color : #ffffff;font-size : 14px;font-weight : 400;}.cookie-consent-introtext{color : #ffffff;font-size : 12px;font-weight : 400;}.cookie-consent-cookie-area a:link{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-cookie-area a:visited{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-cookie-area a:hover{color : #666666;font-size : 12px;font-weight : 400;}.cookie-consent-details{background-color : #1a171b;color : #ffffff;font-size : 12px;font-weight : 400;}.cookie-consent-settings-footer-links a:link{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-settings-footer-links a:visited{color : #dddddd;font-size : 12px;font-weight : 400;}a.cookie-consent-details-link{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-banner a{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-banner a:link{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-banner a:visited{color : #dddddd;font-size : 12px;font-weight : 400;}.cookie-consent-settings-footer-links a:hover{color : #666666;font-size : 12px;font-weight : 400;}a:hover.cookie-consent-details-link{color : #666666;font-size : 12px;font-weight : 400;}.cookie-consent-banner a:hover{color : #666666;font-size : 12px;font-weight : 400;}.cookie-consent-banner a:active{color : #666666;font-size : 12px;font-weight : 400;}#cookie-consent-accept{padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;margin-left : 0px;margin-top : 2px;margin-right : 0px;margin-bottom : 2px;color : #ffffff;font-size : 14px;font-weight : bold;text-transform : none;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;}#cookie-consent-reject{padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;margin-left : 0px;margin-top : 2px;margin-right : 0px;margin-bottom : 2px;}.cookie-consent-settings button{padding-left : 10px;padding-top : 5px;padding-right : 10px;padding-bottom : 5px;color : #ffffff;font-size : 14px;font-weight : bold;text-transform : none;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;}.cookie-consent-banner-buttons .cookie-consent-banner-button{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;}.cookie-consent-settings-button{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;border-color : transparent;border-width : 0px;border-style : none;border-radius : 0px;}.cookie-consent-banner-buttons .cookie-consent-banner-button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}.cookie-consent-settings-button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;border-color : transparent;border-width : 0px;border-style : none;}.cookie-consent-banner-button{border-color : transparent;border-width : 0px;border-style : none;border-radius : 0px;}.cookie-consent-banner-buttons #cookie-consent-settings{border-radius : 0px;}.cookie-consent-banner-button:hover{border-color : transparent;border-width : 0px;border-style : none;}#cookie-consent-accept:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;border-color : transparent;border-width : 0px;border-style : none;}.cookie-consent-settings button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;border-color : transparent;border-width : 0px;border-style : none;}.cookie-consent-settings .cookie-consent-settings-close-button{color : #ffffff;font-size : 40px;font-weight : 400;}.cookie-consent-cookie .cookie-consent-close-button{color : #ffffff;font-size : 40px;font-weight : 400;}.cookie-consent-settings .cookie-consent-settings-close-button:hover{color : #666666;font-size : 40px;font-weight : 400;}.cookie-consent-cookie .cookie-consent-close-button:hover{color : #666666;font-size : 40px;font-weight : 400;}.custom-checkbox-container:hover input ~ .checkmark{background-color : #005c95;}.custom-checkbox-container input:checked ~ .checkmark{background-color : #005c95;}.cookie-consent-button{background-color : transparent;height : 60px;width : 60px;}#cookie-consent-button{height : 60px;width : 60px;}.extra_fields .rank_2 > {font-size : px;}.extra_fields .rank_0 .rank_1 .rank_2 {font-size : px;}.extra_fields .rank_2 > td{font-size : px;}.extra_fields .rank_0 .rank_1 .rank_2 td{font-size : px;}.access-map-main{background-color : transparent;}.access-map-mainbutton{background-color : #ffffff;color : #1a171b;font-size : 14px;font-weight : normal;border-color : #1a171b;border-width : 1px;border-style : solid;height : 28px;}.access-map-mainbutton:hover{background-color : #ffffff;color : #005c95;font-size : 14px;font-weight : normal;border-color : #1a171b;border-width : 1px;border-style : solid;}.access-map-mainbutton-active{background-color : #ffffff;color : #005c95;font-size : 14px;font-weight : normal;border-color : #1a171b;border-width : 1px;border-style : solid;}.access-map-mainbutton-active:hover{background-color : #ffffff;color : #005c95;font-size : 14px;font-weight : normal;border-color : #1a171b;border-width : 1px;border-style : solid;}.access-map-menu{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;width : 100px;}.access-map-pic{padding-left : 10px;padding-top : 5px;padding-right : 0px;padding-bottom : 10px;width : 100%;margin-left : 0px;}.access-map-main-mobile .mobile-picture-slide{height : px;}.eupopup-container{background-color : #1a171b;line-height : px;margin-left : undefinedpx;margin-top : undefinedpx;margin-right : undefinedpx;margin-bottom : undefinedpx;}.eupopup-head{color : #ffffff;font-size : 18px;font-weight : normal;}.eupopup-body{color : #ffffff;font-size : 16px;font-weight : normal;}a.eupopup-button_1:link{color : #005c95;font-size : 18px;font-weight : bold;border-width : 0px;border-style : none;}a.eupopup-button_1:visited{color : #005c95;font-size : 18px;font-weight : bold;border-width : 0px;border-style : none;}a.eupopup-button_1:hover{color : #ffffff;font-size : 18px;font-weight : bold;border-width : 0px;border-style : none;}a.eupopup-button_1:active{color : #ffffff;font-size : 18px;font-weight : bold;border-width : 0px;border-style : none;}a.eupopup-button_2:link{color : #005c95;font-size : 16px;font-weight : normal;}a.eupopup-button_2:visited{color : #005c95;font-size : 16px;font-weight : normal;}a.eupopup-button_2:hover{color : #ffffff;font-size : 16px;font-weight : normal;}a.eupopup-button_2:active{color : #ffffff;font-size : 16px;font-weight : normal;}a.eupopup-closebutton:link{color : #005c95;font-size : undefinedpx;}a.eupopup-closebutton:visited{color : #005c95;font-size : undefinedpx;}a.eupopup-closebutton:hover{color : #ffffff;font-size : undefinedpx;}a.eupopup-closebutton:active{color : #ffffff;font-size : undefinedpx;}body .eupopup-style-compact{line-height : px;}div.iframe-consent-module-popup{color : #ffffff;font-size : 14px;font-weight : 400;line-height : 22px;background-color : #1a171b;width : 60%;padding-left : 10px;padding-top : 10px;padding-right : 10px;padding-bottom : 10px;margin-left : 5px;margin-top : 5px;margin-right : 5px;margin-bottom : 5px;}div.iframe-consent-module-popup a, div.iframe-consent-module-popup a:link{color : #005c95;font-size : 14px;font-weight : 400;}div.iframe-consent-module-popup a:hover{color : #666666;font-size : 14px;font-weight : 400;}div.iframe-consent-module-wrapper{align-items : center;justify-content : center;}div.iframe-consent-module-popup button{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #005c95;padding-left : 5px;padding-top : 5px;padding-right : 5px;padding-bottom : 5px;margin-left : 5px;margin-top : 5px;margin-right : 5px;margin-bottom : 5px;border-color : transparent;border-width : 0px;border-style : none;}div.iframe-consent-module-popup button:hover{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}div.iframe-consent-module-popup button:active{color : #ffffff;font-size : 14px;font-weight : 400;background-color : #666666;}#col3_content{margin-left : 0px;margin-right : 0px;}#logo_right_center{margin-left : 0px;}body{min-width : 1100px;}#main{min-width : 1100px;}#logo{min-width : 1100px;}#top_link{width : 1100px;}#hsubmenu{border-top-color : transparent;border-top-width : 0px;border-top-style : none;}.intro_ds{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}.detail_ds{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}.intro_link_ds{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;}.detail_infos{margin-left : 0px;margin-top : 0px;margin-right : 0px;margin-bottom : 0px;} .rank_0 > .menu-complete li:first-child{border-top-color : transparent;border-top-width : 0px;border-top-style : none;} .rank_1 > .menu-complete li:first-child{border-top-color : transparent;border-top-width : 0px;border-top-style : none;} .rank_0 .rank_1 .menu-complete li:first-child{border-top-color : transparent;border-top-width : 0px;border-top-style : none;} .rank_2 > .menu-complete li:first-child{border-top-color : transparent;border-top-width : 0px;border-top-style : none;} .rank_0 .rank_1 .rank_2 .menu-complete li:first-child{border-top-color : transparent;border-top-width : 0px;border-top-style : none;} .rank_3 > .menu-complete li:first-child{border-top-width : px;border-top-style : none;} .rank_0 .rank_1 .rank_2 .rank_3 .menu-complete li:first-child{border-top-width : px;border-top-style : none;} .rank_4 > .menu-complete li:first-child{border-top-width : px;} .rank_0 .rank_1 .rank_2 .rank_3 .rank_4 .menu-complete li:first-child{border-top-width : px;}.menu-sub li:first-child{border-top-color : transparent;border-top-width : 0px;border-top-style : none;}.nav_main_mobile li.home-btn a{width : 30px;}.nav_main_mobile li.account-btn a{width : 30px;}.nav_main_mobile li.impressum-btn a{width : 30px;}.nav_main_mobile li.cart-btn a{width : 30px;}.contact-form-success { width: 1100px; margin: 0 auto; display: block; margin-top: 150px; } summary { cursor: pointer; background-color: #eeeeee; padding: 10px 15px; width: fit-content; } h2 a { font-size: 25px !important; font-weight: 600 !important; } /*.zoomeffekt img { animation: zoomEffect 7s ease forwards; } @keyframes zoomEffect { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }*/ .topnav_wrapper { width: 1100px; padding: 0px 20px; } #nav_main ul li:last-child { padding-right: 0px; } a.zusatz-url-link { background-color: #005c95; color: #ffffff; padding: 8px 15px 7px 15px; display: inline-block; } a.zusatz-url-link:hover { background-color: #666666; } .intern-ueberschrift { position: fixed; width: 100%; margin-top: -220px; } .intern-einfuehrung { margin-top: 344px; } .bildunterschrift { color: #1a171b; padding: 30px; width: 640px; margin: -200px auto 0 auto; background-color: #ffffffd7; z-index: 9; position: absolute; right: 0; } #ds_175 { margin-top: 100px; } .login-table tr:nth-child(6) td { text-align: right !important; } .login-table tr:nth-child(1) td { padding-bottom: 20px; text-align: left !important; } .login-error-text { color: #cd3e3e !important; font-weight: normal !important; font-size: 20px; } .login-table .shop_button { width: 180px; } .login-table input { margin-left: 20px; } .intern-menu-tabelle { margin-top: 40px; } .intern-menu-tabelle td { padding-right: 20px; } .intern-menu-tabelle a { background-color: #005c95; padding: 10px 15px; color: #ffffff; } .intern-menu-tabelle a:hover { background-color: #1a171b; } .intern-ueberschrift { background-color: #eeeeee; } form[name="form_user_login"] { margin: 0 auto; width: 1100px; margin-top: 130px; padding: 20px; } .v-bim::cue { color: #ffffff; background-color: rgba(0, 0, 0, 0.75); font-family: Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.4; text-shadow: 1px 1px 3px #000000; } .mitgliedschaften-tabelle { width: 80%; } .mitgliedschaften-tabelle td { width: 50%; } .standard_ds_main_pic img { pointer-events: none; } .stellen-vorteile-tabelle { width: 90%; margin-top: 20px; } .stellen-vorteile-tabelle td { width: 50%; padding: 0px 20px 20px 0px; } .adressen-tabelle { width: 80%; } .adressen-tabelle td { padding: 20px 40px 20px 0px; } body.body.contact #col3 { margin-top: 150px; } .standort-karte { margin: 0 auto !important; width: 1100px; padding: 100px 10px 100px 10px; } .projekte-dropdown-wrapper, .projekte-vorschau-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .projekte-vorschau-teil:nth-child(1) { width: 50%; } .projekte-vorschau-teil:nth-child(2) { width: 16%; } .projekte-dropdown-teil:nth-child(1) { width: 60%; } .projekte-dropdown-teil:nth-child(2) { width: 40%; } .search-result-image { display: none; } body.body.cat305 .intro_text { margin: 20px 0px !important; } body.body.cat305 .standard_ds .cr { margin-left: 350px !important; } .url-link-separator { display: none; } a.details-main-button, a.url-link { background-color: #005c95; color: #ffffff; padding: 8px 15px 7px 15px; display: inline-block; } a.details-main-button:hover, a.url-link:hover { background-color: #666666; } body.body.cat305 hr { margin-bottom: 50px; margin-top: 50px; /* background: linear-gradient(to right, rgba(255, 0, 0, 0) 1%, rgb(191, 191, 191) 50%, rgba(255, 0, 0, 0) 99%); */ padding-bottom: 1px; } hr { margin-bottom: 20px; margin-top: 20px; /* background: linear-gradient(to right, rgba(255, 0, 0, 0) 1%, rgb(191, 191, 191) 50%, rgba(255, 0, 0, 0) 99%); */ padding-bottom: 1px; } .search-result-url .stelle-kleiner { font-size: 16px; } .stelle-kleiner { font-size: 18px; } .software-tabelle td { padding: 20px; border: #005c95 solid 1px; } .oben-kein article { padding-top: 0px !important; } .unten-kein article { padding-bottom: 0px !important; } .beide-kein article { padding-top: 0px !important; padding-bottom: 0px !important; } .unten-kein article { padding-bottom: 0px !important; } .karriere-home-hg { /* background: url('content/images_con/17803957226867.jpg');*/ background: url('content/images_con/17852336524453.jpg'); background-repeat: no-repeat; background-size: cover; } .karriere-home { background-color: #ffffff; padding: 50px; margin: 50px 0px; box-shadow: 1px 1px 10px 1px #848484; } button.pdf-button { background-color: #005c95; color: #ffffff; padding: 8px 15px 7px 15px; display: inline-block; border: none; } button.pdf-button a { color: #ffffff; } button.pdf-button:hover { background-color: #666666; } #nav { z-index: 99999; } #nav .dropmenu .rank_0 > ul { margin-top: 2px !important; margin-left: -10px !important; } a.subbutton_active, a.linkblock.subbutton { margin-bottom: 2px !important; } .hellgrau-hg { background-color: #eeeeee; } .publikation-tabelle { width: 100%; } .publikation-tabelle td { padding: 20px; } .publikation-tabelle td:nth-child(1) { font-weight: bold; color: #005c95; font-size: 20px; } .fortbildungen-tabelle { width: 100%; } .fortbildungen-tabelle td, .ansprechpartner-tabelle td { padding: 20px; } .fragen-hg { /*background: url('content/images_con/17803964406371.jpg'); */ /*background-repeat: no-repeat;*/ /*background-size: cover;*/ padding-top: 50px; } .fragen-hg h2 { color: #1a171b; } .karriere-teil img { margin-bottom: -7px; } .karriere-top-teil:nth-child(1) { width: 65%; } .karriere-top-teil:nth-child(2) { width: 30%; display: flex; justify-content: center; align-items: center; } .karriere-teil:nth-child(1) { width: 70%; } .karriere-teil:nth-child(2) { width: 30%; } .karriere-wrapper { width: 1100px; margin: 0 auto; } #footer2 .svg-inline--fa { font-size: 25px; color: #666666; align-content: center; vertical-align: -6px; } .projekte-wrapper, .karriere-wrapper, .div-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .projekte-teil:nth-child(1) { width: 65%; } .projekte-teil:nth-child(2) { width: 30%; } .div-teil { width: 33%; } #contact_form { margin-bottom: 100px !important; } .v-bim { height: 715px; width: auto; min-width: 100%; object-fit: cover; } #nav_main { /* box-shadow: 1px 1px 10px 1px #a2a2a2; */ } #logo_top img { width: 230px; padding: 20px 20px 20px 0px; } /*Für Tablet*/ .cookie-consent-settings { height: 65vh !important; } #col3_content { padding: 0; } #page_margins { width: 100%; } section { width: 100%; } body.admin-login { background: url('content/images_con/17852301038108.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; } body.admin-login .title { font-size: 20px; } #impressum { margin-top: 50px !important; } article, #impressum, #datenschutz, #sitemap, #contact_form { width: 1100px; margin: 0 auto; padding: 50px 20px; } .standard_ds { width: 1100px; margin: 0 auto; } .details_content { width: 1100px; margin: 0 auto; } /* ===================================== Anpassung eigener Elemente ===================================== */ /* LISTEN IN DS ANSPRECHEN */ .intro_ds .intro_text ul, .intro_ds .uni_ds ul, .detail_infos ul { list-style-position: inside; } .intro_ds .intro_text ul li:not(.insert-ds-list li), .intro_ds .uni_ds ul li:not(.insert-ds-list li), .detail_infos li { list-style-type: disc !important; margin: 10px 0; } /*##################################################*/ /*###### Fokus/Klarheit Arbeitsweise Tabelle ###### */ /*##################################################*/ .arbeits-tabelle .active, .arbeits-tabelle .inactive { font-weight: bold; } .arbeits-tabelle .inactive:hover .svg-inline--fa, .arbeits-tabelle .inactive:hover { color: #005c95; } .arbeits-tabelle .inactive { color: #848484; } .arbeits-tabelle td.inactive { background-color: #eeeeee !important; border: solid 10px #ffffff; } .arbeits-tabelle td.active { background-color: #dddddd !important; border: solid 10px #ffffff; } .arbeits-tabelle button { border: none; background-color: transparent; width: 100%; text-align: center; /*padding: 15px 20px 15px 20px;*/ padding: 15px; font-size: 16px !important; cursor: pointer; } .arbeits-tabelle { width: 100%; } .arbeits-tabelle td { width: 16.6%; /*width: 25%;*/ /*border-bottom: 1px solid #dddddd;*/ } .arbeitsweise-bilder-tabelle { width: 100%; } .arbeitsweise-bilder-tabelle img { filter: brightness(70%); } .arbeitsweise-bilder-tabelle td { width: 25%; } table.arbeits-tabelle { margin-bottom: 0px !important; } .spezial-tabelle-klarheit-fokus { /* background-color: #dddddd; */ /* padding: 50px 20px 20px 20px;*/ margin-top: 50px; } .spezial-tabelle-klarheit-fokus ul { padding-left: 40px !important; padding-top: 30px; } .spezial-tabelle-klarheit-fokus ul li { line-height: 50px; } .arbeitsweise-klarheit { display: block; } .arbeitsweise-hidden { display: none; } .arbeitsweise-min { min-height: 350px !important; } .arbeitsweise-tabelle { width: 100%; } .arbeitsweise-tabelle td { width: 50%; padding: 20px 40px 20px 0px; } .arbeits-tabelle .svg-inline--fa { font-size: 30px; background-color: #ffffff; color: #005c95; padding: 20px 16px; } .arbeits-tabelle .inactive .svg-inline--fa { color: #848484; } .arbeits-tabelle .active button { color: #005c95; } /*################# NACH OBEN ###################*/ /* Standard: ausgeblendet */ .nachoben { position: fixed; right: 30px; bottom: 30px; width: 40px; height: 40px; text-align: center; background-color: #eeeeee; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 2s ease, transform 2s ease, visibility 0s linear 2s; } /* Sichtbar, sobald gescrolled */ .nachoben.scrolled{ opacity: 1; visibility: visible; transform: translateY(0); transition: opacity 2s ease, transform 2s ease, visibility 0s; } /* Falls SVG */ .nachoben svg{ margin-top: 12px; } /* Falls es FontAwesome ist */ .nachoben em{ display: inline-block; margin-top: 12px; } /*########## SUCHE #############*/ .suchfeld { width: 70px !important; } .form_search { text-align: center; } .form_search input { width: 400px; padding: 5px; } #search_results { width: 800px; margin: 50px auto !important; } .search-title { color: #005c95; font-size: 30px; font-weight: 600; text-transform: uppercase; line-height: 35px; margin-bottom: 30px; } #datenschutz, body.body.search-results #col3, .sitemap #col3 { margin-top: 130px !important; } #impressum { margin-top: 180px !important; } /*######### Unterbutton Menu ############*/ #category_295, #category_243, #category_282 { position: relative; } #category_295 > ul, #category_243 > ul, #category_282 > ul { display: block !important; pointer-events: none; } #category_295 > ul > li.rank_1, #category_243 > ul > li.rank_1, #category_282 > ul > li.rank_1 { display: block !important; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease; } /*################### Julia Effekt ###################*/ .julia-hover-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin: 0 auto; padding: 1em 0 4em; max-width: 1100px; list-style: none; text-align: center; } .julia-hover-grid figure.julia-hover-effect { position: relative; overflow: hidden; margin: 0; width: 100%; min-width: 0; max-width: none; height: 350px; max-height: none; background: #1a171b; text-align: center; cursor: pointer; } .julia-hover-grid figure.julia-hover-effect img { position: relative; display: block; width: 100%; max-width: none; height: 100%; min-height: 100%; object-fit: cover; opacity: 1; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .julia-hover-grid figure.julia-hover-effect figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25px; color: #ffffff; text-transform: uppercase; font-size: 1.25em; text-align: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } .julia-hover-grid figure.julia-hover-effect figcaption::before, .julia-hover-grid figure.julia-hover-effect figcaption::after { pointer-events: none; } .julia-hover-grid figure.julia-hover-effect figcaption > a { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .julia-hover-grid figure.julia-hover-effect h2 { position: relative; margin: 0; color: #ffffff; padding: 5px 10px; color: #ffffff; background-color: rgba(0, 92, 149, 0.7); margin-bottom: 20px; text-transform: capitalize; font-size: 20px; } .julia-hover-grid figure.julia-hover-effect h2 span { font-weight: 800; } .julia-hover-grid figure.julia-hover-effect p { display: block; width: fit-content; margin: 0 0 0.25em; padding: 0.4em 1em; background: rgba(255,255,255,0.9); color: #1a171b; text-transform: none; font-weight: 500; font-size: 75%; letter-spacing: 1px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); } .julia-hover-grid figure.julia-hover-effect p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .julia-hover-grid figure.julia-hover-effect p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .julia-hover-grid figure.julia-hover-effect p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .julia-hover-grid figure.julia-hover-effect:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } .julia-hover-grid figure.julia-hover-effect:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .julia-hover-grid figure.julia-hover-effect:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .julia-hover-grid figure.julia-hover-effect:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } .julia-hover-grid figure.julia-hover-effect:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Tablet */ @media screen and (max-width: 900px) { .julia-hover-grid { grid-template-columns: repeat(2, 1fr); max-width: 100%; } } /* Smartphone */ @media screen and (max-width: 600px) { .julia-hover-grid { grid-template-columns: 1fr; gap: 20px; } .julia-hover-grid figure.julia-hover-effect { height: 280px; } .julia-hover-grid figure.julia-hover-effect figcaption { padding: 1.5em; font-size: 1.1em; } } /*########## BUTTONLINK ############*/ .buttonlink { position: relative; display: inline-block; width: auto; height: auto; padding: 18px 34px; margin: 5px; background: transparent; border: none; color: #005c95 !important; text-align: center; cursor: pointer; box-sizing: border-box; overflow: hidden; font-size: 17px; line-height: 1.2; appearance: none; -webkit-appearance: none; transform: translateZ(0); } .buttonlink, .buttonlink * { box-sizing: border-box; } .buttonlink-inner { position: relative; z-index: 5; display: inline-block; color: #005c95 !important; line-height: 1.2; transform: translate3d(0, 0, 0); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.5s ease; will-change: transform; } .buttonlink-arrow .svg-inline--fa { font-size: 12px; color: #1a171b; vertical-align: 0.2px; } .buttonlink-text, .buttonlink-arrow { display: inline-block; color: #005c95 !important; transition: color 0.5s ease; } .buttonlink:hover, .buttonlink:hover .buttonlink-inner, .buttonlink:hover .buttonlink-text, .buttonlink:hover .buttonlink-arrow { color: #1a171b !important; } .buttonlink-arrow { position: absolute; top: 45%; left: 100%; margin-left: 6px; opacity: 0; transform: translate3d(-6px, -50%, 0); transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.5s ease; will-change: opacity, transform; } .buttonlink:hover .buttonlink-inner { transform: translate3d(-8px, 0, 0); } .buttonlink:hover .buttonlink-arrow { opacity: 1; transform: translate3d(0, -50%, 0); } /* Fläche wie beim ersten Button */ .buttonlink::before { content: ""; position: absolute; left: 4px; bottom: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.1); transform: scale3d(0.1, 1, 1); transform-origin: center; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease; will-change: transform, opacity; pointer-events: none; } .buttonlink:hover::before { opacity: 1; transform: scale3d(1, 1, 1); } /* Border stabiler ohne Skalieren */ .buttonlink::after { content: ""; position: absolute; inset: 0; z-index: 2; box-shadow: inset 0 0 0 1px rgba(0, 92, 149, 0.7); opacity: 1; transition: opacity 0.35s ease; pointer-events: none; } .buttonlink:hover::after { opacity: 0; } .buttonlink a { position: relative; z-index: 5; display: inline-block; color: inherit; text-decoration: none; } /* ########## Leistungen-Tabelle ########## */ a.untenpfeil::after { bottom: 15px !important; } .unternehmen-tabelle img, .leistungen-tabelle img { margin-bottom: 20px; } .unternehmen-tabelle, .leistungen-tabelle { width: 100%; border-collapse: collapse; border-spacing: 0; } .leistungen-tabelle td { position: relative; width: 25%; height: fit-content; background-color: #eeeeee !important; border: solid 10px #ffffff; vertical-align: top; box-sizing: border-box; transition: background-color 0.3s ease; } .unternehmen-tabelle td { position: relative; width: 20%; height: fit-content; background-color: #eeeeee !important; border: solid 10px #ffffff; vertical-align: top; box-sizing: border-box; transition: background-color 0.3s ease; } .unternehmen-tabelle td:hover, .leistungen-tabelle td:hover { background-color: #dddddd !important; } .unternehmen-tabelle a, .leistungen-tabelle a { position: relative; display: flex; width: 100%; height: 100%; padding: 24px; box-sizing: border-box; text-decoration: none; color: #005c95; flex-direction: column; justify-content: space-between; font-weight: bold; transition: color 0.3s ease; text-align: center; } .unternehmen-tabelle a:hover, .leistungen-tabelle a:hover { color: #005c95; } .unternehmen-tabelle a::after, .leistungen-tabelle a::after { content: "»"; position: absolute; right: 24px; bottom: -5px; color: #005c95; font-size: 22px; font-weight: bold; line-height: 1; opacity: 0; transform: translateX(-6px); transition: opacity 0.3s ease, transform 0.3s ease; } .unternehmen-tabelle a:hover::after, .leistungen-tabelle a:hover::after { opacity: 1; transform: translateX(0); } .unternehmen-tabelle .svg-inline--fa, .unternehmen-tabelle i, .unternehmen-tabelle svg.svg-inline--fa, .leistungen-tabelle .svg-inline--fa, .leistungen-tabelle i, .leistungen-tabelle svg.svg-inline--fa { font-size: 30px; background-color: #ffffff; color: #005c95; padding: 20px; box-sizing: content-box; width: 30px; height: 30px; margin-bottom: 20px; } .unternehmen-tabelle span, .leistungen-tabelle span { display: block; padding-right: 42px; font-size: 19px; line-height: 1.35; color: inherit; } /* ########## Leistungs-Tabelle ########## */ .leistungs-tabelle { width: 100%; border-collapse: collapse; border-spacing: 0; } .leistungs-tabelle td { position: relative; width: 25%; height: 190px; background-color: #eeeeee !important; border: solid 10px #ffffff; vertical-align: top; box-sizing: border-box; transition: background-color 0.3s ease; } .leistungs-tabelle td:hover { background-color: #dddddd !important; } .leistungs-tabelle a { position: relative; display: flex; width: 100%; height: 100%; padding: 24px; box-sizing: border-box; text-decoration: none; color: #005c95; flex-direction: column; justify-content: space-between; font-weight: bold; transition: color 0.3s ease; } .leistungs-tabelle a:hover { color: #005c95; } .leistungs-tabelle a::after { content: "»"; position: absolute; right: 24px; bottom: 22px; color: #005c95; font-size: 22px; font-weight: bold; line-height: 1; opacity: 0; transform: translateX(-6px); transition: opacity 0.3s ease, transform 0.3s ease; } .leistungs-tabelle a:hover::after { opacity: 1; transform: translateX(0); } .leistungs-tabelle .svg-inline--fa, .leistungs-tabelle i, .leistungs-tabelle svg.svg-inline--fa { font-size: 30px; background-color: #ffffff; color: #005c95; padding: 20px; box-sizing: content-box; width: 30px; height: 30px; margin-bottom: 20px; } .leistungs-tabelle span { display: block; padding-right: 42px; font-size: 19px; line-height: 1.35; color: inherit; } /*################## JS SEARCH ########################*/ input.js-search-module-filter:checked ~ .js-search-module-filter-button { background-color: #b3b3b3 !important; } .js-search-module-filter-button { border: none !important; padding: 5px 10px; } .js-search-module-filter-button-label { background-color: #dddddd; margin-right: 15px; } .js-search-module-filter-wrapper { width: 1100px; margin: 50px auto 30px auto !important; } .js-search-module-dataset:hover .js-search-module-dataset-overlay:hover, .js-search-module-dataset-overlay:hover { opacity: 0.5 !important; } .js-search-module-search-bar-wrapper input { width: 1100px; padding: 10px 15px; } .js-search-module-search-bar-wrapper { width: 1100px; margin: 0 auto; } .js-search-module-grid { width: 1100px; margin: 0 auto; margin-bottom: 50px; } .js-search-module-filter-title { color: #1a171b; font-size: 20px; font-weight: 600; } .js-search-module-filters div.js-search-module-filter-wrapper:last-child .js-search-module-filter-button-container { margin-top: 20px; display: flex; } #col3 .js-search-module-dataset-overlay { opacity: 1 !important; background-color: transparent !important; transition: none; position: absolute; overflow: hidden; } #col3 .js-search-module-dataset-overlay::before { content: ""; position: absolute; inset: 0; background-color: rgba(34, 34, 34, 0); transition: background-color 0.5s ease; z-index: 1; pointer-events: none; } #col3 .js-search-module-dataset:hover .js-search-module-dataset-overlay::before { background-color: rgba(34, 34, 34, 0.5); transition: 1s; } #col3 .js-search-module-dataset-overlay > * { position: relative; z-index: 2; } #col3 .js-search-module-dataset-title { opacity: 1 !important; color: #ffffff; padding: 5px 10px; background-color: rgba(0, 92, 149, 0.7); font-weight: 600; font-size: 22px; line-height: 26px; margin: 25px; width: -webkit-fill-available; width: -moz-available; position: inherit; top: 0; } .js-search-module-dataset { border: none !important; width: 350px; height: 300px; margin-bottom: 15px !important; } /*################ Referenzen Accordion ###################*/ .wrap { margin: 0 auto; justify-content: space-between; display: flex; justify-content: space-between; display: -webkit-flex; position: relative; } .accordion { width: 600px; } .accordion input{ display: none; } .accordion .panel { margin: 0 auto; height: 0; line-height: 28px; padding: 20px 30px 20px 30px; box-sizing: border-box; transition: display 1s ease-in-out; display: none; width: 100%; position: absolute; left: 0; background-color: #eceaea; column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; z-index: 999999; } div.panel.branche-panel { column-count: 3 !important; -moz-column-count: 3 !important; -webkit-column-count: 3 !important; } .accordion input:checked~.panel { height: auto; transition: display 1s ease-in-out; color: #eceaea; display: block; } .accordion input:checked~label { color: #005c95; } .accordion label { cursor: pointer; background-color: #eceaea; display: block; padding: 1em 2em; width: 100%; box-sizing: border-box; z-index: 100; margin-bottom: 10px; color: #4d4d46; } .accordion label::after { content: " + "; color: #4d4d46; float: right; font-size: 1.6em; } .accordion input:checked+label::after { content: " – "; color: #005c95; } /*################ HOTSPOT IMAGE ###################*/ .hotspot-image-links { position: relative; display: inline-block; max-width: 100%; } .hotspot-image-links img { display: block; width: 100%; height: auto; } .hotspot:hover { border: solid 1px #ccc; } .hotspot { position: absolute; display: block; z-index: 2; /* background: rgba(255, 0, 0, 0.25);*/ } /* Position und Größe in Prozent*/ .hotspot-1 { top: 4%; left: 41%; width: 21%; height: 19%; } .hotspot-2 { top: 41%; left: 1%; width: 22%; height: 20%; } .hotspot-3 { top: 40%; left: 27%; width: 23%; height: 21%; } .hotspot-4 { top: 36%; left: 58%; width: 13.5%; height: 30%; } .hotspot-5 { top: 45%; left: 83%; width: 16%; height: 17%; } .hotspot-6 { top: 74%; left: 14%; width: 22%; height: 19%; } .hotspot-7 { top: 75%; left: 40%; width: 23%; height: 18%; } .hotspot-8 { top: 69%; left: 71%; width: 14%; height: 29%; } /*######### CUSTOMER REVIEW SLIDING ############*/ .customer-review-sliding article { box-sizing: border-box; overflow: hidden; max-width: 100%; } .reviews { display: flex; gap: 40px; flex-wrap: nowrap; width: max-content; animation: review-sliding 60s linear infinite; margin-bottom: 50px; margin-top: 50px; } .customer-review-sliding article .reviews:has(img:hover) { animation-play-state: paused; } .customer-review-sliding article .reviews img { border-radius: 20px; } .customer-review-sliding article .reviews img:hover { transform: scale(1.1); transition: transform 0.5s ease; } .picds-contain .lcms_bg img { object-fit: contain; } .picds-contain .lcms_nav_dots span:nth-child(n+8) { display: inline-block; } @keyframes review-sliding { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /*###### SUCHE NEU HOVER MENÜLEISTE ##########*/ /* Suchmenü */ #category_325 { position: relative; } /* Leeres Untermenü als Such-Popup */ #category_325 > ul { position: absolute !important; z-index: 9999; top: 100% !important; right: 0 !important; left: auto !important; display: block !important; width: 400px !important; min-width: 0 !important; padding: 0px 0 0 !important; margin: 0 !important; background: transparent !important; list-style: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px); transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease; } /* Öffnen bei Hover, Tastaturfokus und Klick */ #category_325:hover > ul, #category_325:focus-within > ul, #category_325.search-open > ul { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } /* Inhalt des Popups */ #category_325 > ul > .search-popup-content { display: block !important; width: 100% !important; padding: 8px !important; margin: 0 !important; background-color: rgba(255,255,255,0.9); box-sizing: border-box; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18); } /* Formular */ #category_325 .form_search { display: flex; width: 100%; margin: 0; padding: 0; text-align: left; } /* Texteingabe */ #category_325 .form_search input[name="search_str"] { flex: 1; min-width: 0; width: auto !important; padding: 10px 12px; border: 1px solid #ccc; border-right: 0; outline: none; box-sizing: border-box; } #category_325 .form_search input[name="search_str"]:focus { border-color: #005c95; } /* Suchbutton */ #category_325 .form_search .suchfeld { flex: 0 0 50px; width: 50px !important; padding: 10px; border: 1px solid #005c95; background: #005c95; color: #fff; cursor: pointer; } #category_325 .form_search .suchfeld:hover { background: #004875; } /* Mobil */ @media (max-width: 600px) { #category_325 > ul { position: fixed !important; top: 70px !important; right: 15px !important; left: 15px !important; width: auto !important; } } /*###################### TIMELINE ###########################*/ #ibc-history-timeline, #ibc-history-timeline * { box-sizing: border-box !important; } #ibc-history-timeline { width: 100% !important; padding: 70px 0 55px !important; overflow: hidden !important; background: #f7f7f7 !important; border-top: 1px solid rgba(0, 92, 149, 0.15) !important; border-bottom: 1px solid rgba(0, 92, 149, 0.15) !important; font-family: inherit !important; } #ibc-history-timeline .ibc-history-header { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 24px !important; width: min(1100px, calc(100% - 48px)) !important; margin: 0 auto 0px !important; } #ibc-history-timeline .ibc-history-kicker { margin: 0 !important; padding: 0 !important; color: #1a171b !important; font-size: 20px !important; font-weight: 600 !important; line-height: 25px !important; } #ibc-history-timeline .ibc-history-title { margin: 0 0 5px !important; padding: 0 !important; color: #005c95 !important; font-size: 25px !important; font-weight: 600 !important; line-height: 30px !important; } #ibc-history-timeline .ibc-history-buttons { display: flex !important; flex: 0 0 auto !important; gap: 10px !important; } #ibc-history-timeline .ibc-history-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 0 4px !important; color: #fff !important; font-family: Arial, sans-serif !important; font-size: 32px !important; line-height: 1 !important; cursor: pointer !important; background: #005c95 !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; appearance: none !important; } #ibc-history-timeline .ibc-history-button:hover { background: #003b60 !important; } #ibc-history-timeline .ibc-history-button:focus-visible { outline: 3px solid rgba(0, 92, 149, 0.3) !important; outline-offset: 3px !important; } #ibc-history-timeline .ibc-history-scroll { width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; padding-top: 42px !important; padding-right: max(24px, calc((100vw - 1100px) / 2)) !important; padding-bottom: 34px !important; padding-left: max(24px, calc((100vw - 1100px) / 2)) !important; cursor: grab !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: thin !important; scrollbar-color: #005c95 rgba(0, 92, 149, 0.12) !important; } #ibc-history-timeline .ibc-history-scroll:focus-visible { outline: none !important; } #ibc-history-timeline .ibc-history-scroll.is-dragging { cursor: grabbing !important; scroll-behavior: auto !important; scroll-snap-type: none !important; user-select: none !important; } #ibc-history-timeline .ibc-history-scroll.is-dragging * { user-select: none !important; } #ibc-history-timeline .ibc-history-scroll::-webkit-scrollbar { height: 9px !important; } #ibc-history-timeline .ibc-history-scroll::-webkit-scrollbar-track { background: rgba(0, 92, 149, 0.1) !important; border-radius: 20px !important; } #ibc-history-timeline .ibc-history-scroll::-webkit-scrollbar-thumb { background: #005c95 !important; border-radius: 20px !important; } #ibc-history-timeline .ibc-history-track { position: relative !important; display: flex !important; align-items: stretch !important; gap: 60px !important; width: max-content !important; min-width: max-content !important; height: 750px !important; margin: 0 !important; padding: 0 !important; } #ibc-history-timeline .ibc-history-axis { position: absolute !important; z-index: 0 !important; top: 50% !important; right: 190px !important; left: 190px !important; height: 5px !important; background: linear-gradient( 90deg, #003b60 0%, #005c95 50%, #78acc8 100% ) !important; border-radius: 10px !important; transform: translateY(-50%) !important; } /* Standardbreite ohne Bild */ #ibc-history-timeline .ibc-history-event { position: relative !important; z-index: 1 !important; flex: 0 0 380px !important; width: 380px !important; height: 750px !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: center !important; scroll-snap-stop: normal !important; } /* Breite mit einem Bild */ #ibc-history-timeline .ibc-history-event--with-media { flex-basis: 620px !important; width: 620px !important; } /* Breite mit zwei Bildern */ #ibc-history-timeline .ibc-history-event--media-2 { flex-basis: 820px !important; width: 820px !important; } /* * Karte und Bilder befinden sich gemeinsam in diesem Element. * align-items: stretch sorgt für exakt dieselbe Höhe. */ #ibc-history-timeline .ibc-history-entry { position: absolute !important; left: 0 !important; display: flex !important; align-items: stretch !important; gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #ibc-history-timeline .ibc-history-event--top .ibc-history-entry { bottom: calc(50% + 46px) !important; } #ibc-history-timeline .ibc-history-event--bottom .ibc-history-entry { top: calc(50% + 46px) !important; } #ibc-history-timeline .ibc-history-card { position: relative !important; display: flex !important; flex: 0 0 380px !important; flex-direction: column !important; align-self: stretch !important; width: 380px !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; border: 1px solid rgba(0, 92, 149, 0.14) !important; border-radius: 5px !important; box-shadow: 0 12px 35px rgba(0, 51, 83, 0.14) !important; } #ibc-history-timeline .ibc-history-card-head { display: flex !important; align-items: center !important; flex: 0 0 auto !important; min-height: 88px !important; margin: 0 !important; padding: 20px 23px !important; color: #fff !important; background: #005c95 !important; /*background: var(--ibc-history-color, #005c95) !important;*/ } #ibc-history-timeline .ibc-history-year { display: block !important; margin: 0 !important; color: #fff !important; font-size: 31px !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -0.03em !important; } #ibc-history-timeline .ibc-history-card-body { flex: 1 1 auto !important; margin: 0 !important; padding: 23px !important; background: #fff !important; } #ibc-history-timeline .ibc-history-card-body h3 { margin: 0 0 12px !important; padding: 0 !important; color: #222 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: normal !important; } #ibc-history-timeline .ibc-history-card-body p { margin: 0 !important; padding: 0 !important; color: #4b4b4b !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; } /* Bildbereich außerhalb der Karte */ #ibc-history-timeline .ibc-history-media { display: flex !important; align-items: stretch !important; align-self: stretch !important; flex: 1 1 auto !important; gap: 12px !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* * Ein Bild füllt den gesamten freien Bildbereich. * Zwei Bilder teilen sich den Bildbereich gleichmäßig. */ #ibc-history-timeline .ibc-history-image { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 0 !important; align-self: stretch !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 15px !important; overflow: hidden !important; color: #005c95 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; background: linear-gradient( 135deg, rgba(0, 92, 149, 0.07), rgba(0, 92, 149, 0.16) ) !important; border: 1px dashed rgba(0, 92, 149, 0.35) !important; border-radius: 5px !important; box-shadow: 0 12px 35px rgba(0, 51, 83, 0.1) !important; } /* * Das echte Bild wird innerhalb von .ibc-history-image eingesetzt: * *
* Beschreibung *
*/ #ibc-history-timeline .ibc-history-image img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; border: 0 !important; } /* Verbindung zwischen Karte und Zeitachse */ #ibc-history-timeline .ibc-history-connector { position: absolute !important; z-index: 2 !important; left: 189px !important; width: 2px !important; height: 38px !important; background: var(--ibc-history-color, #005c95) !important; } #ibc-history-timeline .ibc-history-event--top .ibc-history-connector { top: calc(50% - 38px) !important; } #ibc-history-timeline .ibc-history-event--bottom .ibc-history-connector { top: 50% !important; } /* Punkt auf der Zeitachse */ #ibc-history-timeline .ibc-history-dot { position: absolute !important; z-index: 3 !important; top: calc(50% - 9px) !important; left: 181px !important; width: 18px !important; height: 18px !important; background: var(--ibc-history-color, #005c95) !important; border: 4px solid #f7f7f7 !important; border-radius: 50% !important; box-shadow: 0 0 0 1px rgba(0, 92, 149, 0.14) !important; } /*###################### TABLET UND MOBIL ###########################*/ @media (max-width: 900px) { #ibc-history-timeline { padding: 55px 0 45px !important; } #ibc-history-timeline .ibc-history-header { align-items: center !important; width: calc(100% - 36px) !important; margin-bottom: 28px !important; } #ibc-history-timeline .ibc-history-title { font-size: 34px !important; line-height: 1.15 !important; } #ibc-history-timeline .ibc-history-button { width: 42px !important; height: 42px !important; font-size: 28px !important; } #ibc-history-timeline .ibc-history-scroll { padding: 8px 9vw 24px !important; cursor: auto !important; } #ibc-history-timeline .ibc-history-track { gap: 34px !important; height: auto !important; padding-top: 55px !important; } #ibc-history-timeline .ibc-history-axis { top: 20px !important; right: 41vw !important; left: 41vw !important; transform: none !important; } #ibc-history-timeline .ibc-history-event, #ibc-history-timeline .ibc-history-event--with-media, #ibc-history-timeline .ibc-history-event--media-2 { flex: 0 0 82vw !important; width: 82vw !important; height: auto !important; padding-top: 35px !important; } #ibc-history-timeline .ibc-history-entry, #ibc-history-timeline .ibc-history-event--top .ibc-history-entry, #ibc-history-timeline .ibc-history-event--bottom .ibc-history-entry { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; display: block !important; width: 82vw !important; } #ibc-history-timeline .ibc-history-card { width: 82vw !important; flex-basis: auto !important; } /* * Auf kleineren Bildschirmen befinden sich die Bilder unter der Karte, * damit Karte und Text gut lesbar bleiben. */ #ibc-history-timeline .ibc-history-media { display: flex !important; width: 100% !important; height: auto !important; margin-top: 14px !important; } #ibc-history-timeline .ibc-history-image { width: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; } #ibc-history-timeline .ibc-history-event--media-2 .ibc-history-image { aspect-ratio: 4 / 3 !important; } #ibc-history-timeline .ibc-history-connector, #ibc-history-timeline .ibc-history-event--top .ibc-history-connector, #ibc-history-timeline .ibc-history-event--bottom .ibc-history-connector { top: -35px !important; left: calc(50% - 1px) !important; height: 55px !important; } #ibc-history-timeline .ibc-history-dot { top: -44px !important; left: calc(50% - 9px) !important; } } @media (max-width: 520px) { #ibc-history-timeline .ibc-history-header { align-items: flex-start !important; gap: 12px !important; } #ibc-history-timeline .ibc-history-kicker { font-size: 11px !important; line-height: 1.4 !important; } #ibc-history-timeline .ibc-history-title { font-size: 29px !important; } #ibc-history-timeline .ibc-history-button { width: 38px !important; height: 38px !important; font-size: 25px !important; } #ibc-history-timeline .ibc-history-card-head { min-height: 76px !important; padding: 17px 19px !important; } #ibc-history-timeline .ibc-history-year { font-size: 27px !important; } #ibc-history-timeline .ibc-history-card-body { padding: 19px !important; } #ibc-history-timeline .ibc-history-media { gap: 8px !important; } } /*#################### KARRIERE GRUPPE #########################*/ .karriere-gruppe { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .karriere-gruppe-item { display: flex; align-items: center; justify-content: center; height: 170px; padding: 25px; box-sizing: border-box; background: #fff; border: 1px solid #e5e5e5; transition: transform 0.3s ease, box-shadow 0.3s ease; } .karriere-gruppe-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); } .karriere-gruppe-item img { display: block; width: auto; height: auto; max-width: 85%; max-height: 100px; object-fit: contain; } /*############## BEWERBUNGSABLAUF VISUAL #################*/ .bewerbungsablauf { width: 100%; max-width: 1200px; margin: 0 auto; /* padding: 50px 20px 20px;*/ box-sizing: border-box; } /* ========================= TEXT ========================= */ .bewerbungsablauf-text { min-height: 110px; margin-bottom: 10px; } .bewerbungsablauf-nummer { margin-bottom: 15px; color: #005c95; font-size: 56px; font-weight: 700; line-height: 1; transition: opacity 0.2s ease, transform 0.3s ease; } .bewerbungsablauf-beschreibung { max-width: 1050px; color: #005c95; font-size: 25px; font-weight: 500; line-height: 1.3; transition: opacity 0.2s ease, transform 0.3s ease; } .bewerbungsablauf-text.is-changing .bewerbungsablauf-nummer, .bewerbungsablauf-text.is-changing .bewerbungsablauf-beschreibung { opacity: 0; transform: translateY(8px); } /* ========================= GRAFIK ========================= */ .bewerbungsablauf-grafik { position: relative; width: 100%; height: 320px; overflow: hidden; background: linear-gradient( to bottom, transparent 0%, transparent 72%, rgba(0, 92, 149, 0.025) 100% ); } /* ========================= BERGFORMEN ========================= */ .berg { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; transition: clip-path 0.6s ease, background 0.6s ease, opacity 0.6s ease, transform 0.6s ease; } /* hinterste Berglinie */ .berg-1 { opacity: 0.45; background: #eeeeee; clip-path: polygon( 0% 83%, 8% 70%, 16% 77%, 26% 53%, 36% 68%, 47% 39%, 57% 59%, 68% 31%, 78% 55%, 88% 35%, 100% 65%, 100% 100%, 0% 100% ); } /* mittlere Bergfläche */ .berg-2 { opacity: 0.16; background: #005c95; clip-path: polygon( 0% 86%, 8% 73%, 18% 79%, 28% 57%, 38% 70%, 48% 42%, 58% 61%, 68% 34%, 78% 58%, 88% 38%, 100% 67%, 100% 100%, 0% 100% ); } /* vordere Linie / Fläche */ .berg-3 { opacity: 0.08; background: #005c95; clip-path: polygon( 0% 88%, 10% 74%, 19% 81%, 28% 58%, 38% 71%, 48% 40%, 58% 62%, 68% 32%, 78% 57%, 88% 36%, 100% 65%, 100% 100%, 0% 100% ); } /* ========================= PUNKTE ========================= */ .ablauf-punkte { position: absolute; inset: 0; z-index: 10; } .ablauf-punkt { position: absolute; left: var(--x); top: var(--y); width: 64px; height: 90px; padding: 0; border: 0; outline: 0; background: none; transform: translate(-50%, -50%); cursor: pointer; } /* Nummer */ .punkt-nummer { position: absolute; left: 50%; bottom: 42px; transform: translateX(-50%); color: #005c95; font-size: 17px; font-weight: 600; line-height: 1; transition: color 0.3s ease, transform 0.3s ease; } /* sichtbarer Punkt */ .punkt-kreis { position: absolute; left: 50%; bottom: 13px; display: block; width: 15px; height: 15px; padding: 0; overflow: hidden; border: 3px solid #005c95; border-radius: 50%; background: #ffffff; color: transparent; font-size: 0; transform: translateX(-50%); transition: width 0.3s ease, height 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; } /* Hover / aktiv */ .ablauf-punkt:hover .punkt-nummer, .ablauf-punkt.active .punkt-nummer { color: #005c95; transform: translateX(-50%) translateY(-5px); } .ablauf-punkt:hover .punkt-kreis, .ablauf-punkt.active .punkt-kreis { width: 22px; height: 22px; background: #005c95; box-shadow: 0 0 0 7px rgba(0, 92, 149, 0.13), 0 0 0 14px rgba(0, 92, 149, 0.05); } /* ========================= BERG BEI HOVER VERÄNDERN ========================= */ /* 01 */ .bewerbungsablauf-grafik[data-active="0"] .berg-2 { opacity: 0.10; } /* 02 */ .bewerbungsablauf-grafik[data-active="1"] .berg-2 { opacity: 0.14; clip-path: polygon( 0% 87%, 10% 67%, 20% 76%, 29% 50%, 39% 67%, 49% 36%, 59% 58%, 69% 38%, 79% 54%, 89% 32%, 100% 64%, 100% 100%, 0% 100% ); } /* 03 */ .bewerbungsablauf-grafik[data-active="2"] .berg-2 { opacity: 0.18; clip-path: polygon( 0% 83%, 9% 73%, 19% 69%, 29% 51%, 39% 58%, 48% 32%, 58% 54%, 68% 28%, 78% 50%, 88% 40%, 100% 59%, 100% 100%, 0% 100% ); } /* 04 */ .bewerbungsablauf-grafik[data-active="3"] .berg-2 { opacity: 0.22; clip-path: polygon( 0% 84%, 9% 68%, 19% 78%, 29% 59%, 39% 67%, 48% 27%, 58% 52%, 68% 36%, 78% 61%, 88% 29%, 100% 60%, 100% 100%, 0% 100% ); } /* 05 */ .bewerbungsablauf-grafik[data-active="4"] .berg-2 { opacity: 0.27; clip-path: polygon( 0% 86%, 9% 73%, 19% 80%, 29% 55%, 39% 62%, 48% 38%, 58% 47%, 68% 27%, 78% 51%, 88% 34%, 100% 54%, 100% 100%, 0% 100% ); } /* 06 */ .bewerbungsablauf-grafik[data-active="5"] .berg-2 { opacity: 0.32; clip-path: polygon( 0% 84%, 9% 69%, 19% 74%, 29% 50%, 39% 68%, 48% 33%, 58% 58%, 68% 25%, 78% 47%, 88% 27%, 100% 58%, 100% 100%, 0% 100% ); } /* 07 */ .bewerbungsablauf-grafik[data-active="6"] .berg-2 { opacity: 0.38; clip-path: polygon( 0% 82%, 9% 71%, 19% 75%, 29% 54%, 39% 64%, 48% 34%, 58% 49%, 68% 26%, 78% 43%, 88% 23%, 100% 51%, 100% 100%, 0% 100% ); } /* zusätzlich hintere Ebene bewegen */ .bewerbungsablauf-grafik[data-active="1"] .berg-1 { transform: translateY(-3px); } .bewerbungsablauf-grafik[data-active="2"] .berg-1 { transform: translateY(-6px); } .bewerbungsablauf-grafik[data-active="3"] .berg-1 { transform: translateY(-9px); } .bewerbungsablauf-grafik[data-active="4"] .berg-1 { transform: translateY(-12px); } .bewerbungsablauf-grafik[data-active="5"] .berg-1 { transform: translateY(-15px); } .bewerbungsablauf-grafik[data-active="6"] .berg-1 { transform: translateY(-18px); } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .bewerbungsablauf { padding: 30px 5px 10px; } .bewerbungsablauf-text { min-height: 155px; } .bewerbungsablauf-nummer { font-size: 42px; } .bewerbungsablauf-beschreibung { font-size: 21px; } .bewerbungsablauf-grafik { height: 280px; } .ablauf-punkt { width: 44px; height: 70px; } .punkt-nummer { bottom: 36px; font-size: 13px; } .punkt-kreis { width: 11px; height: 11px; border-width: 2px; } .ablauf-punkt:hover .punkt-kreis, .ablauf-punkt.active .punkt-kreis { width: 17px; height: 17px; } } /*################## JOBPORTAL BANNER ###########################*/ .jobportal-link { display: grid; border: 1px solid #e5e5e5; grid-template-columns: 46% 54%; min-height: 330px; overflow: hidden; color: #1a171b; text-decoration: none; transition: box-shadow 0.35s ease, transform 0.35s ease; } .jobportal-image { position: relative; overflow: hidden; } .jobportal-image img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; display: block; transition: transform 0.6s ease; } .jobportal-content { position: relative; padding: 55px 60px; display: flex; flex-direction: column; justify-content: center; } .jobportal-kicker { display: block; margin-bottom: 12px; color: #005c95; font-size: 15px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .jobportal-content p { max-width: 520px; margin: 0 0 30px 0; color: #1a171b; line-height: 1.6; } .jobportal-button { display: inline-flex; align-items: center; align-self: flex-start; padding: 13px 21px; background: #005c95; color: #ffffff; font-weight: 600; } .jobportal-arrow { font-size: 21px; line-height: 1; transition: transform 0.3s ease; } /* Hover */ .jobportal-link:hover { transform: translateY(-4px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); } .jobportal-link:hover .jobportal-image img { transform: scale(1.045); } .jobportal-link:hover .jobportal-arrow { transform: translateX(4px); } /* Mobile */ @media (max-width: 750px) { .jobportal-link { grid-template-columns: 1fr; } .jobportal-image img { min-height: 240px; max-height: 320px; } .jobportal-content { padding: 35px 25px 40px; } .jobportal-content p { font-size: 16px; } } /*################ BILD COPYRIGHT #####################*/ .bild-copyright { position: relative; display: inline-block; } .bild-copyright img { display: block; width: 100%; } .copyright { position: absolute; right: 8px; bottom: 8px; padding: 4px 8px; color: #1a171b; background: rgba(255, 255, 255, 0.75); border-radius: 3px; } /*################# FIRMENVORSTELLUNG ######################*/ .firmenvorstellung { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: center; } .firmenvorstellung-logo { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 30px; box-sizing: border-box; background: #fff; border: 1px solid #e5e5e5; transition: transform 0.3s ease, box-shadow 0.3s ease; } .firmenvorstellung-logo:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); } .firmenvorstellung-logo img { display: block; width: auto; height: auto; max-width: 85%; max-height: 120px; object-fit: contain; } .firmenvorstellung-inhalt h3 { margin-top: 0; } .firmenvorstellung-inhalt p:last-child { margin-bottom: 0; } @media (max-width: 700px) { .firmenvorstellung { grid-template-columns: 1fr; gap: 25px; } } /*################# FIRMENVORSTELLUNG 2 ######################*/ .firmenvorstellung2 { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: center; } .firmenvorstellung2-logo { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 30px; box-sizing: border-box; background: #fff; border: 1px solid #e5e5e5; transition: transform 0.3s ease, box-shadow 0.3s ease; order: 2; } .firmenvorstellung2-logo:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); } .firmenvorstellung2-logo img { display: block; width: auto; height: auto; max-width: 85%; max-height: 120px; object-fit: contain; } .firmenvorstellung2-inhalt { order: 1; } .firmenvorstellung2-inhalt h3 { margin-top: 0; } .firmenvorstellung2-inhalt p:last-child { margin-bottom: 0; } @media (max-width: 700px) { .firmenvorstellung2 { grid-template-columns: 1fr; gap: 25px; } .firmenvorstellung2-logo { order: 1; } .firmenvorstellung2-inhalt { order: 2; } } /*################## BENEFITS ###########################*/ .ibc-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px 25px; width: 100%; } .ibc-benefit { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 15px; text-align: center; } .ibc-benefit img { display: block; width: 70px; height: 70px; object-fit: contain; transition: transform 0.25s ease; filter: brightness(0) saturate(100%) invert(20%) sepia(39%) saturate(4796%) hue-rotate(185deg) brightness(97%) contrast(105%); } .ibc-benefit span { display: block; color: #1a171b; line-height: 1.3; font-weight: 600; } .ibc-benefit:hover img { transform: translateY(-5px); } @media (max-width: 1100px) { .ibc-benefits { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 700px) { .ibc-benefits { grid-template-columns: repeat(3, 1fr); gap: 30px 15px; } } @media (max-width: 480px) { .ibc-benefits { grid-template-columns: repeat(2, 1fr); } } /*############# IBC BEWERBUNGSABLAUF ########################*/ .ibc-application-process { width: 100%; margin: 0 auto; } .ibc-application-process-inner { position: relative; width: 100%; } .ibc-application-description { min-height: 50px; margin-bottom: 35px; color: #005c95; font-size: 23px; text-align: left; line-height: 1.5; opacity: 1; transition: opacity 0.3s ease; } .ibc-application-description.change { opacity: 0; } .ibc-application-steps { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(7, 1fr); width: 100%; margin: 0 0 8px; padding: 0; list-style: none; text-align: center; } .ibc-application-step { position: relative; padding: 0 0 8px; color: #005c95; cursor: pointer; transform: translateY(0); transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease; } .ibc-application-step::after { content: ""; position: absolute; top: 0; right: 0; bottom: -65px; left: 0; cursor: pointer; } .ibc-application-step.active { transform: translateY(-10px); } .ibc-application-step strong { position: relative; z-index: 1; display: block; color: #005c95; font-size: 30px; transform: scale(1); transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); } .ibc-application-step.active strong { transform: scale(1.1); } .ibc-application-canvas { position: relative; z-index: 1; display: block; width: 100%; height: 65px; } @media (max-width: 800px) { .ibc-application-process-inner { overflow-x: auto; padding-bottom: 15px; } .ibc-application-description { position: sticky; left: 0; width: 100%; } .ibc-application-steps, .ibc-application-canvas { min-width: 900px; } }