{"id":33963,"date":"2026-03-18T19:33:35","date_gmt":"2026-03-18T18:33:35","guid":{"rendered":"https:\/\/opusflow.io\/test-rechner\/"},"modified":"2026-06-23T12:15:24","modified_gmt":"2026-06-23T10:15:24","slug":"test-rechner","status":"publish","type":"page","link":"https:\/\/opusflow.io\/de\/test-rechner\/","title":{"rendered":"Testrechner"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33963\" class=\"elementor elementor-33963 elementor-20520\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fefa1b e-flex e-con-boxed e-con e-parent\" data-id=\"8fefa1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e526f7 elementor-widget elementor-widget-shortcode\" data-id=\"6e526f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"opusflow-calculator-wrapper\">\n        <div class=\"opusflow-calculator sticky-enabled-mobile\"\n             data-bg-color=\"#ffffff\"\n             data-accent1=\"#3dc9a2\"\n             data-accent2=\"#edb3cd\"\n             data-field-bg=\"#f8f3ee\"\n             data-radius=\"12\"\n             data-padding=\"5\">\n\n            <style>\n\n            \/* Expose the accent colour to the stylesheet (used by sliders) *\/\n            .opusflow-calculator {\n                --of-accent: #3dc9a2;\n            }\n\n            \/* Logo label styling - OUTSIDE the box *\/\n.logo-label {\n    font-size: 11px;\n    color: #666;\n    text-align: center;\n    margin-top: 8px;\n    line-height: 1.3;\n    max-width: 100%;\n    word-wrap: break-word;\n    font-weight: 500;\n    display: block;\n}\n\n\/* Logo wrapper to contain box + label *\/\n.logo-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* Ensure logo-item stays as is *\/\n.logos-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\n    gap: 15px;\n}\n\n.logo-wrapper .logo-item {\n    width: 100%;\n}\n\n\/* Selected state - make label darker *\/\n.logo-wrapper:has(.logo-item.selected) .logo-label {\n    color: #333;\n    font-weight: 600;\n}\n\n\/* Minus sign styling *\/\n.minus-sign {\n    margin-right: 2px;\n    font-weight: 600;\n}\n\n\/* Make minus sign inherit the OpusFlow cost color *\/\n.sidebar-calculation-line.opusflow-cost-line .minus-sign {\n    color: #212b4f;\n}\n\n.mobile-sidebar .sidebar-calculation-line.opusflow-cost-line .minus-sign {\n    color: #212b4f;\n}\n\n            .opusflow-calculator {\n                background: #ffffff;\n                border-radius: 12px;\n            }\n            .opusflow-calculator .calculator-content {\n                padding: 5%;\n                padding-bottom: 5%;\n            }\n            .opusflow-calculator input[type=\"number\"],\n            .opusflow-calculator input[type=\"text\"] {\n                background: #f8f3ee;\n                border: 2px solid #f8f3ee;\n                border-radius: 12px;\n            }\n            .opusflow-calculator input[type=\"number\"]:focus,\n            .opusflow-calculator input[type=\"text\"]:focus {\n                border-color: #3dc9a2;\n            }\n            .opusflow-calculator .checkbox-item {\n                background: #f8f3ee;\n                border-radius: 12px;\n            }\n            .opusflow-calculator .checkbox-item input[type=\"checkbox\"]:checked + label {\n                color: #3dc9a2;\n                font-weight: 600;\n            }\n            .opusflow-calculator .logo-item.selected {\n                border-color: #3dc9a2;\n                box-shadow: 0 0 0 2px #3dc9a2;\n            }\n            .opusflow-calculator .logo-item.selected .logo-checkmark {\n                background: #3dc9a2;\n            }\n            .opusflow-calculator .results-box {\n                background: linear-gradient(135deg, #3dc9a2, #edb3cd);\n                border-radius: 12px;\n            }\n            .opusflow-calculator .sidebar-box {\n                background: #f8f3ee;\n                border-radius: 12px;\n            }\n            .opusflow-calculator .result-label,\n            .opusflow-calculator .result-value .currency,\n            .opusflow-calculator .result-value .savings-number {\n                color: #212b4f;\n            }\n            .opusflow-calculator .cta-button {\n                background: #bde6d2;\n                color: #212b4f;\n                border-radius: 12px;\n            }\n            .opusflow-calculator .cta-button:hover {\n                background: #edb3cd;\n                color: #212b4f;\n            }\n            \/* Accent colour for the range sliders *\/\n            .opusflow-calculator input[type=\"range\"]::-webkit-slider-thumb {\n                background: #3dc9a2;\n            }\n            .opusflow-calculator input[type=\"range\"]::-moz-range-thumb {\n                background: #3dc9a2;\n            }\n            .opusflow-calculator .slider-value {\n                color: #3dc9a2;\n            }\n            .opusflow-calculator .results-box-container {\n                padding: 0 5% 5% 5%;\n            }\n\n           \/* Color controls for calculation values - Match label text colors *\/\n.sidebar-calculation-line .calc-value,\n.sidebar-calculation-line .calc-value .currency,\n.sidebar-calculation-line .calc-value span {\n    color: inherit; \/* Inherit from parent *\/\n}\n\n\/* Desktop colors *\/\n.sidebar-calculation-line:nth-of-type(1) .calc-value,\n.sidebar-calculation-line:nth-of-type(1) .calc-value .currency,\n.sidebar-calculation-line:nth-of-type(1) #time-savings {\n    color: #212b4f;\n}\n\n.sidebar-calculation-line:nth-of-type(2) .calc-value,\n.sidebar-calculation-line:nth-of-type(2) .calc-value .currency,\n.sidebar-calculation-line:nth-of-type(2) #software-savings {\n    color: #212b4f;\n}\n\n.sidebar-calculation-line.opusflow-cost-line .calc-value,\n.sidebar-calculation-line.opusflow-cost-line .calc-value .currency,\n.sidebar-calculation-line.opusflow-cost-line #opusflow-cost {\n    color: #212b4f;\n}\n\n.sidebar-total-savings .total-savings-value,\n.sidebar-total-savings .total-savings-value .currency,\n.sidebar-total-savings #total-real-savings {\n    color: #212b4f;\n}\n\n\/* Mobile colors *\/\n.mobile-sidebar .sidebar-calculation-line:nth-of-type(1) .calc-value,\n.mobile-sidebar .sidebar-calculation-line:nth-of-type(1) .calc-value .currency,\n.mobile-sidebar #time-savings-mobile {\n    color: #212b4f;\n}\n\n.mobile-sidebar .sidebar-calculation-line:nth-of-type(2) .calc-value,\n.mobile-sidebar .sidebar-calculation-line:nth-of-type(2) .calc-value .currency,\n.mobile-sidebar #software-savings-mobile {\n    color: #212b4f;\n}\n\n.mobile-sidebar .sidebar-calculation-line.opusflow-cost-line .calc-value,\n.mobile-sidebar .sidebar-calculation-line.opusflow-cost-line .calc-value .currency,\n.mobile-sidebar #opusflow-cost-mobile {\n    color: #212b4f;\n}\n\n.mobile-sidebar .sidebar-total-savings .total-savings-value,\n.mobile-sidebar .sidebar-total-savings .total-savings-value .currency,\n.mobile-sidebar #total-real-savings-mobile {\n    color: #212b4f;\n}\n\n\/* Separate control for \/year suffix *\/\n.year-suffix {\n    color: #6a7290;\n}\n\n            \/* FORCE STICKY ON MOBILE - Inline override *\/\n                        @media (max-width: 768px) {\n                .opusflow-calculator.sticky-enabled-mobile .results-box-container {\n                    position: -webkit-sticky !important;\n                    position: sticky !important;\n                    bottom: 0 !important;\n                    z-index: 100 !important;\n                    background: transparent;\n                }\n                .opusflow-calculator.sticky-enabled-mobile .results-box-container::before {\n                    content: '';\n                    position: absolute;\n                    top: -40px;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    background: linear-gradient(to bottom,\n                        rgba(255, 255, 255, 0) 0%,\n                        rgba(255, 255, 255, 0.8) 40%,\n                        rgba(255, 255, 255, 1) 80%\n                    );\n                    backdrop-filter: blur(6px);\n                    -webkit-backdrop-filter: blur(6px);\n                    pointer-events: none;\n                    z-index: -1;\n                }\n            }\n            \n            \/* FORCE STICKY ON DESKTOP - Inline override *\/\n                        <\/style>\n\n            <div class=\"calculator-content\">\n                <h2 class=\"calculator-title\">Too many tools? Calculate here what you could save:<\/h2>\n\n                <div class=\"calculator-layout\">\n\n                    <!-- Left Column: Form -->\n                    <div class=\"calculator-form-column\">\n\n                        <div class=\"calculator-form\">\n\n                            <!-- Input Fields Row (Sliders) -->\n                            <div class=\"input-fields-row\">\n                                <!-- Number of Employees -->\n                                <div class=\"form-group\">\n                                    <label for=\"num_employees\">Nr of Employees<\/label>\n                                    <span class=\"slider-value\" id=\"num_employees_value\">3<\/span>\n                                    <div class=\"slider-spacer\"><\/div>\n                                    <input type=\"range\" id=\"num_employees\" min=\"3\" max=\"100\" value=\"3\" step=\"1\" \/>\n                                <\/div>\n\n                                <!-- Average Hourly Salary -->\n                                <div class=\"form-group\">\n                                    <label for=\"hourly_salary\">Average Salary per hour<\/label>\n                                    <span class=\"slider-value\" id=\"hourly_salary_value\">30<\/span>\n                                    <div class=\"slider-spacer\"><\/div>\n                                    <input type=\"range\" id=\"hourly_salary\" min=\"15\" max=\"150\" value=\"30\" step=\"1\" \/>\n                                <\/div>\n\n                                <!-- Projects per Month -->\n                                <div class=\"form-group\">\n                                    <label for=\"projects_month\">Average projects per month<\/label>\n                                    <span class=\"slider-value\" id=\"projects_month_value\">10<\/span>\n                                    <div class=\"slider-spacer\"><\/div>\n                                    <input type=\"range\" id=\"projects_month\" min=\"1\" max=\"100\" value=\"10\" step=\"1\" \/>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Info Text -->\n                            <div class=\"info-text\">\n                                (Number of projects x average hourly rate x 6,5 hours saved) OpusFlow users report saving an average of 6.5 hours per project.<br>\n                                <a href=\"https:\/\/opusflow.io\" target=\"_blank\">Here\u2019s where those efficiency gains come from.<\/a>\n                            <\/div>\n\n                            <!-- Logo Software Section -->\n                                                        <div class=\"logos-section\">\n                                <h3>Software you currently use:<\/h3>\n\n                                <!-- NO ERP CHECKBOX (only relevant when logos exist) -->\n                                                                <div class=\"no-erp-wrapper\">\n                                    <div class=\"checkbox-item no-erp-checkbox\">\n                                        <input type=\"checkbox\" id=\"no_erp\" \/>\n                                        <label for=\"no_erp\">\n                                            We don&#039;t use any software yet! It&#039;s all Excel &amp; Word Docs right now.                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                                \n                               <div class=\"logos-grid\">\n            <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"0\"\n             data-logo-price=\"20\"\n             data-logo-usage=\"75\"\n             data-logo-name=\"Asana\"\n             title=\"Asana\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/asana-logo-logo-png-transparent.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Asana\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/asana-logo-logo-png-transparent.png\" alt=\"Asana\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Project Management<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"1\"\n             data-logo-price=\"165\"\n             data-logo-usage=\"90\"\n             data-logo-name=\"Salesforce\"\n             title=\"Salesforce\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/free-salesforce-logo-icon-svg-download-png-2945132-copy.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Salesforce\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/free-salesforce-logo-icon-svg-download-png-2945132-copy.png\" alt=\"Salesforce\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">CRM<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"2\"\n             data-logo-price=\"14.1\"\n             data-logo-usage=\"100\"\n             data-logo-name=\"Slack\"\n             title=\"Slack\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/Slack_icon_2019.svg.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Slack\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/Slack_icon_2019.svg.png\" alt=\"Slack\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Communicate<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"3\"\n             data-logo-price=\"14\"\n             data-logo-usage=\"50\"\n             data-logo-name=\"Notion\"\n             title=\"Notion\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/Notion_app_logo.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Notion\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/Notion_app_logo.png\" alt=\"Notion\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Project Management<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"4\"\n             data-logo-price=\"38\"\n             data-logo-usage=\"70\"\n             data-logo-name=\"Docusign\"\n             title=\"Docusign\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/unnamed.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Docusign\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/unnamed.png\" alt=\"Docusign\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Sign<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"5\"\n             data-logo-price=\"349\"\n             data-logo-usage=\"20\"\n             data-logo-name=\"Inflow\"\n             title=\"Inflow\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/images.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Inflow\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/images.png\" alt=\"Inflow\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Inventory<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"6\"\n             data-logo-price=\"12.5\"\n             data-logo-usage=\"100\"\n             data-logo-name=\"Sharepoint\"\n             title=\"Sharepoint\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/microsoft_sharepoint_alt_macos_bigsur_icon_189964.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Sharepoint\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/microsoft_sharepoint_alt_macos_bigsur_icon_189964.png\" alt=\"Sharepoint\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Documents<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"7\"\n             data-logo-price=\"16\"\n             data-logo-usage=\"80\"\n             data-logo-name=\"Calendly\"\n             title=\"Calendly\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/1_Ozlc9YSkQHIhK0WCJuAIQA-copy.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Calendly\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/1_Ozlc9YSkQHIhK0WCJuAIQA-copy.png\" alt=\"Calendly\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Appointments<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"8\"\n             data-logo-price=\"12\"\n             data-logo-usage=\"75\"\n             data-logo-name=\"Clickup\"\n             title=\"Clickup\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/clickup.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Clickup\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/clickup.png\" alt=\"Clickup\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Planning<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"9\"\n             data-logo-price=\"90\"\n             data-logo-usage=\"80\"\n             data-logo-name=\"Hubspot\"\n             title=\"Hubspot\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/2944939-copy.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Hubspot\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/2944939-copy.png\" alt=\"Hubspot\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Emailing<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"10\"\n             data-logo-price=\"39\"\n             data-logo-usage=\"100\"\n             data-logo-name=\"Simple Simon\"\n             title=\"Simple Simon\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/simon-head.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Simple Simon\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/simon-head.png\" alt=\"Simple Simon\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Time Tracking<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"11\"\n             data-logo-price=\"19.9\"\n             data-logo-usage=\"100\"\n             data-logo-name=\"Plancraft\"\n             title=\"Plancraft\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/jdutjakqjmcrwoi6jlpl-copy.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Plancraft\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/jdutjakqjmcrwoi6jlpl-copy.png\" alt=\"Plancraft\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Time Tracking<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"12\"\n             data-logo-price=\"115\"\n             data-logo-usage=\"20\"\n             data-logo-name=\"Zendesk\"\n             title=\"Zendesk\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/zendesk.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Zendesk\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/zendesk.png\" alt=\"Zendesk\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Support<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"13\"\n             data-logo-price=\"20\"\n             data-logo-usage=\"90\"\n             data-logo-name=\"ChatGPT\"\n             title=\"ChatGPT\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/chatgpt-icon-copy.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"ChatGPT\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/03\/chatgpt-icon-copy.png\" alt=\"ChatGPT\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Knowledge<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"14\"\n             data-logo-price=\"49\"\n             data-logo-usage=\"40\"\n             data-logo-name=\"PandaDoc\"\n             title=\"PandaDoc\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/07\/pandadoc.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"PandaDoc\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/07\/pandadoc.png\" alt=\"PandaDoc\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">Contract Management<\/div>\n            <\/div>\n        <div class=\"logo-wrapper\">\n        <div class=\"logo-item\"\n             data-logo-index=\"15\"\n             data-logo-price=\"24\"\n             data-logo-usage=\"20\"\n             data-logo-name=\"PoweBI\"\n             title=\"PoweBI\">\n            <div class=\"logo-checkmark\">\u2713<\/div>\n            <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/07\/northware-microsoft-power-bi-logo-copy.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"PoweBI\" title=\"| OpusFlow\"><noscript><img decoding=\"async\" src=\"https:\/\/opusflow.io\/wp-content\/uploads\/2026\/07\/northware-microsoft-power-bi-logo-copy.png\" alt=\"PoweBI\" title=\"| OpusFlow\"><\/noscript>\n        <\/div>\n                <div class=\"logo-label\">BI Dashboarding<\/div>\n            <\/div>\n        \n        <!-- \"Add your own software\" tile - always rendered last so new logos push it right -->\n    <div class=\"logo-wrapper custom-tile-wrapper\">\n        <div class=\"logo-item custom-software-tile\" id=\"custom-software-tile\" role=\"button\" tabindex=\"0\"\n             title=\"Add your own software\">\n            <span class=\"custom-tile-plus\">+<\/span>\n        <\/div>\n        <div class=\"logo-label\">Add your own software<\/div>\n    <\/div>\n    <\/div>\n\n                                                                <!-- Custom software entry panel (shown when the tile is clicked) -->\n                                <div class=\"custom-software-panel\" id=\"custom-software-panel\" style=\"display:none;\">\n                                    <a href=\"#\" class=\"custom-back-link\" id=\"custom-back-link\">\u2190 Back to software list<\/a>\n                                    <p class=\"custom-instructions\"><\/p>\n                                    <div class=\"custom-rows\" id=\"custom-rows\">\n                                                                                <div class=\"custom-row\" data-row=\"0\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"1\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"2\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"3\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"4\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"5\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"6\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"7\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"8\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                                <div class=\"custom-row\" data-row=\"9\" style=\"display:none;\">\n                                            <input type=\"text\" class=\"custom-name\" placeholder=\"Software name\" \/>\n                                            <input type=\"number\" class=\"custom-cost\" min=\"0\" step=\"0.01\" placeholder=\"Cost \/ licence (\u20ac\/month)\" \/>\n                                            <input type=\"number\" class=\"custom-licenses\" min=\"0\" step=\"1\" placeholder=\"Number of licences\" \/>\n                                        <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                            <\/div>\n                            \n                            <!-- Text Tools Section -->\n                                                        <div class=\"tools-section\">\n                                <div class=\"tools-grid\">\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_0\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"150\"\n                                               data-usage=\"100\"\n                                               data-name=\"Sollit (2Solar)\" \/>\n                                        <label for=\"tool_0\">\n                                            <span class=\"tool-name\">Sollit (2Solar)<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac150\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_1\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"160\"\n                                               data-usage=\"100\"\n                                               data-name=\"Reonic\" \/>\n                                        <label for=\"tool_1\">\n                                            <span class=\"tool-name\">Reonic<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac160\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_2\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"150\"\n                                               data-usage=\"100\"\n                                               data-name=\"Autarc\" \/>\n                                        <label for=\"tool_2\">\n                                            <span class=\"tool-name\">Autarc<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac150\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_3\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"100\"\n                                               data-usage=\"100\"\n                                               data-name=\"Solar Monkey (10 projects)\" \/>\n                                        <label for=\"tool_3\">\n                                            <span class=\"tool-name\">Solar Monkey (10 projects)<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac100\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_4\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"35\"\n                                               data-usage=\"100\"\n                                               data-name=\"Odoo\" \/>\n                                        <label for=\"tool_4\">\n                                            <span class=\"tool-name\">Odoo<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac35\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_5\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"90\"\n                                               data-usage=\"100\"\n                                               data-name=\"Suntropy\" \/>\n                                        <label for=\"tool_5\">\n                                            <span class=\"tool-name\">Suntropy<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac90\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_6\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"100\"\n                                               data-usage=\"100\"\n                                               data-name=\"Wattwin\" \/>\n                                        <label for=\"tool_6\">\n                                            <span class=\"tool-name\">Wattwin<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac100\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_7\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"69\"\n                                               data-usage=\"100\"\n                                               data-name=\"Hero Software\" \/>\n                                        <label for=\"tool_7\">\n                                            <span class=\"tool-name\">Hero Software<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac69\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                        <div class=\"checkbox-item\">\n                                        <input type=\"checkbox\"\n                                               id=\"tool_8\"\n                                               class=\"tool-checkbox\"\n                                               data-price=\"35\"\n                                               data-usage=\"100\"\n                                               data-name=\"Syntess (incl. consulting)\" \/>\n                                        <label for=\"tool_8\">\n                                            <span class=\"tool-name\">Syntess (incl. consulting)<\/span>\n                                            <span class=\"tool-price\" style=\"display: none;\">(\u20ac35\/user)<\/span>\n                                        <\/label>\n                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                            \n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Right Column: Sidebar (Desktop Only) -->\n                    <div class=\"calculator-sidebar-column\">\n\n                        <!-- Without OpusFlow Box -->\n                        <div class=\"sidebar-box without-opusflow-box\">\n                            <h3>Without OpusFlow<\/h3>\n\n                            <div class=\"sidebar-user-info\">\n                                <span class=\"for-text\">For<\/span>\n                                <span class=\"user-count\" id=\"sidebar-user-count\">3<\/span>\n                  <span class=\"users-text\">Users<\/span>\n                                <span class=\"per-month-text\">\/month<\/span>\n                            <\/div>\n\n                            <div class=\"software-list\" id=\"software-list\">\n                                <!-- Dynamically populated -->\n                            <\/div>\n\n                            <div class=\"sidebar-total-line\">\n                                <span class=\"total-label\">Total:<\/span>\n                                <span class=\"total-value\">\u20ac<span id=\"without-total\">0<\/span>\/year<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- With OpusFlow Box (DESKTOP) -->\n                        <div class=\"sidebar-box with-opusflow-box\">\n                            <h3>With OpusFlow<\/h3>\n\n                            <div class=\"sidebar-user-info\">\n                                <span class=\"for-text\">For<\/span>\n                                <span class=\"user-count\" id=\"sidebar-user-count2\">3<\/span>\n                                <span class=\"users-text\">Users<\/span>\n                                <span class=\"per-month-text\">\/month<\/span>\n                            <\/div>\n\n                            <div class=\"sidebar-calculation-line\">\n                                <span class=\"calc-label\">Time savings per year<\/span>\n                                <span class=\"calc-value\">\n                                    <span class=\"currency\">\u20ac<\/span><span id=\"time-savings\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n                                <\/span>\n                            <\/div>\n\n                            <div class=\"sidebar-calculation-line\">\n                                <span class=\"calc-label\">Software savings per year<\/span>\n                                <span class=\"calc-value\">\n                                    <span class=\"currency\">\u20ac<\/span><span id=\"software-savings\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n                                <\/span>\n                            <\/div>\n\n                            <div class=\"sidebar-calculation-line opusflow-cost-line\">\n    <span class=\"calc-label\">All OpusFlow Modules<\/span>\n    <span class=\"calc-value\">\n        <span class=\"minus-sign\">-<\/span><span class=\"currency\">\u20ac<\/span><span id=\"opusflow-cost\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n    <\/span>\n<\/div>\n\n                            <div class=\"sidebar-total-savings\">\n                                <div class=\"total-savings-label\">Total Yearly Savings<\/div>\n                                <div class=\"total-savings-value\">\n                                    <span class=\"currency\">\u20ac<\/span><span id=\"total-real-savings\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n                                <\/div>\n                            <\/div>\n\n                                                        <div class=\"sidebar-metric-line\">\n                                <span class=\"metric-label\">Pays for itself in<\/span>\n                                <span class=\"metric-value\"><span id=\"payback-months\">0<\/span> months<\/span>\n                            <\/div>\n                            <div class=\"sidebar-metric-line\">\n                                <span class=\"metric-label\">Return on investment<\/span>\n                                <span class=\"metric-value\"><span id=\"roi-percent\">0<\/span>%<\/span>\n                            <\/div>\n                            \n                                                        <div class=\"sidebar-metric-line\">\n                                <span class=\"metric-label\">Extra capacity gained<\/span>\n                                <span class=\"metric-value\"><span id=\"fte-hours\">0<\/span> hrs (\u2248 <span id=\"fte-value\">0<\/span> FTE)<\/span>\n                            <\/div>\n                            \n                            <!-- Book a Demo + Download PDF buttons -->\n                            <div class=\"cta-container with-opusflow-cta has-download\">\n                                <a href=\"https:\/\/opusflow.io\/demo\/\" class=\"cta-button demo-button\" target=\"_blank\">\n                                    Book a free demo now                                <\/a>\n                                                                <button type=\"button\" class=\"cta-button download-quote-btn\">\n                                    Download PDF quote                                <\/button>\n                                                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div> <!-- Close .calculator-layout -->\n\n            <\/div> <!-- Close .calculator-content -->\n\n            <!-- Results Box (Mobile Only - Sticky) -->\n            <div class=\"results-box-container mobile-only\" id=\"results-sticky-anchor\">\n                <div class=\"results-box\">\n                    <div class=\"result-item\">\n                        <div class=\"result-label\">Monthly Savings<\/div>\n                        <div class=\"result-value\">\n                            <span class=\"currency\">\u20ac<\/span>\n                            <span id=\"monthly_savings_mobile\" class=\"savings-number\">0<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"result-divider\"><\/div>\n\n                    <div class=\"result-item\">\n                        <div class=\"result-label\">Yearly Savings<\/div>\n                        <div class=\"result-value\">\n                            <span class=\"currency\">\u20ac<\/span>\n                            <span id=\"yearly_savings_mobile\" class=\"savings-number\">0<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CTA Button -->\n                <div class=\"cta-container has-download\">\n                    <a href=\"https:\/\/opusflow.io\/demo\/\" class=\"cta-button demo-button\" target=\"_blank\">\n                        Book a free demo now                    <\/a>\n                                        <button type=\"button\" class=\"cta-button download-quote-btn\">\n                        Download PDF quote                    <\/button>\n                                    <\/div>\n            <\/div>\n\n            <!-- Mobile Sidebar (Below form) -->\n            <div class=\"mobile-sidebar\">\n\n                <!-- Without OpusFlow Box (MOBILE) -->\n                <div class=\"sidebar-box without-opusflow-box\">\n                    <h3>Without OpusFlow<\/h3>\n\n                    <div class=\"sidebar-user-info\">\n                        <span class=\"for-text\">For<\/span>\n                        <span class=\"user-count\" id=\"sidebar-user-count-mobile\">3<\/span>\n                        <span class=\"users-text\">Users<\/span>\n                        <span class=\"per-month-text\">\/month<\/span>\n                    <\/div>\n\n                    <div class=\"software-list\" id=\"software-list-mobile\">\n                        <!-- Dynamically populated -->\n                    <\/div>\n\n                    <div class=\"sidebar-total-line\">\n                        <span class=\"total-label\">Total:<\/span>\n                        <span class=\"total-value\">\u20ac<span id=\"without-total-mobile\">0<\/span>\/year<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- With OpusFlow Box (MOBILE) -->\n                <div class=\"sidebar-box with-opusflow-box\">\n                    <h3>With OpusFlow<\/h3>\n\n                    <div class=\"sidebar-user-info\">\n                        <span class=\"for-text\">For<\/span>\n                        <span class=\"user-count\" id=\"sidebar-user-count-mobile2\">3<\/span>\n                        <span class=\"users-text\">Users<\/span>\n                        <span class=\"per-month-text\">\/month<\/span>\n                    <\/div>\n\n                    <div class=\"sidebar-calculation-line\">\n                        <span class=\"calc-label\">Time savings per year<\/span>\n                        <span class=\"calc-value\">\n                            <span class=\"currency\">\u20ac<\/span><span id=\"time-savings-mobile\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sidebar-calculation-line\">\n                        <span class=\"calc-label\">Software savings per year<\/span>\n                        <span class=\"calc-value\">\n                            <span class=\"currency\">\u20ac<\/span><span id=\"software-savings-mobile\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"sidebar-calculation-line opusflow-cost-line\">\n    <span class=\"calc-label\">All OpusFlow Modules<\/span>\n    <span class=\"calc-value\">\n        <span class=\"minus-sign\">-<\/span><span class=\"currency\">\u20ac<\/span><span id=\"opusflow-cost-mobile\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n    <\/span>\n<\/div>\n\n                    <div class=\"sidebar-total-savings\">\n                        <div class=\"total-savings-label\">Total Yearly Savings<\/div>\n                        <div class=\"total-savings-value\">\n                            <span class=\"currency\">\u20ac<\/span><span id=\"total-real-savings-mobile\">0<\/span><span class=\"year-suffix\">\/year<\/span>\n                        <\/div>\n                    <\/div>\n\n                                        <div class=\"sidebar-metric-line\">\n                        <span class=\"metric-label\">Pays for itself in<\/span>\n                        <span class=\"metric-value\"><span id=\"payback-months-mobile\">0<\/span> months<\/span>\n                    <\/div>\n                    <div class=\"sidebar-metric-line\">\n                        <span class=\"metric-label\">Return on investment<\/span>\n                        <span class=\"metric-value\"><span id=\"roi-percent-mobile\">0<\/span>%<\/span>\n                    <\/div>\n                    \n                                        <div class=\"sidebar-metric-line\">\n                        <span class=\"metric-label\">Extra capacity gained<\/span>\n                        <span class=\"metric-value\"><span id=\"fte-hours-mobile\">0<\/span> hrs (\u2248 <span id=\"fte-value-mobile\">0<\/span> FTE)<\/span>\n                    <\/div>\n                                    <\/div>\n\n                <!-- CTA Button Mobile -->\n                <div class=\"cta-container has-download\">\n                    <a href=\"https:\/\/opusflow.io\/demo\/\" class=\"cta-button demo-button\" target=\"_blank\">\n                        Book a free demo now                    <\/a>\n                                        <button type=\"button\" class=\"cta-button download-quote-btn\">\n                        Download PDF quote                    <\/button>\n                                    <\/div>\n\n            <\/div>\n\n                        <!-- Quotation contact modal -->\n            <div class=\"opusflow-modal-overlay\" id=\"quote-modal\" style=\"display:none;\">\n                <div class=\"opusflow-modal\">\n                    <button type=\"button\" class=\"opusflow-modal-close\" id=\"quote-modal-close\" aria-label=\"Close\">&times;<\/button>\n                    <h3>Get your quotation<\/h3>\n                    <p class=\"modal-intro\"><\/p>\n                    <div class=\"modal-field\">\n                        <label for=\"quote-name\">Name<\/label>\n                        <input type=\"text\" id=\"quote-name\" \/>\n                    <\/div>\n                    <div class=\"modal-field\">\n                        <label for=\"quote-email\">Email<\/label>\n                        <input type=\"email\" id=\"quote-email\" \/>\n                    <\/div>\n                    <div class=\"modal-field\">\n                        <label for=\"quote-phone\">Phone<\/label>\n                        <input type=\"tel\" id=\"quote-phone\" \/>\n                    <\/div>\n                    <div class=\"modal-field\">\n                        <label for=\"quote-website\">Business website<\/label>\n                        <input type=\"url\" id=\"quote-website\" placeholder=\"https:\/\/\" \/>\n                    <\/div>\n                    <div class=\"modal-message\" id=\"quote-message\" style=\"display:none;\"><\/div>\n                    <button type=\"button\" class=\"cta-button\" id=\"quote-submit\">Send me the quote<\/button>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33963","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/pages\/33963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/comments?post=33963"}],"version-history":[{"count":0,"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/pages\/33963\/revisions"}],"wp:attachment":[{"href":"https:\/\/opusflow.io\/de\/wp-json\/wp\/v2\/media?parent=33963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}