{"id":2038,"date":"2019-08-16T11:19:53","date_gmt":"2019-08-16T11:19:53","guid":{"rendered":"https:\/\/jooll.dk\/en\/?page_id=2038"},"modified":"2026-05-22T08:50:42","modified_gmt":"2026-05-22T07:50:42","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/jooll.dk\/en\/how-it-works\/","title":{"rendered":"How it works"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

How does JOOLL work?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCOMPANY\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEMPLOYEE\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tJOOLL\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCompany\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tThe employer covers all or part of the fixed monthly cost, which is fully tax-deductible from taxable income.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tJOOLL material for companies<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEmployee\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tLow monthly taxation. Great savings for you!\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tJOOLL material for employees<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tJOOLL\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tYOU get a high quality JOOLL. Great value for you, your employer, the climate, and your health.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed. If you use it privately, you pay a simple monthly tax. The smart part is that your taxable value automatically decreases year by year \u2013 meaning you save more and more the longer you have your JOOLL. For more info – see below example or download the material as employee, employer or self-employed:<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tDOWNLOAD YOUR MATERIAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\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

JOOLL vs private purchase<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

See, why getting a JOOLL is always better and cheaper than buying a bike at the store.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n JOOLL Advantages<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" \/>\n <style>\n \/* Best practice: ensures padding doesn't affect width *\/\n * { box-sizing: border-box;}\n\n .comparison-widget {\n --cw-teal: #6ab4a7;\n --cw-dark: #1a1a1a;\n --cw-gray: #757575;\n --cw-border: #c6c6c6;\n margin: 20px auto;\n padding: 0px;\n color: var(--cw-dark);\n background-color: transparent;\n font-size: 16px;\n }\n\n .comparison-widget .cw-header { text-align: center; margin-bottom: 40px; }\n .comparison-widget .cw-header h2 { margin-bottom: 8px; color: var(--cw-dark); font-size: 24px; font-weight: 700; }\n .comparison-widget .cw-header p { color: #666; margin-bottom: 24px; font-size: 16px; }\n\n \/* Table Structure *\/\n .comparison-widget .cw-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: transparent; }\n .comparison-widget th, .comparison-widget td { padding: 15px 15px; text-align: center; vertical-align: middle; }\n .comparison-widget tbody tr { \n border-bottom: 1px solid var(--cw-border);}\n .comparison-widget thead tr {\n border-bottom: none;}\n .comparison-widget .cw-feature-col { text-align: left; width: 40%; color: #444; font-weight: 700; }\n .comparison-widget .cw-feature-item { display: flex; align-items: center; gap: 10px; }\n .comparison-widget .cw-feature-item .material-icons { color: var(--cw-gray); font-size: 20px; }\n .comparison-widget tbody tr:last-child {\n border-bottom: none;}\n\n \/* Brand Column (JOOLL) *\/\n .comparison-widget .cw-col-brand { background: #6ab4a7 ; color: white; width: 30%; position: relative; z-index: 10; font-size: 1.1rem;}\n .comparison-widget th.cw-col-brand { border-radius: 12px 12px 0 0; font-size: 1.2rem; font-weight: 700; }\n .comparison-widget td.cw-col-brand.cw-last-row { border-radius: 0 0 12px 12px; border-bottom: none !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }\n\n .comparison-widget .cw-col-other { width: 30%; color: #777; font-size: 0.95rem; }\n .comparison-widget th.cw-col-other { color: var(--cw-dark); font-weight: 700; font-size: 1rem;}\n .comparison-widget .cw-error-icon { color: #780a0a; font-size: 30px; vertical-align: middle; }\n .comparison-widget .cw-check-icon { color: #ffffff; font-size: 30px; vertical-align: middle; }\n\n @media (max-width: 768px) {\n .comparison-widget .cw-feature-col { width: 50%; }\n .comparison-widget .cw-feature-item span { font-size: 13px; }\n .comparison-widget .cw-table { font-size: 14px; }\n .comparison-widget th, .comparison-widget td { padding: 5px 10px; }\n .comparison-widget .cw-feature-item .material-icons { display: none; }\n .comparison-widget .cw-col-other {font-size: 10px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"comparison-widget\">\n \n\n <table class=\"cw-table\">\n <thead>\n <tr>\n <th class=\"cw-feature-col\"><\/th>\n <th class=\"cw-col-brand\">JOOLL<\/th>\n <th class=\"cw-col-other\">Privat purchase<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"cw-table-body\">\n <\/tbody>\n <\/table>\n <\/div>\n\n <script>\n (function () {\n const comparisonData = [\n { icon: \"payments\", label: \"No down payment\", brand: \"check\", private: \"Large cash price paid privately\" },\n { icon: \"handyman\", label: \"Service included\", brand: \"check\", private: \"\u2014\" },\n { icon: \"shield\", label: \"Insurance against theft\", brand: \"check\", private: \"Limited\" },\n { icon: \"local_shipping\", label: \"Assembly and Delivery across DK included\", brand: \"check\", private: \"\u2014\" },\n { icon: \"account_balance_wallet\", label: \"Low monthly taxation\", brand: \"check\", private: \"Receive taxed salary, save up, buy your bike\" },\n { icon: \"free_cancellation\", label: \"Possibility to cancel\", brand: \"check\", private: \"\u2014\" },\n { icon: \"autorenew\", label: \"Swap, buy or quit your JOOLL after 36 months\", brand: \"check\", private: \"\u2014\"},\n { icon: \"savings\", label: \"Up to 80% in savings\", brand: \"check\", private: \"\u2014\"},\n { icon: \"account_balance\", label: \"Company tax savings\", brand: \"check\", private: \"\u2014\"},\n { icon: \"volunteer_activism\", label: \"Employer branding and ESG\", brand: \"check\", private: \"\u2014\", isLast: true },\n \n ];\n\n const tableBody = document.getElementById('cw-table-body');\n\n comparisonData.forEach(item => {\n const row = document.createElement('tr');\n \n const displayValue1 = (item.private === '\u2014')\n ? '<span class=\"material-icons cw-error-icon\">do_not_disturb_on<\/span>'\n : item.private;\n\n const displayValue2 = (item.brand === 'check')\n ? '<span class=\"material-icons cw-check-icon\">check_circle<\/span>'\n : item.brand;\n\n const rowClass = item.isLast ? 'cw-last-row' : '';\n\n row.innerHTML = `\n <td class=\"cw-feature-col\">\n <div class=\"cw-feature-item\">\n <span class=\"material-icons\">${item.icon}<\/span>\n <span>${item.label}<\/span>\n <\/div>\n <\/td>\n <td class=\"cw-col-brand ${rowClass}\">${displayValue2}<\/td>\n <td class=\"cw-col-other\">${displayValue1}<\/td>\n `;\n tableBody.appendChild(row);\n });\n })();\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf04a32 e-con-full e-flex e-con e-parent\" data-id=\"cf04a32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d81732e elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"d81732e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"41646\" class=\"elementor elementor-41646\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aceb1b5 e-con-full e-flex e-con e-child\" data-id=\"5aceb1b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t<div class=\"elementor-element elementor-element-3441b5c3 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"3441b5c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55667948 elementor-widget elementor-widget-heading\" data-id=\"55667948\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EMPLOYEE OR SELF-EMPLOYED<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa47966 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"6fa47966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-biking\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-753b3512 elementor-widget elementor-widget-heading\" data-id=\"753b3512\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JOOLL FITS ALL!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14dab53c e-con-full e-flex e-con e-child\" data-id=\"14dab53c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-6edd47c7 e-con-full e-flex e-con e-child\" data-id=\"6edd47c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a55cc36 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a55cc36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-users\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tJOOLL FOR EMPLOYEES\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tGet your JOOLL as part of your salary - both employee and employer wins!\u200b\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67ee0743 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"67ee0743\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-biking\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Typically 40-80% cheaper as employee - use your JOOLL privately all you want<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-smile\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Service plan and insurance included<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-leaf\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Green profile and less CO2 <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-heart\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Health - up to 5 less sick days per employee<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5609cf20 elementor-align-justify e-transform elementor-widget elementor-widget-button\" data-id=\"5609cf20\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.05,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/jooll.dk\/en\/employee\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-angle-double-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get your JOOLL material here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d337c08 e-con-full e-flex e-con e-child\" data-id=\"6d337c08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-75e45425 e-con-full e-flex e-con e-child\" data-id=\"75e45425\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b7d37a7 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"1b7d37a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-user\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tJOOLL FOR SELF - EMPLOYED\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLease your JOOLL through your company\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dcb0d25 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4dcb0d25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-money-bill-wave\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Full tax deduction for the company in its taxable income<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-hand-holding-usd\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">No taxation during periods without availability<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-smile\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Service plan and insurance included<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-percent\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Full VAT deduction if the bike is used exclusively for business purposes<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5108d56 elementor-align-justify e-transform elementor-widget elementor-widget-button\" data-id=\"5108d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.05,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/jooll.dk\/en\/self-employed\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-angle-double-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get your JOOLL material here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ca1f8b e-con-full e-flex e-con e-parent\" data-id=\"7ca1f8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4526fa elementor-widget elementor-widget-heading\" data-id=\"a4526fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Understand the economics with JOOLL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4703103 elementor-widget elementor-widget-heading\" data-id=\"4703103\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">See the examples below and set it up as you wish<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14a8132 e-con-full e-flex e-con e-child\" data-id=\"14a8132\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d7a9d elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"b8d7a9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Bike Selector<\/title>\n <style>\n .bikedisplay_widgetcontainer {\n border-radius: 10px !important;\n overflow: hidden;\n }\n \n .bikedisplay_widget_bikestats {\n font-size: 17px; \n text-align: center;\n font-weight: 600;\n }\n \n \/* Top 20% Section *\/\n .bikedisplay_header {\n height: 20vh;\n display: flex;\n flex-direction: column;\n background-color: #f4f4f4;\n justify-content: space-evenly;\n }\n\n .bikedisplay_btn-container {\n display: flex;\n gap: 20px;\n width: 100%;\n justify-content: center;\n align-items: center;\n }\n\n .bikedisplay_button {\n width: 130px; \n padding: 15px 0;\n font-size: 1.1rem;\n cursor: pointer;\n background: #6ab7a4;\n transition: all 0.3s ease;\n text-align: center;\n color: white;\n font-weight: 600;\n border: solid 1px;\n border-radius: 5px;\n }\n \n .bikedisplay_button:hover {\n background-color: #f0f0f0;\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n color:#7a7a7a;\n }\n\n \/* Active Button State *\/\n .bikedisplay_button.active {\n background-color: white;\n color: #6ab7a4;\n }\n\n \/* Image Display Section *\/\n .display-area {\n height: 60vh;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n background: white;\n padding: 10px;\n }\n\n .bikedisplay_img {\n max-width: 80%;\n max-height: 100%;\n object-fit: contain;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n \n @media (max-width: 1024px) {\n .bikedisplay_header {\n \/* Optional: Increase height if buttons get cut off on small screens *\/\n height: auto; \n padding: 20px 0;\n }\n \n .bikedisplay_btn-container {\n \/* This stacks the buttons vertically *\/\n flex-direction: column;\n \n \/* Adjust the spacing between buttons *\/\n gap: 15px;\n margin-bottom: 30px;\n }\n \n .bikedisplay_button {\n \/* Optional: Makes buttons wider\/full-width on mobile *\/\n width: 80%; \n max-width: 300px;\n }\n \n .display-area {\n height: 40vh;\n }\n}\n <\/style>\n<\/head>\n<body>\n <div class=\"bikedisplay_widgetcontainer\">\n <div class=\"bikedisplay_header\">\n <div class=\"bikedisplay_btn-container\">\n <button class=\"bikedisplay_button active\" onclick=\"setBikeIndex(0, this)\">E-BIKE<\/button>\n <button class=\"bikedisplay_button\" onclick=\"setBikeIndex(1, this)\">CARGOBIKE<\/button>\n <button class=\"bikedisplay_button\" onclick=\"setBikeIndex(2, this)\">RACER<\/button>\n <\/div>\n <div class=\"bikedisplay_widget_bikestats\"><span id=\"bikename_widget_howitworks\">test<\/span>\n <\/div>\n <\/div>\n \n\n <div class=\"display-area\">\n <img decoding=\"async\" id=\"bike-display\" src=\"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800\" alt=\"Selected Bike\">\n <\/div>\n <\/div>\n\n <script>\n \/**\n * GLOBAL PARAMETER\n * Your other script can access this variable.\n *\/\n var button_bike_index = 0;\n\n \/**\n * TRIGGER SCRIPT\n * Handles UI updates and notifies the other module.\n *\/\n function setBikeIndex(index, clickedButton) {\n \/\/ 1. Update the global index parameter\n button_bike_index = index;\n\n \/\/ 2. Update button \"active\" styling\n const buttons = document.querySelectorAll('.bikedisplay_button');\n buttons.forEach(btn => btn.classList.remove('active'));\n clickedButton.classList.add('active');\n\n \/** * 3. Trigger the other script\n * This calls the function in your second script that handles \n * the dataset and calculations.\n *\/\n if (typeof updateModuleData === \"function\") {\n updateModuleData();\n } else {\n console.warn(\"updateModuleData function not found. Make sure your second script is loaded.\");\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a561860 e-con-full e-flex e-con e-child\" data-id=\"a561860\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87c3994 elementor-widget elementor-widget-html\" data-id=\"87c3994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Leasing Rate Calculator<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined\" \/>\n\n <style>\n\n \n\n .calculator-widget {\n opacity: 0;\n transition: opacity 0.3s ease-in;\n }\n \n .calculator-widget.loaded {\n opacity: 1;\n }\n\n .slider-container {\n position: relative;\n padding: 5px 25px;\n }\n\n .slider-labels {\n display: flex;\n justify-content: space-between;\n font-weight: bold;\n color: #555;\n height: 100%;\n padding: 10px 20px;\n }\n\n\n\n .slider-track {\n position: relative;\n height: 20px;\n border-radius: 10px;\n background: #ccc;\n margin: 20px 0;\n cursor: pointer;\n }\n\n .slider-fill {\n position: absolute;\n left: 22%;\n top: 0;\n height: 100%;\n background: #6ab4a7;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n transition: width 0.2s ease;\n }\n\n .slider-track::before {\n content: '';\n position: absolute;\n background: #6ab4a7;\n left: 0;\n top: 0;\n width: 24%;\n height: 100%;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n pointer-events: none;\n }\n\n .slider-dot {\n position: absolute;\n width: 48px;\n height: 48px;\n background: #6ab4a7;\n border-radius: 50%;\n border:1px solid #7a7a7a;\n top: 50%;\n transform: translate(-50%, -50%);\n cursor: grab;\n transition: all 0.2s ease;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 12px;\n font-weight: bold;\n box-shadow: 5px 5px 5px #7a7a7a;\n }\n\n .slider-dot:hover {\n transform: translate(-50%, -50%) scale(1.3);\n\n }\n\n .slider-dot:active {\n cursor: grabbing;\n }\n\n .slider-amount {\n display: flex;\n justify-content: space-between;\n margin-bottom: 15px;\n font-weight: bold;\n color: #555;\n font-size: 20px;\n }\n\n .accordion {\n\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n background-color: #f1f1f1;\n cursor: pointer;\n padding: 5px;\n width: 100%;\n border: 1px solid #ccc;\n border-radius: 5px;\n text-align: left;\n transition: background-color 0.3s ease;\n margin: 5px 0;\n color: inherit;\n box-shadow: 1px 1px 1px #7a7a7a;\n\n }\n\n .accordion2 {\n justify-content: space-between;\n align-items: stretch;\n cursor: pointer;\n width: 100%;\n text-align: center;\n transition: background-color 0.3s ease;\n margin: 5px 0;\n color: inherit;\n padding: 0;\n overflow: hidden;\n }\n \n .accordion3 {\n justify-content: space-between;\n align-items: stretch;\n cursor: pointer;\n width: 100%;\n text-align: center;\n transition: background-color 0.3s ease;\n margin: 0px;\n color: inherit;\n padding: 0;\n overflow: hidden;\n }\n\n\n\n .value {\n font-weight: bold;\n \/* Optional: make the value stand out *\/\n }\n\n .accordion:hover {\n background-color: #ddd;\n }\n\n .accordion.active {\n background-color: #ccc;\n }\n\n .panel {\n padding: 0px 15px;\n background-color: white;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n border-radius: 5px;\n margin-bottom: 5px;\n font-size: 12px;\n }\n\n\n .arrow_down:hover {\n background-color: #ccc;\n }\n\n .panel2 {\n padding: 0px 0px;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n border: 0px solid;\n border-radius: 5px;\n margin-bottom: 5px;\n font-size: 12px;\n margin-top: 5px;\n }\n\n .panel2-content {\n padding: 10px 0px;\n }\n\n\n \/* Applies to the table itself *\/\n table.tax_description {\n border-collapse: collapse;\n width: 100%;\n text-align: center;\n }\n \n \/* Applies to headers inside this specific table *\/\n table.tax_description th {\n border: 1px solid black;\n padding: 8px;\n background-color: #f2f2f2;\n }\n \n \/* Applies to cells inside this specific table *\/\n table.tax_description td {\n border: 1px solid black;\n padding: 8px;\n }\n\n \/* Tooltip container *\/\n .tooltip {\n position: relative;\n display: inline-block;\n width: 20px;\n height: 20px;\n \n }\n \n \/* Tooltip text *\/\n .tooltip .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: white;\n color: black;\n text-align: center;\n padding: 5px 0;\n border-radius: 6px;\n font-size: 10px;\n padding: 5px;\n border: solid black;\n position: absolute;\n z-index: 1;\n top: -5px;\n right: 120%;\n font-weight: normal;\n }\n \n \/* Show the tooltip text when you mouse over the tooltip container *\/\n .tooltip:hover .tooltiptext {\n visibility: visible;\n }\n\n\n .numbers_calculation-container {\n max-width: 1400px;\n margin: 0 auto 10px;\n }\n\n .numbers_calculation-text-container {\n width: 300px;\n }\n\n .numbers_calculation-text {\n background-color: #ffffff;\n color: #000;\n padding: 0px;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 30px;\n border-radius: 5px;\n\n }\n\n .numbers_calculation-text-2 {\n background-color: #6ab7a4;\n box-shadow: 2px 2px 2px #7a7a7a;\n color: white;\n padding: 12px;\n border-radius: 5px;\n font-size: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 30px;\n width: 100%;\n \/* Makes it fill the full width of its container *\/\n }\n \n .numbers_calculation-text-2:hover {\n background-color: #ccc;\n transform: scale(1.05);\n }\n\n\n .container-addition {\n display: flex;\n \/* arrange children side by side *\/\n gap: 5px;\n \/* optional spacing between boxes *\/\n margin-bottom: 5px;\n }\n\n .numbers_calculation-text-addition {\n background-color: #cbcbcb;\n color: #000;\n padding: 5px 10px;\n border-radius: 5px;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 30px;\n width: 90%;\n \/* 90% of container *\/\n }\n\n .numbers_calculation-text-other {\n\n color: #000;\n padding: 5px 10px;\n border-radius: 5px;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n \/* center content in this small box *\/\n width: 10%;\n \/* remaining 10% of container *\/\n }\n\n .numbers_calculation-number {\n background-color: #cbcbcb;\n padding: 5px 10px;\n border-radius: 5px;\n font-size: 12px;\n width: 60px;\n text-align: right;\n }\n\n\n .savings_per_progress-container {\n position: relative;\n width: 150px;\n height: 150px;\n }\n\n\n .savings_per_progress-ring {\n transform: rotate(135deg);\n transform-box: fill-box;\n transform-origin: 50% 50%;\n overflow: visible;\n }\n\n .savings_per_progress-ring-bg,\n .savings_per_progress-ring-fill {\n fill: none;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .savings_per_progress-ring-bg {\n stroke: #e0e0e0;\n stroke-width: 20;\n }\n\n .savings_per_progress-ring-fill {\n stroke: #6ab7a6;\n stroke-width: 20;\n transition: stroke-dashoffset 0.5s ease;\n }\n\n .savings_per_progress-text {\n position: absolute;\n top: 70%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n }\n\n .savings_per_percentage {\n font-size: 32px;\n font-weight: bold;\n color: #000;\n margin-bottom: -15px;\n }\n\n .savings_per_label {\n font-size: 10px;\n color: #666;\n }\n\n .savings_per_icon-placeholder {\n font-size: 30px;\n color: #6ab4a7;\n }\n\n .info-icon-savings {\n position: absolute;\n width: 20px;\n height: 20px;\n background-color: #cbcbcb;\n \/* optional background *\/\n color: white;\n text-align: center;\n line-height: 20px;\n \/* vertically center the \"i\" *\/\n border-radius: 50%;\n \/* makes it circular *\/\n font-weight: bold;\n cursor: pointer;\n \/* optional, if it's clickable *\/\n }\n\n .info-icon-savings-container {\n position: absolute;\n top: 5px;\n \/* distance from top *\/\n right: 5px;\n width: 20px;\n height: 20px;\n\n }\n\n @media (max-width: 600px) {\n .calculator-container {\n margin: 10px;\n padding: 20px;\n }\n\n .variable-grid {\n grid-template-columns: 1fr;\n }\n\n .slider-labels {\n \/*flex-direction: column;*\/\n \/*align-items: center;*\/\n padding:5px;\n \n }\n\n \n .numbers_calculation-text {\n align-items: center;\n \/* Align items to start *\/\n gap: 20px;\n \/* Reduce gap for mobile *\/\n font-size: 10px;\n }\n\n .numbers_calculation-text-2 {\n align-items: center;\n \/* Align items to start *\/\n gap: 20px;\n \/* Reduce gap for mobile *\/\n font-size: 14px;\n \/* Slightly smaller font *\/\n }\n\n .numbers_calculation-text-container {\n width: 100px;\n }\n .savings_per_progress-container {\n transform: scale(0.7);\n transform-origin: right center;\n margin-left: -30px;\n }\n \n .header_icon {\n display: none !important;\n }\n \n .header_netcosts {\n margin: 0px !important;\n top: 10px !important;\n font-size: 25px !important;\n }\n \n .header_permonth {\n top: 10px !important;\n margin-left: 0px !important;\n font-size: 10px;\n }\n \n .tooltip .tooltiptext {\n width: 150px;\n }\n }\n\n .container-calculation-accordion {\n position: relative;\n \/* sits normally in flow *\/\n width: 100%;\n \/* full width of parent *\/\n \n\n padding: 20px;\n border-radius: 5px;\n\n\n \/* Background *\/\n background-color: white;\n }\n\n .slider-legend {\n display: flex;\n justify-content: space-between;\n \/* Small adjustment so labels align with the center of the slider dot at edges *\/\n color: #656565;\n \/* Matches your chevron color *\/\n font-size: 17px;\n font-weight: 700;\n margin: 15px -20px;\n display: none;\n }\n\n .slider-container-box {\n background-color: #ffffff;\n width: 100%;\n border-radius: 5px;\n padding: 15px 20px;\n margin: 20px 0px 0px;\n }\n \n .features-container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n padding: 20px;\n }\n\n .feature-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n position: relative;\n }\n\n .feature-item:not(:last-child)::after {\n content: '';\n position: absolute;\n right: -10px;\n top: 50%;\n transform: translateY(-50%);\n height: 80%;\n width: 1px;\n background-color: #ddd;\n }\n\n .feature-icon {\n font-size: 35px;\n color: #6ab4a7;\n margin-bottom: 10px;\n }\n\n .feature-text {\n font-size: 12px;\n color: #7a7a7a;\n line-height: 1.4;\n }\n\n @media (max-width: 768px) {\n .features-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n \n .feature-item:not(:last-child)::after {\n display: none;\n }\n \n .feature-item:nth-child(odd)::after {\n display: block;\n right: -7.5px;\n }\n \n .feature-item:nth-child(4)::after {\n display: none;\n }\n }\n \n .selfemployed-widget-container {\n color: #7a7a7a;\n line-height: 1.5;\n max-width: 800px;\n background: #fff;\n border-radius: 5px;\n padding: 20px;\n margin: 20px 0;\n }\n\n .selfemployed-widget-title {\n color: #6ab4a7;\n font-size: 25px;\n font-weight: 700;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .selfemployed-widget-hr {\n border: 0;\n border-top: 1.5px solid #7a7a7a;\n margin: 20px 0;\n display: none;\n }\n\n .selfemployed-widget-list {\n list-style-type: none;\n padding: 0;\n margin: 0;\n }\n\n .selfemployed-widget-item {\n font-weight: 700;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n font-size: 15px;\n }\n\n .selfemployed-widget-item::before {\n content: \"\";\n display: inline-block;\n width: 8px;\n height: 8px;\n border: 3px solid #6ab4a7;\n border-radius: 50%;\n margin-right: 15px;\n flex-shrink: 0;\n }\n \n .selfemployed-widget-footer {\n font-size: 14px;\n color: #7a7a7a;\n }\n \n .selfemployed-widget-anchor {\n color: #6ab4a7;\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s;\n }\n \n .selfemployed-widget-anchor:hover {\n border-bottom: 1px solid #6ab4a7;\n }\n \n .effective_net_container {\n width: 100%;\n display: block; \n box-sizing: border-box;\n overflow: hidden;\n }\n \n .effective_net_table {\n border-collapse: collapse;\n width: 100%;\n }\n \n \n .effective_net_label {\n padding: 8px 12px;\n text-align: left;\n background-color: #fff;\n border: 0px;\n }\n \n .effective_net_value {\n padding: 3px 12px;\n text-align: center;\n background-color: #fff;\n border: 0px;\n min-width: 70px;\n }\n \n \n \n .effective_net_highlight .effective_net_label,\n .effective_net_highlight .effective_net_value {\n \n border-top: 2px solid #999;\n border-bottom: 2px solid #999;\n }\n \n .effective_net_total .effective_net_label,\n .effective_net_total .effective_net_value {\n \n border-top: 2px solid #6ab4a7;\n border-bottom: 2px solid #6ab4a7;\n }\n \n .effective_net_spacer {\n height: 5px;\n border: none;\n background-color: transparent;\n }\n \n .effective_net_spacer_row td {\n height: 15px;\n border: none;\n background: transparent;\n padding: 0px;\n }\n \n .header_netcosts {\n color:#6ab4a7;\n font-size: 2vw;\n position: relative;\n top: -1vw;\n margin:15px;\n }\n \n .header_permonth {\n color:#6ab4a7;\n font-size: 13px;\n position: relative;\n top: -1vw;\n margin-left:-20px;\n }\n \n .header_icon {\n font-size:3vw;\n color:#6ab4a7;\n margin-top: 1vw;\n }\n \n .toggle-container_se_tax {\n display: flex;\n align-items: center;\n gap: 16px;\n justify-content:space-between;\n border: 1px solid #ccc;\n padding:10px;\n border-radius:5px;\n margin: 5px;\n \n }\n\n .toggle-text_se_tax {\n display: flex;\n flex-direction: column;\n }\n\n .toggle-label_se_tax {\n font-size: 12px;\n font-weight: 500;\n color: #7a7a7a;\n }\n\n .toggle-switch_se_tax {\n position: relative;\n display: inline-block;\n width: 51px;\n height: 31px;\n flex-shrink: 0;\n }\n\n .toggle-switch_se_tax input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .slider_se_tax {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #e5e5ea;\n transition: 0.3s;\n border-radius: 31px;\n }\n\n .slider_se_tax:before {\n position: absolute;\n content: \"\";\n height: 27px;\n width: 27px;\n left: 2px;\n bottom: 2px;\n background-color: white;\n transition: 0.3s;\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n input:checked + .slider_se_tax {\n background-color: #6ab7a6;\n }\n\n input:checked + .slider_se_tax:before {\n transform: translateX(20px);\n }\n \n <\/style>\n<\/head>\n\n<body>\n\n\n\n\n <div class=\"calculator-widget\">\n \n <div class=\"toggle-container_se_tax selfemp_nothide_toggle_tax\">\n <div class=\"toggle-label_se_tax\">See taxation as self-employed if you want to use the bike privately<\/div>\n <label class=\"toggle-switch_se_tax\">\n <input type=\"checkbox\" id=\"toggle_se_tax\">\n <span class=\"slider_se_tax\"><\/span>\n <\/label>\n \n <\/div>\n \n <div class=\"slider-labels\">\n \n <p style=\"padding:30px 0px 0px;\" class=\"se_tax_display\">Your benefit net cost<br><i class=\"material-symbols-outlined header_icon\"\n >directions_bike<\/i><span class=\"header_netcosts\"\n style=\"\" id=\"GSSavgResult4\">456\n kr<\/span><span class=\"header_permonth\"> \/ month\n <\/span><\/p>\n \n <p style=\"padding:30px 20px;\" class=\"se_tax_display_hide\">Your tax without private use<br><i class=\"material-symbols-outlined header_icon\"\n style=\"font-size:60px;color:#6ab4a7;\">directions_bike<\/i><span class=\"header_netcosts\"\n >0\n kr<\/span><span class=\"header_permonth\"> \/ month\n <\/span>\n <\/p>\n\n <div class=\"savings_per_progress-container se_tax_display\">\n <div class=\"info-icon-savings-container\">\n <div class=\"tooltip\"><span class=\"info-icon-savings\">i<\/span><span class=\"tooltiptext\"\n style=\"font-weight: normal !important;\">The savings in % are based on the total value of the bike package in private purchase (bike, equipment, assembly, delivery, financing, service and insurance)<\/span><\/div>\n <\/div>\n\n <svg class=\"savings_per_progress-ring\" width=\"150\" height=\"150\" viewBox=\"0 0 150 150\" aria-hidden=\"true\">\n <circle class=\"savings_per_progress-ring-bg\" cx=\"75\" cy=\"75\" r=\"64\"><\/circle>\n <circle class=\"savings_per_progress-ring-fill\" cx=\"75\" cy=\"75\" r=\"64\" stroke-dasharray=\"402.12\"\n stroke-dashoffset=\"402.12\"><\/circle>\n <\/svg>\n\n <div class=\"savings_per_progress-text\">\n <p class=\"savings_per_percentage\" id=\"percentage\">70%<\/p>\n <p class=\"savings_per_label\">in savings<\/p>\n <p class=\"savings_per_icon-placeholder\">\n <i class=\"material-symbols-outlined\" style=\"font-size:40px;color:#6ab4a7;\">savings<\/i>\n <\/p>\n <\/div>\n <\/div>\n \n <\/div>\n <div style=\"padding: 0px 40px; color: #7a7a7a;\" class=\"se_tax_display_hide\"><p>Company's package price: <span id=\"packagedeal2\" style=\"color:#6ab4a7;\">214 kr<\/span> ex VAT \/ month<\/p><\/div>\n \n <div class=\"ec_0\">\n <div class=\"selfemployed_hide\">\n <div class=\"slider-container-box\">\n <span style=\"font-size:13px;\">Adjust employer's contribution<\/span><span\n class=\"tooltip\"><span class=\"info-icon-savings\" style=\"margin:5px;\">i<\/span><span\n class=\"tooltiptext\"\n style=\"bottom: 100% !important;left: 65% !important ;margin-left: -150px !important;top:auto !important;right:auto !important;\">Move the slider to edit the employer contribution. The slider automatically stops at 22%, which corresponds to the employer's tax deduction, which is the minimum contribution. Employer's effective costs per month are 351 kr<span id=\"employer_net\">456\n kr<\/span>.<\/span><\/span>\n <div class=\"slider-container\">\n <div class=\"slider-legend\">\n <span>0 kr<\/span>\n <span id=\"packagedeal\">300 kr<\/span>\n <\/div>\n <div class=\"slider-track\" id=\"sliderTrack\">\n <div class=\"slider-fill\" id=\"sliderFill\"><\/div>\n <div class=\"slider-dot\" id=\"sliderDot\"><span style=\"margin-right:-5px;margin-top:6px;\"\n id=\"brackets_slider1\"><i class=\"material-symbols-outlined\"\n style=\"font-size:40px;color:#656565;\">chevron_left<\/i><\/span><span\n id=\"contributionDisplay\" style=\"color:white\">0<\/span><span id=\"brackets_slider2\"\n style=\"margin-left:-5px;margin-top:6px;\"><i class=\"material-symbols-outlined\"\n style=\"font-size:40px;color:#656565;\">chevron_right<\/i><\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <p style=\"font-size:10px;color:#6ab4a7;text-align:right;\">Fully tax decductible for the company<\/p>\n <\/div>\n\n \n <\/div>\n <\/div>\n \n\n <div class=\"numbers_calculation-container se_tax_display\">\n \n <div class=\"accordion3\" style=\"text-align: center;margin-top:10px;\">\n <span><i class=\"material-symbols-outlined arrow_down selfemployed_hide\"\n style=\"font-size:30px;color:#6ab4a7\">keyboard_double_arrow_down<\/i><\/span>\n <\/div>\n \n <div class=\"panel2\">\n <div class=\"panel2-content\">\n \n \n <div class=\"container-calculation-accordion\">\n <div class=\"effective_net_container\">\n <table class=\"effective_net_table\">\n \n <tbody>\n <tr>\n <td class=\"effective_net_label\">Package price \/ month <span\n class=\"tooltip\"><span class=\"info-icon-savings\" style=\"margin:5px;\">i<\/span><span\n class=\"tooltiptext\"\n style=\"bottom: auto !important;left: 50% !important ;margin-left: -15px !important;top:100% !important;right:auto !important;width:150px !important;\">The package price includes bike, assembly, delivery, insurance, service and financing.<\/span><\/span><\/td>\n <td class=\"effective_net_value\" id=\"packagedeal3\" style=\"background:#f0f0f0;\">249 kr<\/td>\n <td class=\"effective_net_value\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"effective_net_label\"><\/td>\n <td class=\"effective_net_value\" style=\"background:#f0f0f0;display: flex; justify-content: center;\"><i class=\"material-symbols-outlined\"\n style=\"font-size:30px;color:#6ab4a7;\">do_not_disturb_on<\/i><\/td>\n <td class=\"effective_net_value\"><\/td>\n <\/tr>\n \n \n \n <tr>\n <td class=\"effective_net_label\" ><span id=\"company_or_employer\">Your employer <\/span>contributes with<\/td>\n <td class=\"effective_net_value\" id=\"contributionDisplay2\" style=\"background:#f0f0f0;\">249 kr<\/td>\n <td class=\"effective_net_value\"><\/td>\n <\/tr>\n \n <tr class=\"effective_net_spacer_row\">\n <td><hr><\/td>\n <td style=\"background:#f0f0f0;\"><hr><\/td>\n <td><\/td>\n <\/tr>\n \n <tr class=\"effective_net_highlight\">\n <td class=\"effective_net_label\" style=\"border-left:2px solid #999;\">Your salary deduction (before tax | after tax)<\/td>\n <td class=\"effective_net_value\" id=\"lrMinusContribution\" style=\"background:#f0f0f0;\">0 kr<\/td>\n <td class=\"effective_net_value\" id=\"taxable_amount_show\" style=\"border-right: 2px solid #999;font-weight:700;background:#6AB3A77D;\"><strong>0kr<\/strong><\/td>\n <\/tr>\n <tr>\n <td class=\"effective_net_label\"><\/td>\n <td class=\"effective_net_value\"><\/td>\n <td class=\"effective_net_value\" style=\"background:#6AB3A77D;display: flex; justify-content: center;\"><i class=\"material-symbols-outlined\"\n style=\"font-size:30px;color:#6ab4a7;\">add_circle<\/i><\/td>\n <\/tr>\n <tr>\n <td class=\"effective_net_label\">Tax on private use<\/td>\n <td class=\"effective_net_value\"><\/td>\n <td id=\"tax_avg2\" class=\"effective_net_value\" style=\"background:#6AB3A77D;\"><strong>0kr<\/strong><\/td>\n <\/tr>\n \n <tr class=\"effective_net_spacer_row\">\n <td colspan=\"2\"><hr><\/td>\n <td style=\"background:#6AB3A77D;\"><hr><\/td>\n <\/tr>\n \n <tr class=\"effective_net_total\">\n <td class=\"effective_net_label\" style=\"border-left:2px solid #6ab4a7;\"><strong>Your benefit net cost \/ month<\/strong><\/td>\n <td class=\"effective_net_value\"><\/td>\n <td class=\"effective_net_value\" id=\"GSSavgResult3\" style=\"border-right:2px solid #6ab4a7;font-weight:700;background:#6AB3A77D;\">67 kr<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <\/div>\n\n\n\n \n <\/div>\n <\/div>\n\n\n\n <div class=\"numbers_calculation-text-2 accordion2\">\n\n <span>Click and understand your benefit net cost calculation<\/span>\n <\/div>\n\n\n\n <\/div>\n \n <div class=\"selfemp_nothide\">\n <div class=\"selfemployed-widget-container\">\n <h2 class=\"selfemployed-widget-title\">Why self-employed professionals choose JOOLL<\/h2>\n \n <hr class=\"selfemployed-widget-hr\">\n\n <ul class=\"selfemployed-widget-list\">\n <li class=\"selfemployed-widget-item\">Full tax deduction for the company in its taxable income<\/li>\n <li class=\"selfemployed-widget-item\">No taxation during periods without availability<\/li>\n <li class=\"selfemployed-widget-item\">Full VAT deduction if the bike is used exclusively for business purposes<\/li>\n <\/ul>\n\n <\/div>\n <\/div>\n \n <div class=\"features-container\">\n <div class=\"feature-item\" id=\"scooter_no_insurance\">\n <i class=\"material-symbols-outlined feature-icon\">shield<\/i>\n <p class=\"feature-text\">Insurance included<\/p>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"material-symbols-outlined feature-icon\">local_shipping<\/i>\n <p class=\"feature-text\">Assembly and free delivery in DK<\/p>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"material-symbols-outlined feature-icon\">autorenew<\/i>\n <p class=\"feature-text\">Swap, buy or quit at term's end<\/p>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"material-symbols-outlined feature-icon\">handyman<\/i>\n <p class=\"feature-text\">Service package included<\/p>\n <\/div>\n <\/div>\n\n\n\n\n\n\n <button class=\"accordion selfemployed_hide\">\n <span>▼ More details about your benefit net cost\"<\/span>\n <\/button>\n\n <div class=\"panel selfemployed_hide\">\n <p style=\"text-align: justify;margin-top:5px;\">We\u2019ve made it simple and already calculated your net monthly cost including tax. The amount is based on net tax as well as any personal net contribution per month (after tax and including VAT). Your personal net contribution is calculated using an average Danish tax rate of 40%. Please note that the final tax amount may vary slightly depending on your personal tax rate.<br>Enjoy \ud83d\ude42<\/p>\n <table class=\"tax_description\" style=\"margin-bottom:15px; margin-top:15px\">\n <tbody>\n <tr>\n <th>Year<\/th>\n <th>Tax\/month<\/th>\n <th>Your net costs\/month<\/th>\n <\/tr>\n <tr>\n <td>Year 1<\/td>\n <td id=\"tax1\"><\/td>\n <td style=\"color:#6ab4a7\" id=\"GSS1Result\">0 DKK<\/td>\n <\/tr>\n <tr>\n <td>Year 2<\/td>\n <td id=\"tax2\"><\/td>\n <td style=\"color:#6ab4a7\" id=\"GSS2Result\">0 DKK<\/td>\n <\/tr>\n <tr>\n <td>Year 3<\/td>\n <td id=\"tax3\"><\/td>\n <td style=\"color:#6ab4a7\" id=\"GSS3Result\">0 DKK<\/td>\n <\/tr>\n <tr>\n <td>Average<\/td>\n <td id=\"tax_avg1\"><\/td>\n <td style=\"color:#6ab4a7\" id=\"GSSavgResult2\">0 DKK<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n\n <\/div>\n\n\n\n\n\n\n<script>\n\/**\n * BIKE DATA & LEASING CALCULATOR\n * Manages bike selection and leasing calculations\n *\/\n\n\/\/ =============================================================\n\/\/ DATA LAYER\n\/\/ =============================================================\n\nconst bikes = [\n {\n name: \"Winther Superbe 1\",\n depTable: 1,\n lr: 399,\n msrp: 16500,\n tax1: 160,\n tax2: 81,\n tax3: 61,\n taxAvg: 100,\n comp_co_0: 87,\n img_url: \"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg\"\n },\n {\n name: \"Wintherbikes Cargoo (Bafang)\",\n depTable: 4,\n lr: 1099,\n msrp: 37289,\n tax1: 440,\n tax2: 305,\n tax3: 247,\n taxAvg: 330,\n comp_co_0: 241,\n img_url: \"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/02\/winther_cykel.jpg\"\n },\n {\n name: \"Cannondale SuperSix Evo 2\",\n depTable: 5,\n lr: 1559,\n msrp: 53999,\n tax1: 624,\n tax2: 430,\n tax3: 336,\n taxAvg: 463,\n comp_co_0: 342,\n img_url: \"https:\/\/jooll.bike\/de\/wp-content\/uploads\/2025\/08\/Clear_SuperSix_EVO_Crb_2_MRD_PD.webp\"\n }\n];\n\nlet selectedBike = bikes[0];\n\n\/\/ =============================================================\n\/\/ BIKE SELECTION HANDLER\n\/\/ =============================================================\n\nfunction updateModuleData() {\n selectedBike = bikes[button_bike_index];\n \n if (!selectedBike) return;\n \n console.log(\"Module updating with:\", selectedBike.name);\n \n \/\/ Update bike image and bikename\n const displayImg = document.getElementById('bike-display');\n if (displayImg) {\n displayImg.src = selectedBike.img_url;\n }\n \n const bikename = document.getElementById('bikename_widget_howitworks');\n if (bikename) {\n bikename.textContent = selectedBike.name;\n }\n \n \/\/ Reinitialize calculator with new bike data\n if (window.calculator) {\n window.calculator.updateBikeData();\n }\n}\n\n\/\/ =============================================================\n\/\/ LEASING CALCULATOR CLASS\n\/\/ =============================================================\n\nclass LeasingCalculator {\n constructor() {\n this.MIN_CONTRIBUTION_PERCENT = 0.22;\n this.contribution = 0;\n \n this.initializeElements();\n this.attachEventListeners();\n this.updateBikeData();\n }\n \n initializeElements() {\n \/\/ Slider elements\n this.sliderTrack = document.getElementById('sliderTrack');\n this.sliderDot = document.getElementById('sliderDot');\n this.sliderFill = document.getElementById('sliderFill');\n \n \/\/ Display elements\n this.elements = {\n contributionDisplay: document.getElementById('contributionDisplay'),\n contributionDisplay2: document.getElementById('contributionDisplay2'),\n employerNet: document.getElementById('employer_net'),\n companyName: document.getElementById('company_name_id'),\n \n \/\/ Gross salary savings\n gssAvg2: document.getElementById('GSSavgResult2'),\n gssAvg3: document.getElementById('GSSavgResult3'),\n gssAvg4: document.getElementById('GSSavgResult4'),\n gss1: document.getElementById('GSS1Result'),\n gss2: document.getElementById('GSS2Result'),\n gss3: document.getElementById('GSS3Result'),\n \n \/\/ Package deal displays\n packagedeal: document.getElementById('packagedeal'),\n packagedeal2: document.getElementById('packagedeal2'),\n packagedeal3: document.getElementById('packagedeal3'),\n \n \/\/ Other displays\n lrMinusContribution: document.getElementById('lrMinusContribution'),\n taxableAmount: document.getElementById('taxable_amount_show'),\n \n \/\/ Tax brackets\n tax1: document.getElementById('tax1'),\n tax2: document.getElementById('tax2'),\n tax3: document.getElementById('tax3'),\n taxAvg1: document.getElementById('tax_avg1'),\n taxAvg2: document.getElementById('tax_avg2')\n };\n }\n \n attachEventListeners() {\n let isDragging = false;\n \n const canDrag = () => !selectedBike.lr;\n \n \/\/ Mouse events\n this.sliderDot.addEventListener('mousedown', (e) => {\n if (canDrag()) return;\n isDragging = true;\n e.preventDefault();\n });\n \n this.sliderTrack.addEventListener('click', (e) => {\n if (canDrag()) return;\n if (!isDragging) {\n this.updateContributionFromPosition(e);\n }\n });\n \n document.addEventListener('mousemove', (e) => {\n if (isDragging && !canDrag()) {\n this.updateContributionFromPosition(e);\n }\n });\n \n document.addEventListener('mouseup', () => {\n isDragging = false;\n });\n \n \/\/ Touch events\n this.sliderDot.addEventListener('touchstart', (e) => {\n if (canDrag()) return;\n isDragging = true;\n e.preventDefault();\n });\n \n document.addEventListener('touchmove', (e) => {\n if (isDragging && !canDrag()) {\n const touch = e.touches[0];\n this.updateContributionFromPosition(touch);\n e.preventDefault();\n }\n });\n \n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n }\n \n updateContributionFromPosition(e) {\n const rect = this.sliderTrack.getBoundingClientRect();\n const rawPosition = Math.max(0, Math.min(1, (e.clientX - rect.left) \/ rect.width));\n const position = Math.max(this.MIN_CONTRIBUTION_PERCENT, rawPosition);\n \n const lr = selectedBike.lr || 0;\n const step = 50;\n let contribution = Math.floor((position * lr) \/ step) * step;\n \n \/\/ Snap to exact LR at the end\n if (rawPosition >= 0.999) {\n contribution = lr;\n }\n \n this.contribution = Math.max(\n Math.floor(lr * this.MIN_CONTRIBUTION_PERCENT),\n Math.min(lr, contribution)\n );\n \n this.updateSliderPosition();\n this.calculate();\n }\n \n updateSliderPosition() {\n const lr = selectedBike.lr || 1;\n const position = (this.contribution \/ lr) * 100;\n const finalPosition = Math.max(22, Math.min(100, position));\n \n this.sliderDot.style.left = `${finalPosition}%`;\n this.sliderFill.style.width = `${Math.max(0, finalPosition - 22)}%`;\n }\n \n updateBikeData() {\n this.contribution = selectedBike.lr;\n this.updateSliderPosition();\n this.calculate();\n }\n \n calculate() {\n const { msrp, tax1, tax2, tax3, lr, taxAvg } = selectedBike;\n \n \/\/ Ensure contribution doesn't exceed LR\n this.contribution = Math.min(this.contribution, lr);\n \n \n const deductible = Math.floor(lr * 0.22);\n \n \/\/ Core calculations\n const employerNet = this.contribution - deductible;\n const lrMinusContribution = lr - this.contribution;\n const taxableAmount = lrMinusContribution <= 0 \n ? 0 \n : lrMinusContribution * 0.6 * 1.25;\n \n \/\/ Gross salary savings by tax bracket\n const gss1 = Math.floor(taxableAmount + tax1);\n const gss2 = Math.floor(taxableAmount + tax2);\n const gss3 = Math.floor(taxableAmount + tax3);\n const gssAvg = Math.floor(taxableAmount + taxAvg);\n \n \/\/ Total cost and savings\n const totalCost = msrp + (msrp * 0.15) + 3200;\n const savingsAbsolute = Math.floor(\n totalCost - ((taxableAmount * 3) + tax1 + tax2 + tax3) * 12\n );\n const savingsPercent = totalCost > 0 \n ? (savingsAbsolute \/ totalCost) * 100 \n : 0;\n \n \/\/ Update UI\n this.updateDisplay({\n contribution: this.contribution,\n employerNet,\n gss1,\n gss2,\n gss3,\n gssAvg,\n lr,\n lrMinusContribution,\n taxableAmount: Math.floor(taxableAmount),\n tax1,\n tax2,\n tax3,\n taxAvg\n });\n \n \/\/ Update savings percentage ring\n initSavingsPercentage(savingsPercent);\n }\n \n updateDisplay(values) {\n const format = (num) => num.toLocaleString('da-DK');\n \n if (this.elements.contributionDisplay) {\n this.elements.contributionDisplay.textContent = `${format(values.contribution)}kr`;\n }\n if (this.elements.contributionDisplay2) {\n this.elements.contributionDisplay2.textContent = `${format(values.contribution)} kr`;\n }\n if (this.elements.employerNet) {\n this.elements.employerNet.textContent = `${format(values.employerNet)} kr`;\n }\n \n \/\/ GSS displays\n if (this.elements.gssAvg2) this.elements.gssAvg2.textContent = `${format(values.gssAvg)} kr`;\n if (this.elements.gssAvg3) this.elements.gssAvg3.textContent = `${format(values.gssAvg)} kr`;\n if (this.elements.gssAvg4) this.elements.gssAvg4.textContent = `${format(values.gssAvg)} kr`;\n if (this.elements.gss1) this.elements.gss1.textContent = `${format(values.gss1)} kr`;\n if (this.elements.gss2) this.elements.gss2.textContent = `${format(values.gss2)} kr`;\n if (this.elements.gss3) this.elements.gss3.textContent = `${format(values.gss3)} kr`;\n \n \/\/ Package deal\n if (this.elements.packagedeal) this.elements.packagedeal.textContent = `${format(values.lr)} kr`;\n if (this.elements.packagedeal2) this.elements.packagedeal2.textContent = `${format(values.lr)} kr`;\n if (this.elements.packagedeal3) this.elements.packagedeal3.textContent = `${format(values.lr)} kr`;\n \n \/\/ Other values\n if (this.elements.lrMinusContribution) {\n this.elements.lrMinusContribution.textContent = `${format(values.lrMinusContribution)} kr`;\n }\n if (this.elements.taxableAmount) {\n this.elements.taxableAmount.textContent = `${format(values.taxableAmount)} kr`;\n }\n \n \/\/ Tax brackets\n if (this.elements.tax1) this.elements.tax1.textContent = `${format(values.tax1)} kr`;\n if (this.elements.tax2) this.elements.tax2.textContent = `${format(values.tax2)} kr`;\n if (this.elements.tax3) this.elements.tax3.textContent = `${format(values.tax3)} kr`;\n if (this.elements.taxAvg1) this.elements.taxAvg1.textContent = `${format(values.taxAvg)} kr`;\n if (this.elements.taxAvg2) this.elements.taxAvg2.textContent = `${format(values.taxAvg)} kr`;\n }\n}\n\n\/\/ =============================================================\n\/\/ ACCORDION HANDLERS\n\/\/ =============================================================\n\nfunction initAccordions() {\n \/\/ Standard accordions (content below)\n document.querySelectorAll(\".accordion\").forEach(accordion => {\n accordion.addEventListener(\"click\", function() {\n this.classList.toggle(\"active\");\n const panel = this.nextElementSibling;\n panel.style.maxHeight = panel.style.maxHeight ? null : panel.scrollHeight + \"px\";\n });\n });\n \n \/\/ Reverse accordions (content above)\n document.querySelectorAll(\".accordion2\").forEach(accordion => {\n accordion.addEventListener(\"click\", function() {\n this.classList.toggle(\"active\");\n const panel = this.previousElementSibling;\n panel.style.maxHeight = panel.style.maxHeight ? null : panel.scrollHeight + \"px\";\n });\n });\n \n \n \/\/ Standard accordions (content below)\n document.querySelectorAll(\".accordion3\").forEach(accordion => {\n accordion.addEventListener(\"click\", function() {\n this.classList.toggle(\"active\");\n const panel = this.nextElementSibling;\n panel.style.maxHeight = panel.style.maxHeight ? null : panel.scrollHeight + \"px\";\n });\n }); \n}\n\n\/\/ =============================================================\n\/\/ SAVINGS PERCENTAGE RING\n\/\/ =============================================================\n\nfunction initSavingsPercentage(percent) {\n const circle = document.querySelector('.savings_per_progress-ring-fill');\n const circleBackground = document.querySelector('.savings_per_progress-ring-bg');\n const percentageText = document.getElementById('percentage');\n \n if (!circle || !percentageText) return;\n \n const radius = 65;\n const circumference = 2 * Math.PI * radius;\n const arcLength = (270 \/ 360) * circumference;\n \n circle.style.strokeDasharray = `${arcLength} ${circumference}`;\n if (circleBackground) {\n circleBackground.style.strokeDasharray = `${arcLength} ${circumference}`;\n }\n \n const offset = arcLength - (percent \/ 100) * arcLength;\n circle.style.strokeDashoffset = offset;\n percentageText.textContent = Math.round(percent) + '%';\n}\n\n\/\/ =============================================================\n\/\/ INITIALIZATION\n\/\/ =============================================================\n\ndocument.addEventListener('DOMContentLoaded', () => {\n window.calculator = new LeasingCalculator();\n initAccordions();\n updateModuleData();\n \n \/\/ Show the calculator widget after initialization\n const widget = document.querySelector('.calculator-widget');\n if (widget) {\n widget.classList.add('loaded');\n }\n});\n\n\/\/reload when selfemployed and private tax\/\/\n const checkbox_se_tax = document.getElementById(\"toggle_se_tax\");\n const company_or_employer = document.getElementById(\"company_or_employer\");\n checkbox_se_tax.addEventListener(\"change\", function() {\n company_or_employer.innerHTML = `Your company`;\n new LeasingCalculator();\n\n });\n<\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e70a441 elementor-widget elementor-widget-html\" data-id=\"e70a441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Toggle Switch<\/title>\n <style>\n\n .toggle-container {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .toggle-text {\n display: flex;\n flex-direction: column;\n }\n\n .toggle-label {\n font-size: 14px;\n font-weight: 500;\n color: #333;\n }\n\n .toggle-switch {\n position: relative;\n display: inline-block;\n width: 51px;\n height: 31px;\n flex-shrink: 0;\n }\n\n .toggle-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #e5e5ea;\n transition: 0.3s;\n border-radius: 31px;\n }\n\n .slider:before {\n position: absolute;\n content: \"\";\n height: 27px;\n width: 27px;\n left: 2px;\n bottom: 2px;\n background-color: white;\n transition: 0.3s;\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n input:checked + .slider {\n background-color: #6ab7a6;\n }\n\n input:checked + .slider:before {\n transform: translateX(20px);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"toggle-container\">\n <label class=\"toggle-switch\">\n <input type=\"checkbox\" id=\"toggle\">\n <span class=\"slider\"><\/span>\n <\/label>\n <div class=\"toggle-text\">\n <div class=\"toggle-label\">Press here for self-employed options\n <span class=\"tooltip\"><span class=\"info-icon-savings\"\n style=\"margin:5px;\">i<\/span><span class=\"tooltiptext\"\n style=\"bottom: 100% !important;left: 65% !important ;margin-left: -200px !important;top:auto !important;right:auto !important;\">See the price without taxation if, for example, you do not use the bicycle privately. Applies both to self-employed individuals and employees.<\/span><\/span><\/div>\n <\/div>\n <\/div>\n\n<script>\nwindow.addEventListener(\"DOMContentLoaded\", function() {\n const checkbox = document.getElementById(\"toggle\");\n const checkbox_se_tax = document.getElementById(\"toggle_se_tax\");\n \n \/\/ Function to toggle visibility\n function toggleItems() {\n const items = document.querySelectorAll(\".selfemployed_hide\");\n items.forEach(item => {\n item.style.display = checkbox.checked ? \"none\" : \"block\";\n });\n \n \n const items_se_tax = document.querySelectorAll(\".se_tax_display\");\n items_se_tax.forEach(item => {\n if (!checkbox_se_tax.checked && checkbox.checked) {\n item.style.display = \"none\";\n } else{\n item.style.display = \"block\";\n }\n });\n \n const items_se_tax_hide = document.querySelectorAll(\".se_tax_display_hide\");\n items_se_tax_hide.forEach(item => {\n if (!checkbox_se_tax.checked && checkbox.checked) {\n item.style.display = \"block\";\n } else{\n item.style.display = \"none\";\n }\n });\n \n \n const items_nothide = document.querySelectorAll(\".selfemp_nothide\");\n items_nothide.forEach(item => {\n item.style.display = checkbox.checked ? \"block\" : \"none\";\n });\n \n const items_nothide_toggle_tax = document.querySelectorAll(\".selfemp_nothide_toggle_tax\");\n items_nothide_toggle_tax.forEach(item => {\n item.style.display = checkbox.checked ? \"flex\" : \"none\";\n });\n \n \n }\n \n \/\/ Run on page load to set initial state\n toggleItems();\n \n \/\/ Add event listener for future changes\n checkbox_se_tax.addEventListener(\"change\", function() {\n toggleItems();\n });\n \n checkbox.addEventListener(\"change\", function() {\n toggleItems();\n });\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da599d3 e-con-full e-flex e-con e-parent\" data-id=\"da599d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bfe595 elementor-widget elementor-widget-shortcode\" data-id=\"8bfe595\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"39824\" class=\"elementor elementor-39824\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67b6a81d e-con-full e-flex e-con e-parent\" data-id=\"67b6a81d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c17d7b elementor-widget elementor-widget-heading\" data-id=\"9c17d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Find your <span style=\"color: #6ab3a7\">JOOLL<\/span>!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-174d670 e-con-full e-flex e-con e-child\" data-id=\"174d670\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-e3d0ffe e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/jooll-ebikes\/\" data-column-clickable-blank=\"_self\" data-id=\"e3d0ffe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"background_background":"classic","_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"elementor-element elementor-element-90df4e8 e-con-full e-flex e-con e-child\" data-id=\"90df4e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf5ac87 elementor-widget elementor-widget-heading\" data-id=\"cf5ac87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">E-Bikes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-2fb8f5d e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/ecargobikes\/\" data-column-clickable-blank=\"_self\" data-id=\"2fb8f5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"background_background":"classic","_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"elementor-element elementor-element-54d58bd e-con-full e-flex e-con e-child\" data-id=\"54d58bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c2e1e5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3c2e1e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cargo<wbr>bike<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-952aecd e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/jooll-racing\/\" data-column-clickable-blank=\"_self\" data-id=\"952aecd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"background_background":"classic","_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"elementor-element elementor-element-698ba59 e-con-full e-flex e-con e-child\" data-id=\"698ba59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67b504d elementor-widget elementor-widget-heading\" data-id=\"67b504d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Race Bikes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-5c6564c e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/jooll-speed-pedelecs\/\" data-column-clickable-blank=\"_self\" data-id=\"5c6564c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"background_background":"classic","_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"elementor-element elementor-element-fd8a2df e-con-full e-flex e-con e-child\" data-id=\"fd8a2df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b579e9c elementor-widget elementor-widget-heading\" data-id=\"b579e9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Speed Pedelecs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-550d78c e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/non-electric\/\" data-column-clickable-blank=\"_self\" data-id=\"550d78c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"background_background":"classic","_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"elementor-element elementor-element-f15f391 e-con-full e-flex e-con e-child\" data-id=\"f15f391\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64543bb elementor-widget elementor-widget-heading\" data-id=\"64543bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bikes (non electric)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-81030f8 e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/jooll-racing\/\" data-column-clickable-blank=\"_self\" data-id=\"81030f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"background_background":"classic","_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-f4cb6da e-con-full e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/jooll-racing\/\" data-column-clickable-blank=\"_self\" data-id=\"f4cb6da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2014cf elementor-widget elementor-widget-heading\" data-id=\"f2014cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gravel & MTB<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"make-column-clickable-elementor elementor-element elementor-element-f696a1f e-con-full e-transform e-flex e-con e-child\" style=\"cursor: pointer;\" data-column-clickable=\"https:\/\/jooll.dk\/en\/accessories-escooters\/\" data-column-clickable-blank=\"_self\" data-id=\"f696a1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[],"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"background_background":"classic","_transform_scale_effect_hover_mobile":{"unit":"px","size":1,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]}}\">\n\t\t<div class=\"elementor-element elementor-element-dea64dc e-con-full e-flex e-con e-child\" data-id=\"dea64dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7182e0e elementor-widget elementor-widget-heading\" data-id=\"7182e0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Acces<wbr>sories<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How does JOOLL work? COMPANY EMPLOYEE JOOLL Company The employer covers all or part of the fixed monthly cost, which is fully tax-deductible from taxable income. JOOLL material for companies Employee Low monthly taxation. Great savings for you! JOOLL material for employees JOOLL YOU get a high quality JOOLL. Great value for you, your employer, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2038","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How does JOOLL work? | Cykel over l\u00f8nnen<\/title>\n<meta name=\"description\" content=\"As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jooll.dk\/en\/how-it-works\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How does JOOLL work? | Cykel over l\u00f8nnen\" \/>\n<meta property=\"og:description\" content=\"As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jooll.dk\/en\/how-it-works\/\" \/>\n<meta property=\"og:site_name\" content=\"Jooll\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T07:50:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jooll.dk\/en\/how-it-works\/\",\"url\":\"https:\/\/jooll.dk\/en\/how-it-works\/\",\"name\":\"How does JOOLL work? | Cykel over l\u00f8nnen\",\"isPartOf\":{\"@id\":\"https:\/\/jooll.dk\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jooll.dk\/en\/how-it-works\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jooll.dk\/en\/how-it-works\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800\",\"datePublished\":\"2019-08-16T11:19:53+00:00\",\"dateModified\":\"2026-05-22T07:50:42+00:00\",\"description\":\"As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed.\",\"breadcrumb\":{\"@id\":\"https:\/\/jooll.dk\/en\/how-it-works\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jooll.dk\/en\/how-it-works\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jooll.dk\/en\/how-it-works\/#primaryimage\",\"url\":\"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800\",\"contentUrl\":\"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jooll.dk\/en\/how-it-works\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hjem\",\"item\":\"https:\/\/jooll.dk\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How it works\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jooll.dk\/en\/#website\",\"url\":\"https:\/\/jooll.dk\/en\/\",\"name\":\"Jooll\",\"description\":\"Fri Cykel - over l\u00f8nnen\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jooll.dk\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How does JOOLL work? | Cykel over l\u00f8nnen","description":"As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed.","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:\/\/jooll.dk\/en\/how-it-works\/","og_locale":"en_US","og_type":"article","og_title":"How does JOOLL work? | Cykel over l\u00f8nnen","og_description":"As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed.","og_url":"https:\/\/jooll.dk\/en\/how-it-works\/","og_site_name":"Jooll","article_modified_time":"2026-05-22T07:50:42+00:00","og_image":[{"url":"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jooll.dk\/en\/how-it-works\/","url":"https:\/\/jooll.dk\/en\/how-it-works\/","name":"How does JOOLL work? | Cykel over l\u00f8nnen","isPartOf":{"@id":"https:\/\/jooll.dk\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jooll.dk\/en\/how-it-works\/#primaryimage"},"image":{"@id":"https:\/\/jooll.dk\/en\/how-it-works\/#primaryimage"},"thumbnailUrl":"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800","datePublished":"2019-08-16T11:19:53+00:00","dateModified":"2026-05-22T07:50:42+00:00","description":"As an employee, you choose a JOOLL through your employer or in your own company if you are self-employed.","breadcrumb":{"@id":"https:\/\/jooll.dk\/en\/how-it-works\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jooll.dk\/en\/how-it-works\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jooll.dk\/en\/how-it-works\/#primaryimage","url":"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800","contentUrl":"https:\/\/jooll.dk\/wp-content\/uploads\/2023\/10\/9102495348-1.jpg?q=80&w=800"},{"@type":"BreadcrumbList","@id":"https:\/\/jooll.dk\/en\/how-it-works\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/jooll.dk\/en\/"},{"@type":"ListItem","position":2,"name":"How it works"}]},{"@type":"WebSite","@id":"https:\/\/jooll.dk\/en\/#website","url":"https:\/\/jooll.dk\/en\/","name":"Jooll","description":"Fri Cykel - over l\u00f8nnen","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jooll.dk\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/pages\/2038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/comments?post=2038"}],"version-history":[{"count":300,"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/pages\/2038\/revisions"}],"predecessor-version":[{"id":42776,"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/pages\/2038\/revisions\/42776"}],"wp:attachment":[{"href":"https:\/\/jooll.dk\/en\/wp-json\/wp\/v2\/media?parent=2038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}