{"id":23230,"date":"2024-10-31T12:30:18","date_gmt":"2024-10-31T12:30:18","guid":{"rendered":"https:\/\/www.cheqsite.de\/?page_id=23230"},"modified":"2025-02-04T16:22:47","modified_gmt":"2025-02-04T16:22:47","slug":"support-and-training","status":"publish","type":"page","link":"https:\/\/www.cheqsite.de\/en\/support-and-training\/","title":{"rendered":"Support and Training"},"content":{"rendered":"<div id=\"et-boc\" class=\"et-boc\">\n\t\t\t\n\t\t<div class=\"et-l et-l--post\">\n\t\t\t<div class=\"et_builder_inner_content et_pb_gutters3\">\n\t\t<div id=\"cqs_section\" class=\"et_pb_section et_pb_section_0 et_pb_with_background  et_pb_css_mix_blend_mode et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t<div id=\"article_row_header\" class=\"et_pb_row et_pb_row_0  et_pb_css_mix_blend_mode\">\n\t\t\t\t<div class=\"et_pb_column et_pb_column_1_2 et_pb_column_0  et_pb_css_mix_blend_mode\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h4><span style=\"color: #ffffff;\">SUPPORT &#038; TRAINING<\/span><\/h4><\/div>\n\t\t\t<\/div> <!-- .et_pb_text -->\n\t\t\t<\/div> <!-- .et_pb_column --><div class=\"et_pb_column et_pb_column_1_2 et_pb_column_1  et_pb_css_mix_blend_mode et-last-child et_pb_column_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> <!-- .et_pb_column -->\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> <!-- .et_pb_row -->\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> <!-- .et_pb_section --><div id=\"cqs_section\" class=\"et_pb_section et_pb_section_1  et_pb_css_mix_blend_mode et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t<div id=\"show_row_shop\" class=\"et_pb_row et_pb_row_1  et_pb_css_mix_blend_mode\">\n\t\t\t\t<div class=\"et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode et-last-child\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_pb_code et_pb_code_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\"><div class=\"shop_wrapper\">\n        <div class=\"shop_progress_bar\">\n            <div class=\"shop_progress\">\n                <p><a class=\"shop-link\" href=\"https:\/\/www.cheqsite.de\/en\/shop-pro-version\">1. Licences<\/a><\/p> \n            <\/div>\n            <div class=\"shop_progress shop_progress_current\">\n                <p>2. Support & Training<\/p> \n            <\/div>\n            <div class=\"shop_progress\">\n                <p><a href=\"#\" class=\"shop-link\" onclick=\"buyClicked()\">3. Checkout<\/a><\/p> \n            <\/div>\n            <div class=\"shop_progress\">\n                <p>4. Finished<\/p> \n            <\/div>\n        <\/div>\n        <p class=\"shop_text\">We kindly recommend that you also book our premium services in addition to the software. Please select your preferred services. Your current price will be displayed in the price calculator below.<\/p> \n        <div class=\"wrapper\" onload=\"initialCheck()\">\n            <div id=\"list\">\n                <div id=\"list_box\">\n                <\/div>\n            <\/div> <!-- Ende list -->\n            <div id=\"summary_sticky_wrapper\">\n                <div id=\"summary\">\n                    <div class=\"left_side\">\n                        <div id=\"summary_box_left\">\n                            <div class=\"counter_text_left\">Telephone & remote support:<\/div>\n                            <div id=\"users_left\">\n                                <div class=\"counter\">\n                                    <div class=\"counter_button\" onclick=\"decrement_support()\">-<\/div>\n                                    <div class=\"count-display\"><span id=\"support-count\">1<\/span><span> h<\/span><\/div>\n                                    <div class=\"counter_button\" onclick=\"increment_support()\">+<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div id=\"summary_wrapper\">\n                            <p class=\"accounting_period_costs_per_user_wrapper\"><span id=\"accounting_period_costs_per_user\"><span id=\"support_top\">3.99<\/span> \u20ac<\/span><span> per user<\/span><\/p> \n                            <p class=\"accounting_period_costs_per_user_wrapper\">per month<\/p> \n                        <\/div>\n                        <div id=\"summary_hint\">\n                            <p class=\"accounting_period_costs_per_period_wrapper\"><span id=\"support_bottom\">11.97<\/span> \u20ac per <span id=\"period\">quarter<\/span><\/p> \n                        <\/div>\n                    <\/div>\n                    <div id=\"summary_box_right\">\n                        <div class=\"center-training\">\n                            <div class=\"counter_text_right\">Online training:<\/div>\n                            <div class=\"counter\">\n                                <div class=\"counter_button\" onclick=\"decrement_training()\">-<\/div>\n                                <div class=\"count-display\"><span id=\"training-count\">1<\/span><span> h<\/span><\/div>\n                                <div class=\"counter_button\" onclick=\"increment_training()\">+<\/div>\n                            <\/div>\n                        <\/div>\n                        <div id=\"summary_wrapper\">\n                            <p class=\"divider\" style=\"margin-bottom: 1px\">\u00a0<\/p> \n                            <p class=\"accounting_period_costs_per_user_wrapper\"><span id=\"training\">50<\/span><span> \u20ac total<\/span><\/p> \n                            <p class=\"accounting_period_costs_per_user_wrapper\">one time payment<\/p> \n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div id=\"summary_buy\">\n                    <span><\/span>\n                    <a id=\"buy_btn\" class=\"hero_button button1\" onclick=\"buyClicked()\">ADD TO ORDER<\/a>\n                <\/div>\n            <\/div>\n        <\/div> <!-- Ende wrapper -->\n        <script>\n\n        <\/script>\n        <style>\n\n        .shop-link {\n            color:#858d91;\n        }\n\n        .shop-link:hover {\n            color:#04B1E4!important;\n        }                \n\n        .counter_text_right {\n            display: block;\n            float: left;\n            margin-right: 15px;\n            margin-left: 25%;\n            padding-top: 3px;\n        }\n\n        .counter {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background: #fff;\n            padding: 0.2em 0.2em;\n            border: 1px solid #999;\n            border-radius: 4px;\n            width: 100px;\n        }\n\n        .counter_button {\n            font-size: 1.3em;\n            padding: 0 0.5em;\n            cursor: pointer;\n            -webkit-user-select: none; \/* Safari *\/\n            -ms-user-select: none; \/* IE 10 and IE 11 *\/\n            user-select: none; \/* Standard syntax *\/\n        }\n\n        .count-display {\n            margin: 0;\n            font-size: 1.2em;\n            width: auto;\n            text-align: center;\n        }\n\n        .counter_text {\n            font-size: 16px;\n            font-weight: 500;\n            margin-bottom: 10px;\n            text-align: left;\n        }\n\n        #summary_wrapper {\n            margin-bottom: 10px;\n        }\n\n        .discount_label {\n            background: #fff;\n            border-radius: 25px;\n            padding: 0px 15px;\n            margin: 0 15px;\n        }   \n\n        #header {\n            background: #bada55;\n            color: white;\n            font-family: Droid Sans;\n            font-size: 18px;\n            line-height: 1.6em;\n            font-weight: bold;\n            text-align: center;\n            padding: 10px;\n            text-shadow: 0 1px 1px rgba(0, 0, 0, .2);\n        }\n\n\n\n        .app_entry_title_wrapper_title {\n            word-wrap: break-word;\n            font-size: 24px;\n            color: #3d3d3d;\n        }\n\n        .app_entry_title_wrapper_description {\n            word-wrap: break-word;\n            font-size: 14px;\n        }\n\n        .select_all_none {\n            float: left;\n            text-align: left;\n            grid-column-start: 1;\n            grid-column-end: 3;\n            margin-bottom: 0px;\n            margin-top: 0px;\n            margin-left: 10px;\n        }\n\n        #app_entry_wrapper_workequipment, #app_entry_wrapper_support, #app_entry_wrapper_training {\n            padding-top: 25px;\n            padding-bottom: 20px;\n            grid-column-start: 1;\n            grid-column-end: 3;\n            cursor: pointer;\n            user-select: none; \/* Prevent text selection *\/\n            -webkit-user-select: none; \/* Safari *\/\n            -moz-user-select: none; \/* Firefox *\/\n            -ms-user-select: none; \/* Internet Explorer *\/            \n        }\n\n        @media only screen and (max-width:992px) {\n            .select_all_none {\n                grid-column-start: 1;\n                grid-column-end: 2;\n            }\n\n            #app_entry_wrapper_workequipment, #app_entry_wrapper_support, #app_entry_wrapper_training {\n                grid-column-start: 1;\n                grid-column-end: 2;\n            }\n\n            .counter_button {\n                padding: 0 0.3em;\n            }            \n\n        }\n\n        .select_all_none>a {\n            cursor: pointer;\n        }\n\n        #app_entry_wrapper_support {\n            background-image: url('\/wp-content\/uploads\/2024\/11\/support-3.jpg');\n        }\n\n        #app_entry_wrapper_training {\n            background-image: url('\/wp-content\/uploads\/2024\/11\/training-3.jpg');\n        }\n\n\n        .app_entry_image {\n            width: 100px;\n            margin-right: 15px;\n            margin-left: 0;\n        }\n\n        .app_entry_title_wrapper_description {\n            width: 70%;\n        }\n\n\n        .counter_text_left, .counter_text_right {\n            font-size: 16px;\n        }\n\n        @media only screen and (max-width:992px) {\n\n            .counter_text_left, .counter_text_right {\n                font-size: 14px;\n            }\n\n            #app_entry_wrapper_support {\n                background-image: url('\/wp-content\/uploads\/2024\/11\/support_tablet-2.jpg');\n                background-position: center right;\n                background-size: cover;\n            }\n\n            #app_entry_wrapper_training {\n                background-image: url('\/wp-content\/uploads\/2024\/11\/training_tablet-2.jpg');\n                background-position: center right;\n                background-size: cover;\n            }\n\n            .app_entry_title_wrapper_title {\n                font-size: 18px;\n                margin-bottom: 5px !important;\n            }\n\n            .app_entry_title_wrapper_description {\n                font-size: 13px;\n            }\n\n            .app_entry_image {\n                width: 80px;\n                margin-right: 15px;\n                margin-left: -10px;\n            }\n            \n            .app_entry_title_wrapper_right {\n                width: 60%;\n            }\n\n        }\n\n        @media only screen and (min-width:993px) and (max-width:1260px) {\n            #app_entry_wrapper_support {\n               background-size: cover;\n            }\n\n            #app_entry_wrapper_training {\n                background-size: cover;\n            }\n        }\n\n        @media only screen and (min-width:993px) and (max-width:1199px) {\n            .counter_text_left {\n                text-align: left;\n                line-height: 1.2;\n            }\n        }\n\n        @media only screen and (min-width:701px) and (max-width:992px) {\n\n            #summary_box_left {\n                display: grid;\n                grid-template-columns: 50% 50%;\n                align-items: center;\n                margin: 10px;\n                padding-left: 0;\n                text-align: left;\n                line-height: 1.3;\n                margin-bottom: 15px;\n            }     \n\n            .counter_text_right {\n                display: block;\n                float: left;\n                margin-right: 15px;\n                margin-left: 8%;\n                padding-top: 3px;\n            }\n\n            .counter {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                background: #fff;\n                padding: 0.2em 0.2em;\n                border: 1px solid #999;\n                border-radius: 4px;\n                width: 80px;\n            }\n\n        }  \n\n        @media only screen and (max-width:700px) {\n            \n            #app_entry_wrapper_support {\n                background-image: url('\/wp-content\/uploads\/2024\/11\/support_mobile-4.jpg');\n                background-position: top right;\n                background-size: cover;\n            }\n\n            #app_entry_wrapper_training {\n                background-image: url('\/wp-content\/uploads\/2024\/11\/training_mobile-4.jpg');\n                background-position: top right;\n                background-size: cover;\n            }\n\n            .app_entry_title_wrapper_right {\n                width: 100%;\n            }\n\n            .app_entry_title_wrapper_description {\n                width: 100%;\n            }\n\n            .app_entry_image {\n                width: 90px;\n                margin-right: 10px;\n                margin-left: 0;\n            }\n\n            .counter_text_left {\n                text-align: left;\n                line-height: 1.3em;\n            }  \n            \n            #summary {\n                padding-top: 10px;\n                padding-bottom: 10px;\n            }\n\n            .divider {\n                height: 10px;\n            }\n\n            .left_side {\n                padding-bottom: 10px;\n            }\n\n            .counter_text_right {\n                display: block;\n                float: left;\n                margin-right: 15px;\n                margin-left: 0;\n                padding-top: 3px;\n            }\n\n            .counter {\n                width: 80px;\n            }\n\n            .center-training {\n                width: 200px;\n                margin: 0 auto;\n            }\n\n        }\n\n        #buy_btn {\n            cursor: pointer;\n            -webkit-box-shadow: 0px 0px 8px 0px rgb(128, 128, 128);\n            \/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ *\/\n            -moz-box-shadow: 0px 0px 8px 0px rgb(128, 128, 128);\n            \/* Firefox 3.5 - 3.6 *\/\n            box-shadow: 0px 0px 8px 0px rgb(128, 128, 128);\n            \/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 *\/\n        }\n\n        #accounting_period_title {\n            word-wrap: break-word;\n        }\n\n        .accounting_period_title_desktop {\n            display: block;\n            margin-bottom: 5px;\n        }\n\n        .accounting_period_title_mobile {\n            display: none;\n        }\n\n        @media only screen and (max-width:992px) {\n            .accounting_period_title_desktop {\n                display: none;\n            }\n\n            .accounting_period_title_mobile {\n                display: inline;\n            }\n        }\n\n        .accounting_periods {\n            margin: 0px;\n            padding: 0px;\n        }\n\n        #accounting_period_left {\n            text-align: left;\n            margin-left: 10px;\n            margin-right: 10px;\n        }\n\n        #accounting_period_left>span {\n            font-size: 16px;\n            font-weight: 500;\n            word-break: break-word;\n        }\n\n        #accounting_period_right {\n            text-align: left;\n            margin-left: 10px;\n            margin-right: 10px;\n        }\n\n        .accounting_period_costs_per_period_wrapper {\n            margin: 2px;\n            color: #424242;\n        }\n\n        .accounting_period_costs_per_period_wrapper>span {\n            font-size: 14px;\n            font-weight: 400;\n            color: #424242;\n        }\n\n        .accounting_period_costs_per_user_wrapper {\n            margin: 2px;\n            color: #424242;\n        }    \n\n        .accounting_period_costs_per_user_wrapper>span {\n            font-size: 16px;\n            font-weight: 600;\n            color: #424242;\n        }    \n\n        .disabled {\n            pointer-events: none;\n            cursor: default;\n            opacity: 0.6;\n            color: gray;\n        }\n\n        .app_topic_header_wrapper {\n            clear: both;\n            padding-top: 20px;\n        }\n\n        .first_topic_header {\n            padding-top: 0px;\n        }\n\n        .app_entry_wrapper {\n            padding-top: 20px;\n            padding-bottom: 15px;\n            border: solid 2px #d3d3d3;\n            border-radius: 10px;\n            \/* cursor: pointer; *\/\n            padding-left: 12px;\n            margin: 10px;\n\n            background-color: #ffffff;\n            background-repeat: no-repeat;\n            background-position: right;\n            background-size: contain;\n        }\n\n        @media only screen and (max-width:700px) {\n            .app_entry_wrapper {\n                background-size: cover;\n                background-position: center;\n            }\n        }\n\n        .app_entry_wrapper:hover {\n            \/* border: solid 2px lightgray; *\/\n        }\n\n        .app_entry_wrapper_selected {\n            border: solid 2px lightgray;\n        }\n\n        .app_entry_wrapper_not_selected {\n            border: solid 2px lightgray;\n        }\n\n        .app_entry_wrapper_selected:hover {\n            \/* border: solid 2px #C118E4; *\/\n        }\n\n        .app_entry_wrapper_not_selected:hover {\n            \/* border: solid 2px lightgray; *\/\n        }\n\n        .selected_entry {\n            border: solid 2px #C118E4;\n        }        \n\n        .app_entry_image_ros {\n            width: 96px;\n            margin-right: 10px;\n        }\n\n        .app_entry_image_not_selected {\n            opacity: 1;\n        }\n\n        .app_entry_image_half_selected {\n            opacity: 1;\n        }\n\n        .app_entry_image_selected {\n            opacity: 1;\n        }\n\n        .app_entry_title_wrapper {\n            float: left;\n            text-align: left;\n            display: inline-flex;\n            align-items: center;\n        }\n\n        .app_entry_title_wrapper>p {\n            margin-bottom: 5px;\n        }\n\n        .app_entry_title_wrapper_right>p {\n            margin-bottom: 15px;\n        }\n\n        .app_entry_title_wrapper>span {\n            color: #858d91;\n        }\n\n        .app_entry_title_wrapper_right>span {\n            color: #858d91;\n        }\n\n        .app_entry_title_wrapper_left>input {\n            display: none;\n        }\n\n        .app_entry_price_wrapper {\n            float: right;\n            margin: 12px;\n        }\n\n        .app_entry_price_wrapper>p {\n            margin-bottom: 0px;\n        }\n\n\n\n        #summary {\n            border: 2px solid;\n            border-radius: 5px;\n            border-color: #A418C1;\n            background-color: #F1DEF9;\n            margin-top: 10px;\n            margin-left: 10px;\n            margin-right: 10px;\n            display: grid;\n            grid-template-columns: 50% 50%;\n            align-items: center;\n\n            -webkit-box-shadow: 0px 0px 8px 0px rgb(128, 128, 128);\n            \/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ *\/\n            -moz-box-shadow: 0px 0px 8px 0px rgb(128, 128, 128);\n            \/* Firefox 3.5 - 3.6 *\/\n            box-shadow: 0px 0px 8px 0px rgb(128, 128, 128);\n            \/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 *\/\n\n            padding-top: 20px;\n            padding-bottom: 20px;\n        }\n\n        #summary_sticky_wrapper {\n            width: 100%!important;\n            position: relative;\n            \/*bottom: 0;\n            left: 50%;\n            transform: translate(-50%, -0%);\n            z-index: 10000;*\/\n            display: block !important;\n        }\n\n        @media (min-width: 768px) {\n            #summary_sticky_wrapper {\n                width: 675px;\n            }\n        }\n\n        @media (min-width: 992px) {\n            #summary_sticky_wrapper {\n                width: 873px;\n            }\n        }\n\n        @media (min-width: 1200px) {\n            #summary_sticky_wrapper {\n                width: 1053px;\n            }\n        }\n\n        #list_box {\n            margin: 0px;\n            padding-bottom: 20px;\n            display: grid;\n            width: 100%;\n            grid-template-columns: 50% 50%;\n        }\n\n        @media only screen and (max-width:992px) {\n            \/* styles for mobile browsers smaller than 800px; *\/\n\n            #list_box {\n                grid-template-columns: 100%;\n            }\n\n        }\n\n        @media only screen and (max-width:700px) {\n            #summary {\n                grid-template-columns: 100%;\n                padding: 10px 0;\n            }\n\n            .app_entry_title_wrapper_left {\n                margin-left: -20px;\n            }\n\n            .app_entry_title_wrapper_title {\n                font-size: 16px;\n                margin-bottom: 5px !important;\n            }\n\n            .app_entry_title_wrapper_description {\n                word-wrap: break-word;\n                font-size: 12px;\n                padding-right: 10px;\n            }            \n            \n\n        }\n\n        #list_box_ros {\n            border: 2px solid;\n            border-radius: 5px;\n            border-color: rgb(213, 213, 213);\n            background-color: rgb(244, 246, 244);\n            margin: 0 15px 0 15px;\n            padding-left: 80px;\n            padding-right: 80px;\n            padding-top: 20px;\n            padding-bottom: 20px;\n        }\n\n        @media only screen and (max-width:992px) {\n            \/* styles for mobile browsers smaller than 800px; *\/\n\n            #list_box_ros {\n                padding-left: 20px;\n                padding-right: 20px;\n            }\n\n        }\n\n        @media only screen and (max-width:600px) {\n            \/* styles for mobile browsers smaller than 600px; *\/\n\n            #list {\n                width: 100%;\n            }\n\n        }\n\n        #list_box>p {\n            text-align: left;\n        }\n\n        #list_box_ros>p {\n            text-align: left;\n        }\n\n\n        #summary_box_left {\n            display: grid;\n            grid-template-columns: 60% 40%;\n            align-items: center;\n            margin: 10px;\n            padding-left: 10%;\n        }\n\n        #summary_box_right {\n            border-left: solid 1px #aaa;\n            border-top: none;\n\n            margin-left: 0px;\n            margin-right: 0px;\n            padding-left: 10px;\n            padding-right: 10px;\n\n            margin-top: 10px;\n            margin-bottom: 10px;\n            padding-top: 0px;\n            padding-bottom: 0px;\n        }\n\n        @media only screen and (max-width:700px) {\n            #summary_box_right {\n                border-top: solid 1px #aaa;\n                border-left: none;\n\n                margin-left: 10px;\n                margin-right: 10px;\n                padding-left: 0px;\n                padding-right: 0px;\n\n                margin-top: 0px;\n                margin-bottom: 0px;\n                padding-top: 15px;\n                padding-bottom: 0px;\n            }\n        }\n\n        #summary_box>h3 {\n            word-wrap: break-word;\n        }\n\n\n\n\n        #summary_calculation_ros {\n            \/*border: 1px solid red;*\/\n            padding-top: 0px;\n        }\n\n        #summary_buy {\n            margin-top: 0px;\n\n            display: grid;\n            grid-template-columns: 66% 34%;\n            align-items: center;\n        }\n\n        @media only screen and (max-width:700px) {\n            #summary_buy {\n                grid-template-columns: 100%;\n                margin-top: 0px;\n                margin-left: 10px;\n            }\n        }\n\n        label {\n            padding-left: 10px;\n            color: #424242;\n            cursor: pointer;\n        }\n\n\n\n        .accounting_period_divider {\n            padding-left: 8px;\n            padding-right: 8px;\n            display: inline;\n        }\n\n        .accounting_period_divider_newline {\n            display: none;\n        }\n\n        @media only screen and (max-width:992px) {\n            .accounting_period_divider {\n                display: none;\n            }\n\n            .accounting_period_divider_newline {\n                display: block;\n                margin: 0px;\n            }\n        }\n\n        \/*  ----- OLD STYLES ----- *\/\n\n        #button_premium {\n            margin-top: 30px;\n        }\n\n        #button_flex {\n            margin-top: 30px;\n        }\n\n        #button_performance {\n            margin-top: 30px;\n        }\n\n        p {\n            color: #858d91;\n            line-height: 1.5em;\n            margin: 0 0 20px;\n            font-family: 'Open Sans', sans-serif;\n            font-weight: 400;\n            font-size: 15px;\n            padding-bottom: 0px;\n        }\n\n        .second {\n            font-size: 12px !important;\n            margin: 2px;\n            color: #424242;\n        }\n\n        #notes {\n            font-weight: 300;\n            text-align: left;\n            margin-left: 15px;\n            margin-top: 20px;\n            font-size: 70%;\n            display: inline-block;\n\n        }\n\n        .wrapper {\n            text-align: center;\n            margin: 0 auto;\n        }\n\n        \/*.wrapper p{\n        color: rgb(101,105,106);\n        font-family: \"Open Sans\";\n        font-weight: 500;\n        font-size: 300%;\n        text-align: center;\n        margin: 20px 0 0 0;\n    }*\/\n\n        .wrapper h1 {\n            color: rgb(59, 88, 111);\n            font-family: \"Open Sans\";\n            font-weight: 400;\n            text-align: center;\n            font-size: 30px;\n            margin-top: 0.67em;\n            margin-bottom: 0.67em;\n        }\n\n        .wrapper hr {\n            height: 3px;\n            width: 110px;\n            margin-top: 15px;\n            background-color: rgb(60, 183, 224);\n            border: none;\n            margin: 0 auto;\n            background-image: none;\n        }\n\n        .pro_box {\n            width: 70%;\n            border: 2px solid;\n            border-color: rgb(213, 213, 213);\n            border-radius: 5px;\n            background-color: rgb(244, 246, 244);\n            margin: 0 15px 0 15px;\n            text-align: center;\n\n        }\n\n        \/*\n\n    .pro_box:hover {\n        border-color: rgb(60,183,224);\n    }\n\n    .smallbox:hover {\n        border-color: rgb(60,183,224);\n    }\n\n    .selected:hover {\n        border-color: #A418C1;\n        background-color: #A418C122;\n    }\n\n    *\/\n\n        .smallbox {\n            flex-grow: 1;\n            \/*width: 300px;*\/\n            border: 2px solid;\n            border-color: rgb(213, 213, 213);\n            border-radius: 5px;\n            background-color: rgb(244, 246, 244);\n            margin: 30px 15px 0 15px;\n            display: inline-block;\n        }\n\n\n\n        .smallbox hr {\n            height: 3px;\n            width: 60px;\n            margin-top: 15px;\n            background-color: rgb(60, 183, 224);\n            border: none;\n        }\n\n        .checkdiv {\n            width: 90%;\n            border: 2px solid;\n            border-color: rgb(158, 206, 233);\n            border-radius: 5px;\n            background-color: rgb(244, 246, 244);\n            margin: 15px 15px 0 15px;\n            text-align: center;\n        }\n\n        .preis_container {\n            flex-grow: 1;\n            width: 100%;\n            display: inline-block;\n            margin: 0 15px 20px 15px;\n        }\n\n        .underdiv {\n            width: 200px;\n            display: inline-block;\n            margin-left: 5%;\n            margin-right: 5%;\n            margin-bottom: 40px;\n            margin-top: 20px;\n        }\n\n        .underdiv p {\n            color: rgb(101, 105, 106);\n            font-family: \"Open Sans\";\n            font-weight: 500;\n            font-size: 80%;\n            text-align: center;\n            margin: 10px 0 0 0;\n        }\n\n        .infodiv {\n            width: 80%;\n            margin: 40px auto;\n            text-align: center;\n            font-size: 120%;\n            height: 170px;\n\n        }\n\n        .infodiv span {\n            font-size: 100%;\n\n        }\n\n        .check {\n            font-size: 15px;\n            color: rgb(101, 105, 106);\n            font-family: \"Open Sans\";\n            font-weight: 400;\n            margin-left: 5px;\n        }\n\n        .checkTitel {\n            color: rgb(59, 88, 111);\n            font-family: \"Open Sans\";\n            font-weight: 400;\n            text-align: center;\n            font-size: 3;\n            display: block;\n            margin: 10px auto 0 auto;\n        }\n\n        .selected {\n            border: 2px solid;\n            border-color: #A418C1;\n            background-color: #A418C122;\n        }\n\n        #ueberschrift {\n            text-align: left;\n            font-size: 300%;\n            margin: 0 0 60px 0;\n        }\n\n        .button1 {\n            margin-left: 0px;\n            margin-top: 10px;\n            margin-right: 10px;\n            margin-bottom: 10px;\n            \/*position: absolute;\n        bottom: 0;\n        margin-left: 0;\n        margin-right: 0;\n        left: 50%;\n        transform: translate(-50%, 0%);*\/\n        }\n\n        \/*\n    #button1 {\n        width : 20%;\n        height: 80%;\n        border: 2px solid;\n        border-color: rgb(158, 206, 233);\n        border-radius: 5px;\n        background-color: rgb(244,246,244);\n        text-align:center;\n        float:right; \n        margin-top:20px; \n        margin-right:15px;\n        \n        font-family: \"Open Sans\";\n        font-weight: 500;\n        font-size: 100%;\n        color:rgb(59,88,111);\n    }\n\n    #button1:hover{\n        border-color: rgb(59,88,111);\n    }\n    *\/\n\n        .shop_progress_bar {\n            display: grid;\n            grid-template-columns: 25% 25% 25% 25%;\n            margin: 0 auto;\n        }\n\n        @media only screen and (max-width:700px) {\n            .shop_progress_bar {\n                display: inline;\n            }\n        }\n\n        .shop_progress {\n            margin: 10px;\n            border-bottom: 2px solid #aaa;\n        }\n\n        .shop_progress>p {\n            font-size: 18px;\n            margin: 0px;\n            word-break: break-word;\n        }\n\n        .shop_progress_current {\n            border-bottom: 2px solid #04B1E4;\n        }\n\n        .shop_progress_current>p {\n            color: #666;\n        }\n\n        .shop_wrapper {\n            margin: 0 auto;\n            max-width: 1140px;\n        }\n\n        .shop_text {\n            margin: 10px;\n            margin-bottom: 20px;\n        }\n\n        #app_entry_wrapper_workequipment>.app_entry_title_wrapper>.app_entry_title_wrapper_right>.app_entry_title_wrapper_description {\n            max-width: 70%;\n\n        }\n\n        @media only screen and (max-width:760px) {\n            #app_entry_wrapper_workequipment>.app_entry_title_wrapper>.app_entry_title_wrapper_right>.app_entry_title_wrapper_description {\n                max-width: 100%;\n            }\n        }\n\n        #app_entry_wrapper_workequipment>.app_entry_title_wrapper>.app_entry_title_wrapper_left>label>img {\n            width: 82px;\n            max-width: none;\n        }\n\n        #app_entry_wrapper_doorsandgates>.app_entry_title_wrapper>.app_entry_title_wrapper_left>label>img {\n            width: 64px;\n            margin-right: 10px;\n        }\n\n        .app_entry_image {\n            max-width: none;\n        }\n\n\n        .hero_button {\n            color: white;\n            background: #C118E4;\n            padding: 10px;\n            border-radius: 5px;\n            text-transform: uppercase;\n            font-style: italic;\n            letter-spacing: 0.5px;\n            border-width: 2px;\n            border-color: #C118E4;\n            border-style: solid;\n            display: inline-block;\n            margin-bottom: 10px;\n        }\n\n        .hero_button:hover {\n            background: white;\n            color: #A418C1;\n        }\n\n        .hero_button:focus {\n            background: white;\n            color: #A418C1;\n        }\n\n        .hero_image {\n            height: auto;\n            max-width: 650px;\n            width: 100%;\n        }\n        <\/style>\n    <\/div><\/div>\n\t\t\t<\/div> <!-- .et_pb_code --><div class=\"et_pb_module et_pb_code et_pb_code_1\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\"><script>\n\n    let params = new URLSearchParams(window.location.search);\n\n    const accountingPeriod = params.get(\"tx_powermail_pi1[field][accounting_period]\");\n    const total_param = params.get(\"tx_powermail_pi1[field][price_per_accounting_period]\");\n    const users = params.get(\"tx_powermail_pi1[field][users]\");\n    let months;\n\n    var period = document.getElementById(\"period\"); \n\n    if(accountingPeriod == 'Year') {\n      months = 12;\n      period.textContent = \"year\";\n    } else {\n      months = 3;\n      period.textContent = \"quarter\";\n    }\n\n    var support = document.getElementById(\"support\");\n    var training = document.getElementById(\"training\");\n\n    var wrapper_support = document.getElementById(\"app_entry_wrapper_support\");\n    var wrapper_training = document.getElementById(\"app_entry_wrapper_training\");\n\n    let support_count  = 1;\n    let training_count = 1;\n\n    function updateDisplay() {\n        document.getElementById('support-count').textContent = support_count;\n        document.getElementById('training-count').textContent = training_count;\n\n        if(accountingPeriod == 'Year') {\n          months = 12;\n          support_top.textContent = (support_count * 99 \/ users \/ months ).toFixed(2);\n        } else {\n          months = 3;\n          support_top.textContent = (support_count * 99 \/ users \/ months ).toFixed(2);\n        }      \n      \n        support_bottom.textContent = (support_count * 99).toFixed(2);        \n        training.textContent = (125 * training_count).toFixed(2);\n\n        \/\/ updateAllViews();\n    }\n\n    function increment_support() {\n        wrapper_support = document.getElementById(\"app_entry_wrapper_support\");\n        if(wrapper_support){\n          wrapper_support.classList.add(\"selected_entry\"); \/\/ Add class                \n        }\n        support_count++;\n        setCookie(\"support_count\", support_count);\n        updateDisplay();\n\n        console.log(\"increment_support\", getCookie(\"support_count\"), support_count)\n    }\n\n    function increment_training() {\n        wrapper_training = document.getElementById(\"app_entry_wrapper_training\");\n        if(wrapper_training) {\n          wrapper_training.classList.add(\"selected_entry\"); \/\/ Add class\n        }\n        training_count++;\n        setCookie(\"training_count\", training_count);        \n        updateDisplay();\n\n        console.log(\"increment_training\", getCookie(\"training_count\"), training_count)\n\n    }\n\n    function decrement_support() {\n        wrapper_support = document.getElementById(\"app_entry_wrapper_support\");\n\n        if (support_count > 0) {\n            support_count--;\n            setCookie(\"support_count\", support_count);\n        } \n\n        if (wrapper_support && support_count == 0) {\n          wrapper_support.classList.remove(\"selected_entry\"); \/\/ Remove class\n        }\n\n        updateDisplay();\n\n        console.log(\"decrement_support\", getCookie(\"support_count\"), support_count)        \n    }\n\n    function decrement_training() {\n        wrapper_training = document.getElementById(\"app_entry_wrapper_training\");\n\n        if (training_count > 0) {\n            training_count--;\n            setCookie(\"training_count\", training_count);            \n        } \n        if (wrapper_training && training_count == 0) {\n            wrapper_training.classList.remove(\"selected_entry\"); \/\/ Remove class\n        }\n\n        updateDisplay();\n\n        console.log(\"decrement_training\", getCookie(\"training_count\"), training_count)\n\n    }\n\n\n\n    var accountingPeriodAnnual = true;\n  \n    jQuery( document ).ready(function() {\n         initialCheck();\n\n    });\n\n  var topicList = {\n    \"Select single apps\":\n    [{\n      bundle: \"com.cheqsite.support\",\n      name: \"Telephone and remote support\",\n      description: \"This saves you valuable time and allows you to concentrate on your core tasks. We therefore offer you direct and professional support. Whether you have questions about using the software or a technical problem, our experts got your back.\",\n      price_annual: 69.99,\n      price_quarterly: 89.99,\n      selected: false\n    },\n    {\n      bundle: \"com.cheqsite.training\",\n      name: \"Online training\",\n      description: \"With individually tailored courses and experienced trainers, we support you in making the best possible use of our software in your company. You will gradually learn how to use devices and features safely and effectively in practice.\",\n      price_annual: 24.99,\n      price_quarterly: 31.99,\n      selected: false\n    }]\n  };\n\n  var basicPriceTwoAppsAnnual = 46.99;\n  var basicPriceTwoAppsQuarterly = 59.99;\n  var basicPriceAllAppsAnnual = 69.99;\n  var basicPriceAllAppsQuarterly = 89.99;\n\n  function getBasicPriceForTwoApps() {\n    if (accountingPeriodAnnual) {\n          return basicPriceTwoAppsAnnual;\n        }\n        return basicPriceTwoAppsQuarterly;\n  }\n\n  function getBasicPriceForAllApps() {\n    if (accountingPeriodAnnual) {\n          return basicPriceAllAppsAnnual;\n        }\n        return basicPriceAllAppsQuarterly;\n  }\n\n  function getBasicPriceForTwoAppsPerAccountingPeriod() {\n    if (accountingPeriodAnnual) {\n          return basicPriceTwoAppsAnnual*12;\n        }\n        return basicPriceTwoAppsQuarterly*3;\n  }\n\n  function getBasicPriceForAllAppsPerAccountingPeriod() {\n    if (accountingPeriodAnnual) {\n          return basicPriceAllAppsAnnual*12;\n        }\n        return basicPriceAllAppsQuarterly*3;\n  }\n\n  function setAppSelected(bundle, selected) {\n\n    if (selected)\n      setCookie(bundle, \"true\", 365);\n    else\n      setCookie(bundle, \"false\", 365);\n\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                if (appBundle == bundle) {\n                  app['selected'] = selected;\n                  return;\n                }\n            }\n        }\n        }\n    }\n  }\n  \n  function isAppSelected(bundle) {\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var appSelected = app['selected'];\n                if (appBundle == bundle) {\n                  return appSelected;\n                }\n            }\n        }\n        }\n    }\n  }\n\n  function getAppName(bundle) {\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var appName = app['name'];\n                if (appBundle == bundle) {\n                  return appName;\n                }\n            }\n        }\n        }\n    }\n  }\n\n  function getAppPrice(bundle) {\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var appPrice = app['price_annual'];\n                if (!accountingPeriodAnnual) {\n                  appPrice = app['price_quarterly'];\n                }\n                if (appBundle == bundle) {\n                  return appPrice;\n                }\n            }\n        }\n        }\n    }\n    return null;\n  }\n\n  function getPriceForAllSelectedApps() {\n    var price = 0;\n\n      for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appSelected = app['selected'];\n                if (appSelected) {\n                  var appPrice = app['price_annual'];\n                  if (!accountingPeriodAnnual) {\n                    appPrice = app['price_quarterly'];\n                  }\n                  price += appPrice;\n                }\n            }\n        }\n        }\n    }\n    return price;\n  }\n\n  function getPriceForAllSelectedAppsPerAccountingPeriod() {\n    var price = getPriceForAllSelectedApps();\n        if (!accountingPeriodAnnual) {\n          price *= 3;\n        } else {\n      price *= 12;\n        }\n    return price;\n  }\n\n  function getCountSelectedApps() {\n    var countSelectedApps = 0;\n\n      for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appSelected = app['selected'];\n                if (appSelected) {\n                  countSelectedApps++;\n                }\n            }\n        }\n        }\n    }\n    return countSelectedApps;\n  }\n\n  function getCountTotalApps() {\n    var countTotalApps = 0;\n\n      for (var topicName in topicList) {\n        if(topicList.hasOwnProperty(topicName)) {\n              var appList = topicList[topicName];\n\n          for (var appIndex in appList) {\n            if(appList.hasOwnProperty(appIndex)) {\n                  countTotalApps++;\n              }\n          }\n        }\n    }\n    return countTotalApps;\n  }\n\n  function areAllAppsSelected() {\n\n      for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appSelected = app['selected'];\n                if (!appSelected) {\n                  return false;\n                }\n            }\n        }\n        }\n    }\n    return true;\n  }\n\n  function updateAllViews() {\n    updateListViews();\n    updateSummaryViews();\n  }\n\n  function updateSummaryViews() {\n\n    \/\/ var labelAccountingPeriod = document.getElementById('accounting_period_label');\n    \/\/ if (accountingPeriodAnnual)\n    \/\/   labelAccountingPeriod.innerHTML = 'j\u00e4hrlich';\n    \/\/ else\n    \/\/   labelAccountingPeriod.innerHTML = 'quartalsweise';\n\n    var summaryStickyWrapper = document.getElementById('summary_sticky_wrapper');\n\n    \/* var priceParagraph = document.getElementById('final_price'); *\/\n\n    var countSelectedApps = getCountSelectedApps();\n\n    var costsPerAccountingPeriod = document.getElementById(\"accounting_period_costs_per_period\");\n\n    var costsPerUser = document.getElementById(\"accounting_period_costs_per_user\");\n    \n    var isAppWorkequipmentSelected = isAppSelected('com.cheqsite.workequipment');\n\n    if (countSelectedApps <= 0) {\n      summaryStickyWrapper.style.display = 'none';\n    } else {\n      summaryStickyWrapper.style.display = 'block';\n    }\n\n    if (countSelectedApps <= 0) {\n      \/\/priceParagraph.innerHTML = \"0 \u20ac\";\n      if (costsPerAccountingPeriod) costsPerAccountingPeriod.innerHTML = \"0 \u20ac\"\n      \/\/costsPerUser.innerHTML = \"0 \u20ac\"\n    } else if (countSelectedApps == 1 && !isAppWorkequipmentSelected) {\n      \n      var priceForAllSelectedApps = getPriceForAllSelectedApps();\n      \/\/priceParagraph.innerHTML = priceForAllSelectedApps+\" \u20ac\";\n\n      var priceForAllSelectedAppsPerAccountingPeriod = getPriceForAllSelectedAppsPerAccountingPeriod() ;\n      \/\/costsPerAccountingPeriod.innerHTML = priceForAllSelectedAppsPerAccountingPeriod.toFixed(2)+\" \u20ac\";\n      \/\/costsPerUser.innerHTML = priceForAllSelectedAppsPerAccountingPeriod.toFixed(2)+\" \u20ac\";\n  \n    } else if (countSelectedApps == 2 && !isAppWorkequipmentSelected) {        \n      \/\/priceParagraph.innerHTML = getBasicPriceForTwoApps().toFixed(2)+\" \u20ac\";  \n\n      \/\/costsPerAccountingPeriod.innerHTML = getBasicPriceForTwoAppsPerAccountingPeriod().toFixed(2)+\" \u20ac\";\n      \/\/costsPerUser.innerHTML = getBasicPriceForTwoAppsPerAccountingPeriod().toFixed(2)+\" \u20ac\";\n\n    } else {\n      \/\/priceParagraph.innerHTML = getBasicPriceForAllApps().toFixed(2)+\" \u20ac\";  \n\n      \/\/costsPerAccountingPeriod.innerHTML = (getBasicPriceForAllAppsPerAccountingPeriod()).toFixed(2)+\" \u20ac\";\n      \/\/costsPerUser.innerHTML = getBasicPriceForAllAppsPerAccountingPeriod().toFixed(2)+\" \u20ac\";\n   \n    }\n  }\n\n  function updateListViews() {\n    \/*\n    var accountingPeriodCheckboxAnnual = document.getElementById('accounting_period_checkbox_annual');\n    var accountingPeriodCheckboxQuarterly = document.getElementById('accounting_period_checkbox_quarterly');\n    accountingPeriodCheckboxAnnual.checked = accountingPeriodAnnual\n    accountingPeriodCheckboxQuarterly.checked = !accountingPeriodAnnual\n    *\/\n\n    var listBox = document.getElementById('list_box');\n    listBox.innerHTML = ''\n\n    var fullPricePerSelection = 0;\n    var countTopics = 0;\n\n  \/\/ listBox.insertAdjacentHTML('beforeend', '<div class=\"select_all_none\"><a id=\"top_select_all\" onclick=\"selectAll(this, false)\"> Select all<\/a> | <a id=\"top_select_none\" onclick=\"selectNone(this)\">Deselect all<\/a><\/div>');\n\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n                countTopics++;\n        \n        var additionalCssClass = '';\n          \n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var appName = app['name'];\n                var appDescription = app['description'];\n                var appPrice = app['price_annual'];\n                var appSelected = app['selected'];\n                if (!accountingPeriodAnnual) {\n                  appPrice = app['price_quarterly'];\n                }\n\n                var checkedString = '';\n                if (appSelected) {\n                  checkedString = 'checked';\n                }\n\n            var disabledString = '';\n                \/\/ if (!appSelected && countSelectedApps > 2) {\n                \/\/   disabledString = 'disabled';\n                \/\/ }\n            \n              listBox.insertAdjacentHTML('beforeend', '<div id=\"app_entry_wrapper_'+appBundle.replace('com.cheqsite.', '')+'\" onclick=\"clickedAppEntry(this)\" class=\"app_entry_wrapper\"><div class=\"app_entry_title_wrapper\"><div class=\"app_entry_title_wrapper_left\"><input type=\"checkbox\" id=\"'+appBundle+'\" name=\"'+appBundle+'\" '+checkedString+' '+disabledString+' onclick=\"clickedApp(this);\" \/><label for=\"'+appBundle+'\"><img decoding=\"async\" id=\"image_'+appBundle+'\" class=\"app_entry_image\" src=\"\/wp-content\/uploads\/2024\/11\/app_icon_shop_'+appBundle.replace('com.cheqsite.', '')+'-1.png\"\/><\/label><\/div><div class=\"app_entry_title_wrapper_right\"><p class=\"app_entry_title_wrapper_title\" >'+appName+'<\/p> <p class=\"app_entry_title_wrapper_description\" >'+appDescription+'<\/p> <\/div><\/div><\/div><\/div>');            \n          \n            var selectAppWrapperElement = document.getElementById('app_entry_wrapper_'+appBundle.replace('com.cheqsite.', ''));\n            selectAppWrapperElement.classList.remove(\"app_entry_wrapper_selected\");\n            selectAppWrapperElement.classList.remove(\"app_entry_wrapper_not_selected\");\n            \n            \/*\n            if (!appSelected) {\n                selectAppWrapperElement.classList.add(\"app_entry_wrapper_not_selected\");\n            } else {\n                selectAppWrapperElement.classList.add(\"app_entry_wrapper_selected\");\n            }\n            *\/\n\n            \/* INIT AS SELECTED *\/\n\n            var _wrapper_support = document.getElementById(\"app_entry_wrapper_support\");\n            var _wrapper_training = document.getElementById(\"app_entry_wrapper_training\");\n            if(_wrapper_support) {_wrapper_support.classList.add(\"selected_entry\")}; \/\/ Add class  \n            if(_wrapper_training) {_wrapper_training.classList.add(\"selected_entry\")}; \/\/ Add class\n\n\n            selectAppWrapperElement.classList.add(\"app_entry_wrapper_selected\");\n\n            var selectImageElement = document.getElementById('image_'+appBundle);\n            selectImageElement.classList.remove(\"app_entry_image_selected\");\n            selectImageElement.classList.remove(\"app_entry_image_not_selected\");\n            \n            \/*\n            if (!appSelected) {\n                selectImageElement.classList.add(\"app_entry_image_not_selected\");\n            } else {\n                selectImageElement.classList.add(\"app_entry_image_selected\");\n            }\n            *\/\n\n            selectImageElement.classList.add(\"app_entry_image_selected\");\n          \n          }\n        }\n        }\n    }\n\n    \/\/listBox.insertAdjacentHTML('beforeend', '<div class=\"select_all_none\"><a id=\"bottom_select_all\" onclick=\"selectAll(this, false)\"> Select all<\/a> | <a id=\"bottom_select_none\" onclick=\"selectNone(this)\">Deselect all<\/a><\/div>');\n\/*\n    var countSelectedApps = getCountSelectedApps();\n    var countTotalApps = getCountTotalApps();\n    var bottomSelectAllElement = document.getElementById('bottom_select_all');\n    var topSelectAllElement = document.getElementById('top_select_all');\n    if (countSelectedApps == countTotalApps) {\n      topSelectAllElement.classList.add(\"disabled\");\n      bottomSelectAllElement.classList.add(\"disabled\");\n    } else {\n      topSelectAllElement.classList.remove(\"disabled\");\n      bottomSelectAllElement.classList.remove(\"disabled\");\n    }\n\n    var topSelectNoneElement = document.getElementById('top_select_none');\n    var bottomSelectNoneElement = document.getElementById('bottom_select_none');\n    if (countSelectedApps <= 0) {\n      topSelectNoneElement.classList.add(\"disabled\");\n      bottomSelectNoneElement.classList.add(\"disabled\");\n    } else {\n      topSelectNoneElement.classList.remove(\"disabled\");\n      bottomSelectNoneElement.classList.remove(\"disabled\");\n    }\n\n*\/\n\n  }\n  \n  function initialCheck() {\n\n    const tr_cookie = getCookie(\"training_count\");\n    console.log(\"GOT TR\", tr_cookie)\n    if( tr_cookie != null && tr_cookie != undefined && tr_cookie != \"\") {\n      training_count = tr_cookie;\n    }\n\n    const sup_cookie = getCookie(\"support_count\");\n    console.log(\"GOT SUP\", sup_cookie)\n    if( sup_cookie != null && sup_cookie != undefined && sup_cookie != \"\") {\n      support_count = sup_cookie;\n    }\n\n    var accountingPeriodAnnualFromCookie = getCookie(\"accounting_period_annual\");\n    if (accountingPeriodAnnualFromCookie == \"true\") {\n          accountingPeriodAnnual = true;\n        } else if (accountingPeriodAnnualFromCookie == \"false\") {\n          accountingPeriodAnnual = false;\n        } else {\n          accountingPeriodAnnual = true;\n          setCookie(\"accounting_period_annual\", \"true\", 365);\n        }\n\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var selectedFromCookie = getCookie(appBundle);\n                if (selectedFromCookie == \"true\") {\n                  app['selected'] = true;\n                } else if (selectedFromCookie == \"false\") {\n                  app['selected'] = false;\n                } else {\n              app['selected'] = false;\n              setCookie(appBundle, \"false\", 365);\n                }\n            }\n        }\n        }\n    }\n\n    \n    if (training_count == 0) {\n      waitForElement('#app_entry_wrapper_training', (element) => {\n          element.classList.remove(\"selected_entry\");\n      });\n    }    \n\n    if (support_count == 0) {\n      waitForElement('#app_entry_wrapper_support', (element) => {\n          element.classList.remove(\"selected_entry\");\n      });\n    }   \n    \n    updateDisplay();\n    updateAllViews();\n  }\n  \n  function waitForElement(selector, callback) {\n      const interval = setInterval(() => {\n          const element = document.querySelector(selector);\n          if (element) {\n              clearInterval(interval);\n              callback(element);\n          }\n      }, 500); \/\/ Check every 500ms\n  }  \n  \n  function clickedAppEntry(element) {\n\n    \/\/console.log(\"clickedAppEntry\", element);\n\n  if (element.id == \"app_entry_wrapper_support\") {\n    \n   \n    \n    if (support_count == 0) {\n      support_count = 1;\n      element.classList.add(\"selected_entry\"); \/\/ Add class\n    } else if (support_count > 0) {\n      support_count = 0;\n      element.classList.remove(\"selected_entry\"); \/\/ Remove class\n    } else {\n      element.classList.add(\"selected_entry\"); \/\/ Add class\n    }\n    updateDisplay();\n    \n\n    \n  } else if (element.id == \"app_entry_wrapper_training\") {\n    if (training_count == 0) {\n      training_count = 1;\n      element.classList.add(\"selected_entry\"); \/\/ Add class\n    } else if (training_count > 0) {\n      training_count = 0;\n      element.classList.remove(\"selected_entry\"); \/\/ Remove class\n    } else {\n      element.classList.add(\"selected_entry\"); \/\/ Add class      \n    }\n    updateDisplay();\n  }\n\n\n    \/*\n        \n    var bundle = \"com.cheqsite.\"+element.id.replace(\"app_entry_wrapper_\", \"\");\n    var element = document.getElementById(bundle);\n    var selected = !element.checked;\n\n    clickedAppBundle(bundle, selected, false);\n    \n    var countSelectedApps = getCountSelectedApps();\n    var countTotalApps = getCountTotalApps();\n    if (countSelectedApps > 2 && countSelectedApps != countTotalApps) {\n      showToastShort(\"More than 2 apps selected. You will receive all additional apps for free.\");\n    }\n\n    *\/\n  }\n\n  function clickedApp(element) {\n    \/*\n\n    console.log(\"clickedApp\", element);\n    \n    var bundle = element.id;\n  var selected = !element.checked;\n\n    clickedAppBundle(bundle, selected, false);\n    \n    var countSelectedApps = getCountSelectedApps();\n    var countTotalApps = getCountTotalApps();\n    if (countSelectedApps > 2 && countSelectedApps != countTotalApps) {\n      showToastShort(\"More than 2 apps selected. You will receive all additional apps for free.\");\n    }\n    *\/\n  }\n\n  function clickedAppBundle(bundle, selected, fromSelectingAllManually) {\n    \/*\n  var selectAllAfterwards = false;\n  var selectNoneAfterwards = false;\n    \n  if (selected) {\n    var countSelectedApps = getCountSelectedApps();\n    var isAppWorkequipmentSelected = isAppSelected('com.cheqsite.workequipment');\n    if ((countSelectedApps == 2 && !fromSelectingAllManually && !isAppWorkequipmentSelected) || bundle == 'com.cheqsite.workequipment') {\n     \/\/ showToast(\"Individuelle Pr\u00fcflistenvorlagen k\u00f6nnen einfach erstellt werden. Aktuell sind mehr als 70 Vorlagen zu 16 versch. Arbeitsmitteln vorinstalliert.\");\n      selectAllAfterwards = true;\n    }\n  } else {\n    if (bundle == 'com.cheqsite.workequipment') {\n      selectNoneAfterwards = true;\n    }\n  }\n\n  setAppSelected(bundle, selected);\n\n  if (selectAllAfterwards)\n    selectAll(null, false);\n  else if (selectNoneAfterwards) {\n    selectNone(null);\n  }\n    \n  updateSummaryViews();\n  updateListViews();\n\n  *\/\n  }\n\n  function changedAccountingPeriodAnnual(element) {\n    var checked = element.checked;\n  accountingPeriodAnnual = true;\n  setCookie(\"accounting_period_annual\", \"true\", 365);\n    updateAllViews();\n  }\n\n  function changedAccountingPeriodQuarterly(element) {\n    var checked = element.checked;\n    accountingPeriodAnnual = false;\n    setCookie(\"accounting_period_annual\", \"false\", 365);\n    updateAllViews();\n  }\n\n  function showToast(text) {\n    Snackbar.show({text: text, pos: 'bottom-center', showAction: false, duration: 5000});\n  }\n  \n  function showToastShort(text) {\n    Snackbar.show({text: text, pos: 'bottom-center', showAction: false, duration: 2000});\n  }\n  \n  function selectNone(element) {\n  \/\/   var countSelectedApps = getCountSelectedApps();\n  \/\/ if (countSelectedApps <= 0) {\n  \/\/   element.classList.add(\"disabled\");\n  \/\/   return;\n  \/\/ }\n\n  for (var topicName in topicList) {\n    if(topicList.hasOwnProperty(topicName)) {\n          var appList = topicList[topicName];\n\n      for (var appIndex in appList) {\n        if(appList.hasOwnProperty(appIndex)) {\n              var app = appList[appIndex];\n              var appBundle = app['bundle'];\n              var appSelected = app['selected'];\n              if (appSelected) {\n                clickedAppBundle(appBundle, false, false);\n                var countSelectedApps = getCountSelectedApps();\n            \/\/ if (countSelectedApps <= 0) {\n            \/\/   element.classList.add(\"disabled\");\n            \/\/     return;\n            \/\/   }\n              }\n          }\n      }\n      }\n  }\n  }\n\n  function selectAll(element, fromSelectingAllManually) {\n    var allAppsAreSelected = areAllAppsSelected();\n\n    if (!allAppsAreSelected) {\n\n    \/\/ var countSelectedApps = getCountSelectedApps();\n    \/\/ if (countSelectedApps >= 3) {\n    \/\/   element.classList.add(\"disabled\");\n    \/\/     return;\n    \/\/   }\n\n      for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var appSelected = app['selected'];\n                if (!appSelected) {\n                  clickedAppBundle(appBundle, true, fromSelectingAllManually);\n              \/\/     var countSelectedApps = getCountSelectedApps();\n              \/\/ if (countSelectedApps >= 3) {\n              \/\/   element.classList.add(\"disabled\");\n              \/\/     return;\n              \/\/   }\n                }\n            }\n        }\n        }\n    }\n    }\n  }\n\n  function buyClicked() {\n\/*\n    var countSelectedApps = getCountSelectedApps();\n\n    if (countSelectedApps <= 0) {\n      showToast(\"Please select at least one app.\");\n      return;\n    }\n\n    var priceField = document.getElementById('final_price');\n    var priceFieldPerAccountingPeriod = document.getElementById('accounting_period_costs_per_period');\n    var urlParams = \"?tx_powermail_pi1[field][price]=\"+priceField.innerHTML.replace(\" \u20ac\", \"\");\n    urlParams += \"&tx_powermail_pi1[field][price_per_accounting_period]=\"+priceFieldPerAccountingPeriod.innerHTML.replace(\" \u20ac\", \"\");\n    \n    if (accountingPeriodAnnual)\n      urlParams += \"&tx_powermail_pi1[field][accounting_period]=Year\"\n    else\n      urlParams += \"&tx_powermail_pi1[field][accounting_period]=Quarter\"\n        \n    urlParams += \"&tx_powermail_pi1[field][land]=DE\"\n\n    var appsOverview = \"\";\n    var isFirst = true;\n\n    for (var topicName in topicList) {\n      if(topicList.hasOwnProperty(topicName)) {\n            var appList = topicList[topicName];\n\n        for (var appIndex in appList) {\n          if(appList.hasOwnProperty(appIndex)) {\n                var app = appList[appIndex];\n                var appBundle = app['bundle'];\n                var appName = app['name'];\n                var appSelected = app['selected'];\n                if (appSelected) {\n                  urlParams += \"&tx_powermail_pi1[field][\"+appBundle.replace('com.cheqsite.', '')+\"]=1\"\n                  if (!isFirst)\n                    appsOverview += \", \"\n                  appsOverview += appName;\n                  isFirst = false;\n                }\n            }\n        }\n        }\n    }\n\n    urlParams += \"&tx_powermail_pi1[field][apps_overview]=\"+appsOverview;\n*\/\n      \/\/window.location.href = \"\/en\/order-2\"+urlParams;\n\n      let support_param = (support_count * 99).toFixed(2);\n      let training_param = (125 * training_count).toFixed(2);\n\n      params += \"&tx_powermail_pi1[field][support_count]=\" + support_count;    \n      params += \"&tx_powermail_pi1[field][support]=\" + support_param;\n      params += \"&tx_powermail_pi1[field][training]=\" + training_param;\n\n      let total = Number(total_param) + Number(support_param) + Number(training_param);\n      params += \"&tx_powermail_pi1[field][total]=\" + total;      \n\n      window.location.href = \"\/en\/order-pro?\"+params;\n  }\n\n  function setCookie(cname, cvalue, exdays) {\n      var d = new Date();\n      d.setTime(d.getTime() + (exdays*24*60*60*1000));\n      var expires = \"expires=\"+ d.toUTCString();\n      document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n  }\n\n  function getCookie(cname) {\n      var name = cname + \"=\";\n      var decodedCookie = decodeURIComponent(document.cookie);\n      var ca = decodedCookie.split(';');\n      for(var i = 0; i <ca.length; i++) {\n          var c = ca[i];\n          while (c.charAt(0) == ' ') {\n              c = c.substring(1);\n          }\n          if (c.indexOf(name) == 0) {\n              return c.substring(name.length, c.length);\n          }\n      }\n      return \"\";\n  }\n\n  \n  \/\/$(document).ready(function(){\n  \/\/  $(\"#summary_sticky_wrapper\").sticky({topSpacing:90});\n  \/\/});\n\n  \n\n<\/script><\/div>\n\t\t\t<\/div> <!-- .et_pb_code -->\n\t\t\t<\/div> <!-- .et_pb_column -->\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> <!-- .et_pb_row -->\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> <!-- .et_pb_section -->\t\t<\/div><!-- .et_builder_inner_content -->\n\t<\/div><!-- .et-l -->\n\t\n\t\t\t\n\t\t<\/div><!-- #et-boc -->\n\t\t","protected":false},"excerpt":{"rendered":"<p>Price of the apps for work equipment inspections<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"wf_page_folders":[55],"class_list":["post-23230","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Support and Training\u00a0-\u00a0CHEQSITE<\/title>\n<meta name=\"description\" content=\"Price for Work Equipment Inspection\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cheqsite.de\/en\/support-and-training\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Support and Training\u00a0-\u00a0CHEQSITE\" \/>\n<meta property=\"og:description\" content=\"Price for Work Equipment Inspection\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cheqsite.de\/en\/support-and-training\/\" \/>\n<meta property=\"og:site_name\" content=\"Cheqsite\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-04T16:22:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cheqsite.de\/en\/support-and-training\/\",\"url\":\"https:\/\/www.cheqsite.de\/en\/support-and-training\/\",\"name\":\"Support and Training\u00a0-\u00a0CHEQSITE\",\"isPartOf\":{\"@id\":\"https:\/\/www.cheqsite.de\/en\/#website\"},\"datePublished\":\"2024-10-31T12:30:18+00:00\",\"dateModified\":\"2025-02-04T16:22:47+00:00\",\"description\":\"Price for Work Equipment Inspection\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cheqsite.de\/en\/support-and-training\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cheqsite.de\/en\/support-and-training\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cheqsite.de\/en\/support-and-training\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.cheqsite.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Support and Training\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cheqsite.de\/en\/#website\",\"url\":\"https:\/\/www.cheqsite.de\/en\/\",\"name\":\"Cheqsite\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.cheqsite.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cheqsite.de\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cheqsite.de\/en\/#organization\",\"name\":\"Cheqsite\",\"url\":\"https:\/\/www.cheqsite.de\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cheqsite.de\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.cheqsite.de\/wp-content\/uploads\/2020\/08\/cropped-cheqsite.png\",\"contentUrl\":\"https:\/\/www.cheqsite.de\/wp-content\/uploads\/2020\/08\/cropped-cheqsite.png\",\"width\":441,\"height\":112,\"caption\":\"Cheqsite\"},\"image\":{\"@id\":\"https:\/\/www.cheqsite.de\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.youtube.com\/channel\/UCqOC0NkT4Jcq5ueEVHE6YHg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Support and Training\u00a0-\u00a0CHEQSITE","description":"Price for Work Equipment Inspection","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cheqsite.de\/en\/support-and-training\/","og_locale":"en_US","og_type":"article","og_title":"Support and Training\u00a0-\u00a0CHEQSITE","og_description":"Price for Work Equipment Inspection","og_url":"https:\/\/www.cheqsite.de\/en\/support-and-training\/","og_site_name":"Cheqsite","article_modified_time":"2025-02-04T16:22:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cheqsite.de\/en\/support-and-training\/","url":"https:\/\/www.cheqsite.de\/en\/support-and-training\/","name":"Support and Training\u00a0-\u00a0CHEQSITE","isPartOf":{"@id":"https:\/\/www.cheqsite.de\/en\/#website"},"datePublished":"2024-10-31T12:30:18+00:00","dateModified":"2025-02-04T16:22:47+00:00","description":"Price for Work Equipment Inspection","breadcrumb":{"@id":"https:\/\/www.cheqsite.de\/en\/support-and-training\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cheqsite.de\/en\/support-and-training\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cheqsite.de\/en\/support-and-training\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.cheqsite.de\/en\/"},{"@type":"ListItem","position":2,"name":"Support and Training"}]},{"@type":"WebSite","@id":"https:\/\/www.cheqsite.de\/en\/#website","url":"https:\/\/www.cheqsite.de\/en\/","name":"Cheqsite","description":"","publisher":{"@id":"https:\/\/www.cheqsite.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cheqsite.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cheqsite.de\/en\/#organization","name":"Cheqsite","url":"https:\/\/www.cheqsite.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cheqsite.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.cheqsite.de\/wp-content\/uploads\/2020\/08\/cropped-cheqsite.png","contentUrl":"https:\/\/www.cheqsite.de\/wp-content\/uploads\/2020\/08\/cropped-cheqsite.png","width":441,"height":112,"caption":"Cheqsite"},"image":{"@id":"https:\/\/www.cheqsite.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.youtube.com\/channel\/UCqOC0NkT4Jcq5ueEVHE6YHg"]}]}},"_links":{"self":[{"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/pages\/23230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/comments?post=23230"}],"version-history":[{"count":131,"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/pages\/23230\/revisions"}],"predecessor-version":[{"id":24985,"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/pages\/23230\/revisions\/24985"}],"wp:attachment":[{"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/media?parent=23230"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.cheqsite.de\/en\/wp-json\/wp\/v2\/wf_page_folders?post=23230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}