{"id":10546,"date":"2025-05-28T07:52:52","date_gmt":"2025-05-28T05:52:52","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=10546"},"modified":"2026-03-11T14:07:05","modified_gmt":"2026-03-11T13:07:05","slug":"roi-rechner","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/roi-rechner\/","title":{"rendered":"ROI Rechner"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10546\" class=\"elementor elementor-10546\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd3399 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"6dd3399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29abbef e-flex e-con-boxed e-con e-parent\" data-id=\"29abbef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f49c431 elementor-widget elementor-widget-html\" data-id=\"f49c431\" 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=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ROI-Rechner \u2013 Einsparpotenzial mit tele-LOOK Live-Video-Support<\/title>\n    <meta name=\"description\" content=\"Berechnen Sie Ihr pers\u00f6nliches Einsparpotenzial mit tele-LOOK: Wie viel sparen Sie durch weniger Anfahrten? ROI-Rechner f\u00fcr Service-Unternehmen.\">\n\n    <meta property=\"og:title\"       content=\"ROI-Rechner \u2013 Wie viel spart tele-LOOK Ihrem Unternehmen?\" \/>\n    <meta property=\"og:description\" content=\"Geben Sie Ihre Werte ein und sehen Sie sofort, wie viel Sie durch Live-Video-Support monatlich und j\u00e4hrlich einsparen k\u00f6nnen.\" \/>\n    <meta property=\"og:url\"         content=\"https:\/\/www.tele-look.com\/web\/roi-rechner\/\" \/>\n    <meta property=\"og:type\"        content=\"website\" \/>\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        body { font-family: 'Montserrat', sans-serif; background: #ffffff; color: #0f172a; }\n\n        .text-brand  { color: #125dff; }\n        .text-accent { color: #dca700; }\n        .bg-brand    { background-color: #125dff; }\n\n        \/* \u2500\u2500 DOT BG \u2500\u2500 *\/\n        .dot-bg {\n            background-color: #f8fafc;\n            background-image: radial-gradient(circle, #dbeafe 1.2px, transparent 1.2px);\n            background-size: 22px 22px;\n        }\n\n        \/* \u2500\u2500 CARD HOVER \u2500\u2500 *\/\n        .hover-card { transition: border-color 0.2s; }\n        .hover-card:hover { border-color: #125dff; }\n\n        \/* \u2500\u2500 RECHNER WRAPPER \u2013 Inter Font \u2500\u2500 *\/\n        #roi-calculator-wrapper,\n        #roi-calculator-wrapper * {\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Original ROI-Rechner Styles *\/\n        :root {\n            --color-primary-dark: #004489;\n            --color-accent-blue: #0d6efd;\n            --color-success-green: #10b981;\n        }\n        .slider {\n            -webkit-appearance: none;\n            width: 100%;\n            height: 8px;\n            border-radius: 4px;\n            background: #e5e7eb;\n            outline: none;\n            transition: opacity .2s;\n            box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);\n        }\n        .slider::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            appearance: none;\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            background: var(--color-accent-blue);\n            cursor: pointer;\n            border: 4px solid white;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n            transition: transform .2s ease-in-out;\n        }\n        .slider::-webkit-slider-thumb:hover { transform: scale(1.1); }\n        .slider::-moz-range-thumb {\n            width: 24px; height: 24px;\n            border-radius: 50%;\n            background: var(--color-accent-blue);\n            cursor: pointer;\n            border: 4px solid white;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n        }\n        .savings-number { font-size: 3.5rem; line-height: 1; }\n        .input-group input:focus { --tw-ring-color: var(--color-accent-blue); }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n<div class=\"w-full max-w-7xl mx-auto px-4 sm:px-6 py-6\">\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 1: PAGE HERO                                             -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-10\" aria-labelledby=\"roi-hero-h1\">\n        <div class=\"bg-gradient-to-br from-[#0a2a8a] to-[#125dff] rounded-2xl p-8 md:p-12 relative overflow-hidden\">\n            <!-- Deko -->\n            <div class=\"absolute top-0 right-0 w-80 h-80 bg-white\/5 rounded-full -translate-y-1\/3 translate-x-1\/3 pointer-events-none\"><\/div>\n            <div class=\"absolute bottom-0 left-1\/4 w-52 h-52 bg-[#f9e400]\/10 rounded-full translate-y-1\/2 pointer-events-none\"><\/div>\n\n            <div class=\"relative z-10 grid grid-cols-1 lg:grid-cols-2 gap-10 items-center\">\n\n                <!-- Text -->\n                <div>\n                    <span class=\"inline-block bg-[#f9e400] text-[#0f172a] text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-5\">\n                        ROI-Rechner\n                    <\/span>\n                    <h1 id=\"roi-hero-h1\" class=\"text-4xl md:text-5xl font-black text-white mb-4 leading-tight\">\n                        Wie viel spart tele-LOOK<br>\n                        <span class=\"text-[#f9e400]\">Ihrem Unternehmen?<\/span>\n                    <\/h1>\n                    <p class=\"text-blue-100 text-lg leading-relaxed mb-6 max-w-xl\">\n                        Jede vermiedene Anfahrt spart Zeit und Geld. Geben Sie Ihre Werte ein und sehen Sie\n                        <strong class=\"text-white\">sofort, was das f\u00fcr Ihr Unternehmen bedeutet<\/strong> \u2013\n                        monatlich und j\u00e4hrlich.\n                    <\/p>\n                    <div class=\"flex flex-wrap gap-3\">\n                        <span class=\"bg-white\/15 text-white text-xs font-bold px-3 py-1.5 rounded-full border border-white\/20\">\u2713 Kostenlos & unverbindlich<\/span>\n                        <span class=\"bg-white\/15 text-white text-xs font-bold px-3 py-1.5 rounded-full border border-white\/20\">\u2713 Ergebnis in Echtzeit<\/span>\n                        <span class=\"bg-white\/15 text-white text-xs font-bold px-3 py-1.5 rounded-full border border-white\/20\">\u2713 Individuell anpassbar<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Rechts: 3 Kennzahlen -->\n                <div class=\"grid grid-cols-1 gap-3\">\n                    <div class=\"bg-white\/12 border border-white\/20 rounded-xl p-5 flex items-center gap-4\">\n                        <div class=\"w-12 h-12 bg-[#f9e400]\/20 rounded-lg flex items-center justify-center text-2xl flex-shrink-0\">\ud83d\ude97<\/div>\n                        <div>\n                            <p class=\"text-white font-black text-sm\">\u00d8 150 \u20ac pro Anfahrt<\/p>\n                            <p class=\"text-blue-200 text-xs mt-0.5\">Fahrtkosten + Arbeitszeit \u2013 oft untersch\u00e4tzt<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-white\/12 border border-white\/20 rounded-xl p-5 flex items-center gap-4\">\n                        <div class=\"w-12 h-12 bg-[#f9e400]\/20 rounded-lg flex items-center justify-center text-2xl flex-shrink-0\">\ud83d\udcc9<\/div>\n                        <div>\n                            <p class=\"text-white font-black text-sm\">Bis zu 65 % weniger Anfahrten<\/p>\n                            <p class=\"text-blue-200 text-xs mt-0.5\">Erfahrungswert aus dem tele-LOOK Praxiseinsatz<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-white\/12 border border-white\/20 rounded-xl p-5 flex items-center gap-4\">\n                        <div class=\"w-12 h-12 bg-[#f9e400]\/20 rounded-lg flex items-center justify-center text-2xl flex-shrink-0\">\ud83d\udcc8<\/div>\n                        <div>\n                            <p class=\"text-white font-black text-sm\">ROI im ersten Monat<\/p>\n                            <p class=\"text-blue-200 text-xs mt-0.5\">Bei durchschnittlichem Einsatz ab 1. Lizenz rentabel<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 2: ROI-RECHNER (ORIGINAL \u2013 UNVER\u00c4NDERT)                 -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-10\" aria-labelledby=\"rechner-headline\" id=\"roi-calculator-wrapper\">\n        <div class=\"text-center mb-6\">\n            <h2 id=\"rechner-headline\" class=\"text-2xl font-black text-brand mb-1\">Ihre pers\u00f6nliche Berechnung<\/h2>\n            <p class=\"text-slate-500 text-sm\">Passen Sie die Werte an Ihre Situation an \u2013 das Ergebnis aktualisiert sich sofort.<\/p>\n        <\/div>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ORIGINAL ROI-RECHNER START \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-2xl overflow-hidden border border-gray-100\">\n            <div class=\"p-6 md:p-10\">\n                <div class=\"flex items-center mb-4\">\n                    <div class=\"bg-blue-50 p-3 rounded-xl mr-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-blue-600\" fill=\"none\"\n                             viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                  d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h1 class=\"text-3xl md:text-4xl font-extrabold text-gray-800\">\n                        Ihr Einsparpotenzial mit Video-Support\n                    <\/h1>\n                <\/div>\n\n                <p class=\"text-gray-600 mb-10 border-b pb-6\">\n                    Geben Sie Ihre individuellen Werte ein, um zu berechnen, wie viel Ihre Service-Abteilung durch die Vermeidung von Anfahrten monatlich sparen kann.\n                <\/p>\n\n                <div class=\"mb-12\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-x-8 gap-y-10\">\n                        <div class=\"input-group\">\n                            <label for=\"cost-input\" class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                Kosten pro Vor-Ort-Einsatz (\u20ac)\n                            <\/label>\n                            <p class=\"text-xs text-gray-500 mb-2\">Kosten f\u00fcr Fahrzeug & Personal pro Einsatz.<\/p>\n                            <div class=\"relative\">\n                                <input type=\"number\" id=\"cost-input\" value=\"250\"\n                                       class=\"w-full px-4 py-3 text-lg rounded-xl border border-gray-300 bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all\"\n                                       placeholder=\"z. B. 250\" min=\"50\" max=\"1000\"\/>\n                                <span class=\"absolute right-3 top-1\/2 transform -translate-y-1\/2 text-gray-500 font-semibold\">\u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"input-group\">\n                            <label for=\"license-cost-input\" class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                Kosten pro Lizenz \/ Monat (\u20ac)\n                            <\/label>\n                            <p class=\"text-xs text-gray-500 mb-2\">Ihre monatliche Investition in tele-LOOK.<\/p>\n                            <div class=\"relative\">\n                                <input type=\"number\" id=\"license-cost-input\" value=\"95\"\n                                       class=\"w-full px-4 py-3 text-lg rounded-xl border border-gray-300 bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all\"\n                                       placeholder=\"z. B. 95\" min=\"1\" max=\"500\"\/>\n                                <span class=\"absolute right-3 top-1\/2 transform -translate-y-1\/2 text-gray-500 font-semibold\">\u20ac<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"md:col-span-1\">\n                            <label for=\"visits-slider\" class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                Eins\u00e4tze pro Techniker \/ Monat\n                            <\/label>\n                            <p class=\"text-xs text-gray-500 mb-2\">Durchschnittliche Anzahl von Vor-Ort-Eins\u00e4tzen.<\/p>\n                            <div class=\"flex flex-col h-full mt-3\">\n                                <div class=\"flex items-center space-x-4\">\n                                    <input type=\"range\" min=\"1\" max=\"100\" value=\"10\" class=\"slider flex-1\" id=\"visits-slider\"\/>\n                                    <span id=\"visits-value\"\n                                          class=\"text-xl font-bold text-gray-800 bg-gray-100 border border-gray-200 px-4 py-2 rounded-xl min-w-[70px] text-center\">\n                                        10\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-md mb-12\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0\">\n                            <svg class=\"h-6 w-6 text-yellow-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                <path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.446c1.1-.349 2.144-.737 3.14-1.127a.75.75 0 011.026.471c.28.948.508 1.939.693 2.955.087.48.007.962-.234 1.348-.38.59-.974.92-1.775.92-.744 0-1.442-.36-1.932-.976l-.766-.967c.075-.41.258-.874.569-1.328.328-.485.67-.899.986-1.182.16-.145.244-.27.283-.374.032-.081.045-.125.045-.145 0-.094-.038-.135-.157-.135-.357 0-.749.195-1.128.361a6.3 6.3 0 00-2.859 1.126.75.75 0 01-1.025-.47c-.282-.949-.51-1.94-.694-2.956a1.5 1.5 0 01.171-.978.75.75 0 01.815-.224zM12 18a1 1 0 100-2 1 1 0 000 2z\" clip-rule=\"evenodd\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"ml-3\">\n                            <p class=\"text-sm font-semibold text-yellow-800\">Basis der Berechnung<\/p>\n                            <p class=\"text-sm text-yellow-800\">\n                                Wir nehmen an, dass durch Video-Support 65 % der Vor-Ort-Eins\u00e4tze vermieden werden k\u00f6nnen. Die tats\u00e4chliche Einsparung kann je nach Komplexit\u00e4t Ihrer F\u00e4lle bis zu 80 % betragen.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                    <div class=\"savings-card bg-white border-2 border-green-200 p-8 rounded-2xl shadow-lg\">\n                        <h3 class=\"text-xl font-semibold text-gray-700 mb-4 flex items-center\">\n                            <span class=\"text-2xl mr-2 text-green-600\">\ud83d\udcb8<\/span> Monatliche Netto-Ersparnis\n                        <\/h3>\n                        <div class=\"flex items-baseline\">\n                            <span id=\"monthly-savings\" class=\"savings-number font-extrabold text-green-600\">0<\/span>\n                            <span class=\"text-3xl font-bold text-green-600 ml-2\">\u20ac<\/span>\n                        <\/div>\n                        <p class=\"text-gray-500 text-sm mt-3\">Ihre Ersparnis nach Abzug der Lizenzkosten, pro Service-Techniker.<\/p>\n                    <\/div>\n                    <div class=\"savings-card bg-green-50 border-2 border-green-300 p-8 rounded-2xl shadow-xl\">\n                        <h3 class=\"text-xl font-semibold text-gray-700 mb-4 flex items-center\">\n                            <span class=\"text-2xl mr-2 text-green-700\">\ud83d\udcc8<\/span> J\u00e4hrlicher Gesamt-ROI\n                        <\/h3>\n                        <div class=\"flex flex-col\">\n                            <div class=\"flex items-baseline mb-2\">\n                                <span id=\"yearly-savings\" class=\"savings-number font-extrabold text-green-800\">0<\/span>\n                                <span class=\"text-3xl font-bold text-green-800 ml-2\">\u20ac<\/span>\n                            <\/div>\n                            <p class=\"text-gray-600 text-base font-semibold\">\n                                ROI: <span id=\"roi-value\" class=\"font-extrabold text-green-700 text-xl\">0<\/span> %\n                                <span class=\"text-sm font-normal text-gray-500\">(J\u00e4hrliche Rendite auf Ihre Investition)<\/span>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ORIGINAL ROI-RECHNER ENDE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 3: N\u00c4CHSTE SCHRITTE                                      -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-10\" aria-label=\"N\u00e4chste Schritte\">\n        <div class=\"text-center mb-6\">\n            <h2 class=\"text-2xl font-black text-brand mb-1\">Beeindruckt vom Ergebnis?<\/h2>\n            <p class=\"text-slate-500 text-sm\">So starten Sie \u2013 in weniger als einem Werktag einsatzbereit.<\/p>\n        <\/div>\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5\">\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 hover-card text-center\">\n                <div class=\"w-12 h-12 bg-[#fef9c3] rounded-xl flex items-center justify-center text-2xl mx-auto mb-4\">\ud83d\uddd3\ufe0f<\/div>\n                <h3 class=\"font-black text-slate-800 text-sm mb-2\">Live-Demo buchen<\/h3>\n                <p class=\"text-slate-500 text-xs leading-relaxed mb-4\">\n                    30 Minuten, pers\u00f6nlich, an einem Praxisbeispiel aus Ihrer Branche. Kostenlos & unverbindlich.\n                <\/p>\n                <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-block bg-[#f9e400] text-[#0f172a] font-black text-xs py-2.5 px-5 rounded-lg hover:bg-[#eacc00] transition-colors\">\n                    Demo buchen \u2192\n                <\/a>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 hover-card text-center\">\n                <div class=\"w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center text-2xl mx-auto mb-4\">\ud83d\ude80<\/div>\n                <h3 class=\"font-black text-slate-800 text-sm mb-2\">14 Tage kostenlos testen<\/h3>\n                <p class=\"text-slate-500 text-xs leading-relaxed mb-4\">\n                    Direkt starten \u2013 ohne Kreditkarte, ohne Risiko. Freischaltung in ca. einem Werktag.\n                <\/p>\n                <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-block bg-brand text-white font-black text-xs py-2.5 px-5 rounded-lg hover:bg-blue-700 transition-colors\">\n                    Jetzt testen \u2192\n                <\/a>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 hover-card text-center\">\n                <div class=\"w-12 h-12 bg-[#fef9c3] rounded-xl flex items-center justify-center text-2xl mx-auto mb-4\">\ud83d\udcb0<\/div>\n                <h3 class=\"font-black text-slate-800 text-sm mb-2\">F\u00f6rderung pr\u00fcfen<\/h3>\n                <p class=\"text-slate-500 text-xs leading-relaxed mb-4\">\n                    Als KMU k\u00f6nnen Sie bis zu 50 % der Lizenzkosten \u00fcber F\u00f6rderprogramme erstattet bekommen.\n                <\/p>\n                <a href=\"https:\/\/www.tele-look.com\/web\/digitalisierungsfoerderung-software\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-block border border-slate-200 text-slate-600 font-black text-xs py-2.5 px-5 rounded-lg hover:border-[#125dff] hover:text-brand transition-colors\">\n                    F\u00f6rderung ansehen \u2192\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 4: SOCIAL PROOF \u2013 Vorher \/ Nachher kompakt              -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-10\" aria-label=\"Praxisbeispiele\">\n        <div class=\"dot-bg rounded-2xl border border-slate-200 p-8\">\n            <h2 class=\"text-xl font-black text-brand mb-6 text-center\">Was andere Unternehmen berichten<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5\">\n\n                <div class=\"bg-white border border-slate-200 rounded-xl p-5 hover-card\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"text-2xl\">\ud83d\udd27<\/div>\n                        <div>\n                            <p class=\"font-black text-slate-700 text-xs\">SHK-Betrieb<\/p>\n                            <p class=\"text-slate-400 text-xs\">5 Techniker<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-3\">\n                        \u201eWir l\u00f6sen heute <strong>ca. 3 von 5 St\u00f6rungsmeldungen remote<\/strong> \u2013 ohne Anfahrt. Das sind bei uns rund 2.400 \u20ac Ersparnis pro Monat.\"\n                    <\/p>\n                    <div class=\"bg-green-50 border border-green-100 rounded-lg p-2.5\">\n                        <p class=\"text-green-700 font-black text-xs\">\u2192 2.400 \u20ac \/ Monat gespart<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white border border-slate-200 rounded-xl p-5 hover-card\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"text-2xl\">\u2699\ufe0f<\/div>\n                        <div>\n                            <p class=\"font-black text-slate-700 text-xs\">Maschinenbau-Unternehmen<\/p>\n                            <p class=\"text-slate-400 text-xs\">Serviceteam 3 Personen<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-3\">\n                        \u201eInbetriebnahmen und Wartungsanleitungen liefern wir heute per Video. <strong>Die erste Anfahrt konnten wir eliminieren<\/strong> \u2013 das spart uns 500\u2013800 \u20ac pro Neuinstallation.\"\n                    <\/p>\n                    <div class=\"bg-green-50 border border-green-100 rounded-lg p-2.5\">\n                        <p class=\"text-green-700 font-black text-xs\">\u2192 Erste Anfahrt entf\u00e4llt<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white border border-slate-200 rounded-xl p-5 hover-card\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"text-2xl\">\ud83c\udfe2<\/div>\n                        <div>\n                            <p class=\"font-black text-slate-700 text-xs\">IT-Dienstleister<\/p>\n                            <p class=\"text-slate-400 text-xs\">Remote-Support Team<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-3\">\n                        \u201eFr\u00fcher haben wir alles am Telefon erkl\u00e4rt \u2013 oft erfolglos. Heute <strong>sehen wir live, was das Problem ist<\/strong>, und l\u00f6sen es in 10 Minuten.\"\n                    <\/p>\n                    <div class=\"bg-green-50 border border-green-100 rounded-lg p-2.5\">\n                        <p class=\"text-green-700 font-black text-xs\">\u2192 -70 % Anfahrten<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 5: SERVICE MONETARISIERUNG \u2013 Hinweis                    -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-10\" aria-label=\"Service Monetarisierung\">\n        <div class=\"bg-brand rounded-2xl p-7 md:p-9 border-t-4 border-[#f9e400] flex flex-col md:flex-row items-center justify-between gap-6\">\n            <div class=\"max-w-xl\">\n                <span class=\"inline-block bg-[#f9e400] text-[#0f172a] text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-3\">Tipp: Mehr als nur sparen<\/span>\n                <h2 class=\"text-xl font-black text-white mb-2\">tele-LOOK kann auch Umsatz bringen<\/h2>\n                <p class=\"text-blue-100 text-sm leading-relaxed\">\n                    Neben der Kosteneinsparung k\u00f6nnen Sie mit tele-LOOK auch <strong class=\"text-white\">bezahlten Remote-Support als neue Serviceleistung anbieten<\/strong>. Kunden zahlen f\u00fcr schnellen Expertenzugang \u2013 ohne dass Sie anfahren m\u00fcssen.\n                <\/p>\n            <\/div>\n            <a href=\"https:\/\/www.tele-look.com\/web\/service-monetarisierung-mit-tele-look\/\" target=\"_blank\" rel=\"noopener\" class=\"flex-shrink-0 inline-block bg-[#f9e400] text-[#0f172a] font-black text-sm py-3.5 px-7 rounded-xl hover:bg-[#eacc00] transition-colors whitespace-nowrap\">\n                Service-Monetarisierung \u2192\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 6: FINALER CTA                                           -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section aria-labelledby=\"roi-final-cta\">\n        <div class=\"bg-white border border-slate-200 rounded-2xl p-8 md:p-10 text-center relative overflow-hidden\">\n            <div class=\"absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#125dff] to-[#f9e400] rounded-t-2xl\"><\/div>\n\n            <h2 id=\"roi-final-cta\" class=\"text-2xl md:text-3xl font-black text-brand mb-3 mt-2\">\n                Starten Sie jetzt \u2013 in einem Werktag einsatzbereit\n            <\/h2>\n            <p class=\"text-slate-500 text-sm leading-relaxed mb-8 max-w-lg mx-auto\">\n                Kein IT-Aufwand, keine Schulung, kein App-Download f\u00fcr Ihre Kunden. tele-LOOK l\u00e4uft im Browser \u2013 sofort.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\n                <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-block bg-[#f9e400] text-[#0f172a] font-black text-base py-4 px-10 rounded-xl hover:bg-[#eacc00] transition-colors\">\n                    14 Tage kostenlos testen \u2192\n                <\/a>\n                <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-block border border-[#125dff] text-brand font-bold text-base py-4 px-10 rounded-xl hover:bg-blue-50 transition-colors\">\n                    \ud83d\uddd3\ufe0f Live-Demo buchen\n                <\/a>\n            <\/div>\n\n            <p class=\"text-slate-400 text-xs mt-6\">\n                \u2713 Keine Kreditkarte &nbsp;\u00b7&nbsp; \u2713 DSGVO-konform &nbsp;\u00b7&nbsp; \u2713 Made in Germany &nbsp;\u00b7&nbsp;\n                <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" class=\"hover:text-brand transition-colors\">Alle Preise ansehen<\/a>\n            <\/p>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ORIGINAL ROI-RECHNER JAVASCRIPT \u2013 UNVER\u00c4NDERT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const costInput          = document.getElementById('cost-input');\n        const visitsSlider       = document.getElementById('visits-slider');\n        const licenseCostInput   = document.getElementById('license-cost-input');\n        const visitsValue        = document.getElementById('visits-value');\n        const monthlySavings     = document.getElementById('monthly-savings');\n        const yearlySavings      = document.getElementById('yearly-savings');\n        const roiValue           = document.getElementById('roi-value');\n\n        const EFFICIENCY_FACTOR = 0.65;\n\n        function formatNumber(num) {\n            return num.toLocaleString('de-DE');\n        }\n\n        function calculateSavings() {\n            const costPerVisit  = parseFloat(costInput.value)        || 0;\n            const monthlyVisits = parseInt(visitsSlider.value)        || 0;\n            const licenseCost   = parseFloat(licenseCostInput.value)  || 0;\n\n            visitsValue.textContent = monthlyVisits;\n\n            if (costPerVisit <= 0 || monthlyVisits <= 0 || licenseCost <= 0) {\n                monthlySavings.textContent = '0';\n                yearlySavings.textContent  = '0';\n                roiValue.textContent       = '0';\n                return;\n            }\n\n            const totalMonthlyCostWithout    = costPerVisit * monthlyVisits;\n            const potentialSavingsFromVisits  = totalMonthlyCostWithout * EFFICIENCY_FACTOR;\n            const netMonthlySaving            = Math.round(potentialSavingsFromVisits - licenseCost);\n            const yearlySaving                = netMonthlySaving * 12;\n            const roi = (licenseCost > 0 && netMonthlySaving > 0)\n                ? Math.round((netMonthlySaving \/ licenseCost) * 100)\n                : 0;\n\n            monthlySavings.textContent = netMonthlySaving > 0 ? formatNumber(netMonthlySaving) : '0';\n            yearlySavings.textContent  = yearlySaving    > 0 ? formatNumber(yearlySaving)      : '0';\n            roiValue.textContent       = formatNumber(roi);\n        }\n\n        costInput.addEventListener('input',        calculateSavings);\n        licenseCostInput.addEventListener('input',  calculateSavings);\n        visitsSlider.addEventListener('input',      calculateSavings);\n\n        calculateSavings();\n    });\n<\/script>\n\n<\/body>\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ROI-Rechner \u2013 Einsparpotenzial mit tele-LOOK Live-Video-Support ROI-Rechner Wie viel spart tele-LOOK Ihrem Unternehmen? Jede vermiedene Anfahrt spart Zeit und Geld. Geben Sie Ihre Werte ein und sehen Sie sofort, was das f\u00fcr Ihr Unternehmen bedeutet \u2013 monatlich und j\u00e4hrlich. \u2713 Kostenlos &#038; unverbindlich \u2713 Ergebnis in Echtzeit \u2713 Individuell anpassbar \ud83d\ude97 \u00d8 150 \u20ac pro [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/comments?post=10546"}],"version-history":[{"count":228,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546\/revisions"}],"predecessor-version":[{"id":14825,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546\/revisions\/14825"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=10546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}