{"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-07-10T10:02:47","modified_gmt":"2026-07-10T08:02:47","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\n<style>\n    \/* Elementor-Editor Fix *\/\n    body.elementor-editor-active [data-aos] { opacity: 1 !important; transform: none !important; }\n\n\n        \/* Hide number input arrows (spinners) *\/\n        input[type=\"number\"]::-webkit-inner-spin-button, \n        input[type=\"number\"]::-webkit-outer-spin-button { \n            -webkit-appearance: none; \n            margin: 0; \n        }\n        input[type=\"number\"] {\n            -moz-appearance: textfield; \/* Firefox *\/\n            appearance: textfield;\n        }\n\n        body { font-family: 'Manrope', sans-serif; background-color: #ffffff; color: #1e293b; overflow-x: hidden; line-height: 1.7; transition: background-color 0.3s ease, color 0.3s ease; }\n        .dark body { background-color: #090d16; color: #f1f5f9; }\n\n        \/* Premium Text Gradient *\/\n        .text-gradient {\n            background: linear-gradient(90deg, #135dff 0%, #0ea5e9 50%, #10b981 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            color: transparent;\n        }\n        .dark .text-gradient {\n            background: linear-gradient(90deg, #3b82f6 0%, #22d3ee 50%, #34d399 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            color: transparent;\n        }\n\n        \/* Hero Background *\/\n        .hero-gradient {\n            background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n            position: relative;\n            overflow: hidden;\n        }\n        .dark .hero-gradient {\n            background: linear-gradient(135deg, #090d16 0%, #0f172a 100%);\n        }\n        .hero-gradient::before {\n            content: '';\n            position: absolute;\n            top: -30%; left: -20%; width: 80%; height: 80%;\n            background: radial-gradient(circle, rgba(18,93,255,0.08) 0%, rgba(255,255,255,0) 70%);\n            z-index: 0;\n            pointer-events: none;\n        }\n        .dark .hero-gradient::before {\n            background: radial-gradient(circle, rgba(18,93,255,0.15) 0%, rgba(255,255,255,0) 70%);\n        }\n\n        \/* Dot Pattern Background *\/\n        .dot-bg {\n            background-color: #f8fafc;\n            background-image: radial-gradient(circle, #e2e8f0 1.2px, transparent 1.2px);\n            background-size: 20px 20px;\n        }\n        .dark .dot-bg {\n            background-color: #0d131f;\n            background-image: radial-gradient(circle, #1e293b 1.2px, transparent 1.2px);\n        }\n\n        \/* Glass Header *\/\n        .glass-header {\n            font-family: 'Montserrat', sans-serif;\n            background: rgba(255, 255, 255, 0.7);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border-bottom: 1px solid rgba(241, 245, 249, 0.8);\n            transition: all 0.4s ease;\n        }\n        .dark .glass-header {\n            background: rgba(9, 13, 22, 0.7);\n            border-bottom: 1px solid rgba(30, 41, 59, 0.8);\n        }\n        .glass-header.scrolled {\n            background: rgba(255, 255, 255, 0.95);\n            box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.03);\n        }\n        .dark .glass-header.scrolled {\n            background: rgba(9, 13, 22, 0.95);\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* Nav Hover Effect *\/\n        .nav-link { position: relative; }\n        .nav-link::after {\n            content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);\n            width: 0; height: 2px; background-color: #135dff; transition: width 0.3s ease;\n        }\n        .dark .nav-link::after { background-color: #06b6d4; }\n        .nav-link:hover::after { width: 100%; }\n\n        \/* Custom Slider Design *\/\n        .slider {\n            -webkit-appearance: none;\n            width: 100%;\n            height: 8px;\n            border-radius: 9999px;\n            background: #e2e8f0;\n            outline: none;\n            transition: background 0.2s;\n        }\n        .dark .slider {\n            background: #1e293b;\n        }\n        .slider::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            appearance: none;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: #135dff;\n            cursor: pointer;\n            border: 4px solid #ffffff;\n            box-shadow: 0 4px 10px rgba(18, 93, 255, 0.3);\n            transition: transform 0.2s ease, background-color 0.2s ease;\n        }\n        .dark .slider::-webkit-slider-thumb {\n            background: #06b6d4;\n            border-color: #090d16;\n            box-shadow: 0 4px 10px rgba(6, 182, 212, 0.4);\n        }\n        .slider::-webkit-slider-thumb:hover {\n            transform: scale(1.15);\n        }\n        .slider::-moz-range-thumb {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: #135dff;\n            cursor: pointer;\n            border: 4px solid #ffffff;\n            box-shadow: 0 4px 10px rgba(18, 93, 255, 0.3);\n        }\n        .dark .slider::-moz-range-thumb {\n            background: #06b6d4;\n            border-color: #090d16;\n        }\n    <\/style>\n\n<div id=\"tele-look-main-wrapper\" class=\"bg-white dark:bg-[#0f172a] text-slate-800 dark:text-slate-200\">\n    <button id=\"theme-toggle\" class=\"fixed bottom-6 left-6 z-50 p-3 rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 shadow-lg text-slate-600 dark:text-slate-300 hover:text-brand dark:hover:text-cyan-400 transition-colors\" aria-label=\"Toggle Dark Mode\">\n        <svg id=\"theme-toggle-light-icon\" class=\"hidden w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><\/path><\/svg>\n        <svg id=\"theme-toggle-dark-icon\" class=\"hidden w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z\"><\/path><\/svg>\n    <\/button>\n\n        <!-- 1. HERO SECTION -->\n        <section class=\"hero-gradient pt-40 pb-20 lg:pt-52 lg:pb-32 flex items-center\">\n            <div class=\"max-w-7xl mx-auto px-6 text-center relative z-10 w-full\" data-aos=\"fade-up\" data-aos-duration=\"1200\">\n                <div class=\"inline-flex items-center gap-3 px-5 py-2.5 rounded-full border border-slate-100 dark:border-slate-800 bg-white\/60 dark:bg-slate-900\/60 backdrop-blur-md mb-10 shadow-sm\">\n                    <span class=\"w-2.5 h-2.5 rounded-full bg-brand animate-pulse\"><\/span>\n                    <span class=\"text-xs font-black uppercase tracking-widest text-slate-500 dark:text-slate-400\">ROI-RECHNER<\/span>\n                <\/div>\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-slate-900 dark:text-white mb-6 leading-tight tracking-tight\">\n                    Wie viel spart tele-LOOK<br>\n                    <span class=\"text-gradient\">Ihrem Unternehmen?<\/span>\n                <\/h1>\n                <p class=\"text-slate-500 dark:text-slate-400 text-lg md:text-xl font-light max-w-3xl mx-auto leading-relaxed mb-8\">\n                    Jede vermiedene Anfahrt spart wertvolle Zeit und direkte Fahrzeugkosten. Berechnen Sie Ihr Einsparpotenzial in Echtzeit und sehen Sie, ab wann sich tele-LOOK lohnt.\n                <\/p>\n                <div class=\"flex flex-wrap gap-4 justify-center text-xs font-semibold text-slate-500 dark:text-slate-400\">\n                    <span class=\"flex items-center gap-1 bg-slate-50 dark:bg-slate-900 px-4 py-2 rounded-full border border-slate-100 dark:border-slate-800\">\u2713 Kostenlos & unverbindlich<\/span>\n                    <span class=\"flex items-center gap-1 bg-slate-50 dark:bg-slate-900 px-4 py-2 rounded-full border border-slate-100 dark:border-slate-800\">\u2713 Ergebnis in Echtzeit<\/span>\n                    <span class=\"flex items-center gap-1 bg-slate-50 dark:bg-slate-900 px-4 py-2 rounded-full border border-slate-100 dark:border-slate-800\">\u2713 Individuell anpassbar<\/span>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 2. ROI-RECHNER SECTION -->\n        <section class=\"pb-32 bg-white dark:bg-[#0f172a] transition-colors duration-300\">\n            <div class=\"max-w-7xl mx-auto px-6\">\n                <!-- Rechner-Container -->\n                <div class=\"max-w-4xl mx-auto bg-slate-50 dark:bg-slate-900 border border-slate-150 dark:border-slate-800\/80 rounded-[32px] p-6 md:p-12 shadow-xl relative overflow-hidden transition-all duration-300 hover:shadow-[0_20px_50px_-5px_rgba(18,93,255,0.12),_0_0_20px_rgba(18,93,255,0.05)] dark:hover:shadow-[0_25px_60px_-5px_rgba(18,93,255,0.22),_0_0_30px_rgba(18,93,255,0.1)]\" data-aos=\"fade-up\">\n                    <div class=\"absolute -right-20 top-0 w-80 h-80 bg-brand\/5 dark:bg-brand\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\n                    \n                    <div class=\"relative z-10\">\n                        <div class=\"flex items-center gap-4 mb-8 pb-6 border-b border-slate-200 dark:border-slate-800\">\n                            <div class=\"w-12 h-12 rounded-2xl bg-brand\/10 dark:bg-brand\/20 flex items-center justify-center text-2xl\">\n                                <svg class=\"w-6 h-6 text-brand dark:text-cyan-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path><\/svg>\n                            <\/div>\n                            <div>\n                                <h2 class=\"text-2xl font-black text-slate-900 dark:text-white\">Pers\u00f6nliche Potenzialberechnung<\/h2>\n                                <p class=\"text-slate-500 dark:text-slate-400 text-sm\">Passen Sie die Regler an die Gegebenheiten in Ihrem Betrieb an.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Eingaben-Grid -->\n                        <div class=\"grid md:grid-cols-3 gap-8 mb-12\">\n                            \n                            <!-- Input 1: Kosten pro Einsatz -->\n                            <div class=\"flex flex-col justify-between\">\n                                <div>\n                                    <label for=\"cost-input\" class=\"block font-bold text-slate-800 dark:text-slate-200 text-sm mb-1\">\n                                        Kosten pro Vor-Ort-Einsatz\n                                    <\/label>\n                                    <span class=\"block text-xs text-slate-500 dark:text-slate-400 mb-4 leading-normal\">\u00d8 Kosten f\u00fcr Kraftstoff, Fahrzeug & Fahrzeit des Technikers.<\/span>\n                                <\/div>\n                                <div class=\"relative\">\n                                    <input type=\"number\" id=\"cost-input\" value=\"250\"\n                                           class=\"w-full px-4 py-3 text-lg font-bold rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-[#0f172a] focus:outline-none focus:ring-2 focus:ring-brand focus:border-brand transition-all text-slate-800 dark:text-white\"\n                                           placeholder=\"z. B. 250\" min=\"50\" max=\"1000\"\/>\n                                    <span class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-slate-400 dark:text-slate-500 font-bold\">\u20ac<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Input 2: Lizenzkosten -->\n                            <div class=\"flex flex-col justify-between\">\n                                <div>\n                                    <label for=\"license-cost-input\" class=\"block font-bold text-slate-800 dark:text-slate-200 text-sm mb-1\">\n                                        Kosten pro Lizenz \/ Monat\n                                    <\/label>\n                                    <span class=\"block text-xs text-slate-500 dark:text-slate-400 mb-4 leading-normal\">Ihre monatliche Investition pro Support-Lizenz.<\/span>\n                                <\/div>\n                                <div class=\"relative\">\n                                    <input type=\"number\" id=\"license-cost-input\" value=\"95\"\n                                           class=\"w-full px-4 py-3 text-lg font-bold rounded-2xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-[#0f172a] focus:outline-none focus:ring-2 focus:ring-brand focus:border-brand transition-all text-slate-800 dark:text-white\"\n                                           placeholder=\"z. B. 95\" min=\"1\" max=\"500\"\/>\n                                    <span class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-slate-400 dark:text-slate-500 font-bold\">\u20ac<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Input 3: Eins\u00e4tze pro Techniker (Slider) -->\n                            <div class=\"flex flex-col justify-between\">\n                                <div>\n                                    <label for=\"visits-slider\" class=\"block font-bold text-slate-800 dark:text-slate-200 text-sm mb-1\">\n                                        Eins\u00e4tze pro Techniker \/ Monat\n                                    <\/label>\n                                    <span class=\"block text-xs text-slate-500 dark:text-slate-400 mb-4 leading-normal\">Wie oft f\u00e4hrt ein Techniker durchschnittlich zum Kunden vor Ort?<\/span>\n                                <\/div>\n                                <div class=\"flex items-center gap-4 mt-2\">\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-lg font-extrabold text-slate-800 dark:text-white bg-white dark:bg-[#0f172a] border border-slate-200 dark:border-slate-800 px-4 py-2 rounded-2xl min-w-[70px] text-center shadow-sm\">\n                                        10\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Info-Hinweis Basis der Berechnung -->\n                        <div class=\"bg-amber-500\/5 border border-amber-500\/20 rounded-2xl p-4 flex gap-4 items-start mb-12\">\n                            <span class=\"text-lg flex-shrink-0\"><svg class=\"w-6 h-6 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg><\/span>\n                            <p class=\"text-xs sm:text-sm text-amber-700 dark:text-amber-400 leading-relaxed\">\n                                <strong>Berechnungsgrundlage:<\/strong> Wir kalkulieren defensiv mit einer Reduktionsrate von <strong>65 %<\/strong> der Vor-Ort-Eins\u00e4tze durch tele-LOOK Video-Support. In der Praxis werden je nach Komplexit\u00e4t Ihrer Eins\u00e4tze oft bis zu 80 % erreicht.\n                            <\/p>\n                        <\/div>\n\n                        <!-- Ergebnis-Bereich -->\n                        <div class=\"grid md:grid-cols-2 gap-8\">\n                            <!-- Monatliche Ersparnis -->\n                            <div class=\"bg-white dark:bg-[#0f172a] border border-slate-150 dark:border-slate-800 p-8 rounded-3xl shadow-sm transition-all duration-300 flex flex-col justify-between\">\n                                <div>\n                                    <h3 class=\"text-slate-700 dark:text-slate-350 font-bold text-base mb-2 flex items-center gap-2\">\n                                        <span class=\"text-lg\"><svg class=\"w-7 h-7 text-emerald-600 dark:text-emerald-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/span> Monatliche Netto-Ersparnis\n                                    <\/h3>\n                                    <p class=\"text-slate-400 dark:text-slate-500 text-xs mb-6 leading-relaxed\">\n                                        Ersparnis abz\u00fcglich der Lizenzkosten, berechnet pro Service-Techniker.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"flex items-baseline gap-2\">\n                                    <span id=\"monthly-savings\" class=\"text-5xl font-black text-emerald-600 dark:text-emerald-400 leading-none\">0<\/span>\n                                    <span class=\"text-2xl font-bold text-emerald-600 dark:text-emerald-400\">\u20ac<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <!-- J\u00e4hrlicher ROI -->\n                            <div class=\"bg-emerald-500\/5 dark:bg-emerald-950\/20 border border-emerald-500\/20 dark:border-emerald-900\/30 p-8 rounded-3xl shadow-sm transition-all duration-300 flex flex-col justify-between\">\n                                <div>\n                                    <h3 class=\"text-slate-800 dark:text-white font-bold text-base mb-2 flex items-center gap-2\">\n                                        <span class=\"text-lg\"><svg class=\"w-7 h-7 text-emerald-700 dark:text-emerald-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg><\/span> J\u00e4hrlicher Gesamt-ROI\n                                    <\/h3>\n                                    <p class=\"text-slate-500 dark:text-slate-400 text-xs mb-6 leading-relaxed\">\n                                        Die j\u00e4hrliche Rendite auf Ihre Support-Investition.\n                                    <\/p>\n                                <\/div>\n                                <div>\n                                    <div class=\"flex items-baseline gap-2 mb-2\">\n                                        <span id=\"yearly-savings\" class=\"text-5xl font-black text-emerald-700 dark:text-emerald-300 leading-none\">0<\/span>\n                                        <span class=\"text-2xl font-bold text-emerald-700 dark:text-emerald-300\">\u20ac<\/span>\n                                    <\/div>\n                                    <p class=\"text-slate-500 dark:text-slate-400 text-xs font-semibold\">\n                                        ROI: <span id=\"roi-value\" class=\"font-extrabold text-emerald-600 dark:text-emerald-400 text-sm\">0<\/span> % Rendite p.a.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        \n\n        <!-- 4. MONETARISIERUNG BANNER -->\n        <section class=\"py-24 bg-brand text-white transition-colors duration-300 relative overflow-hidden\">\n            <div class=\"absolute -right-20 top-1\/2 -translate-y-1\/2 opacity-10 pointer-events-none\">\n                <svg class=\"w-[500px] h-[500px]\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-2.82-1.41-3.21-2.92l2.36-.98c.21.94.88 1.48 1.94 1.48 1.07 0 1.63-.52 1.63-1.18 0-.82-.71-1.1-2.42-1.63-2.12-.66-3.22-1.75-3.22-3.22 0-1.45 1.12-2.58 2.65-2.92V5h2.67v1.92c1.47.33 2.5 1.25 2.82 2.62l-2.33.98c-.18-.76-.71-1.18-1.64-1.18-.87 0-1.4.45-1.4 1.09 0 .76.65 1.04 2.45 1.6 2.11.66 3.19 1.76 3.19 3.26 0 1.54-1.15 2.63-2.82 2.8z\"\/><\/svg>\n            <\/div>\n            <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-[32px] p-8 md:p-16 border border-white\/20\">\n                    <div class=\"grid lg:grid-cols-[1.5fr_1fr] gap-12 items-center\">\n                        <div>\n                            <span class=\"inline-flex px-4 py-1.5 rounded-full bg-white\/25 text-white font-bold text-xs uppercase tracking-widest mb-4\">Tipp: Service monetarisieren<\/span>\n                            <h3 class=\"text-3xl md:text-4xl font-extrabold mb-6 leading-tight tracking-tight\"> tele-LOOK kann auch Umsatz bringen<\/h3>\n                            <p class=\"text-white\/80 text-lg leading-relaxed font-light\">\n                                Neben der Einsparung von Reisekosten k\u00f6nnen Sie mit tele-LOOK auch bezahlten Remote-Support als neue Serviceleistung etablieren. Kunden zahlen gerne f\u00fcr eine schnelle Online-Soforthilfe, die ihnen unn\u00f6tige Ausfallzeiten und teure Technikeranfahrten erspart.\n                            <\/p>\n                        <\/div>\n                        <div class=\"flex flex-col sm:flex-row lg:flex-col gap-4 justify-start lg:items-end\">\n                            <a href=\"https:\/\/www.tele-look.com\/web\/service-monetarisierung-mit-tele-look\/\" target=\"_blank\" class=\"bg-white hover:bg-slate-50 text-brand px-8 py-4.5 rounded-full font-bold text-sm transition-all shadow-lg hover:-translate-y-1 inline-block text-center whitespace-nowrap\">\n                                Mehr zur Monetarisierung\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        \n    \n<\/div>\n\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script>\n    \/\/ Theme Switcher Logic\n    if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n        document.documentElement.classList.add('dark');\n        document.getElementById('theme-toggle-light-icon').classList.remove('hidden');\n    } else {\n        document.documentElement.classList.remove('dark');\n        document.getElementById('theme-toggle-dark-icon').classList.remove('hidden');\n    }\n\n    const themeToggleBtn = document.getElementById('theme-toggle');\n    const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');\n    const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');\n\n    themeToggleBtn.addEventListener('click', function() {\n        themeToggleDarkIcon.classList.toggle('hidden');\n        themeToggleLightIcon.classList.toggle('hidden');\n\n        if (localStorage.getItem('theme')) {\n            if (localStorage.getItem('theme') === 'light') {\n                document.documentElement.classList.add('dark');\n                localStorage.setItem('theme', 'dark');\n            } else {\n                document.documentElement.classList.remove('dark');\n                localStorage.setItem('theme', 'light');\n            }\n        } else {\n            if (document.documentElement.classList.contains('dark')) {\n                document.documentElement.classList.remove('dark');\n                localStorage.setItem('theme', 'light');\n            } else {\n                document.documentElement.classList.add('dark');\n                localStorage.setItem('theme', 'dark');\n            }\n        }\n    });\n\n    \/\/ Initialize Animations\n    AOS.init({\n        once: true,\n        offset: 50,\n    });\n\n    \/\/ ROI Calculator Logic\n        (function initROICalculator() {\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    \n<\/script>\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 Wie viel spart tele-LOOK Ihrem Unternehmen? Jede vermiedene Anfahrt spart wertvolle Zeit und direkte Fahrzeugkosten. Berechnen Sie Ihr Einsparpotenzial in Echtzeit und sehen Sie, ab wann sich tele-LOOK lohnt. \u2713 Kostenlos &#038; unverbindlich \u2713 Ergebnis in Echtzeit \u2713 Individuell anpassbar Pers\u00f6nliche Potenzialberechnung Passen Sie die Regler an die Gegebenheiten in Ihrem Betrieb an. Kosten [&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":234,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546\/revisions"}],"predecessor-version":[{"id":15456,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546\/revisions\/15456"}],"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}]}}