/* File:  style_allg.css */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; margin: 0px; padding: 0px; } body { background-color: rgba(137, 186, 23, 1.0); overflow-y: scroll; font-family: 'CorpoSRegular', Arial, Verdana, sans-serif; font-size: 15px; color: rgba(99, 99, 99, 1.0); } body.confirmation_participation { background-color: rgba(245, 245, 245, 1.0); color: rgba(60, 60, 60, 1.0); } body.confirmation_participation .confirmation_fundament_mt .header_only, body.confirmation_participation .confirmation_fundament_ssc .header_only { padding-bottom: 3em; } body.confirmation_participation .confirmation_fundament_ssc a, body.confirmation_participation .confirmation_fundament_ssc li.li_list:before { color: rgba(253, 190, 0, 1.0); } body.confirmation_participation .confirmation_fundament_ssc a.button_fe { background-color: rgba(253, 190, 0, 1.0); color: rgba(245, 245, 245, 1.0); } body.confirmation_participation .confirmation_fundament_ssc footer { border-top-color: rgba(253, 190, 0, 1.0); } body.confirmation_participation .content { background-color: rgba(255, 255, 255, 1.0); } body.confirmation_participation .content:after { height: 0px; } body.confirmation_participation h1.headline, body.confirmation_participation h2.headline_middle, body.confirmation_participation h3.headline_sub { color: inherit !important; } body.confirmation_participation footer { box-shadow: 0px 0px 0px; } a { outline: 0; text-decoration: none; color: rgba(137, 186, 23, 1.0); } a img { border: 0px; vertical-align: top; text-decoration: none; } img { width: auto; height: auto; } .bg_img { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; background-image: url('../img/layout/bg.jpg'); background-image: image-set( url('../img/layout/bg.avif') 1x, url('../img/layout/bg.jpg') 1x ); background-repeat: no-repeat; background-size: cover; } h1.headline { font-size: 146.667%; font-weight: normal; line-height: 135%; font-family: 'CorpoARegular', Georgia, Arial, Verdana, serif; color: rgba(137, 186, 23, 1.0); max-width: 800px; } h2.headline_middle { font-size: 140%; font-weight: 600; line-height: 100%; letter-spacing: 0.025em; max-width: 800px; font-family: 'CorpoARegular', Georgia, Arial, Verdana, serif; } h3.headline_sub { font-size: 100%; font-weight: 600; line-height: 100%; color: rgba(137, 186, 23, 1.0); letter-spacing: 0.05em; max-width: 800px; margin-bottom: 0px; font-family: 'CorpoSRegular', Arial, Verdana, sans-serif; } header { position: fixed; top: 0px; left: 0px; width: 100%; height: 97px; z-index: 499; background-image: url("../img/layout/header_bg.svg"); background-position: top center; background-size: auto 100%; padding-top: 12px; } footer { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 499; min-height: 70px; background-color: rgba(255, 255, 255, 1.0); box-shadow: 0px -10px 10px rgba(25, 45, 0, 0.1); border-top: 3px solid rgba(137, 186, 23, 1.0); } .all { padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; display: block; z-index: 1; position: relative; } .all:after { display: block; content: " "; width: 100%; clear: both; } .header_left { float: left; width: 55%; font-family: 'CorpoARegular', Georgia, serif; font-size: 146.667%; padding-top: 1.25em; padding-top: 1.5vw; } .header_left p { margin: 0px; padding: 0px; } .header_left a.logo_header { color: rgba(99, 99, 99, 1.0); } .header_right { float: right; width: 45%; } .header_only { margin-left: auto; margin-right: auto; width: 100%; max-width: 1279px; background-color: rgba(255, 255, 255, 1.0); } .content_container { margin-left: auto; margin-right: auto; padding-left: 2.5%; padding-right: 2.5%; } .inner_center, .content { margin-left: auto; margin-right: auto; width: 100%; max-width: 1279px; padding-left: 2.5%; padding-right: 2.5%; } .inner_center.padding_right_off { padding-right: 0%; } .content { background-color: rgba(247, 250, 239, 1.0); padding-top: 100px; line-height: 1.75em; padding-left: 2.5%; padding-right: 2.5%; overflow: hidden; } .content.top_padding_off { padding-top: 0px; } .content.bottom_padding_on { padding-bottom: 4rem; } .content .content_el:after { height: 0px; } .mn_references .content .content_el:after{ height: 3em; } .mn_testimonials .content .content_el:after { height: 50px; background-image: url("../img/layout/seperator_references.svg"); background-repeat: no-repeat; background-position: left center; margin-bottom: 3.5em; } .mn_testimonials .content .content_el_full:last-child .content_el:after { background: none; margin-bottom: 0em; } .content:after { content: " "; clear: both; display: block; width: 100%; height: 150px; } .content a { text-decoration: underline; } .content a:hover { text-decoration: none; } .content a:hover img.vector_img { filter: grayscale(1.0); } .content .layout_el_headline .box1_2 { letter-spacing: 0.05em; font-size: 120%; } .content .layout_el_headline a:hover img.vector_img { filter: grayscale(1.0) brightness(0.5); } .content_el_full p { max-width: 780px; } .box1_2 h2, .box1_2 h3, .box2_2 h2, .box2_2 h3 { margin-top: 0px; margin-bottom: 0.5em; } .logo { float: right; padding-top: 1em; padding-bottom: 1em; } .mn_references h3.headline_sub { margin-top: 0px; } .mn_references p, div > p:first-child { margin-top: 0px; } .layout_el_headline > p:first-child, .layout_el_headline div > p:first-child { margin-top: 0.9em; } table p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } table td.table_cell { padding: 0px; margin: 0px; } img.vector_img { vertical-align: text-bottom; } .content ul ul { margin-top: -1em; margin-bottom: } /* File:  style_button.css */ .button, .button_fe, .button_inactive, .button_fe_inactive { color: #FEFEFE; padding: 5px; padding-top: 0.5em; padding-bottom: 0.5em; margin: 0px; text-align: center; border: #FEFEFE; font-size: 1em; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0.5em; line-height: 20px; font-family: Arial, Verdana; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .button_fe { background-color: rgba(137, 186, 23, 1.0); color: rgba(48, 35, 15, 1); } .button_inactive, .button_fe_inactive { background-color: #CCCCCC; color: #FEFEFE; } .button_fe_inactive { border-radius: 0em; } .button a, .button a:hover, .button_fe a, .button_fe a:hover, a.button_fe, a.button_fe:hover { text-decoration: none; } .button:hover, .button_fe:hover { background-color: #CCCCCC; color: #333333; cursor: pointer; } /* File:  style_comments.css */ .content_coments_shower { clear: both; width: 100%; padding-bottom: 0.5em; } .content_comments_container { font-size: 90%; } .content_comments { font-size: 133.333%; clear: both; } .content_comments_container, .content_comments_container a, .content_comments_container hr, .content_comments_container hr.coment { color: #333333; border-color: #999999; } .content_comments_container .content_comment { color: #333333; } .content_comments_container .comment_amount_navi { width: 100%; clear: both; } .content_comments_container .comment_amount_navi .comment_amount_navi_amount { float: left; width: 33.333%; } .content_comments_container .comment_amount_navi .comment_amount_navi_invisible { float: left; width: 33.333%; } .content_comments_container .comment_amount_navi .comment_amount_navi_navi { float: left; width: 33.333%; } .content_comments_container .comment_amount_navi:after { display: none; clear: both; width: 100%; content: " "; } .content_comments_info { color: #ad1733; font-weight: bold; } .content_comments_container br { line-height: 65%; } .content_comments_container input[type="text"], .content_comments_container textarea, .content_comments_container select { width: 100%; border: 1px solid rgba(128, 128, 128, 0.75); padding: 0.5em; height 1.5em; } .content_comments_container textarea { padding: 0.5em; height: 15em; } .content_el_footer .content_comments_container > a:after, .content_el_footer .content_el_footer_share_links > .content_single_con_link > a:after { display: inline-block; content: "?"; } .content_el_footer .content_comments_container > a:hover:after, .content_el_footer .content_el_footer_share_links > .content_single_con_link > a:hover:after { content: "?"; } .content_el_footer.show_comments_active { border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-bottom: 1.25em; } .comment_files { display: block; clear: both; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.25); font-size: 75%; } .comment_files:after { content: " "; clear: both; display: block; width: 100%; } .comment_files ul { clear: both; display: block; list-style: none; margin: 0px; padding: 0px; } .comment_files li { float: left; display: block; padding: 0.5em; padding-left: 0em; padding-right: 0em; list-style: none; margin: 0px; margin-right: 0.25em; } .comment_files li a { display: block; background-color: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 1.0); text-decoration: none; padding: 0.5em; padding-top: 0.25em: padding-bottom: 0.25em; } .comment_files li a:hover { text-decoration: none; } /* File:  style_confirmation_pages.css */ .confirmation_fundament_pd_spatial_analyzer { a, li.li_list::before { color: #FBBA11; } .button_fe { background-color: #FBBA11; color: rgba(255, 255, 255, 1.0); border-radius: 0px; padding-left: 2em; padding-right: 2em; } footer { border-color: #FBBA11; } } /* File:  style_cookie_less_banner.css */ .cookie_less_banner { position: fixed; bottom: 75px; left: 0px; width: 100%; padding: 0.5em; background-color: rgba(0, 0, 0, 0.65); color: rgba(255, 255, 255, 1.0); font-size: 65%; line-height: 100%; z-index: 500; text-align: center; opacity: 1.0; transition: 1s all ease; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.333); } .cookie_less_banner p { max-width: 100%; margin: 0px; } .cookie_less_banner a { margin-left: 0px; display: inline-block; text-decoration: underline; color: rgba(255, 255, 255, 1.0); } .cookie_less_banner a:hover { text-decoration: none; } .cookie_less_banner.hidden_el { opacity: 0.0; } /* File:  style_custom_class.css */ .headline_benefits, .headline_functions { clear: both; background-color: rgba(225, 237, 196, 1.0); height: 52px; font-weight: bold; color: rgba(99, 99, 99, 1.0); letter-spacing: 0.05em; margin-bottom: 0.75em; margin-top: 2em; border-radius: 2px; position: relative; } .headline_benefits p, .headline_functions p { padding-top: 0.9em; } .headline_benefits:before, .headline_functions:before { width: 70px; height: 52px; margin-right: 1.25em; padding-top: 0.25em; display: inline-block; background-image: url("../img/layout/sub_headline_benefits.svg"); background-repeat: no-repeat; background-size: contain; content: " "; vertical-align: middle; float: left; } .headline_functions:before { background-image: url("../img/layout/sub_headline_functions.svg"); } .further_entries { float: right; text-align: right; } .further_entries a { font-weight: bold; text-decoration: none; color: rgba(99, 99, 99, 1.0); } .further_entries a:hover { color: rgba(137, 186, 23, 1.0); } .further_entries a:after { content: " "; display: inline-block; width: 35px; height: 35px; background-image: url("../img/layout/icon_further_info.svg"); background-size: contain; background-repeat: no-repeat; margin-left: 1em; vertical-align: middle; } .layout_el_headline { clear: both; display: block; background-image: url("../img/layout/layout_el_headline.svg"); background-repeat: no-repeat; background-size: 100% auto; width: 107.5%; height: 75px; margin-left: -3.75%; padding-left: 3.75%; padding-right: 3.75%; color: rgba(255, 255, 255, 1.0); font-weight: bold; } .layout_el_headline > p { margin: 0px; padding: 0px; } .layout_el_headline a:hover img.vector_img { filter: grayscale(1.0) brightness(0.76) !important; } .layout_el_headline .box1_2 img { position: relative; width: 100%; max-width: 56px; margin-top: -32px; margin-right: 40px; z-index: 101; vertical-align: text-bottom; } .layout_el_headline .box2_2 { text-align: right; } .layout_el_headline .box2_2 img { max-width: 35px; margin-top: -15px; margin-left: 5px; display: inline-block; } .open_border_box { position: relative; width: 100%; padding: 1.75em; padding-top: 1em; padding-bottom: 1em; color: rgba(99, 99, 99, 1.0); background-color: rgba(231, 241, 217, 1.0); } .open_border_box.limited { max-width: 810px; } .open_border_box:before, .open_border_box:after { position: absolute; top: 0px; left: 0px; width: 1.75em; height: 1.75em; background-image: url('../img/layout/open_border_left.svg'); background-size: contain; z-index: 10; content: " "; display: block; } .open_border_box:after { background-image: url('../img/layout/open_border_right.svg'); top: auto; left: auto; bottom: 0px; right: 0px; } .open_border_box h3 { color: rgba(99, 99, 99, 1.0); } .open_border_box p { margin-top: 0.25em; } @keyframes pulse { 0% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } } .pulse_anim { display: inline-block; -webkit-animation: 1.5s pulse infinite; -moz-animation: 1.5s pulse infinite; -ms-animation: 1.5s pulse infinite; -o-animation: 1.5s pulse infinite; animation: 1.5s pulse infinite; } .data_management_overview { clear: both; display: block; width: 100%; height: auto; margin-bottom: 2em; } .data_management_overview *, .data_management_overview img.vector_img { max-width: 100%; } .data_management_overview .box1_4 ul, .data_management_overview .box2_4 ul, .data_management_overview .box3_4 ul, .data_management_overview .box4_4 ul { border: 1px solid rgba(137, 186, 23, 1.0); border-bottom: 0px; padding: 0.5em; padding-bottom: 0px; margin-bottom: 0px; min-height: 145px; } .data_management_overview ul li:last-child { margin-bottom: 0px; } .data_management_overview p { margin: 0px; max-width: 100%; } .data_management_overview .box1_4 p { display: block; position: relative; } .data_management_overview .box1_4 p:after, .data_management_overview .box2_4 p:after, .data_management_overview .box3_4 p:after, .data_management_overview .box4_4 p:after { content: " "; background-image: url('../img/layout/ov_dm_img_tip.svg'); background-position: left bottom; background-repeat: no-repeat; background-size: 100% auto; display: block; clear: both; width: 100%; height: 25px; position: absolute; bottom: 5px; left: 0px; z-index: 20; } .data_management_overview .box1_4 img, .data_management_overview .box2_4 img, .data_management_overview .box3_4 img, .data_management_overview .box4_4 img { border-left: 1px solid rgba(137, 186, 23, 1.0); border-right: 1px solid rgba(137, 186, 23, 1.0); } .data_management_overview .txt_center img { vertical-align: middle; margin-left: 1em; margin-right: 1em; } .data_management_overview h3 { background-color: rgba(137, 186, 23, 1.0); margin: 0px; padding: 0.5em; color: rgba(255, 255, 255, 1.0); } .csc_stroke_0, .csc_stroke_1, .csc_stroke_2, .csc_stroke_3, .csc_stroke_4, .csc_stroke_5, .csc_stroke_6, .csc_stroke_7, .csc_stroke_8 { stroke: rgba(137, 186, 23, 1.0); } @keyframes stroke_dash_minus { 0% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: -75000px; } } @keyframes stroke_dash_plus { 0% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 75000px; } } .odmc_up .csc_stroke_0, .odmc_up .csc_stroke_1, .odmc_up .csc_stroke_2, .odmc_up .csc_stroke_3, .odmc_up .csc_stroke_5, .odmc_up .csc_stroke_6, .odmc_up .csc_stroke_7, .odmc_up .csc_stroke_8, .odmc_down .csc_stroke_4 { -webkit-animation: 3600s stroke_dash_minus infinite linear; -moz-animation: 3600s stroke_dash_minus infinite linear; -ms-animation: 3600s stroke_dash_minus infinite linear; -o-animation: 3600s stroke_dash_minus infinite linear; animation: 3600s stroke_dash_minus infinite linear; } .odmc_up .csc_stroke_4, .odmc_down .csc_stroke_0, .odmc_down .csc_stroke_1, .odmc_down .csc_stroke_2, .odmc_down .csc_stroke_3, .odmc_down .csc_stroke_5, .odmc_down .csc_stroke_6, .odmc_down .csc_stroke_7, .odmc_down .csc_stroke_8 { -webkit-animation: 3600s stroke_dash_plus infinite linear; -moz-animation: 3600s stroke_dash_plus infinite linear; -ms-animation: 3600s stroke_dash_plus infinite linear; -o-animation: 3600s stroke_dash_plus infinite linear; animation: 3600s stroke_dash_plus infinite linear; } .odmc_down .csc_stroke_0, .odmc_down .csc_stroke_1, .odmc_down .csc_stroke_2, .odmc_down .csc_stroke_3, .odmc_down .csc_stroke_4, .odmc_down .csc_stroke_5, .odmc_down .csc_stroke_6, .odmc_down .csc_stroke_7, .odmc_down .csc_stroke_8 { stroke: rgba(138, 140, 143, 1.0); } .video_flag_active { display: inline; } .video_flag_active img { opacity: 0.75; } .sidebar { float: right; display: block; width: 100%; background-color: rgba(255, 255, 255, 1.0); padding-left: 1.25em; padding-right: 1.25em; margin-right: -15%; margin-top: 1.5em; line-height: 156%; letter-spacing: 0.005em; } .sidebar:after { content: " "; display: block; clear: both; width: 100%; height: 1.5em; } .sidebar .box2-3_switch { width: 60%; } .sidebar .box1-3_switch { width: 36%; } .sidebar > p:first-child { display: none; } .sidebar > .box1-3_switch p:first-child { margin-top: 0px; margin: 0px; padding: 0px; } .sidebar em { color: rgba(137, 186, 23, 1.0); text-decoration: none; font-style: normal !important; } .sidebar a { font-weight: bold; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } .sidebar img { border-radius: 2px; } .sidebar h2 { background-color: rgba(137, 186, 23, 1.0); margin-top: 2.25em; margin-bottom: 0.75em; margin-left: -1.75em; padding-top: 0.25em; padding-bottom: 0.2em; width: 118.75%; font-size: 125%; font-family: 'CorpoSRegular', Arial, Verdana, sans-serif; font-weight: 300; color: rgba(255, 255, 255, 1.0); } .sidebar h2:before { float: left; content: " "; background-image: url("../img/layout/sidebar_headline_edge.png"); display: block; width: 15px; height: 16px; margin-top: 1.2em; margin-right: 1em; } .sidebar > h2:first-child { margin-top: 0px; } .reference_table table tr:not(.table_head):nth-child(odd) { background-color: #f7f7f7; } .reference_table table tr:not(.table_head):nth-child(even) { background-color: #ffffff; } .reference_table table tr.table_head td { height: 61px; vertical-align: middle; } .reference_table table tr.table_head td:first-child:before { width: 60px; height: 60px; background-color: red; } .reference_table table tr.table_head div.box1-4_switch p { height: 58px; margin-top: -5%; } .reference_table table tr.table_head div.box3-4_switch { margin-top: 3%; width: 85%; } .reference_table table tr.table_head div.box1-4_switch { width: 15%; } .mn_downloads h2.headline_middle, .mn_news h2.headline_middle { font-size: 120%; font-weight: normal; font-family: 'CorpoARegular', Georgia, Arial, Verdana, serif; color: rgba(99, 99, 99, 1.0); width: 100%; background-image: url("../img/layout/seperator.svg"); background-repeat: no-repeat; background-position: left center; max-width: none; clear: both; margin-top: 30px; min-height: 50px; line-height: 50px; } .mn_news h3.headline_sub { color: rgba(99, 99, 99, 1.0); font-size: 120%; margin-bottom: 0.75em; } .mn_news p { max-width: 100%; } .button_back_to_overview { display: block; float: right; margin-top: -2.925em; } .button_back_to_overview p { margin: 0px; padding: 0px; } .button_back_to_overview a { border: 1px solid rgba(137, 186, 23, 1.0); text-decoration: none; display: block; padding: 0.5em; padding-top: 0.25em; padding-bottom: 0.175em; border-radius: 0.125em; font-size: 85%; line-height: 150%; } .button_back_to_overview a:hover { background-color: rgba(255, 255, 255, 1.0); } /* File:  style_custom_fonts.css */ @font-face { font-family: CorpoARegular; src: url('../css/fonts/corpo_a_reg.woff'); font-display: swap; } @font-face { font-family: CorpoSRegular; src: url('../css/fonts/corpo_s_reg.woff'); font-display: swap; } /* File:  style_fe_blocks.css */ .element_space { clear: both; height: 40px; line-height: 40px; } .not_visible { visibility: hidden; height: 0px; line-height: 0px; max-height: 0px; overflow: hidden; display: none; } .box1_2, .box2_2, .box1_3, .box2_3, .box3_3, .box1-3_switch, .box1-3, .box2-3, .box2-3_switch, .box1-4, .box1-4_switch, .box3-4, .box3-4_switch, .box1_4, .box2_4, .box3_4, .box4_4, .box1_5, .box2_5, .box3_5, .box4_5, .box5_5, .box1_6, .box2_6, .box3_6, .box4_6, .box5_6, .box6_6, .box1-10, .box1-10_switch, .box9-10, .box9-10_switch, .boxn_m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .boxn_m { float: left; } .boxn_m.last:after { clear: both; content: " "; display: block; width: 100%; height: 0px; } .box1_2 { float: left; width: 50%; padding-right: 2%; } .box2_2 { float: right; width: 50%; padding-left: 2%; } .box1_3, .box2_3, .box3_3 { float: left; width: 33.333%; } .box1_3 { padding-left: 0%; padding-right: 2%; } .box2_3 { padding-right: 1%; padding-left: 1%; } .box3_3 { padding-left: 2%; padding-right: 0%; } .box1_3_switch { float: right; width: 33%; padding-left: 2%; } .box_space { float: left; width: 1%; display: none; } .box1-3_switch { float: left; width: 33%; padding-right: 2%; } .box1-3 { float: right; width: 33%; padding-left: 2%; } .box2-3 { float: left; width: 66%; padding-right: 2%; } .box2-3_switch { float: right; width: 66%; padding-left: 2%; } .box1-4 { float: right; width: 25%; padding-left: 2%; } .box1-4_switch { float: left; width: 25%; padding-right: 2%; } .box3-4 { float: left; width: 75%; padding-right: 2%; } .box3-4_switch { float: right; width: 75%; padding-left: 2%; } .box9-10 { float: left; width: 90%; padding-left: 1%; } .box1-10 { float: right; width: 10%; } .box9-10_switch { float: right; width: 90%; } .box1-10_switch { float: left; width: 10%; padding-right: 1%; } .box1_4, .box2_4, .box3_4, .box4_4 { float: left; width: 25%; padding-right: 2%; padding-left: 2%; } .box1_5, .box2_5, .box3_5, .box4_5, .box5_5 { float: left; width: 20%; padding-left: 0%; padding-right: 1%; } .blog_style.blog_tiny_header.single_con_view .content_el { padding-right: 33%; } .box1_6, .box2_6, .box3_6, .box4_6, .box5_6, .box6_6 { float: left; width: 16.6667%; padding-left: 0%; padding-right: 1%; } .box1_8, .box2_8, .box3_8, .box4_8, .box5_8, .box6_8, .box7_8, .box8_8 { float: left; width: 12.5%; padding-left: 0%; padding-right: 1%; } .box1_10, .box2_10, .box3_10, .box4_10, .box5_10, .box6_10, .box7_10, .box8_10, .box9_10, .box10_10 { float: left; width: 10%; padding-left: 0%; padding-right: 1%; } .content_el { clear: both; width: 100%; } .content_el:after { clear: both; content: " "; display: block; height: 20px; } .content_el_footer { display: block; clear: both; width: 100%; margin-top: 0.75em; border-top: 0px solid rgba(0, 0, 0, 0.25); } .content_el_footer .content_el_footer_comments { float: left; width: 66%; padding-right: 1.5em; display: none; } .content_el_footer .content_el_footer_share_links { float: right; width: 25%; } .content_el_footer .content_el_footer_feedback { display: none; } .single_con_view .content_el_footer .content_el_footer_feedback { display: block; float: left; } .content_el_footer:after { content: " "; display: block; width: 100%; height: 0px; clear: both; } .content_short_text { float: left; width: 80%; } .content_short_text.img_available { clear: none; float: left; width: 66%; } .content_short_text:after, .content_prev_img:after { clear: both; width: 100%; height: 20px; content: " "; display: block; } .content_full_link { clear: both; margin-top: 15px; font-size: 90%; font-weight: bold; } .content_prev_img { float: right; width: 30%; text-align: right; } .content_short_headline { clear: both; display: block; width: 100%; line-height: 120%; margin-bottom: 15px; } hr.content_short_hr { clear: both; height: 15px; margin-bottom: 15px; border: 0px; border-bottom: 1px solid #000000; display: block; } .content_el_date { float: right; text-align: right; font-size: 75%; opacity: 0.7; } .content_comments_container { font-size: 75%; opacity: 0.7; } .content_comments { opacity: 1.0; } .content_el_scroll_loader { min-height: 200px; } a.link_jump_aim, a.link_jump_aim:hover { width: 1px; height: 1px; font-size: 1px; line-height: 1px; text-decoration: none; visibility: collapse; } .link_jump_aim img { vertical-align: middle; } p.p_jump_aim_only, a.link_jump_aim, .link_jump_aim_invisible { font-size: 0px; height: 0px; display: inline; line-height: 0px; margin: 0px; padding: 0px; } .scroll_anchor { height: 0px; line-height: 0px; overflow: hidden; display: none; } ul.ul_list, li.li_list { margin: 0px; padding: 0px; list-style: none; } ul.ul_list { clear: both; padding-bottom: 0.1em; padding-top: 0.75em; } li.li_list { margin-left: 14px; max-width: 800px; line-height: 1.5em; margin-bottom: 0.75em; } li.li_list:before { float: left; content: "■"; margin-top: -2px; margin-left: -13px; padding-right: 5px; color: rgba(137, 186, 23, 1.0); font-weight: bold; } input.select { width: 100%; border: 1px solid #CCCCCC; padding-left: 3px; } .select_helper { border: 1px solid #CCCCCC; margin-right: -5px; } select.input { border: 0px; width: 100%; } .list_element { float: left; width: 7%; max-width: 30px; display: block; } .list_content { float: left; width: 90%; display: block; } .content_left .list_element { width: 10%; } .content_left .list_content { width: 85%; } .box1_2 .list_element, .box2_2 .list_element { width: 8%; } .box1_2 .list_content, .box2_2 .list_content { width: 86%; } .box1_3 .list_element, .box2_3 .list_element, .box1_3 .list_element, .box3_3 .list_element, .box1-3 .list_element { width: 12%; } .box1_3 .list_content, .box2_3 .list_content, .box3_3 .list_content, .box1-3 .list_content { width: 82%; } .box2-3 .list_element { width: 6%; } .box2-3 .list_content { width: 88%; } .download_pdf_thumb_link img { max-width: 50px; float: left; padding-right: 20px; } .download_pdf_thumb_link label { padding-top: 15px; float: left; display: inline-block; } .download_pdf_thumb_link label span.download_type_size { clear: both; display: block; margin: 0px; } p.space_1 { display: block; padding-top: 1em; } p.space_2 { padding-top: 2em; display: block; } p.space_3 { padding-top: 3em; display: block; } p.space_4 { padding-top: 4em; display: block; } p.space_5 { padding-top: 5em; display: block; } table.table { width: 100%; max-width: 100%; table-layout: fixed; margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0px; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; } table.table_head, .table_head td { background-color: #cadd99; color: #000000; margin: 0px; padding: 0px; font-weight: bold; } tr.table_row { margin: 0px; padding: 0px; } tr.table_row td.table_cell:first-child { padding: 0.25em; } td.table_cell { border: 0px; margin: 0px; padding: 5px; vertical-align: top; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; word-break: break-word; } tr.table_head td.table_cell { padding: 0em; } tr.table_head td p, tr.table_head th p { padding: 0px; margin: 0px; } .spam_block_helper { width: 1px; height: 1px; overflow: hidden; font-size: 0.1px; line-height: 0.1%; } .clicktab { max-width: 100%; width: 100%; clear: both; display: block; } .clicktab_button_container { float: left; margin-right: 1px; display: table-cell; } .clicktab_text { clear: both; background-color: #FEFEFE; min-height: 150px; border: 1px solid #ababab; padding: 10px; padding-bottom: 15px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .clicktab_text:after { clear: both; width: 100%; content: " "; visibility: hidden; display: block; height: 0px; } .clicktab_button, .clicktab_button_active { float: left; } .clicktab_button a, .clicktab_button_active a { display: block; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; border: 1px solid #777777; border-bottom: 0px; background-color: #4E4E4E; background: linear-gradient(to bottom, #4E4E4E 0%, #353535 100%); text-decoration: none; color: rgba(255, 255, 255, 1.0); } .clicktab_button a:hover, .clicktab_button.active a, .clicktab_button.active a:hover { background-color: #4E4E4E; background: linear-gradient(to bottom, #1A5D9E 0%, #004484 100%); color: rgba(255, 255, 255, 1.0); text-decoration: none !important; display: block; } .clicktab_text_holder { display: none; } .clicktab_button_text_spacer { display: none; clear: both; height: 0px; line-height: 0px; } p.p_click_tab_text { margin: 0px; width: 100%; clear: both; } div.balloontip_a, div.ballon_tip_a { position: relative; display: block; } a.balloontip_a:hover, a.ballon_tip_a:hover { cursor: help; } div.balloontip_container { position: absolute; top: 15px; left: 15px; min-width: 50px; min-height: 50px; padding: 5px; background-color: #FEFEFE; opacity: 0.8; z-index: 50000; border: 1px solid #333333; } div.expandable_box { padding-bottom: 2em; } div.expandable_box a.expandable_box_show_link, div.expandable_box a.expandable_box_hide_link { font-weight: 400; text-decoration: none !important; width: 100%; display: block; clear: both; background-color: rgba(128, 128, 128, 1.0); color: rgba(240, 240, 240, 1.0); padding: 0.5em; } div.expandable_box_hidden_text { border: 1px solid rgba(128, 128, 128, 1.0); clear: both; margin-top: 0px; margin-bottom: 15px; padding: 0.5em; } div.expandable_box_hidden_text > span { display: inline-block; padding: 0.5em; } .expandable_box_show_link .expandable_box_less_text, .expandable_box_show_link .expandable_box_more_text { display: none; } .expandable_box_show_link .expandable_box_less_text.active, .expandable_box_show_link .expandable_box_more_text.active { display: block; } div.overlay_box_container { position: relative; margin-bottom: 1em; display: inline-block; cursor: help; } div.overlay_box_content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 2.5em; z-index: 10; background-color: rgba(0, 0, 0, 0.8); color: rgba(255, 255, 255, 1.0); display: none; } div.overlay_box_content a { background-color: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); border-radius: 0.5em; padding: 0.25em; padding-left: 1.5em; padding-right: 1.5em; display: inline-block; } div.overlay_box_container:hover div.overlay_box_content { display: block; } .vis_helper { width: 1px; height: 1px; font-size: 1px; overflow: hidden; } .cscl_input, .sharing_input { display: block; overflow: visible; opacity: 1; position: absolute; width: 100%; padding: 0.5em; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px; z-index: 10; height: auto; } .cscl_input input, .sharing_input input { width: 100%; border: 1px solid rgba(0, 0, 0, 0.25); padding: 0.25em; } .img_preloader { width: 1px; height: 0px; overflow: hidden; } .tool_tip, .tool_tipp, .tooltip { cursor: help; } .video_player, .video_player div, video, iframe, object, embed { max-width: 100%; } .video_container video { } .video_container video:fullscreen { -webkit-object-fit: contain; -moz-object-fit: contain; -ms-object-fit: contain; -o-object-fit: contain; object-fit: contain; } .img_smiley { display: inline-block; width: 30px; height: 30px; overflow: hidden; background-image: url("../img/cms/smileys.svg"); background-size: 100% auto; background-repeat: no-repeat; } .img_attachment { float: right; display: inline-block; width: 30px; height: 30px; overflow: hidden; background-image: url("../img/cms/attachment.svg"); background-size: 100% auto; background-repeat: no-repeat; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; } .img_attachment input { position: absolute; z-index: 100; opacity: 0.001; cursor: pointer; } .img_attachment span.chat_attachment_info { position: absolute; top: 0px; left: 0px; z-index: 99; pointer-events: none; } .img_attachment:hover { text-decoration: none !important; opacity: 0.75; } .date_select_container { position: absolute; width: 400px; max-width: 400px; z-index: 500; } table.date_select { padding: 5px; max-width: 100%; width: 100%; min-width: 100%; border: 1px solid rgba(128, 128, 128, 0.5); border-collapse: collapse; background-color: rgba(255, 255, 255, 0.9); } table.date_select td, table.date_select th { text-align: center; border: 1px solid rgba(128, 128, 128, 0.5); border-collapse: collapse; padding: 0px; margin: 0px; } table.date_select th { background-color: rgba(128, 128, 128, 0.85); } table.date_select th, table.date_select th a { color: rgba(255, 255, 255, 1.0); text-decoration: none; } table.date_select tr.date_select_week_days td { background-color: rgba(200, 200, 200, 0.75); font-size: 80%; } table.date_select tr td a { text-decoration: none; display: block; width: 100%; } table.date_select tr td a:hover { color: rgba(155, 155, 155, 1.0); background-color: --%main_color%; text-decoration: none; } table.date_select tr td a:visited { color: rgba(155, 155, 155, 0.5); text-decoration: none; } .js_scrollbar_range { position: fixed; opacity: 0.25; border: 0px; z-index: 999; width: 20px; padding-left: 5px; padding-right: 5px; cursor: pointer; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .js_scrollbar_range:hover { opacity: 1.0; } .show_code_block_container { clear: both; width: 100%; display: block; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; overflow: hidden; } .show_code_block_header { clear: both; display: block; padding: 0.5em; background-color: rgba(200, 200, 200, 1.0); color: rgba(0, 0, 0, 1.0); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; font-weight: bold; } .show_code_block { position: relative; display: block; width: 100%; background-color: rgba(15, 15, 15, 1.0); border: 2px solid rgba(200, 200, 200, 1.0); border-top: 0px; color: rgba(255, 255, 255, 1.0); padding-right: 0.5em; padding-top: 1.5em; line-height: 1.25em; max-height: 30em; overflow-y: auto; font-family: "Source Code Pro", "Courier New", Monaco, monospace !important; } .show_code_block:after { content: " "; display: block; clear: both; width: 100%; height: 1.25em; } .show_code_block_line_number { position: absolute; padding-top: 2em; padding-bottom: 1.5em; width: 2em; top: 0px; left: 0px; bottom: 0px; font-family: "Source Code Pro", "Courier New", Monaco, monospace !important; } .show_code_block .cbd_code_tab { display: inline-block; width: 2em; } .show_code_block .cbd_function, .show_code_block .cbd_html_tag { color: rgba(255, 175, 10, 1.0); } .show_code_block .cbd_code_word { color: rgba(225, 225, 100, 1.0); } .show_code_block .cbd_variable { font-weight: bold; color: rgba(75, 100, 170); } .show_code_block .cbd_number { color: rgba(225, 75, 25, 1.0); } .show_code_block .cbd_string, .show_code_block .cbd_string .code_block_def { color: rgba(50, 225, 50) !important; } span.img_map_container { position: relative; display: block; } span.img_map_container a.img_map_link { position: absolute; display: block; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.0); } span.img_map_container a.img_map_link:hover { text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.1); } /* File:  style_flex_helper.css */ .box_flex_container { display: flex; clear: both; width: 100%; flex-wrap: wrap; } .box_flex_container.box_valign_center { align-items: center; } .box_flex_container.box_valign_center .more_button:after { height: 0em; } /* File:  style_float_helper.css */ .rel { position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; } .clear, .full { clear: both; display: block; } .clear_middle { clear: both; font-size: 50%; line-height: 50%; display: block; } .clear_small { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; } .clear_fix:after { content: " "; clear: both; display: block; height: 0px; } .inline_block { display: inline-block; overflow: visible; } .twentyth, .twentith, .thirdteenth, .twelfth, .eleventh, .tenth, .eight, .seventh, .sixth, .fifth, .quad, .third, .half, .half_right, .twothird, .threequad, .eighttenth, .fivesixth, .ninetenth { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .twentyth, .twentith { float: left; width: 5%; } .thirdteenth{ float: left; width: 7%; } .twelfth { float: left; width: 8.333%; } .eleventh { float: left; width: 9.09%; } .tenth { float: left; width: 10%; } .eight { float: left; width: 12%; } .seventh { float: left; width: 14%; } .sixth { float: left; width: 16%; } .fifth { float: left; width: 20%; } .quad { float: left; width: 25%; } .third { float: left; width: 33%; } .half { float: left; width: 49%; } .half_right { float: right; width: 49%; } .twothird { float: left; width: 66%; } .threequad { float: left; width: 74%; } .eighttenth { float: left; width: 79%; } .fivesixth { float: left; width: 83%; } .ninetenth { float: left; width: 89%; } .float_left_space_large { float: left; width: 4%; } .float_left_space_medium { float: left; width: 2%; } .float_left_space_small { float: left; width: 1%; } .float_left_space_radio { float: left; width: 15px; } img { max-width: 100%; height: auto; } img.vector_img { max-width: 100%; } .left { float: left; } .right { float: right; } .checkbox_n_label_cb { display: block; float: left; width: 2.5em; } .checkbox_n_label_label { display: block; float: left; max-width: 90%; width: calc(100% - 2.5em); max-width: calc(100% - 2.5em); } /* File:  style_fontsize_zoom.css */ .fs_zoom_container { float: left; width: 150px; margin-top: -2px; margin-left: 18px; } .fs_zoom_label { float: left; } .fs_zoom_buttons { float: right; padding-top: 8px; } .fs_zoom_buttons a { margin-top: -2px; margin-right: 5px; } .fs_zoom_buttons a.active span { text-decoration: underline; } .content_el_zoom_minus3, .fs_zoom_minus3 { font-size: 0.25em; line-height: normal; } .content_el_zoom_minus2, .fs_zoom_minus2 { font-size: 0.5em; line-height: normal; } .content_el_zoom_minus1, .fs_zoom_minus1 { font-size: 0.75em; line-height: normal; } .fs_zoom { font-size: 1em; line-height: normal; } .content_el_zoom1, .fs_zoom1 { font-size: 1.15em; line-height: normal; } .content_el_zoom2, .fs_zoom2 { font-size: 1.75em; line-height: normal; } .content_el_zoom3, .fs_zoom3 { font-size: 2em; line-height: normal; } /* File:  style_img_captcha.css */ .img_captcha_img { display: inline-block; margin-right: 2em; } .img_captcha_input { display: inline-block; } .img_captcha_input label { margin-bottom: 0.5em; display: inline-block; } /* File:  style_lan_select.css */ .lan_selection { position: relative; float: right; width: 15%; font-size: 75%; padding-right: 5%; padding-top: 0.25em; } .lan_selection a { float: left; display: inline-block; color: rgba(99, 99, 99, 1.0); text-transform: uppercase; width: 50%; padding-bottom: 0.333em; position: relative; z-index: 50; } .lan_selection a.active, .lan_selection a:hover { color: rgba(137, 186, 23, 1.0); text-decoration: underline; } .lan_selection a:nth-child(2n+1) { clear: both; } /* File:  style_main_navi.css */ .main_navi_icons { float: left; width: 83%; padding-top: 0.25em; } .main_navi_icons ul { margin: 0px; padding: 0px; } .main_navi_icons li { float: left; display: inline-block; position: relative; overflow: visible; width: 12.5%; padding-left: 2.5%; padding-right: 2.5%; z-index: 5; margin: 0px; } .main_navi_icons li a { display: block; width: 100%; max-width: 34px; max-height: 34px; line-height: 34px; height: 34px; min-width: 34px; background-image: url("../img/layout/mn_icon_sprite.svg"); background-repeat: no-repeat; background-size: 200% auto; color: rgba(0, 0, 0, 0.0); } .main_navi_icons li:hover a:before, .main_navi_icons li.active a:before { position: absolute; content: " "; top: -15px; left: 0px; width: 95%; height: 15px; background-image: url("../img/layout/mn_icon_active.svg"); background-size: 100%; z-index: 10; } .main_navi_icons li:hover a:before { background: none; } .main_navi_icons li.mn_home a { background-position: 0% 0.01%; } .main_navi_icons li.mn_video a { background-position: 0% 6.95%; } .main_navi_icons li.mn_downloads a { background-position: 0% 13.9%; } .main_navi_icons li.mn_img a { background-position: 0% 21%; } .main_navi_icons li.mn_press a { background-position: 0% 27.825%; } .main_navi_icons li.mn_benefits a { background-position: 0% 34.75%; } .main_navi_icons li.mn_references a { background-position: 0% 42%; } .main_navi_icons li.mn_testimonials a { background-position: 0% 49%; } .main_navi_icons li.mn_news a { background-position: 0% 56%; } .main_navi_icons li:hover a, .main_navi_icons li.active a { background-position-x: 100%; } footer .main_navi_custom_tool_tip { display: none; } .main_navi_custom_tool_tip { display: block; position: absolute; z-index: 5; padding-top: 0.5em; padding-right: 2.5%; transition: 0.75s all ease; font-size: 75%; left: 50%; transform: translateX(-50%); word-break: keep-all; } .main_navi_el:hover .main_navi_custom_tool_tip { opacity: 0.9; } .main_navi { float: left; padding-top: 1em; } .main_navi:after { clear: both; content: " "; display: block; width: 100%; height: 0px; } .main_navi ul { clear: both; margin: 0px; padding: 0px; } .main_navi li { list-style: none; display: inline-block; margin: 0px; padding: 0px; } .main_navi li a { display: block; text-decoration: none; color: rgba(99, 99, 99, 1.0); } .main_navi li.active a, .main_navi li:hover a { text-decoration: underline; color: rgba(99, 99, 99, 1.0); } .main_navi li a:before { content: "|"; display: inline-block; padding-right: 0.45em; padding-left: 0.25em; } .main_navi li.first a:before { display: none; } .main_navi li.mn_benefits a, .main_navi li.mn_references a, .main_navi li.mn_testimonials a, .header_right li.mn_benefits .main_navi_custom_tool_tip, .header_right li.mn_references .main_navi_custom_tool_tip, .header_right li.mn_testimonials .main_navi_custom_tool_tip { color: rgba(137, 186, 23, 1.0); } .mobile_menu_button { width: 50px; height: 50px; background-image: url('../img/layout/mobile_menu_button.svg'); background-repeat: no-repeat; background-size: cover; display: none; } /* File:  style_navi_pos.css */ .navi_pos { padding-top: 25px; padding-bottom: 25px; font-size: 75%; border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .navi_pos_label { float: left; padding-right: 5px; } .navi_pos_path { float: left; } /* File:  style_new_content_info.css */ .new_content_info { position: absolute; z-index: 10; top: 105px; left: 1%; width: 165px; left: 33px; color: #BB5555; font-size: 95%; } .new_content_info a { display: inline-block; color: #FFB300; text-decoration: underline; font-weight: bold; } .new_content_info_label { color: #666666; opacity: 0.8; font-size: 50%; clear: both; display: block; } /* File:  style_page_flip.css */ .page_flip_container { width: 100%; text-align: center; } .page_flip_container:after { clear: both; content: " "; display: block; width: 100%; } .page_flip_container ul, .page_flip_container li { list-style-type: none; margin: 0px; padding-left: 10px; padding-right: 10px; display: inline-block; } .page_flip_info { float: left; width: 33.333%; text-align: left; line-height: 200%; } .page_flip_numbers { padding-top: 0px; float: right; width: 33.333%; line-height: 200%; } .page_flip_numbers li.active a { text-decoration: none !important; } .page_flip_show_all { clear: both; } .page_flip:after { width: 100%; clear: both; content: " "; display: block; width: 100%; } .page_flip { font-size: 80%; margin-left: auto; margin-right: auto; display: block; } .page_flip_bottom { clear: both; margin-bottom: 1.5em; margin-top: 1em; padding-top: 0.5em; border-top: 1px solid --%light_grey_font_color%; } .page_flip_top { clear: both; height: 40px; } .page_flip_all { clear: both; } .page_flip_info { float: left; display: inline; } .page_flip_numbers { float: left; display: inline; } .page_flip_numbers ul { list-style: none; margin: 0px; padding: 0px; } .page_flip_numbers li { float: left; margin-left: 2px; margin-right: 2px; line-height: 90%; margin-top: 0.5em; padding: 0em; transition: 0.333s all ease; display: inline-block; } .page_flip_numbers li.last, .page_flip_numbers li.prev, .page_flip_numbers li.next { border: 0px; } .page_flip_numbers li.next, .page_flip_numbers li.prev { transform: scale(1.75); } .page_flip_numbers li a { text-decoration: none; vertical-align: middle; padding: 0.5em; padding-top: 0.333em; padding-bottom: 0.333em; } .page_flip_numbers li.active a, .page_flip_numbers li a:hover { font-weight: bold; display: inline-block; padding-top: 0.0em; text-decoration: none; } .page_flip_numbers li.active a, .page_flip_numbers li a:hover { transform: scale(1.75); } .page_flip_container.page_flip_with_epp_select { text-align: left; display: block; clear: both; padding: 0.5em; padding-left: 0em; padding-right: 0em; background-color: --%highlight_color%; color: --%text_color_invert%; } .page_flip_container.page_flip_with_epp_select a { color: --%text_color_invert%; } .ps_result_page_header_container .page_flip_container.page_flip_with_epp_select { margin-bottom: 1.25em; } .ps_result_page_footer_container .page_flip_container.page_flip_with_epp_select { margin-top: 2em; } .page_flip_container.page_flip_with_epp_select .page_flip_info { float: left; width: 10%; line-height: 175%; } .page_flip_container.page_flip_with_epp_select .page_flip { float: left; width: 100%; } .page_flip_container.page_flip_with_epp_select .page_flip_per_page_select { float: left; width: 33%; } .page_flip_container.page_flip_with_epp_select .page_flip_numbers { float: left; width: 23%; line-height: 100%; } .page_flip_container.page_flip_with_epp_select .page_flip_numbers li { line-height: 120%; } .page_flip_container.page_flip_with_epp_select .page_flip_per_page_select .page_flip_per_page_select_info { float: left; width: 33%; text-align: left; } .page_flip_container.page_flip_with_epp_select .page_flip_per_page_select .page_flip_per_page_entries { float: left; width: 66%; } .page_flip_container.page_flip_with_epp_select .page_flip_per_page_select .page_flip_per_page_entries a { padding-left: 0.5em; padding-right: 0.5em; display: inline-block; } .page_flip_container.page_flip_with_epp_select .page_flip_per_page_select .page_flip_per_page_entries a.active, .page_flip_container.page_flip_with_epp_select .page_flip_per_page_select .page_flip_per_page_entries a:hover { font-weight: bold; transform: scale(1.75); line-height: 75%; } .page_flip_order_by { float: right; width: 33%; } .page_flip_order_by_label { float: left; width: 33%; } .page_flip_order_by_select { float: right; width: 66%; } /* File:  style_preset_animator.css */ .pani_container { position: relative; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.15); max-width: 100%; max-height: auto; } .pani_container p { margin-top: 0px; margin-left: 0px; } /* File:  style_ratings.css */ .rating_container { float: left; width: 25%; opacity: 0.7; font-size: 75%; } .rating_container .rating_message { font-size: 80%; } .rating_container .rating_label, .rating_container .rating_mark { display: none; } .rating_container .star_reached, .rating_container .star_not_reached { text-decoration: none; display: inline-block; color: --%highlight_color%; transition: 0.25s ease all; cursor: pointer; } .rating_container .star_reached.active, .rating_container .star_not_reached.active { transform: scale(1.25); padding-left: 0.125em; padding-right: 0.125em; text-decoration: none; } .rating_container .star_reached.active:hover, .rating_container .star_not_reached.active:hover { transform: scale(1.75); padding-left: 0.25em; padding-right: 0.25em; } .rating_container a:hover { cursor: pointer; text-decoration: none; } /* File:  style_search_field.css */ .search_field_container { clear: both; display: block; } .search_field_container:after { clear: both; content: " "; width: 100%; height: 15px; display: block; } .search_field_container input { float: left; width: 75%; background-color: rgba(255, 255, 255, 1.0); background: linear-gradient(to bottom, rgba(244, 244, 244, 1.0) 0%, rgba(255, 255, 255, 1.0) 50%, rgba(244, 244, 244, 1.0) 100%); padding: 19px; font-size: 125%; border: 0px; box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); border-radius: 10px; } .search_field_container a { float: right; max-width: 25%; display: block; width: 59px; height: 60px; background-color: --%search_button_bg_color%; background: url("../img/layout/icon_search.png"), linear-gradient(to bottom, --%search_button_bg_color% 0%, --%search_button_bg_color2% 100%); box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); background-repeat: no-repeat !important; background-size: 100% auto !important; background-position: center center !important; border-radius: 10px; } .search_field_container a:hover { opacity: 0.75; } /* File:  style_shortcuts.css */ .mn_home_shortcuts .content { background-color: rgba(225, 237, 196, 1.0); margin-bottom: 10em; } .mn_home_shortcuts .content:after { height: 75px; } div.shortcuts { clear: both; width: 100%; display: flex; flex-flow: row; flex-wrap: wrap; gap: 2.75%; } .shortcuts:after { clear: both; width: 100%; content: " "; height: 0px; } .shortcuts img { filter: grayscale(1.0); opacity: 0.9; transition: 0.25s ease all; border: 1px solid rgba(0, 0, 0, 0.05); } .shortcuts > div.box1_2, .shortcuts > div.box2_2, .shortcuts > div.box1_3, .shortcuts > div.box2_3, .shortcuts > div.box3_3 { padding: 1em; border: 1px solid rgba(255, 255, 255, 0.0); background-color: rgba(255, 255, 255, 1.0); margin-top: 1em; margin-bottom: 1em; width: 47.45%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .shortcuts > div.box1_3, .shortcuts > div.box2_3, .shortcuts > div.box3_3 { width: 30.75%; } .shortcuts > div > p:first-child { margin-top: 0em; } .shortcuts > div.box1_2:hover img, .shortcuts > div.box2_2:hover img, .shortcuts > div.box1_3:hover img, .shortcuts > div.box2_3:hover img, .shortcuts > div.box3_3:hover img { filter: grayscale(0.0); opacity: 1.0; } .shortcuts a { text-decoration: none; } .shortcut_start p { max-width: 100%; font-size: 146.667%; font-weight: normal; line-height: 135%; font-family: 'CorpoARegular', Georgia, Arial, Verdana, serif; color: rgba(137, 186, 23, 1.0); } .shortcuts a > strong { text-decoration: none; font-size: 120%; line-height: 133%; font-family: 'CorpoARegular', Georgia, Arial, Verdana, serif; margin-bottom: 0.5em; display: inline-block; } .shortcuts .button_more a { display: inline-block; padding: 1em; padding-top: 0.25em; padding-bottom: 0.25em; background-color: rgba(137, 186, 23, 1.0); color: rgba(255, 255, 255, 1.0); text-decoration: none; transition: 0.25s ease all; border: 1px solid rgba(137, 186, 23, 1.0); min-width: 4.25em; text-align: center; } .shortcuts .button_more a:hover { background-color: rgba(255, 255, 255, 1.0); color: rgba(137, 186, 23, 1.0); border: 1px solid rgba(137, 186, 23, 1.0); } .intro_text { margin-top: -0.333em; margin-bottom: -0.5em; font-size: 146.667%; font-weight: normal; line-height: 135%; font-family: 'CorpoARegular', Georgia, Arial, Verdana, serif; text-align: center; } .intro_text h1.headline { font-size: 100%; max-width: 100%; margin-bottom: 0px; } .intro_text p { margin-left: auto; margin-right: auto; margin-top: 0px; letter-spacing: 0.035em; } .intro_text p span.intro_line2 { letter-spacing: 0.025em; } .visit_lan_en .intro_text p { max-width: 685px; letter-spacing: 0.0175em; } .visit_lan_en .intro_text p span.intro_line2 { letter-spacing: -0.0225em; } .shortcuts > div.box1_2 p:nth-child(2), .shortcuts > div.box2_2 p:nth-child(2) { min-height: 85px; } .shortcuts > div.box1_3 p:nth-child(2), .shortcuts > div.box2_3 p:nth-child(2), .shortcuts > div.box3_3 p:nth-child(2) { min-height: 112px; } /* File:  style_side_navi.css */ .side_navi { clear: both; display: block; width: 100%; color: rgba(99, 99, 99, 1.0); font-size: 73.333%; padding-top: 1em; } ul.side_navi_ul { display: inline-block; margin: 0px; padding: 0px; } ul.side_navi_ul li { display: inline-block; margin: 0px; padding: 0px; } ul.side_navi_ul li a { color: rgba(99, 99, 99, 1.0); } ul.side_navi_ul li a:hover, ul.side_navi_ul li.active a { text-decoration: underline; } ul.side_navi_ul li a:before { content: "|"; display: inline-block; padding-left: 0.25em; padding-right: 0.5em; } ul.side_navi_ul li.first a:before { display: none; } /* File:  style_social_media_buttons.css */ .social_media_share_buttons { clear: both; width: 100%; display: block; padding-top: 0.5em; padding-bottom: 0.75em; } .social_media_share_buttons:after { clear: both; width: 100%; content: " "; display: block; } .social_media_share_buttons div { display: block; width: 100%; clear: both; float: left; margin-right: 1em; text-align: center; transition: 0.5s ease all; margin-bottom: 0.25em; } .social_media_share_buttons div:hover { transform: scale(1.1); } .social_media_share_buttons a { width: 100%; color: rgba(255, 255, 255, 1.0); padding: 0.25em; padding-left: 2em; padding-right: 2em; display: block; text-decoration: none !important; } .social_media_share_buttons a:hover { color: rgba(255, 255, 255, 1.0); } .social_media_share_buttons .smsb_twitter { background-color: rgba(29, 161, 242, 1.0); } .social_media_share_buttons .smsb_google_plus { background-color: rgba(218, 73, 51, 1.0); } .social_media_share_buttons .smsb_facebook { background-color: rgba(57, 87, 151, 1.0); } .social_media_share_buttons .smsb_xing { background-color: rgba(27, 86, 97, 1.0); } .social_media_share_buttons .smsb_linkedin { background-color: rgba(0, 118, 179, 1.0); } .social_media_share_buttons .smsb_pinterest { background-color: rgba(187, 9, 25, 1.0); } .social_media_share_buttons .smsb_pocket { background-color: rgba(239, 64, 86, 1.0); } .social_media_share_buttons .smsb_whatsapp { background-color: rgba(77, 194, 71, 1.0); } .social_media_share_buttons .smsb_telegram { background-color: rgba(0, 136, 204, 1.0); } .social_media_share_buttons .smsb_threema { background-color: rgba(74, 74, 74, 1.0); } .social_media_share_buttons .smsb_reddit { background-color: rgba(255, 69, 0, 1.0); } .social_media_share_buttons .smsb_teams { background-color: rgba(84, 90, 174, 1.0); } .social-buttons { margin-top: 20px; clear: both; padding-top: 15px; background-image: url("../img/cms/icon_social_share_01.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; height: 65px; cursor: pointer; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; } .social-buttons:after { content: " "; display: block; width: 100%; clear: both; height: 0px; } .social-buttons:hover { transform: scale(1.05); } .bt_twitter, .bt_facebook, .bt_google_plus, .bt_xing, .bt_linkedin { clear: both; width: auto; display: block; padding: 5px; } .sharing_input { position: absolute; z-index: 1000; } .sharing_link { text-align: right; padding-bottom: 2em; position: relative; } .sharing_link_input { text-align: left; } .content_single_con_link > div > a { font-size: 75%; color: rgba(0, 0, 0, 0.5); } /* File:  style_step_navi.css */ .step_navi { position: absolute; bottom: 0px; z-index: 51; width: 99.5%; left: 3px; z-index: 750; background: linear-gradient(to top, rgba(55, 171, 73, 1) 50%, rgba(55, 171, 73, 0.0) 100%); } .step_navi a { display: block; width: 70px; height: 70px; background-image: url("../img/layout/startpage_icons.png"); background-repeat: no-repeat; text-decoration: none; } .step_navi a:hover { opacity: 0.8; } .step_navi a.step_navi_prev { float: left; background-position: left -620px; } .step_navi a.step_navi_next { float: right; background-position: left -690px; } .content_center_wide .step_navi, .content_center_albatros .step_navi { background: none; margin-top: 10px; bottom: -20px; } /* File:  style_threed_object.css */ .threed_object_container { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; background: linear-gradient(to top, #CCCCCC 0%, #EFEFEF 100%); box-shadow: 0px 0px 2px rgba(0,0,0,0.55); } .threed_object { min-height: 200px; } .threed_object_container input[type="range"] { padding: 0px; margin: 0px; width: 100%; box-sizing: border-box; } .threed_object:hover { cursor: url("../img/cms/cursor_rotate.cur"), move; } .threed_object_container a.threed_object_play_button, .threed_object_container a.threed_object_pause_button { text-decoration: none !important; cursor: pointer; padding: 5px; border-radius: 3px; width: 2em; height: 2em; line-height: 100%; display: block; background: linear-gradient(to top, #CDCDCD 0%, #FFFFFF 50%, #CDCDCD 100%); box-shadow: 0px 0px 3px rgba(30,30,30,0.75); font-family: Arial; font-size: 12px; text-align: center; } .threed_object_container a.threed_object_play_button { padding-left: 6px; padding-right: 4px; } .threed_object_container a.threed_object_play_button:hover, .threed_object_container a.threed_object_pause_button:hover { background: linear-gradient(to top, #EEEEEE 0%, #DDDDDD 33%, #DDDDDD 66%, #EEEEEE 100%); box-shadow: 0px 0px 2px rgba(30,30,30,0.75); } /* File:  style_txt.css */ .txt_info { color: #A90000; font-size: 90%; } .txt_info_blue { color: #333399; font-size: 90%; } .txt_search { font-size: 125%; font-weight: bold; } .txt_right { text-align: right; } .txt_right p { float: right; } .txt_left { text-align: left; } .txt_center { text-align: center; } .txt_center > div { margin-left: auto; margin-right: auto; } .txt_small { font-size: 90%; } .txt_small p { margin-top: 0.5em; margin-bottom: 0.5em; } .txt_bold { font-weight: bold; } .download_type_size { margin-left: 5px; display: inline-block; font-size: 80%; } .img_subline { font-style: italic; font-weight: 300; } .window_command_overlay { position: "fixed"; top: 0%; left: 0%; bottom: 0%; right: 0%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000001; } .window_command { position: fixed; display: block; z-index: 1000002; font-size: 1rem; background-color: rgba(255, 255, 255, 1.0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.25); box-sizing: border-box; top: 50%; margin-left: auto; margin-right: auto; left: 0%; right: 0%; padding-bottom: 1.5em; } .window_command_button_select { min-width: 325px; max-width: 90%; text-align: center; } .window_command .button.is_default { font-weight: bold; } .window_command .button.is_default:after { display: inline-block; content: "*"; margin-left: 0.25em; } .window_command h3 { margin-top: 0em; padding-top: 0em; } /* File:  style_zz_custom_form.css */ .custom_form:after { content: " "; display: block; width: 100%; clear: both; } .custom_form form { clear: both; display: block; width: 100%; } .custom_form form:after { content: " "; display: block; width: 100%; clear: both; } .custom_form_input * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 100%; vertical-align: middle; } .cf_field_isolation_container { display: none !important; } .cf_field_isolation_container.active { display: block !important; } .cf_buttons_container { display: none; } .cf_buttons_container.active { display: block; } .custom_form_input select, .custom_form_input input[type="text"], .custom_form_input input[type="number"], .custom_form_input input[type="password"], .custom_form_input textarea { width: 100%; border: 1px solid rgba(128, 128, 128, 0.333); min-height: 30px; height: 30px; font-size: 20px; } .custom_form_input textarea, .custom_form_input input[type="text"], .custom_form_input input[type="password"], .custom_form_input select { width: 100%; } .custom_form_input textarea { min-height: 100px; height: 100px; } .custom_form_input .fill_in, .custom_form_input textarea.fill_in, .custom_form_input input.fill_in { border: 1px solid rgba(128, 128, 128, 0.333) !important; background-color: #FEDDDD !important; } .custom_form_input input[type="file"].fill_in { padding: 0.5em; } .custom_form_checkbox_input { display: block; padding-bottom: 10px; } .custom_form_input .captcha_label { padding-bottom: 10px; } .custom_form_input input[type="checkbox"].fill_in, .custom_form_input input[type="radio"].fill_in { width: 15px; height: 15px; outline: 1px solid #FE6666; margin: 2px; margin-left: 3px; margin-top: 1px; } .custom_form_input textarea { width: 100%; } .custom_field_info { display: block; padding-top: 10px; font-size: 75%; line-height: 110%; opacity: 0.7; } .custom_form_input .custom_form_inbetween_text p { line-height: 35px !important; } .custom_form_input label { font-weight: 600; } .custom_form_input .txt_small p { line-height: 133%; } .custom_form_input .cf_inbetween_text { display: block; margin-top: 2em; } .custom_form_input .cf_inbetween_text label { font-size: 133.333%; color: --%highlight_color%; } .custom_form_input .custom_form_entry { margin-bottom: 0.5em; } .custom_form_input .custom_form_entry .txt_small strong { font-weight: 600; color: --%text_color_bright_grey%; vertical-align: baseline; } .custom_form_input .custom_form_entry.order_amount .quad:first-child { width: 59%; padding-right: 10%; } .custom_form_input .custom_form_entry.order_amount .half { width: 15%; } .custom_form_input .custom_form_entry.order_amount input { text-align: center; } .custom_form_input .cf_inbetween_text.order_amount_info .cf_inbetween_text_info { float: right; width: 20%; text-align: center; display: block; } .custom_form_input .cf_inbetween_text.order_amount_info .cf_inbetween_text_info p { margin-bottom: 0px; } .custom_form_input .cf_radio_button input, .custom_form_input .cf_checkbox input { transform: scale(1.333); vertical-align: bottom; margin-bottom: 0em; } .custom_form_input .cf_radio_button .half label.half { padding-bottom: 0.75em; font-weight: normal; } .custom_form_input .cf_checkbox.cf_opt_in > .quad { display: inline-block; float: right; width: 92%; padding-top: 0.125em; } .custom_form_input .cf_checkbox.cf_opt_in > .half { display: inline-block; float: right; width: 6%; } .custom_form_input .cf_top_margin { margin-top: 2em; } .custom_form_input a { vertical-align: baseline; } /* File:  style_zz_download_center.css */ .download_center { clear: both; width: 100%; margin-top: 10px; } .download_center:after { display: block; width: 100%; content: " "; clear: both; height: 3em; } .dc_head { background-color: --%search_button_bg_color%; clear: both; width: 100%; display: block; color: #333333; font-weight: bold; border-radius: 5px; } .dc_head div, .dc_line_even div, .dc_line_odd div { padding: 5px; } div.dc_nl_head { clear: both; width: 100%; height: 0px; padding: 0px; line-height: 0px; } .dc_line_even { line-height: 22px; } .dc_line_odd { line-height: 22px; } .dc_line_even:after, .dc_line_odd:after { display: block; clear: both; width: 100%; height: 0px; content: " "; } .dc_thumb { float: left; width: 10%; } .dc_thumb img { -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); } .dc_left { float: left; max-width: 60%; margin-right: 5%; padding-left: 30px; } .dc_right { float: right; width: 25%; margin-top: 10px; } .dc_title { width: 100%; line-height: 22px; font-weight: 600; margin-bottom: 10px; } .dc_date { padding-left: 30px; width: 70%; line-height: 22px; margin-bottom: 10px; font-size: 73.333%; float: left; } .dc_desc { width: 100%; line-height: 22px; } .dc_filesize { float: left; width: 30%; line-height: 22px; text-align: center; text-transform: uppercase; font-size: 0.75em; margin-top: 38px; font-style: italic; } .dc_link { float: left; width: 70%; padding-left: 15px; text-align: center; } .dc_link a { background-color: rgba(134,188,36,1); height: 55px; width: 55px; display: block; color: rgba(0,0,0,0); float: left; margin-right: 22px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .dc_link a.download { background-image: url("../img/layout/view.svg"); background-position: center center; background-repeat: no-repeat; background-size: 40px 35px; } .dc_link a.force_download { background-image: url("../img/layout/download.svg"); } .dc_link a:hover { background-color: rgba(255,255,255,1); box-shadow: 0 0 0 3px rgba(134,188,36,1) inset; } .dc_link a:hover.download { background-image: url("../img/layout/view_hover.svg"); } .dc_link a:hover.force_download { background-image: url("../img/layout/download_hover.svg"); } div.dc_nl { display: block; clear: both; width: 100%; height: 1px; line-height: 1px; font-size: 0px; padding: 0px; margin-top: 0px; background-color: #CEE1F1; } .download_center .with_thumb { margin-top: 20px; } .dc_entry_admin_navi_button { display: none; } .dc_entry_admin_navi_button.fast_edit_is_open { display: inline-block; } .dc_entry_admin_navi_container a.button_edit { width: 22px; height: 18px; background-image: url("../img/cms/blue/buttons.svg"); background-repeat: no-repeat; overflow: hidden; transform: scale(0.8); vertical-align: text-top; } /* File:  style_zz_google_maps.css */ .google_maps_container { border: 1px solid rgba(0, 0, 0, 0.1); display: block; position: relative; background-size: contain; background-repeat: no-repeat; background-image: url("../img/cms/map_default_image.svg"); background-color: rgba(208, 218, 234, 1.0); background-position: center center; overflow: hidden; max-width: 100%; } .google_maps_container.el_active:before, .google_maps_container:hover:before { display: none; } .google_maps_container:before { position: absolute; z-index: 5; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../img/cms/map_el.svg"); content: " "; display: block; top: 0%; right: 0%; bottom: 0%; left: 0%; } .google_maps_info_container { position: absolute; left: 0%; top: 0%; bottom: 0%; right: 0%; background-color: rgba(255, 255, 255, 0.9); opacity: 0.0; cursor: help; z-index: 10; transition: 0.25s all ease; overflow-y: scroll; } .google_maps_info_container p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: rgba(33, 33, 33, 1.0); padding: 1.5em; margin: 0px; max-width: 100%; min-width: 90%; } .google_maps_container iframe { border: 0px; } .google_maps_container.gm_tiny .google_maps_info_container p { font-size: 65%; } .google_maps_container:hover .google_maps_info_container { opacity: 1.0; } .google_maps_info_container a.button_fe { cursor: pointer; text-decoration: none !important; padding-left: 1.5em; padding-right: 1.5em; margin-bottom: 0.5em; clear: both; display: inline-block; } @media(max-width: 800px) { .google_maps_container .google_maps_info_container { opacity: 1.0; } .google_maps_container .button_fe { clear: both; width: 100%; margin-bottom: 0.5em; display: block; } } /* File:  style_zz_google_maps_planner.css */ .google_maps_planner_container { border: 1px solid rgba(0, 0, 0, 0.1); display: block; position: relative; background-size: contain; background-repeat: no-repeat; background-image: url("../img/cms/map_default_image.svg"); background-color: rgba(208, 218, 234, 1.0); background-position: center center; overflow: hidden; max-width: 100%; } .google_maps_planner_container.el_active { background-image: url(); background-color: rgba(255, 255, 255, 0.0); } .google_maps_planner_map { width: 100%; min-height: 100px; max-width: 100%; } .gmp_steps { color: #ACACAC; } .adp, .adp-substep{ color: #ACACAC; } body .google_maps_planner_container *, body .google_maps_planner_container { max-width: none; } .google_maps_planner_container.el_active:before, .google_maps_planner_container:hover:before { display: none; } .google_maps_planner_container:before { position: absolute; z-index: 5; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../img/cms/map_el.svg"); content: " "; display: block; top: 0%; right: 0%; bottom: 0%; left: 0%; } .google_maps_planner_info_container { position: absolute; left: 0%; top: 0%; bottom: 0%; right: 0%; background-color: rgba(255, 255, 255, 0.9); opacity: 0.0; cursor: help; z-index: 10; transition: 0.25s all ease; overflow-y: scroll; } .google_maps_planner_info_container p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: rgba(33, 33, 33, 1.0); padding: 1.5em; margin: 0px; max-width: 100%; min-width: 90%; font-size: 75%; } .google_maps_planner_container iframe { border: 0px; } .google_maps_planner_container.gmp_tiny .google_maps_planner_info_container p { font-size: 65%; } .google_maps_planner_container:hover .google_maps_planner_info_container { opacity: 1.0; } .google_maps_planner_info_container a.button_fe { cursor: pointer; text-decoration: none !important; padding-left: 1.5em; padding-right: 1.5em; margin-bottom: 0.5em; clear: both; display: inline-block; } @media(max-width: 800px) { .google_maps_planner_container .google_maps_planner_info_container { opacity: 1.0; } .google_maps_planner_container .button_fe { clear: both; width: 100%; margin-bottom: 0.5em; display: block; } } /* File:  style_zz_iframe_includer.css */ .iframe_includer_container { border: 1px solid rgba(0, 0, 0, 0.1); display: block; position: relative; background-size: contain; background-repeat: no-repeat; background-image: url('../img/cms/special_element/iframe_includer/iframe_default_image.svg'); background-color: rgba(0, 0, 0, 0.25); background-position: center center; overflow: hidden; max-width: 100%; } .ifi_info_container { position: absolute; top: -0.5%; left: -0.5%; right: -0.5%; bottom: -0.5%; padding: 5em; padding-top: 7em; overflow-y: auto; background-color: rgba(255, 255, 255, 0.5); text-align: center; color: rgba(33, 33, 33, 1.0); opacity: 0.0; cursor: help; } .iframe_includer_container:hover .ifi_info_container, .iframe_includer_container:focus .ifi_info_container, .iframe_includer_container:active .ifi_info_container, .iframe_includer_container.is_mobile_user .ifi_info_container, .iframe_includer_container.ifi_show .ifi_info_container { opacity: 1.0; z-index: 10; } .ifi_info_container a.button_fe { cursor: pointer; text-decoration: none !important; padding-left: 1.5em; padding-right: 1.5em; color: rgba(255, 255, 255, 1.0) !important; } @media(max-width: 800px) { .iframe_includer_container { width: 100%; } .iframe_includer_container .ifi_info_container { opacity: 1.0; } .iframe_includer_container .button_fe { clear: both; width: 100%; margin-bottom: 0.5em; display: block; } } /* File:  style_zz_img_slideshow.css */ .img_slideshow_container { clear: both; max-width: 100%; } .img_slideshow_container:after { content: " "; clear: both; width: 100%; } .img_slideshow_container, .img_slideshow_container * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .img_slideshow { max-width: 100%; clear: both; overflow: hidden; border: 0px solid #999999; } .content_el > .img_slideshow_container, .content_el > span > .img_slideshow_container { max-width: 1000%; margin-left: -3.75%; width: 107.5%; } .content_el > .img_slideshow_container > .img_slideshow, .content_el > span > .img_slideshow_container > .img_slideshow { max-width: 1000%; margin-top: -30px; } .img_slideshow_img { position: absolute; width: 100%; height: 100%; background-color: #FFFFFF; text-align: center; border: 0px; border-right: 0px solid #CCCCCC; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 10px; margin-right: 10px; } .img_slideshow_img img { max-width: 100%; max-height: 100%; } .img_slideshow_prev, .img_slideshow_next { position: absolute; z-index: 500; top: 0%; width: 50px; height: 50px; text-align: center; display: none; background-image: url("../img/layout/slideshow_button_next.svg"); background-repeat: no-repeat; background-position: center center; background-size: 75% auto; color: rgba(0, 0, 0, 0.0); filter: drop-shadow(0px 0px 5px #AAAAAA); } .img_slideshow_prev { background-image: url("../img/layout/slideshow_button_prev.svg"); } .img_slideshow_title { position: absolute; z-index: 499; width: 100%; bottom: 5px; left: 15px; right: 15px; text-align: center; display: none; opacity: 0.0; } .img_slideshow_title span { background-color: #aea6a6; background: rgba(0, 0, 0, 0.5); padding: 5px; padding-left: 10px; padding-right: 10px; line-height: 20px; color: #F5F5F5; } .img_slideshow_control { clear: both; width: 100%; min-height: 22px; float: left; text-align: center; background-color: #aea6a6; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.75) 100%); opacity: 0.66; filter: alpha("Opacity=66"); margin-bottom: 15px; display: none; } .content_el div.img_slideshow_control a { text-decoration: none !important; color: #FEFEFE; margin-left: 8px; margin-right: 8px; } .content_el div.img_slideshow_control a.img_slideshow_pause { font-weight: bold; letter-spacing: -1px; } .img_slideshow_control a:hover { text-decoration: none !important; } .img_slideshow_prev a:hover, .img_slideshow_next a:hover { opacity: 1; text-decoration: none !important; } a.img_slideshow_prev, a.img_slideshow_prev:hover { left: 2.5%; text-decoration: none; } a.img_slideshow_next, a.img_slideshow_next:hover { right: 2.5%; text-decoration: none; } .img_slideshow_button_txt { position: relative; text-align: center; width: 100%; height: 100%; font-size: 15px; line-height: 15px; margin-top: -7px; font-weight: bold; top: 50%; opacity: 1; } .img_slideshow_overlay { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 1000; line-height: 50000%; } .img_slideshow_navi_dots { clear: both; text-align: center; line-height: 100%; margin-top: 1.25em; margin-bottom: 1.25em; font-size: 133%; display: none; } .img_slideshow_navi_dots a { text-decoration: none !important; opacity: 0.5; } .img_slideshow_navi_dots a:hover { opacity: 1.0; } .img_slideshow_navi_dots a.active { text-decoration: none; font-weight: 800; opacity: 1.0; } .img_slideshow_overlay div, .img_slideshow_overlay img { opacity: 1.0; filter: alpha("Opacity=100"); } .img_slideshow_overlay_close { position: fixed; z-index: 1010; top: 15px; right: 15px; } .img_slideshow_overlay_img { position: fixed; top: 50%; left: 50%; z-index: 1005; } .img_slideshow_overlay_img img { max-width: 100%; max-height: 100%; } /* File:  style_zz_inline_pdf_viewer.css */ .inline_pdf_viewer_container { display: block; width: 100%; height: 800px; } .inline_pdf_viewer_container:after { display: block; width: 100%; content: " "; height: 0px; } .ipv_canvas_container { max-width: 100%; max-height: calc(100% - 4rem); overflow-y: scroll; text-align: center; background-color: rgba(128, 128, 128, 1.0); padding: 2rem; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.333); } .ipv_canvas_container canvas { display: inline-block; max-width: 100%; max-height: 100%; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.333); } .ipv_page_flip_container { clear: both; display: block; width: 100%; text-align: center; padding: 2rem; } .ipv_page_flip_container ul, .ipv_page_flip_container li { display: inline-block; margin: 0px; padding: 0px; list-style: none; padding-right: 1.5em; } .ipv_page_flip_container li.active { font-weight: bold; } /* File:  style_zz_latest_page_entries.css */ .blog_news { background-color: --%container_left_bg_color%; box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.18); border-radius: 2px; font-size: 90%; padding-left: 5%; padding-right: 5%; padding-top: 15px; padding-bottom: 20px; border-radius: 10px; } .blog_news * { hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .lpe_title { float: left; width: 70%; } .lpe_title:after, .lpe_date:after { content: " "; display: block; width: 100%; height: 0px; clear: both; } .lpe_date { float: right; width: 30%; font-size: 75%; text-align: right; word-break: break-all; } .lpe_title a { font-weight: 600; color: --%container_right_text_color%; text-decoration: none; } .lpe_text { clear: both; } .lpe_text a { font-weight: 600; } .lpe_img { height: 75px; overflow: hidden; } .lpe_img p { margin: 0px; padding: 0px; } .lpe_img img { max-width: 200%; margin-top: -50%; margin-left: -50%; } /* File:  style_zz_newsletter_register.css */ .newsletter_register { } .newsletter_register input { width: 100%; } .newsletter_register select { width: 100%; } .nlr_info { line-height: 125%; } /* File:  style_zz_search_form.css */ .search_form { } .search_form input[type="text"] { width: 100%; } /* File:  style_zz_secured_areas.css */ .fe_logged_in { font-size: 90%; color: #888888; } .fe_logged_in a { text-decoration: none; color: #888888; } .fe_logged_in a:hover { color: #00AED5; } .fe_logged_in hr { border: 0px; height: 1px; line-height: 1px; border: 0px; border-bottom: 1px solid #888888; margin: 0px; padding: 0px; margin-top: 3px; } .page_secured_login input, .page_secured_login input[type="password"] { width: 150px; } .page_secured_login .checkbox_input { float: left; padding-right: 1.25em; width: 3em; } .page_secured_login .checkbox_label { float: left; width: 90%; width: calc(100% - 3em); } .page_secured_login input[type="text"], .page_secured_login input[type="password"] { width: 100%; height: 2em; } /* File:  style_zz_youtube_video.css */ .youtube_video_container { border: 1px solid rgba(0, 0, 0, 0.1); display: block; position: relative; background-size: contain; background-repeat: no-repeat; background-image: url('../img/cms/video_default_image.svg'); background-color: rgba(0, 0, 0, 1.0); background-position: center center; overflow: hidden; max-width: 100%; } .youtube_video_container.video_active:before, .youtube_video_container:hover:before { display: none; } .youtube_video_container:before { position: absolute; z-index: 5; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../img/cms/video_play_el.svg"); content: " "; display: block; top: 0%; right: 0%; bottom: 0%; left: 0%; } .ytv_info_container { position: absolute; left: 0%; top: 0%; bottom: 0%; right: 0%; background-color: rgba(255, 255, 255, 0.9); opacity: 0.0; cursor: help; z-index: 10; transition: 0.25s all ease; } .ytv_info_container p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: rgba(33, 33, 33, 1.0); padding: 1.5em; margin: 0px; max-width: 100%; min-width: 90%; font-size: 75%; } .youtube_video_container.ytv_tiny .ytv_info_container p { font-size: 65%; } .youtube_video_container:hover .ytv_info_container { opacity: 1.0; } .ytv_info_container a.button_fe { cursor: pointer; text-decoration: none !important; padding-left: 1.5em; padding-right: 1.5em; margin-bottom: 0.5em; clear: both; display: inline-block; } @media(max-width: 800px) { .youtube_video_container .ytv_info_container { opacity: 1.0; } .youtube_video_container .button_fe { clear: both; width: 100%; margin-bottom: 0.5em; display: block; } } /* File:  style_zz_zoom_img.css */ .zoom_img_container { display: inline-block; max-width: 100%; } .zoom_img_container:after { clear: both; width: 100%; height: 1em; content: " "; display: block; } .zoom_img_container img { max-width: 100%; } .zoom_img_container .rel { height: auto; } .zoom_img_container * { text-align: left; max-width: 100%; max-height: none; } .zoom_img_zoom_icon { position: absolute; right: 10px; bottom: 12px; background-image: url("../img/cms/special_element/zoom_img/zoom_img_zoom_icon.png"); background-repeat: no-repeat; width: 30px; height: 30px; z-index: 100; } .zoom_img_thumb:hover, .zoom_img_thumb a:hover { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .zoom_img_container_overlay { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(100, 100, 100, 0.66); overflow: auto; z-index: 501; line-height: 50000%; cursor: zoom-out; } .zoom_img_full_img { position: fixed; z-index: 502; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; overflow: hidden; text-align: center; pointer-events: none; } .zoom_img_full_img img { z-index: 505; border: 1px solid #999999; background-color: #DEDEDE; max-width: 100%; max-height: 100vh; width: auto !important; height: auto !important; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-fit: cover; overflow: hidden; } a.zoom_img_navi_prev { position: fixed; left: 1%; top: 50%; display: block; z-index: 507; padding: 1.5em; border-radius: 5px; text-decoration: none !important; font-weight: bold; background-image: url('../img/layout/slideshow_button_prev.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; } a.zoom_img_navi_next { position: fixed; right: 1%; top: 50%; display: block; z-index: 507; padding: 1.5em; border-radius: 0px; text-decoration: none !important; font-weight: bold; z-index: 1001; transition: 0.25s all ease; background-image: url('../img/layout/slideshow_button_next.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; } a.zoom_img_navi_next:hover, a.zoom_img_navi_prev:hover { transform: scale(1.25); } .mn_news .zoom_img_container { margin-top: 1em; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .mn_news .zoom_img_container:after { height: 0em; } .mn_news .zoom_img_container .zoom_img_full_img a:after { position: absolute; top: 0.333em; right: 0px; content: "⨯"; width: 1em; height: 1em; z-index: 508; font-size: 300%; text-decoration: none; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2)); } /* File:  style_zzz_media_queries.css */ @media (max-width: 1390px){ .ovpi_ra { top: 12.5vw !important; right: 6.58vw !important; height: 6.0vw !important; } .shortcuts > div.box1_2, .shortcuts > div.box2_2, .shortcuts > div.box1_3, .shortcuts > div.box2_3, .shortcuts > div.box3_3 { margin: 1.25%; } } @media (max-width: 1281px){ .overview_plan_interactive { height: 450px !important; } .ovpi_el.construction_site { font-size: 80% !important; line-height: 130% !important; width: 12vw !important; max-width: 12vw !important; padding-bottom: 0.7em !important; } .content_el > .img_slideshow_container > .img_slideshow, .content_el > span > .img_slideshow_container > .img_slideshow { max-width: 100%; margin-top: 0px; } } @media (max-width: 1060px){ .header_left { width: 49.75%; } .header_right { width: 50.25%; } .main_navi_icons li { width: auto; padding-bottom: 1em; padding-left: 1%; padding-right: 1%; } .main_navi_custom_tool_tip { font-size: 50%; } .overview_plan_interactive { height: 350px !important; } .main_navi_icons li a { font-size: 75%; } } @media (max-width: 1020px){ .ovpi_el.construction_site { padding-top: 1em; } } @media (max-width: 815px) { body { font-size: 17px; line-height: 28px; } .box1_2, .box2_2, .box1_3, .box2_3, .box3_3, .box1-3, .box2-3, .box3-3, .box1-3_switch, .box2-3_switch, .box1-4, .box3-4, .box1-4_switch, .box3-4_switch, .box1_4, .box2_4, .box3_4, .box4_4, .box1_5, .box2_5, .box3_5, .box4_5, .box5_5, .sixth, .fifth, .quad, .third, .half, .twothird, .threequad { clear: both !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .mobile_hide { display: block; margin-bottom: 10px; line-height: 1px; } .all { padding-left: 0px; padding-right: 0px; } header { clear: both; position: static; width: 100%; display: block; background-position: top left; background-size: 1000% 101%; height: auto; } .header_left, .header_left p, .header_right, .header_right p, .main_navi_icons, .lan_selection { width: 100%; clear: both; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; } .header_left, .header_right { padding-top: 0.75em; } .main_navi_icons { margin-top: 0.5em; } .main_navi_icons li, .main_navi_icons a { float: none; width: auto !important; display: inline-block; padding-left: 2.5%; padding-right: 2.5%; padding-bottom: 1.75em; } .main_navi_icons li:hover a:before, .main_navi_icons li.active a:before { background-size: 75%; background-position: top center; background-repeat: no-repeat; } .main_navi_custom_tool_tip { padding: 0px; font-size: 75%; } .header_right li.mn_press a { background-position: 0% 27.9%; } .header_right li.mn_benefits a { background-position: 0% 34.9%; } .lan_selection { padding-bottom: 1em; padding-top: 0.75em; font-size: 150%; } .lan_selection a { display: inline-block; width: auto; float: none; margin-right: 0.5em; width: 40px; text-align: left; } .layout_el_headline { background-size: auto 85%; } .content { padding-top: 0em; margin-top: 0em; line-height: 150%; } .overview_plan_interactive { margin-top: 0em !important; height: 300px !important; } .overview_plan_interactive .ovpi_ra { display: none; } .ovpi_el { max-width: 100% !important; max-height: 100% !important; height: auto !important; } .ovpi_el.lis { padding-top: 0.25em !important; } .ovpi_el .ovpi_label { display: none !important; } .ovpi_el img { width: 55px !important; height: 54px !important; } .ovpi_el:after { display: block; width: 100%; clear: both; content: " "; } .data_management_overview .box1_4 img, .data_management_overview .box2_4 img, .data_management_overview .box3_4 img, .data_management_overview .box4_4 img { width: 100%; min-width: 100%; } .data_management_overview .box1_4 p:after, .data_management_overview .box2_4 p:after, .data_management_overview .box3_4 p:after, .data_management_overview .box4_4 p:after { display: none; } .dc_thumb, .dc_left, .dc_right, .dc_title, .dc_desc, .dc_date, .further_entries, .dc_filesize, .dc_link { width: 100%; max-width: 100%; clear: both; display: block; margin: 0px; padding: 0px; text-align: left; margin-bottom: 0.75em; line-height: 150%; } .headline_benefits:before, .headline_functions:before { margin-right: 0.5em; padding-bottom: 1em; border: 0px; width: 25px; height: 25px; vertical-align: middle; display: none; } .headline_benefits, .headline_functions { height: auto; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.25em !important; padding-bottom: 0.25em !important; } .content_el > .img_slideshow_container > .img_slideshow { max-width: 100%; margin-top: 0px; } .intro_text { margin-bottom: 1em; text-align: left; } .reference_table .box1-4_switch { display: none !important; } .headline_benefits p, .headline_functions p { padding-top: 0em; } .shortcuts > div.box1_2, .shortcuts > div.box2_2, .shortcuts > div.box1_3, .shortcuts > div.box2_3, .shortcuts > div.box3_3 { padding: 1em !important; margin-bottom: 1em !important; } .zoom_img_full_img { top: 0%; } .shortcuts > div.box1_2:hover img, .shortcuts > div.box2_2:hover img, .shortcuts > div.box1_3:hover img, .shortcuts > div.box2_3:hover img, .shortcuts > div.box3_3:hover img, .shortcuts img { filter: none; } footer { clear: both; position: static; width: 100%; display: block; } .side_navi { width: 100%; } footer:after, header:after { clear: both; display: block; width: 100%; content: " "; } } @media (max-width: 700px){ .ovpi_el.construction_site { max-width: 20vw !important; width: 16vw !important; background-color: rgba(228, 238, 205, 0.75) !important; } header { background-color: rgba(255, 255, 255, 1.0); background-image: url(); padding-top: 0em; } header:before, header:after { clear: both; width: 100%; height: 10px; background-color: rgba(137, 186, 23, 1.0); display: block; content: " "; } .inner_center { padding-left: 0px; padding-right: 0px; } .mobile_menu_button { display: inline-block; } .header_left { padding-top: 0.5em; padding-left: 2.5%; padding-right: 2.5%; } .header_right { padding-top: 0.5em; padding-left: 2.5%; padding-right: 2.5%; padding-bottom: 0.5em; display: flex; align-items: end; justify-content: center; justify-content: space-between; flex-wrap: wrap; } .main_navi_icons { text-align: center; display: none; font-size: 100%; } .main_navi_icons li { clear: both; width: 100% !important; padding-bottom: 0em; background-color: rgba(247, 250, 239, 1.0); margin-bottom: 0.25em; } .main_navi_icons li a { background: none; background-image: url(); max-width: 100%; max-height: 100%; width: 100%; padding-bottom: 0em; color: rgba(99, 99, 99, 1.0); } .main_navi_icons li.active, .main_navi_icons li:hover { background-color: rgba(137, 186, 23, 1.0); } .main_navi_icons li.active a, .main_navi_icons li:hover a, .main_navi_icons li a:hover { color: rgba(247, 250, 239, 1.0); } .main_navi_icons .main_navi_custom_tool_tip { display: none; } .main_navi_icons li:hover a::before, .main_navi_icons li.active a::before { display: none; } .lan_selection { text-align: right; padding-right: 0px; float: right; clear: none; padding: 0px; width: 50%; } .lan_selection a { margin-right: 0px; text-align: right; } } @media (max-width: 505px){ .overview_plan_interactive { height: 185px !important; } .ovpi_el.lis { left: 26% !important; } .layout_el_headline { background-size: auto 100%; } .ovpi_el.construction_site { max-width: 100vw !important; width: auto !important; background-color: rgba(228, 238, 205, 0.75) !important; padding-left: 0.5em; padding-right: 0.5em; } .ovpi_el { transform: scale(0.65); } .ovpi_el.database { left: 47% !important; } @keyframes pulse { 0% { -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); } 50% { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); } 100% { -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); } } .content_container { padding-left: 0%; padding-right: 0%; } .content { padding-left: 1.25em; padding-right: 1.25em; background-color: rgba(247, 250, 239, 0.9125); } h1.headline, .intro_text h1.headline { font-size: 125%; line-height: 125%; margin-top: 1.5em; } .intro_text { font-size: 100%; margin-top: 0em; } .all.mn_home h1, .intro_text h1.headline { margin-top: 0.25em; } h2.headline { font-size: 115%; line-height: 115%; } h3.headline { font-size: 100%; line-height: 110%; } .button_back_to_overview { margin-top: -2.5em; } .sidebar { width: 110%; } .layout_el_headline { text-align: right; height: auto; } .layout_el_headline p { margin-bottom: 0em; } .layout_el_headline .box1_2 img { float: left; display: inline-block; } .dc_line_even, .dc_line_odd { margin-top: 0em; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid rgba(137, 186, 23, 1.0); } .dc_thumb, .dc_left, .dc_right, .dc_title, .dc_desc, .dc_date, .further_entries, .dc_filesize, .dc_link { margin-bottom: 0em; } .mn_references .table .table_row, .table_cell:first-child { width: 33% !important; min-width: 33% !important; max-width: 33% !important; } .table p, tr.table_head td p, tr.table_head th p { padding-left: 0.25em; } tr.table_row td.table_cell:first-child { padding: 0px !important; } footer { padding-left: 1.25em; padding-right: 1.25em; padding-bottom: 2em; text-align: center; } footer > .inner_center > .left { float: none; } footer .main_navi { display: none; } footer .side_navi { text-align: center; width: 100%; font-size: 100%; } footer ul.side_navi_ul li { clear: both; width: 100%; display: block; text-align: center; margin-bottom: 0.5em; } footer ul.side_navi_ul li a::before { display: none; } footer .logo { float: none; display: block; padding-top: 1.25em; padding-bottom: 0.25em; } footer .right { width: 100%; } .intro_text p { letter-spacing: 0em; } .intro_text p span.intro_line2 { letter-spacing: 0em; } .visit_lan_en .intro_text p { max-width: 100%; letter-spacing: 0em; } .visit_lan_en .intro_text p span.intro_line2 { letter-spacing: -0em; } } @media (max-width: 375px){ .overview_plan_interactive { height: 165px !important; margin-left: -6.65% !important; margin-top: -16px !important; width: 113.4% !important; } .header_left a.logo_header { font-size: 90%; } }