Forbedr<\/title>\n<style>\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n background: #fff;\n color: #1d1d1f;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n}\n\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(255,255,255,0.88);\n backdrop-filter: saturate(180%) blur(20px);\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n display: flex;\n align-items: center;\n justify-content: center;\n height: 52px;\n}\n.nav-logo { font-size: 18px; font-weight: 600; color: #1d1d1f; letter-spacing: -0.3px; }\nnav { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; }\n\n.hero {\n padding: 120px 24px 60px;\n text-align: center;\n}\n.hero h1 {\n font-size: 72px;\n font-weight: 700;\n color: #1d1d1f;\n line-height: 1.04;\n letter-spacing: -3px;\n max-width: 760px;\n margin: 0 auto;\n}\n@media(max-width:315px){\n .hero { padding: 90px 24px 80px; }\n .hero h1 { font-size: 42px; letter-spacing: -1.5px; }\n}\n\n.calc-wrap {\n padding: 80px 24px 120px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n}\n\n.calc-step {\n display: none;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 100%;\n max-width: 560px;\n animation: fadeUp 0.5s cubic-bezier(0.22,1,0.36,1) both;\n}\n.calc-step.active { display: flex; }\n\n@keyframes fadeUp {\n from { opacity:0; transform:translateY(24px); }\n to { opacity:1; transform:translateY(0); }\n}\n\n.calc-intro-q {\n font-size: 24px;\n font-weight: 400;\n color: #6e6e73;\n letter-spacing: -0.3px;\n line-height: 1.4;\n margin-bottom: 14px;\n}\n.calc-intro-sub {\n font-size: 17px;\n color: #86868b;\n margin-bottom: 48px;\n line-height: 1.5;\n}\n\n.step-counter {\n font-size: 12px;\n font-weight: 500;\n color: #aeaeb2;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 36px;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.step-counter::before,\n.step-counter::after {\n content: '';\n display: block;\n height: 1px;\n width: 40px;\n background: #e5e5e5;\n}\n\n.step-q {\n font-size: 34px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -1px;\n line-height: 1.12;\n margin-bottom: 10px;\n max-width: 480px;\n}\n@media(max-width:270px){ .step-q { font-size: 24px; letter-spacing: -0.5px; } }\n\n.step-hint {\n font-size: 15px;\n color: #aeaeb2;\n margin-bottom: 52px;\n line-height: 1.5;\n}\n\n.inp-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 12px;\n}\n.inp-field-wrap {\n display: flex;\n align-items: baseline;\n gap: 12px;\n justify-content: center;\n}\n.inp-field-wrap input {\n font-size: 80px;\n font-weight: 700;\n color: #1d1d1f;\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n width: 240px;\n font-family: inherit;\n letter-spacing: -4px;\n text-align: center;\n -moz-appearance: textfield;\n caret-color: #1d1d1f;\n padding: 0 !important;\n}\n.inp-field-wrap input::-webkit-inner-spin-button,\n.inp-field-wrap input::-webkit-outer-spin-button { -webkit-appearance: none; }\n.inp-field-wrap input::placeholder { color: #e8e8ed; font-weight: 700; }\n.inp-unit {\n font-size: 20px;\n font-weight: 400;\n color: #aeaeb2;\n white-space: nowrap;\n padding-bottom: 8px;\n}\n.inp-line {\n width: 200px;\n height: 2px;\n background: #e5e5e5;\n margin-top: 4px;\n border-radius: 2px;\n transition: background 0.2s;\n}\n.inp-focused .inp-line { background: #1d1d1f; }\n\n\/* Slider styles *\/\n.slider-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 40px;\n width: 100%;\n max-width: 400px;\n}\n.slider-display {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 32px;\n}\n.slider-num {\n font-size: 96px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -5px;\n line-height: 1;\n}\n.slider-denom {\n font-size: 28px;\n font-weight: 400;\n color: #aeaeb2;\n padding-bottom: 12px;\n}\n.slider-label {\n font-size: 15px;\n color: #aeaeb2;\n margin-bottom: 40px;\n line-height: 1.4;\n min-height: 42px;\n}\n.custom-slider-wrap {\n width: 100%;\n position: relative;\n padding-bottom: 28px;\n}\n.custom-track {\n position: relative;\n height: 2px;\n background: #e5e5e5;\n border-radius: 2px;\n}\n.custom-thumb {\n position: absolute;\n top: 50%;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: #1d1d1f;\n transform: translate(-50%, -50%);\n cursor: grab;\n touch-action: none;\n user-select: none;\n transition: transform 0.08s;\n}\n.custom-thumb:active { cursor: grabbing; transform: translate(-50%, -50%) scale(1.12); }\n.custom-ticks {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.custom-ticks span {\n font-size: 11px;\n color: #c7c7cc;\n font-weight: 500;\n width: 0;\n display: flex;\n justify-content: center;\n}\n\n.err {\n font-size: 13px;\n color: #c0392b;\n min-height: 20px;\n margin-bottom: 8px;\n}\n\n.btn-primary,\n.btn-primary:link,\n.btn-primary:visited,\n.btn-primary:hover,\n.btn-primary:focus,\n.btn-primary:active {\n background: #1d1d1f !important;\n color: #fff !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n text-decoration: none !important;\n -webkit-appearance: none !important;\n}\n.btn-primary {\n font-size: 17px !important;\n font-weight: 500 !important;\n font-family: inherit !important;\n padding: 17px 52px !important;\n border-radius: 980px !important;\n cursor: pointer !important;\n letter-spacing: -0.2px !important;\n display: inline-block !important;\n transition: opacity 0.2s, transform 0.15s !important;\n}\n.btn-primary:hover { opacity: 0.8 !important; transform: translateY(-1px) !important; }\n.btn-primary:active { opacity: 1 !important; transform: translateY(0) !important; }\n\n.btn-ghost,\n.btn-ghost:hover,\n.btn-ghost:focus,\n.btn-ghost:active {\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n text-decoration: none !important;\n}\n.btn-ghost {\n font-family: inherit !important;\n font-size: 13px !important;\n cursor: pointer !important;\n margin-top: 20px !important;\n padding: 4px 8px !important;\n color: #aeaeb2 !important;\n}\n.btn-ghost:hover { color: #6e6e73 !important; }\n\n.res-eyebrow {\n font-size: 12px;\n font-weight: 500;\n color: #aeaeb2;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 16px;\n}\n.res-amount {\n font-size: 96px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -5px;\n line-height: 1;\n margin-bottom: 10px;\n}\n@media(max-width:270px){ .res-amount { font-size: 60px; letter-spacing: -3px; } }\n.res-tagline {\n font-size: 16px;\n color: #86868b;\n margin-bottom: 64px;\n line-height: 1.5;\n}\n.res-stats {\n display: flex;\n margin-bottom: 48px;\n width: 100%;\n max-width: 420px;\n border: 1px solid #e5e5e5;\n border-radius: 18px;\n overflow: hidden;\n}\n.res-stat {\n flex: 1;\n padding: 24px 16px 20px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.res-stat + .res-stat { border-left: 1px solid #e5e5e5; }\n.rs-label {\n font-size: 10px;\n font-weight: 500;\n color: #aeaeb2;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-top: 8px;\n line-height: 1.4;\n max-width: 100px;\n}\n.rs-val {\n font-size: 26px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -0.8px;\n line-height: 1;\n}\n.res-insight {\n font-size: 17px;\n color: #6e6e73;\n line-height: 1.7;\n max-width: 440px;\n margin-bottom: 16px;\n}\n.res-insight strong { color: #1d1d1f; }\n.res-source {\n font-size: 12px;\n color: #c7c7cc;\n margin-bottom: 48px;\n line-height: 1.5;\n max-width: 440px;\n}\n\n.res-reveal {\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.res-reveal.shown {\n opacity: 1;\n transform: translateY(0);\n}\nfooter {\n padding: 32px 24px;\n text-align: center;\n border-top: 1px solid #f0f0f0;\n}\nfooter p { font-size: 12px; color: #aeaeb2; line-height: 2; }\nfooter a { color: #aeaeb2; text-decoration: none; }\n\n\/* \u2500\u2500 Tablet (\u2264768px) \u2500\u2500 *\/\n@media(max-width: 768px) {\n .hero { padding: 100px 32px 48px; }\n .hero h1 { font-size: 52px; letter-spacing: -2px; }\n\n .calc-wrap { padding: 60px 32px 100px; }\n\n .step-q { font-size: 28px; letter-spacing: -0.8px; }\n\n .inp-field-wrap input { font-size: 72px; width: 200px; letter-spacing: -3px; }\n .inp-unit { font-size: 18px; }\n\n .slider-num { font-size: 80px; letter-spacing: -4px; }\n .slider-denom { font-size: 24px; }\n\n .res-amount { font-size: 80px; letter-spacing: -4px; }\n .rs-val { font-size: 24px; }\n}\n\n\/* \u2500\u2500 Mobile (\u2264480px) \u2500\u2500 *\/\n@media(max-width: 480px) {\n .hero { padding: 84px 20px 40px; }\n .hero h1 { font-size: 38px; letter-spacing: -1.5px; line-height: 1.08; }\n\n .calc-wrap { padding: 48px 20px 80px; }\n .calc-step { max-width: 100%; }\n\n .calc-intro-q { font-size: 20px; }\n .calc-intro-sub { font-size: 15px; margin-bottom: 36px; }\n\n .step-counter { margin-bottom: 28px; }\n .step-q { font-size: 24px; letter-spacing: -0.5px; margin-bottom: 8px; }\n .step-hint { font-size: 14px; margin-bottom: 36px; }\n\n .inp-field-wrap { gap: 8px; }\n .inp-field-wrap input {\n font-size: 64px;\n width: 160px;\n letter-spacing: -3px;\n }\n .inp-unit { font-size: 16px; }\n .inp-line { width: 160px; }\n\n .slider-block { max-width: 100%; }\n .slider-num { font-size: 72px; letter-spacing: -4px; }\n .slider-denom { font-size: 20px; }\n .slider-label { font-size: 14px; margin-bottom: 32px; }\n .custom-thumb { width: 32px; height: 32px; } \/* bigger touch target *\/\n\n .btn-primary {\n font-size: 16px !important;\n padding: 16px 40px !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .res-amount { font-size: 60px; letter-spacing: -3px; }\n .res-tagline { font-size: 15px; margin-bottom: 40px; }\n .res-stats {\n flex-direction: column;\n max-width: 100%;\n }\n .res-stat + .res-stat { border-left: none; border-top: 1px solid #e5e5e5; }\n .res-stat { padding: 20px 16px; }\n .rs-val { font-size: 28px; }\n .rs-label { max-width: none; font-size: 11px; }\n .res-insight { font-size: 15px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<nav><span class=\"nav-logo\">Forbedr<\/span><\/nav>\n\n<section class=\"hero\">\n <h1>Dine kunder ringer ikke kun i \u00e5bningstiden.<\/h1>\n<\/section>\n\n<div class=\"calc-wrap\">\n\n <div class=\"calc-step active\" id=\"cs-0\">\n <div class=\"calc-intro-q\">Se hvor meget dine ubesvarede opkald koster dig.<\/div>\n <div class=\"calc-intro-sub\">Fire sp\u00f8rgsm\u00e5l. 30 sekunder.<\/div>\n <button class=\"btn-primary\" onclick=\"goStep(1)\">Start<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-1\">\n <div class=\"step-counter\">1 af 4<\/div>\n <div class=\"step-q\">Hvor mange timer bruger du\/i p\u00e5 opkald om ugen?<\/div>\n <div class=\"step-hint\">Bookinger, sp\u00f8rgsm\u00e5l om priser og tider<\/div>\n <div class=\"inp-block\" id=\"wrap-1\">\n <div class=\"inp-field-wrap\">\n <input type=\"text\" inputmode=\"decimal\" id=\"c-time\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\"\n oninput=\"handleInput(this, 'wrap-1')\"\n onblur=\"document.getElementById('wrap-1').classList.remove('inp-focused')\">\n <span class=\"inp-unit\">timer \/ uge<\/span>\n <\/div>\n <div class=\"inp-line\"><\/div>\n <\/div>\n <div class=\"err\" id=\"err-1\"><\/div>\n <button class=\"btn-primary\" onclick=\"nextStep('c-time','err-1',2)\">N\u00e6ste<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-2\">\n <div class=\"step-counter\">2 af 4<\/div>\n <div class=\"step-q\">Ud af 10 der ringer \u2014 hvor mange ender med at booke eller k\u00f8be?<\/div>\n <div class=\"step-hint\">Dit bedste g\u00e6t er godt nok<\/div>\n <div class=\"slider-block\">\n <div class=\"slider-display\">\n <span class=\"slider-num\" id=\"slider-val\">8<\/span>\n <span class=\"slider-denom\">ud af 10<\/span>\n <\/div>\n <div class=\"slider-label\" id=\"slider-label\">80% konverteringsrate \u2014 de fleste k\u00f8ber<\/div>\n <input type=\"hidden\" id=\"c-conv\" value=\"8\">\n <div class=\"custom-slider-wrap\" id=\"custom-slider-wrap\">\n <div class=\"custom-track\" id=\"custom-track\">\n <div class=\"custom-thumb\" id=\"custom-thumb\"><\/div>\n <\/div>\n <div class=\"custom-ticks\">\n <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span><span>5<\/span>\n <span>6<\/span><span>7<\/span><span>8<\/span><span>9<\/span><span>10<\/span>\n <\/div>\n <\/div>\n <\/div>\n <button class=\"btn-primary\" onclick=\"goStep(3)\">N\u00e6ste<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-3\">\n <div class=\"step-counter\">3 af 4<\/div>\n <div class=\"step-q\">Hvor mange opkald g\u00e5r du\/i glip af om ugen?<\/div>\n <div class=\"step-hint\">Ubesvarede \u2014 i og uden for \u00e5bningstid<\/div>\n <div class=\"inp-block\" id=\"wrap-3\">\n <div class=\"inp-field-wrap\">\n <input type=\"text\" inputmode=\"decimal\" id=\"c-missed\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\"\n oninput=\"handleInput(this, 'wrap-3')\"\n onblur=\"document.getElementById('wrap-3').classList.remove('inp-focused')\">\n <span class=\"inp-unit\">opkald \/ uge<\/span>\n <\/div>\n <div class=\"inp-line\"><\/div>\n <\/div>\n <div class=\"err\" id=\"err-3\"><\/div>\n <button class=\"btn-primary\" onclick=\"nextStep('c-missed','err-3',4)\">N\u00e6ste<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-4\">\n <div class=\"step-counter\">4 af 4<\/div>\n <div class=\"step-q\">Hvad er en gennemsnitlig kunde v\u00e6rd for dig\/jer?<\/div>\n <div class=\"step-hint\">En typisk ordre, behandling eller aftale<\/div>\n <div class=\"inp-block\" id=\"wrap-4\">\n <div class=\"inp-field-wrap\">\n <input type=\"text\" inputmode=\"decimal\" id=\"c-val\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\"\n oninput=\"handleInput(this, 'wrap-4')\"\n onblur=\"document.getElementById('wrap-4').classList.remove('inp-focused')\">\n <span class=\"inp-unit\">kr<\/span>\n <\/div>\n <div class=\"inp-line\"><\/div>\n <\/div>\n <div class=\"err\" id=\"err-4\"><\/div>\n <button class=\"btn-primary\" onclick=\"calcResult()\">Beregn<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-result\">\n <div class=\"res-eyebrow\">Estimeret \u00e5rligt tab<\/div>\n <div class=\"res-amount res-reveal\" id=\"r-annual\">\u2014<\/div>\n <div class=\"res-tagline\" id=\"r-sub\">\u2014<\/div>\n <div class=\"res-stats\">\n <div class=\"res-stat\">\n <div class=\"rs-val res-reveal\" id=\"r-monthly\">\u2014<\/div>\n <div class=\"rs-label\">Kroner tabt om m\u00e5neden<\/div>\n <\/div>\n <div class=\"res-stat\">\n <div class=\"rs-val res-reveal\" id=\"r-time\">\u2014<\/div>\n <div class=\"rs-label\">Timer brugt p\u00e5 opkald hver m\u00e5ned<\/div>\n <\/div>\n <\/div>\n <p class=\"res-insight\" id=\"r-insight\"><\/p>\n <p class=\"res-source\">Beregningen er baseret p\u00e5 din egen konverteringsrate kombineret med dine ubesvarede opkald. Kunder der ikke f\u00e5r svar ringer sj\u00e6ldent tilbage \u2014 de ringer til den n\u00e6ste p\u00e5 listen.<\/p>\n <a class=\"btn-primary\" href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" target=\"_blank\">Fix problemet<\/a>\n <button class=\"btn-ghost\" onclick=\"restart()\">Beregn igen<\/button>\n <\/div>\n\n<\/div>\n\n<footer>\n <p>\u00a9 2026 Forbedr \u00b7 <a href=\"mailto:kontakt@forbedr.dk\">kontakt@forbedr.dk<\/a><\/p>\n<\/footer>\n\n<script>\nvar WEBHOOK_URL = 'https:\/\/hook.eu1.make.com\/lmmp59btmr35vpc7ecmr6av3pyx8x58l';\n\nvar sliderLabels = {\n 1: '10% konverteringsrate \u2014 lavt, men det sker',\n 2: '20% konverteringsrate',\n 3: '30% konverteringsrate',\n 4: '40% konverteringsrate',\n 5: '50% konverteringsrate \u2014 hver anden',\n 6: '60% konverteringsrate',\n 7: '70% konverteringsrate',\n 8: '80% konverteringsrate \u2014 de fleste k\u00f8ber',\n 9: '90% konverteringsrate',\n 10: '100% konverteringsrate \u2014 alle k\u00f8ber'\n};\n\nvar currentConv = 8;\n\nfunction stepToPercent(step) {\n \/\/ step 1\u201310 mapped to 0\u2013100% of track\n return (step - 1) \/ 9 * 100;\n}\n\nfunction updateSlider(val) {\n val = Math.min(10, Math.max(1, Math.round(val)));\n currentConv = val;\n document.getElementById('c-conv').value = val;\n document.getElementById('slider-val').textContent = val;\n document.getElementById('slider-label').textContent = sliderLabels[val] || (val * 10 + '% konverteringsrate');\n document.getElementById('custom-thumb').style.left = stepToPercent(val) + '%';\n}\n\nfunction initCustomSlider() {\n var track = document.getElementById('custom-track');\n var thumb = document.getElementById('custom-thumb');\n var dragging = false;\n\n function posToStep(clientX) {\n var rect = track.getBoundingClientRect();\n var ratio = (clientX - rect.left) \/ rect.width;\n ratio = Math.max(0, Math.min(1, ratio));\n return Math.round(ratio * 9) + 1;\n }\n\n thumb.addEventListener('mousedown', function(e) {\n dragging = true;\n e.preventDefault();\n });\n thumb.addEventListener('touchstart', function(e) {\n dragging = true;\n e.preventDefault();\n }, { passive: false });\n\n document.addEventListener('mousemove', function(e) {\n if (!dragging) return;\n updateSlider(posToStep(e.clientX));\n });\n document.addEventListener('touchmove', function(e) {\n if (!dragging) return;\n updateSlider(posToStep(e.touches[0].clientX));\n }, { passive: true });\n\n document.addEventListener('mouseup', function() { dragging = false; });\n document.addEventListener('touchend', function() { dragging = false; });\n\n \/\/ Click anywhere on track\n track.addEventListener('click', function(e) {\n updateSlider(posToStep(e.clientX));\n });\n\n \/\/ Init position\n updateSlider(8);\n}\n\nfunction sendToWebhook(hrs, conv, missed, val, annual, monthly, lostPerMonth, savedHrs) {\n fetch('https:\/\/api.ipify.org?format=json')\n .then(function(r) { return r.json(); })\n .catch(function() { return { ip: 'ukendt' }; })\n .then(function(ipData) {\n var payload = {\n sp\u00f8rgsm\u00e5l_1: {\n sp\u00f8rgsm\u00e5l: 'Hvor mange timer bruger du\/i p\u00e5 opkald om ugen?',\n svar: hrs,\n enhed: 'timer\/uge'\n },\n sp\u00f8rgsm\u00e5l_2: {\n sp\u00f8rgsm\u00e5l: 'Ud af 10 der ringer \u2014 hvor mange ender med at booke eller k\u00f8be?',\n svar: conv,\n enhed: 'ud af 10'\n },\n sp\u00f8rgsm\u00e5l_3: {\n sp\u00f8rgsm\u00e5l: 'Hvor mange opkald g\u00e5r du\/i glip af om ugen?',\n svar: missed,\n enhed: 'opkald\/uge'\n },\n sp\u00f8rgsm\u00e5l_4: {\n sp\u00f8rgsm\u00e5l: 'Hvad er en gennemsnitlig kunde v\u00e6rd for dig\/jer?',\n svar: val,\n enhed: 'kr'\n },\n resultater: {\n estimeret_aarligt_tab_kr: Math.round(annual),\n estimeret_maanedligt_tab_kr: Math.round(monthly),\n mistede_kunder_pr_maaned: lostPerMonth,\n timer_paa_opkald_pr_maaned: savedHrs\n },\n ip_adresse: ipData.ip,\n tidspunkt: new Date().toISOString()\n };\n\n fetch(WEBHOOK_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(payload)\n }).catch(function(err) {\n console.warn('Webhook fejl:', err);\n });\n });\n}\n\nfunction handleInput(el, wrapId) {\n var start = el.selectionStart;\n var raw = el.value;\n var replaced = raw.replace(\/\\.\/g, ',');\n var cleaned = replaced.replace(\/[^0-9,]\/g, '');\n var parts = cleaned.split(',');\n if (parts.length > 2) cleaned = parts[0] + ',' + parts.slice(1).join('');\n if (el.value !== cleaned) {\n el.value = cleaned;\n try { el.setSelectionRange(start, start); } catch(e) {}\n }\n document.getElementById(wrapId).classList.add('inp-focused');\n}\n\nfunction parseVal(id) {\n var raw = document.getElementById(id).value;\n return parseFloat(raw.replace(',', '.'));\n}\n\nfunction goStep(n) {\n document.querySelectorAll('.calc-step').forEach(function(el){ el.classList.remove('active'); });\n var el = document.getElementById('cs-' + n);\n if (!el) return;\n el.classList.add('active');\n var inp = el.querySelector('input[type=\"text\"]');\n if (inp) {\n inp.value = '';\n inp.removeAttribute('value');\n setTimeout(function(){ inp.focus(); }, 120);\n }\n}\n\nfunction nextStep(inputId, errId, nextS) {\n var val = parseVal(inputId);\n var err = document.getElementById(errId);\n if (!val || val <= 0) { err.textContent = 'Indtast et tal st\u00f8rre end 0'; return; }\n err.textContent = '';\n goStep(nextS);\n}\n\nfunction fmt(n) { return Math.round(n).toLocaleString('da-DK') + '\\u00a0kr'; }\n\nfunction calcResult() {\n var val = parseVal('c-val');\n var err = document.getElementById('err-4');\n if (!val || val <= 0) { err.textContent = 'Indtast et tal st\u00f8rre end 0'; return; }\n err.textContent = '';\n\n var hrs = parseVal('c-time') || 0;\n var conv = currentConv || 8;\n var missed = parseVal('c-missed') || 0;\n\n var convRate = conv \/ 10;\n var lostPerMonth = Math.round(missed * 4.33 * convRate);\n var monthly = lostPerMonth * val;\n var annual = monthly * 12;\n var savedHrs = Math.round(hrs * 4.33);\n\n sendToWebhook(hrs, conv, missed, val, annual, monthly, lostPerMonth, savedHrs);\n\n document.getElementById('r-annual').textContent = fmt(annual);\n document.getElementById('r-monthly').textContent = Math.round(monthly).toLocaleString('da-DK');\n document.getElementById('r-sub').textContent =\n 'Svarende til ' + lostPerMonth + (lostPerMonth === 1 ? ' mistet kunde' : ' mistede kunder') + ' om m\u00e5neden';\n document.getElementById('r-time').textContent = savedHrs;\n document.getElementById('r-insight').innerHTML =\n '<strong>' + savedHrs + '\\u00a0timer<\/strong> brugt om m\u00e5neden p\u00e5 opkald.<br>' +\n '<strong>' + fmt(annual) + '<\/strong> om \u00e5ret i tabte kunder.<br>' +\n 'Det er prisen p\u00e5 at g\u00f8re det manuelt.';\n\n goStep('result');\n\n ['r-annual','r-monthly','r-time'].forEach(function(id){\n document.getElementById(id).classList.add('shown');\n });\n}\n\nfunction restart() {\n ['c-time','c-missed','c-val'].forEach(function(id){\n var el = document.getElementById(id);\n el.value = '';\n el.removeAttribute('value');\n });\n document.getElementById('c-conv').value = 8;\n updateSlider(8);\n ['wrap-1','wrap-3','wrap-4'].forEach(function(id){ document.getElementById(id).classList.remove('inp-focused'); });\n document.querySelectorAll('#cs-result .res-reveal').forEach(function(el){ el.classList.remove('shown'); });\n goStep(0);\n}\n\nwindow.addEventListener('load', function() {\n ['c-time','c-missed','c-val'].forEach(function(id){\n var el = document.getElementById(id);\n if (el) { el.value = ''; el.removeAttribute('value'); }\n });\n initCustomSlider();\n});\n\ndocument.addEventListener('keydown', function(e) {\n if (e.key !== 'Enter') return;\n var active = document.querySelector('.calc-step.active');\n if (!active) return;\n \/\/ Don't trigger Enter on slider step\n if (active.id === 'cs-2') {\n goStep(3);\n return;\n }\n var btn = active.querySelector('.btn-primary');\n if (btn) btn.click();\n});\n<\/script>\n<\/body>\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Forbedr Forbedr Dine kunder ringer ikke kun i \u00e5bningstiden. Se hvor meget dine ubesvarede opkald koster dig. Fire sp\u00f8rgsm\u00e5l. 30 sekunder. Start 1 af 4 Hvor mange timer bruger du\/i p\u00e5 opkald om ugen? Bookinger, sp\u00f8rgsm\u00e5l om priser og tider timer \/ uge N\u00e6ste 2 af 4 Ud af 10 der ringer \u2014 hvor mange ender med […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1967,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nForbedr<\/title>\n<style>\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n background: #fff;\n color: #1d1d1f;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n}\n\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(255,255,255,0.88);\n backdrop-filter: saturate(180%) blur(20px);\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid rgba(0,0,0,0.06);\n display: flex;\n align-items: center;\n justify-content: center;\n height: 52px;\n}\n.nav-logo { font-size: 18px; font-weight: 600; color: #1d1d1f; letter-spacing: -0.3px; }\nnav { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; }\n\n.hero {\n padding: 120px 24px 60px;\n text-align: center;\n}\n.hero h1 {\n font-size: 72px;\n font-weight: 700;\n color: #1d1d1f;\n line-height: 1.04;\n letter-spacing: -3px;\n max-width: 760px;\n margin: 0 auto;\n}\n@media(max-width:315px){\n .hero { padding: 90px 24px 80px; }\n .hero h1 { font-size: 42px; letter-spacing: -1.5px; }\n}\n\n.calc-wrap {\n padding: 80px 24px 120px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n}\n\n.calc-step {\n display: none;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 100%;\n max-width: 560px;\n animation: fadeUp 0.5s cubic-bezier(0.22,1,0.36,1) both;\n}\n.calc-step.active { display: flex; }\n\n@keyframes fadeUp {\n from { opacity:0; transform:translateY(24px); }\n to { opacity:1; transform:translateY(0); }\n}\n\n.calc-intro-q {\n font-size: 24px;\n font-weight: 400;\n color: #6e6e73;\n letter-spacing: -0.3px;\n line-height: 1.4;\n margin-bottom: 14px;\n}\n.calc-intro-sub {\n font-size: 17px;\n color: #86868b;\n margin-bottom: 48px;\n line-height: 1.5;\n}\n\n.step-counter {\n font-size: 12px;\n font-weight: 500;\n color: #aeaeb2;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 36px;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.step-counter::before,\n.step-counter::after {\n content: '';\n display: block;\n height: 1px;\n width: 40px;\n background: #e5e5e5;\n}\n\n.step-q {\n font-size: 34px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -1px;\n line-height: 1.12;\n margin-bottom: 10px;\n max-width: 480px;\n}\n@media(max-width:270px){ .step-q { font-size: 24px; letter-spacing: -0.5px; } }\n\n.step-hint {\n font-size: 15px;\n color: #aeaeb2;\n margin-bottom: 52px;\n line-height: 1.5;\n}\n\n.inp-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 12px;\n}\n.inp-field-wrap {\n display: flex;\n align-items: baseline;\n gap: 12px;\n justify-content: center;\n}\n.inp-field-wrap input {\n font-size: 80px;\n font-weight: 700;\n color: #1d1d1f;\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n width: 240px;\n font-family: inherit;\n letter-spacing: -4px;\n text-align: center;\n -moz-appearance: textfield;\n caret-color: #1d1d1f;\n padding: 0 !important;\n}\n.inp-field-wrap input::-webkit-inner-spin-button,\n.inp-field-wrap input::-webkit-outer-spin-button { -webkit-appearance: none; }\n.inp-field-wrap input::placeholder { color: #e8e8ed; font-weight: 700; }\n.inp-unit {\n font-size: 20px;\n font-weight: 400;\n color: #aeaeb2;\n white-space: nowrap;\n padding-bottom: 8px;\n}\n.inp-line {\n width: 200px;\n height: 2px;\n background: #e5e5e5;\n margin-top: 4px;\n border-radius: 2px;\n transition: background 0.2s;\n}\n.inp-focused .inp-line { background: #1d1d1f; }\n\n\/* Slider styles *\/\n.slider-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 40px;\n width: 100%;\n max-width: 400px;\n}\n.slider-display {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 32px;\n}\n.slider-num {\n font-size: 96px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -5px;\n line-height: 1;\n}\n.slider-denom {\n font-size: 28px;\n font-weight: 400;\n color: #aeaeb2;\n padding-bottom: 12px;\n}\n.slider-label {\n font-size: 15px;\n color: #aeaeb2;\n margin-bottom: 40px;\n line-height: 1.4;\n min-height: 42px;\n}\n.custom-slider-wrap {\n width: 100%;\n position: relative;\n padding-bottom: 28px;\n}\n.custom-track {\n position: relative;\n height: 2px;\n background: #e5e5e5;\n border-radius: 2px;\n}\n.custom-thumb {\n position: absolute;\n top: 50%;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background: #1d1d1f;\n transform: translate(-50%, -50%);\n cursor: grab;\n touch-action: none;\n user-select: none;\n transition: transform 0.08s;\n}\n.custom-thumb:active { cursor: grabbing; transform: translate(-50%, -50%) scale(1.12); }\n.custom-ticks {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.custom-ticks span {\n font-size: 11px;\n color: #c7c7cc;\n font-weight: 500;\n width: 0;\n display: flex;\n justify-content: center;\n}\n\n.err {\n font-size: 13px;\n color: #c0392b;\n min-height: 20px;\n margin-bottom: 8px;\n}\n\n.btn-primary,\n.btn-primary:link,\n.btn-primary:visited,\n.btn-primary:hover,\n.btn-primary:focus,\n.btn-primary:active {\n background: #1d1d1f !important;\n color: #fff !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n text-decoration: none !important;\n -webkit-appearance: none !important;\n}\n.btn-primary {\n font-size: 17px !important;\n font-weight: 500 !important;\n font-family: inherit !important;\n padding: 17px 52px !important;\n border-radius: 980px !important;\n cursor: pointer !important;\n letter-spacing: -0.2px !important;\n display: inline-block !important;\n transition: opacity 0.2s, transform 0.15s !important;\n}\n.btn-primary:hover { opacity: 0.8 !important; transform: translateY(-1px) !important; }\n.btn-primary:active { opacity: 1 !important; transform: translateY(0) !important; }\n\n.btn-ghost,\n.btn-ghost:hover,\n.btn-ghost:focus,\n.btn-ghost:active {\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n text-decoration: none !important;\n}\n.btn-ghost {\n font-family: inherit !important;\n font-size: 13px !important;\n cursor: pointer !important;\n margin-top: 20px !important;\n padding: 4px 8px !important;\n color: #aeaeb2 !important;\n}\n.btn-ghost:hover { color: #6e6e73 !important; }\n\n.res-eyebrow {\n font-size: 12px;\n font-weight: 500;\n color: #aeaeb2;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 16px;\n}\n.res-amount {\n font-size: 96px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -5px;\n line-height: 1;\n margin-bottom: 10px;\n}\n@media(max-width:270px){ .res-amount { font-size: 60px; letter-spacing: -3px; } }\n.res-tagline {\n font-size: 16px;\n color: #86868b;\n margin-bottom: 64px;\n line-height: 1.5;\n}\n.res-stats {\n display: flex;\n margin-bottom: 48px;\n width: 100%;\n max-width: 420px;\n border: 1px solid #e5e5e5;\n border-radius: 18px;\n overflow: hidden;\n}\n.res-stat {\n flex: 1;\n padding: 24px 16px 20px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.res-stat + .res-stat { border-left: 1px solid #e5e5e5; }\n.rs-label {\n font-size: 10px;\n font-weight: 500;\n color: #aeaeb2;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-top: 8px;\n line-height: 1.4;\n max-width: 100px;\n}\n.rs-val {\n font-size: 26px;\n font-weight: 700;\n color: #1d1d1f;\n letter-spacing: -0.8px;\n line-height: 1;\n}\n.res-insight {\n font-size: 17px;\n color: #6e6e73;\n line-height: 1.7;\n max-width: 440px;\n margin-bottom: 16px;\n}\n.res-insight strong { color: #1d1d1f; }\n.res-source {\n font-size: 12px;\n color: #c7c7cc;\n margin-bottom: 48px;\n line-height: 1.5;\n max-width: 440px;\n}\n\n.res-reveal {\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.res-reveal.shown {\n opacity: 1;\n transform: translateY(0);\n}\nfooter {\n padding: 32px 24px;\n text-align: center;\n border-top: 1px solid #f0f0f0;\n}\nfooter p { font-size: 12px; color: #aeaeb2; line-height: 2; }\nfooter a { color: #aeaeb2; text-decoration: none; }\n\n\/* \u2500\u2500 Tablet (\u2264768px) \u2500\u2500 *\/\n@media(max-width: 768px) {\n .hero { padding: 100px 32px 48px; }\n .hero h1 { font-size: 52px; letter-spacing: -2px; }\n\n .calc-wrap { padding: 60px 32px 100px; }\n\n .step-q { font-size: 28px; letter-spacing: -0.8px; }\n\n .inp-field-wrap input { font-size: 72px; width: 200px; letter-spacing: -3px; }\n .inp-unit { font-size: 18px; }\n\n .slider-num { font-size: 80px; letter-spacing: -4px; }\n .slider-denom { font-size: 24px; }\n\n .res-amount { font-size: 80px; letter-spacing: -4px; }\n .rs-val { font-size: 24px; }\n}\n\n\/* \u2500\u2500 Mobile (\u2264480px) \u2500\u2500 *\/\n@media(max-width: 480px) {\n .hero { padding: 84px 20px 40px; }\n .hero h1 { font-size: 38px; letter-spacing: -1.5px; line-height: 1.08; }\n\n .calc-wrap { padding: 48px 20px 80px; }\n .calc-step { max-width: 100%; }\n\n .calc-intro-q { font-size: 20px; }\n .calc-intro-sub { font-size: 15px; margin-bottom: 36px; }\n\n .step-counter { margin-bottom: 28px; }\n .step-q { font-size: 24px; letter-spacing: -0.5px; margin-bottom: 8px; }\n .step-hint { font-size: 14px; margin-bottom: 36px; }\n\n .inp-field-wrap { gap: 8px; }\n .inp-field-wrap input {\n font-size: 64px;\n width: 160px;\n letter-spacing: -3px;\n }\n .inp-unit { font-size: 16px; }\n .inp-line { width: 160px; }\n\n .slider-block { max-width: 100%; }\n .slider-num { font-size: 72px; letter-spacing: -4px; }\n .slider-denom { font-size: 20px; }\n .slider-label { font-size: 14px; margin-bottom: 32px; }\n .custom-thumb { width: 32px; height: 32px; } \/* bigger touch target *\/\n\n .btn-primary {\n font-size: 16px !important;\n padding: 16px 40px !important;\n width: 100% !important;\n text-align: center !important;\n }\n\n .res-amount { font-size: 60px; letter-spacing: -3px; }\n .res-tagline { font-size: 15px; margin-bottom: 40px; }\n .res-stats {\n flex-direction: column;\n max-width: 100%;\n }\n .res-stat + .res-stat { border-left: none; border-top: 1px solid #e5e5e5; }\n .res-stat { padding: 20px 16px; }\n .rs-val { font-size: 28px; }\n .rs-label { max-width: none; font-size: 11px; }\n .res-insight { font-size: 15px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<nav><span class=\"nav-logo\">Forbedr<\/span><\/nav>\n\n<section class=\"hero\">\n <h1>Dine kunder ringer ikke kun i \u00e5bningstiden.<\/h1>\n<\/section>\n\n<div class=\"calc-wrap\">\n\n <div class=\"calc-step active\" id=\"cs-0\">\n <div class=\"calc-intro-q\">Se hvor meget dine ubesvarede opkald koster dig.<\/div>\n <div class=\"calc-intro-sub\">Fire sp\u00f8rgsm\u00e5l. 30 sekunder.<\/div>\n <button class=\"btn-primary\" onclick=\"goStep(1)\">Start<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-1\">\n <div class=\"step-counter\">1 af 4<\/div>\n <div class=\"step-q\">Hvor mange timer bruger du\/i p\u00e5 opkald om ugen?<\/div>\n <div class=\"step-hint\">Bookinger, sp\u00f8rgsm\u00e5l om priser og tider<\/div>\n <div class=\"inp-block\" id=\"wrap-1\">\n <div class=\"inp-field-wrap\">\n <input type=\"text\" inputmode=\"decimal\" id=\"c-time\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\"\n oninput=\"handleInput(this, 'wrap-1')\"\n onblur=\"document.getElementById('wrap-1').classList.remove('inp-focused')\">\n <span class=\"inp-unit\">timer \/ uge<\/span>\n <\/div>\n <div class=\"inp-line\"><\/div>\n <\/div>\n <div class=\"err\" id=\"err-1\"><\/div>\n <button class=\"btn-primary\" onclick=\"nextStep('c-time','err-1',2)\">N\u00e6ste<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-2\">\n <div class=\"step-counter\">2 af 4<\/div>\n <div class=\"step-q\">Ud af 10 der ringer \u2014 hvor mange ender med at booke eller k\u00f8be?<\/div>\n <div class=\"step-hint\">Dit bedste g\u00e6t er godt nok<\/div>\n <div class=\"slider-block\">\n <div class=\"slider-display\">\n <span class=\"slider-num\" id=\"slider-val\">8<\/span>\n <span class=\"slider-denom\">ud af 10<\/span>\n <\/div>\n <div class=\"slider-label\" id=\"slider-label\">80% konverteringsrate \u2014 de fleste k\u00f8ber<\/div>\n <input type=\"hidden\" id=\"c-conv\" value=\"8\">\n <div class=\"custom-slider-wrap\" id=\"custom-slider-wrap\">\n <div class=\"custom-track\" id=\"custom-track\">\n <div class=\"custom-thumb\" id=\"custom-thumb\"><\/div>\n <\/div>\n <div class=\"custom-ticks\">\n <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span><span>5<\/span>\n <span>6<\/span><span>7<\/span><span>8<\/span><span>9<\/span><span>10<\/span>\n <\/div>\n <\/div>\n <\/div>\n <button class=\"btn-primary\" onclick=\"goStep(3)\">N\u00e6ste<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-3\">\n <div class=\"step-counter\">3 af 4<\/div>\n <div class=\"step-q\">Hvor mange opkald g\u00e5r du\/i glip af om ugen?<\/div>\n <div class=\"step-hint\">Ubesvarede \u2014 i og uden for \u00e5bningstid<\/div>\n <div class=\"inp-block\" id=\"wrap-3\">\n <div class=\"inp-field-wrap\">\n <input type=\"text\" inputmode=\"decimal\" id=\"c-missed\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\"\n oninput=\"handleInput(this, 'wrap-3')\"\n onblur=\"document.getElementById('wrap-3').classList.remove('inp-focused')\">\n <span class=\"inp-unit\">opkald \/ uge<\/span>\n <\/div>\n <div class=\"inp-line\"><\/div>\n <\/div>\n <div class=\"err\" id=\"err-3\"><\/div>\n <button class=\"btn-primary\" onclick=\"nextStep('c-missed','err-3',4)\">N\u00e6ste<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-4\">\n <div class=\"step-counter\">4 af 4<\/div>\n <div class=\"step-q\">Hvad er en gennemsnitlig kunde v\u00e6rd for dig\/jer?<\/div>\n <div class=\"step-hint\">En typisk ordre, behandling eller aftale<\/div>\n <div class=\"inp-block\" id=\"wrap-4\">\n <div class=\"inp-field-wrap\">\n <input type=\"text\" inputmode=\"decimal\" id=\"c-val\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\"\n oninput=\"handleInput(this, 'wrap-4')\"\n onblur=\"document.getElementById('wrap-4').classList.remove('inp-focused')\">\n <span class=\"inp-unit\">kr<\/span>\n <\/div>\n <div class=\"inp-line\"><\/div>\n <\/div>\n <div class=\"err\" id=\"err-4\"><\/div>\n <button class=\"btn-primary\" onclick=\"calcResult()\">Beregn<\/button>\n <\/div>\n\n <div class=\"calc-step\" id=\"cs-result\">\n <div class=\"res-eyebrow\">Estimeret \u00e5rligt tab<\/div>\n <div class=\"res-amount res-reveal\" id=\"r-annual\">\u2014<\/div>\n <div class=\"res-tagline\" id=\"r-sub\">\u2014<\/div>\n <div class=\"res-stats\">\n <div class=\"res-stat\">\n <div class=\"rs-val res-reveal\" id=\"r-monthly\">\u2014<\/div>\n <div class=\"rs-label\">Kroner tabt om m\u00e5neden<\/div>\n <\/div>\n <div class=\"res-stat\">\n <div class=\"rs-val res-reveal\" id=\"r-time\">\u2014<\/div>\n <div class=\"rs-label\">Timer brugt p\u00e5 opkald hver m\u00e5ned<\/div>\n <\/div>\n <\/div>\n <p class=\"res-insight\" id=\"r-insight\"><\/p>\n <p class=\"res-source\">Beregningen er baseret p\u00e5 din egen konverteringsrate kombineret med dine ubesvarede opkald. Kunder der ikke f\u00e5r svar ringer sj\u00e6ldent tilbage \u2014 de ringer til den n\u00e6ste p\u00e5 listen.<\/p>\n <a class=\"btn-primary\" href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" target=\"_blank\">Fix problemet<\/a>\n <button class=\"btn-ghost\" onclick=\"restart()\">Beregn igen<\/button>\n <\/div>\n\n<\/div>\n\n<footer>\n <p>\u00a9 2026 Forbedr \u00b7 <a href=\"mailto:kontakt@forbedr.dk\">kontakt@forbedr.dk<\/a><\/p>\n<\/footer>\n\n<script>\nvar WEBHOOK_URL = 'https:\/\/hook.eu1.make.com\/lmmp59btmr35vpc7ecmr6av3pyx8x58l';\n\nvar sliderLabels = {\n 1: '10% konverteringsrate \u2014 lavt, men det sker',\n 2: '20% konverteringsrate',\n 3: '30% konverteringsrate',\n 4: '40% konverteringsrate',\n 5: '50% konverteringsrate \u2014 hver anden',\n 6: '60% konverteringsrate',\n 7: '70% konverteringsrate',\n 8: '80% konverteringsrate \u2014 de fleste k\u00f8ber',\n 9: '90% konverteringsrate',\n 10: '100% konverteringsrate \u2014 alle k\u00f8ber'\n};\n\nvar currentConv = 8;\n\nfunction stepToPercent(step) {\n \/\/ step 1\u201310 mapped to 0\u2013100% of track\n return (step - 1) \/ 9 * 100;\n}\n\nfunction updateSlider(val) {\n val = Math.min(10, Math.max(1, Math.round(val)));\n currentConv = val;\n document.getElementById('c-conv').value = val;\n document.getElementById('slider-val').textContent = val;\n document.getElementById('slider-label').textContent = sliderLabels[val] || (val * 10 + '% konverteringsrate');\n document.getElementById('custom-thumb').style.left = stepToPercent(val) + '%';\n}\n\nfunction initCustomSlider() {\n var track = document.getElementById('custom-track');\n var thumb = document.getElementById('custom-thumb');\n var dragging = false;\n\n function posToStep(clientX) {\n var rect = track.getBoundingClientRect();\n var ratio = (clientX - rect.left) \/ rect.width;\n ratio = Math.max(0, Math.min(1, ratio));\n return Math.round(ratio * 9) + 1;\n }\n\n thumb.addEventListener('mousedown', function(e) {\n dragging = true;\n e.preventDefault();\n });\n thumb.addEventListener('touchstart', function(e) {\n dragging = true;\n e.preventDefault();\n }, { passive: false });\n\n document.addEventListener('mousemove', function(e) {\n if (!dragging) return;\n updateSlider(posToStep(e.clientX));\n });\n document.addEventListener('touchmove', function(e) {\n if (!dragging) return;\n updateSlider(posToStep(e.touches[0].clientX));\n }, { passive: true });\n\n document.addEventListener('mouseup', function() { dragging = false; });\n document.addEventListener('touchend', function() { dragging = false; });\n\n \/\/ Click anywhere on track\n track.addEventListener('click', function(e) {\n updateSlider(posToStep(e.clientX));\n });\n\n \/\/ Init position\n updateSlider(8);\n}\n\nfunction sendToWebhook(hrs, conv, missed, val, annual, monthly, lostPerMonth, savedHrs) {\n fetch('https:\/\/api.ipify.org?format=json')\n .then(function(r) { return r.json(); })\n .catch(function() { return { ip: 'ukendt' }; })\n .then(function(ipData) {\n var payload = {\n sp\u00f8rgsm\u00e5l_1: {\n sp\u00f8rgsm\u00e5l: 'Hvor mange timer bruger du\/i p\u00e5 opkald om ugen?',\n svar: hrs,\n enhed: 'timer\/uge'\n },\n sp\u00f8rgsm\u00e5l_2: {\n sp\u00f8rgsm\u00e5l: 'Ud af 10 der ringer \u2014 hvor mange ender med at booke eller k\u00f8be?',\n svar: conv,\n enhed: 'ud af 10'\n },\n sp\u00f8rgsm\u00e5l_3: {\n sp\u00f8rgsm\u00e5l: 'Hvor mange opkald g\u00e5r du\/i glip af om ugen?',\n svar: missed,\n enhed: 'opkald\/uge'\n },\n sp\u00f8rgsm\u00e5l_4: {\n sp\u00f8rgsm\u00e5l: 'Hvad er en gennemsnitlig kunde v\u00e6rd for dig\/jer?',\n svar: val,\n enhed: 'kr'\n },\n resultater: {\n estimeret_aarligt_tab_kr: Math.round(annual),\n estimeret_maanedligt_tab_kr: Math.round(monthly),\n mistede_kunder_pr_maaned: lostPerMonth,\n timer_paa_opkald_pr_maaned: savedHrs\n },\n ip_adresse: ipData.ip,\n tidspunkt: new Date().toISOString()\n };\n\n fetch(WEBHOOK_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(payload)\n }).catch(function(err) {\n console.warn('Webhook fejl:', err);\n });\n });\n}\n\nfunction handleInput(el, wrapId) {\n var start = el.selectionStart;\n var raw = el.value;\n var replaced = raw.replace(\/\\.\/g, ',');\n var cleaned = replaced.replace(\/[^0-9,]\/g, '');\n var parts = cleaned.split(',');\n if (parts.length > 2) cleaned = parts[0] + ',' + parts.slice(1).join('');\n if (el.value !== cleaned) {\n el.value = cleaned;\n try { el.setSelectionRange(start, start); } catch(e) {}\n }\n document.getElementById(wrapId).classList.add('inp-focused');\n}\n\nfunction parseVal(id) {\n var raw = document.getElementById(id).value;\n return parseFloat(raw.replace(',', '.'));\n}\n\nfunction goStep(n) {\n document.querySelectorAll('.calc-step').forEach(function(el){ el.classList.remove('active'); });\n var el = document.getElementById('cs-' + n);\n if (!el) return;\n el.classList.add('active');\n var inp = el.querySelector('input[type=\"text\"]');\n if (inp) {\n inp.value = '';\n inp.removeAttribute('value');\n setTimeout(function(){ inp.focus(); }, 120);\n }\n}\n\nfunction nextStep(inputId, errId, nextS) {\n var val = parseVal(inputId);\n var err = document.getElementById(errId);\n if (!val || val <= 0) { err.textContent = 'Indtast et tal st\u00f8rre end 0'; return; }\n err.textContent = '';\n goStep(nextS);\n}\n\nfunction fmt(n) { return Math.round(n).toLocaleString('da-DK') + '\\u00a0kr'; }\n\nfunction calcResult() {\n var val = parseVal('c-val');\n var err = document.getElementById('err-4');\n if (!val || val <= 0) { err.textContent = 'Indtast et tal st\u00f8rre end 0'; return; }\n err.textContent = '';\n\n var hrs = parseVal('c-time') || 0;\n var conv = currentConv || 8;\n var missed = parseVal('c-missed') || 0;\n\n var convRate = conv \/ 10;\n var lostPerMonth = Math.round(missed * 4.33 * convRate);\n var monthly = lostPerMonth * val;\n var annual = monthly * 12;\n var savedHrs = Math.round(hrs * 4.33);\n\n sendToWebhook(hrs, conv, missed, val, annual, monthly, lostPerMonth, savedHrs);\n\n document.getElementById('r-annual').textContent = fmt(annual);\n document.getElementById('r-monthly').textContent = Math.round(monthly).toLocaleString('da-DK');\n document.getElementById('r-sub').textContent =\n 'Svarende til ' + lostPerMonth + (lostPerMonth === 1 ? ' mistet kunde' : ' mistede kunder') + ' om m\u00e5neden';\n document.getElementById('r-time').textContent = savedHrs;\n document.getElementById('r-insight').innerHTML =\n '<strong>' + savedHrs + '\\u00a0timer<\/strong> brugt om m\u00e5neden p\u00e5 opkald.<br>' +\n '<strong>' + fmt(annual) + '<\/strong> om \u00e5ret i tabte kunder.<br>' +\n 'Det er prisen p\u00e5 at g\u00f8re det manuelt.';\n\n goStep('result');\n\n ['r-annual','r-monthly','r-time'].forEach(function(id){\n document.getElementById(id).classList.add('shown');\n });\n}\n\nfunction restart() {\n ['c-time','c-missed','c-val'].forEach(function(id){\n var el = document.getElementById(id);\n el.value = '';\n el.removeAttribute('value');\n });\n document.getElementById('c-conv').value = 8;\n updateSlider(8);\n ['wrap-1','wrap-3','wrap-4'].forEach(function(id){ document.getElementById(id).classList.remove('inp-focused'); });\n document.querySelectorAll('#cs-result .res-reveal').forEach(function(el){ el.classList.remove('shown'); });\n goStep(0);\n}\n\nwindow.addEventListener('load', function() {\n ['c-time','c-missed','c-val'].forEach(function(id){\n var el = document.getElementById(id);\n if (el) { el.value = ''; el.removeAttribute('value'); }\n });\n initCustomSlider();\n});\n\ndocument.addEventListener('keydown', function(e) {\n if (e.key !== 'Enter') return;\n var active = document.querySelector('.calc-step.active');\n if (!active) return;\n \/\/ Don't trigger Enter on slider step\n if (active.id === 'cs-2') {\n goStep(3);\n return;\n }\n var btn = active.querySelector('.btn-primary');\n if (btn) btn.click();\n});\n<\/script>\n<\/body>\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Forbedr Forbedr Dine kunder ringer ikke kun i \u00e5bningstiden. Se hvor meget dine ubesvarede opkald koster dig. Fire sp\u00f8rgsm\u00e5l. 30 sekunder. Start 1 af 4 Hvor mange timer bruger du\/i p\u00e5 opkald om ugen? Bookinger, sp\u00f8rgsm\u00e5l om priser og tider timer \/ uge N\u00e6ste 2 af 4 Ud af 10 der ringer \u2014 hvor mange ender med […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1967,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}