Servitisierung & Service-Monetarisierung: Der Interaktive Report | tele-LOOK<\/title>\n \n <meta name=\"description\" content=\"Service-Monetarisierung im Handwerk und Maschinenbau. Wie Sie mit Live-Video-Support Anfahrten reduzieren und Fachwissen abrechnen.\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n \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@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n <style>\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #ffffff;\n color: #0f172a;\n }\n \n * { box-shadow: none !important; }\n \n .text-brand-primary { color: #125dff; }\n .bg-brand-primary { background-color: #125dff; }\n\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n\n @media (min-width: 768px) {\n .chart-container { height: 400px; }\n }\n\n \/* \u2500\u2500 Elementor-gesch\u00fctzte Buttons & Tabs \u2500\u2500 *\/\n .btn-primary {\n display: inline-block !important;\n background: #125dff !important; color: #ffffff !important;\n font-weight: 800 !important; font-size: 0.95rem !important;\n padding: 0.9rem 2rem !important; border-radius: 0.75rem !important;\n transition: background 0.2s, transform 0.15s !important;\n text-align: center !important; border: none !important;\n }\n .btn-primary:hover { background: #0a4dd4 !important; transform: translateY(-1px) !important; }\n\n .btn-secondary {\n display: inline-block !important;\n background: transparent !important; color: #125dff !important;\n border: 2px solid #125dff !important;\n font-weight: 700 !important; font-size: 0.95rem !important;\n padding: 0.85rem 2rem !important; border-radius: 0.75rem !important;\n transition: background 0.2s, transform 0.15s !important;\n text-align: center !important;\n }\n .btn-secondary:hover { background: #eef3ff !important; transform: translateY(-1px) !important; }\n\n .tab-btn { \n transition: all 0.2s ease-in-out !important; \n background-color: transparent !important;\n border: none !important;\n border-bottom: 3px solid transparent !important;\n }\n .tab-btn.active {\n color: #125dff !important;\n border-bottom-color: #125dff !important;\n background-color: transparent !important;\n }\n .tab-btn.inactive {\n color: #64748b !important;\n }\n .tab-btn.inactive:hover { color: #125dff !important; }\n\n \/* \u2500\u2500 1. HERO: Diagonaler Schnitt \u2500\u2500 *\/\n .hero-section {\n position: relative;\n overflow: visible;\n }\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -38px;\n left: 0;\n width: 100%;\n height: 80px;\n background: white;\n transform: skewY(-2deg);\n transform-origin: top left;\n z-index: 1;\n }\n\n \/* \u2500\u2500 2. KPI-Karten \u2500\u2500 *\/\n .kpi-card {\n transition: border-color 0.2s ease;\n }\n .kpi-card:hover {\n border-color: #125dff;\n }\n\n \/* \u2500\u2500 5. CTA: Dot-Grid Hintergrund \u2500\u2500 *\/\n .dot-grid-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 6. ROADMAP: Timeline \u2500\u2500 *\/\n .timeline-step::before {\n content: '';\n position: absolute;\n top: 20px;\n left: -33px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: #125dff;\n border: 4px solid #eef3ff;\n }\n .timeline-step {\n position: relative;\n border-left: 2px solid #e2e8f0;\n padding-left: 1.5rem;\n padding-bottom: 2.5rem;\n }\n .timeline-step:last-child { border-left-color: transparent; }\n\n #telelook-report-widget {\n font-family: inherit;\n background-color: transparent;\n }\n\n .tab-content { animation: fadeIn 0.3s ease; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n <div id=\"telelook-report-widget\" class=\"w-full max-w-7xl mx-auto px-0 sm:px-4 py-4\">\n\n \n <nav class=\"border-b border-slate-200 mb-10 pb-4\">\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\n <span class=\"text-xl tracking-tight text-brand-primary font-bold\"><\/span>\n <div class=\"flex items-center space-x-4 md:space-x-6 flex-wrap justify-center\">\n <a href=\"#intro\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Einf\u00fchrung<\/a>\n <a href=\"#erklaerung\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Servitisierung<\/a>\n <a href=\"#daten\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Marktdaten<\/a>\n <a href=\"#usecases\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Branchen<\/a>\n <a href=\"#entscheider\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">F\u00fcr Entscheider<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n \n \n <section id=\"intro\" class=\"mb-20 mt-4\">\n <div class=\"hero-section bg-gradient-to-br from-[#125dff] to-[#0a3dbf] rounded-2xl p-8 md:p-14 relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-96 h-96 bg-white\/5 rounded-full -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-1\/3 w-64 h-64 bg-white\/5 rounded-full translate-y-1\/2 pointer-events-none\"><\/div>\n\n <div class=\"max-w-3xl relative z-10\">\n <span class=\"inline-block bg-white\/20 border border-white\/25 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-6\">\n Service-Monetarisierung \n <\/span>\n <h1 class=\"text-4xl md:text-5xl font-black text-white mb-6 leading-tight\">\n Von der Gef\u00e4lligkeit zum planbaren Service-Umsatz\n <\/h1>\n <p class=\"text-lg text-blue-100 leading-relaxed mb-8\">\n Ob im <strong class=\"text-white\">Maschinenbau<\/strong> oder im <strong class=\"text-white\">Handwerk<\/strong>: Der Markt ver\u00e4ndert sich. Kunden erwarten schnelle L\u00f6sungen. Dieser Report zeigt, wie Sie durch den Einsatz von <em class=\"text-white font-medium not-italic\">Live-Video-Support<\/em> und Remote-Assistenz nicht nur Anfahrtskosten sparen, sondern Ihr Fachwissen in echte, wiederkehrende Ums\u00e4tze verwandeln.\n <\/p>\n <div class=\"flex flex-wrap gap-3\">\n <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs uppercase tracking-wider font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n Service-Monetarisierung\n <\/span>\n <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs uppercase tracking-wider font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z\"\/><path d=\"M12 7v5\"\/><\/svg>\n Kostenreduktion\n <\/span>\n <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs uppercase tracking-wider font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m11 17 2 2a1 1 0 1 0 3-3\"\/><path d=\"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-4.24 4.24a1 1 0 0 0 1.42 1.42l3.88-3.88a1 1 0 0 1 1.42 0L14 14Z\"\/><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n Fachkr\u00e4ftemangel\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"erklaerung\" class=\"mb-16\">\n <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-8\">\n <h2 class=\"text-2xl font-bold text-slate-800 mb-4\">Einfach erkl\u00e4rt: Was genau ist Servitisierung?<\/h2>\n <div class=\"prose prose-slate max-w-none text-slate-600 space-y-4\">\n <p>\n <strong>Servitisierung<\/strong> (oft auch Servitization genannt) ist ein schweres Wort f\u00fcr ein eigentlich einfaches Prinzip: <strong>Sie verkaufen nicht mehr nur ein Produkt oder eine einmalige Reparatur, sondern den dauerhaften Nutzen.<\/strong>\n <\/p>\n <p>\n Ein Beispiel: Ein Heizungsbauer verkauft keine Heizungsanlage mehr, sondern die Dienstleistung \"Garantierte W\u00e4rme im Haus\". Ein Maschinenbauer verkauft nicht die Fr\u00e4smaschine, sondern \"garantierte Laufzeit ohne Ausf\u00e4lle\".\n <\/p>\n <h3 class=\"text-lg font-bold text-slate-800 mt-8 mb-3\">Der Schl\u00fcssel: Service-Monetarisierung im Handwerk und Mittelstand<\/h3>\n <p>\n F\u00fcr viele Handwerksbetriebe und mittelst\u00e4ndische Unternehmen bedeutet das konkret die <strong>Service-Monetarisierung<\/strong>. T\u00e4glich verbringen Meister und Techniker Stunden damit, Kunden am Telefon kostenlos bei Problemen zu helfen oder fahren unn\u00f6tig zu Eins\u00e4tzen, bei denen nur ein Schalter umgelegt werden muss. Das ist verlorene Zeit und verlorenes Geld.\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\">\n <div class=\"bg-white border border-red-200 rounded-lg p-5\">\n <p class=\"text-red-600 font-bold text-sm mb-2 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\n Der alte Weg\n <\/p>\n <p class=\"text-sm text-slate-600\">Sie machen eine Erstdiagnose am Telefon (kostenlos), fahren zum Kunden (oft unrentabel) und stellen fest, dass das Ersatzteil fehlt.<\/p>\n <\/div>\n <div class=\"bg-white border border-brand-primary rounded-lg p-5\">\n <p class=\"text-brand-primary font-bold text-sm mb-2 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n Der neue Weg (Monetarisierung)\n <\/p>\n <p class=\"text-sm text-slate-600\">Sie nutzen <strong>Live-Video-Support<\/strong>. Der Kunde zeigt das Problem. Sie helfen direkt oder identifizieren das Ersatzteil. Dieser Support wird als SLA oder Einzelleistung abgerechnet.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"kpis\" class=\"mb-16\">\n <div class=\"mb-8 text-center\">\n <h2 class=\"text-2xl font-bold text-slate-800\">Auswirkungen von Fernwartung auf Ihren Betrieb<\/h2>\n <p class=\"text-slate-600 mt-1\">Durchschnittliche Verbesserungen nach Einf\u00fchrung von Video-Support-L\u00f6sungen.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"16\" x=\"4\" y=\"4\" rx=\"2\" ry=\"2\"\/><rect width=\"6\" height=\"6\" x=\"9\" y=\"9\" rx=\"1\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Unn\u00f6tige Anfahrten<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">-45%<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Deutliche Reduzierung der Fahrzeiten durch visuelle Erstdiagnose.<\/div>\n <\/div>\n \n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">First-Time-Fix-Rate<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">+38%<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Techniker haben beim Eintreffen bereits das richtige Ersatzteil dabei.<\/div>\n <\/div>\n \n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Kundenbindung<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">+60%<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Kunden sch\u00e4tzen die sofortige, kompetente Hilfe ohne Wartezeiten.<\/div>\n <\/div>\n \n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Service-Umsatz<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">x2.5<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Zusatzums\u00e4tze durch digitale Wartungsvertr\u00e4ge und Remote-Assistenz.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"daten\" class=\"mb-16 bg-white p-8 rounded-xl border border-slate-200\">\n <div class=\"mb-10 border-b border-slate-100 pb-6 text-center\">\n <h2 class=\"text-2xl font-bold text-slate-800\">Datenanalyse: Der Wandel zur Service-Monetarisierung<\/h2>\n <p class=\"text-slate-600 mt-2\">\n Visualisierung des operativen Wandels. Video-Support ist nicht nur ein Tool zur Kostenreduktion, sondern der Enabler f\u00fcr neue Umsatzmodelle und effizienteren Personaleinsatz.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n <div class=\"flex flex-col\">\n <h3 class=\"text-base font-bold text-slate-800 mb-6 text-center\">Entwicklung der Umsatzquellen (Mittelstand & Handwerk)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"revenueChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-6 text-center bg-slate-50 p-3 rounded border border-slate-200\">\n Der Trend zeigt eindeutig: Die Margen verschieben sich vom reinen Verkauf (Hardware\/Material) hin zu lukrativen Service- und Wartungsvertr\u00e4gen.\n <\/p>\n <\/div>\n <div class=\"flex flex-col\">\n <h3 class=\"text-base font-bold text-slate-800 mb-6 text-center\">Wo Betriebe durch Video-Support am meisten sparen<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"savingsChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-6 text-center bg-slate-50 p-3 rounded border border-slate-200\">\n Besonders im Handwerk und Servicebereich fallen die unproduktiven Fahrtzeiten stark ins Gewicht. Hier setzt die Fernwartung sofort an.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-4 flex justify-end\">\n <p class=\"text-xs text-slate-400 font-medium flex items-center gap-1.5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>\n Quelle: Branchenanalyse Service-Monetarisierung, 2026.\n <\/p>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"usecases\" class=\"mb-16\">\n <div class=\"mb-8\">\n <h2 class=\"text-2xl font-bold text-slate-800\">Branchen-Beispiele aus der Praxis<\/h2>\n <p class=\"text-slate-600 mt-2\">So funktioniert die Service-Monetarisierung im Alltag. W\u00e4hlen Sie Ihren Bereich aus.<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden\">\n <div class=\"flex flex-col sm:flex-row border-b border-slate-200 bg-slate-50\" id=\"tab-controls\">\n <button class=\"tab-btn active flex-1 py-4 px-6 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\" onclick=\"switchTab('handwerk')\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n Handwerk (SHK, Elektro, Facility)\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-6 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\" onclick=\"switchTab('industrie')\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n Maschinenbau\n <\/button>\n <\/div>\n\n <div class=\"p-8\">\n\n \n <div id=\"content-handwerk\" class=\"tab-content block\">\n <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Effizienz und neue Ums\u00e4tze f\u00fcr Fachbetriebe<\/h3>\n <p class=\"text-slate-700 mb-6 text-sm leading-relaxed\">\n Im Bereich <strong>Sanit\u00e4r, Heizung, Klima (SHK)<\/strong> oder Elektroinstallationen herrscht Fachkr\u00e4ftemangel. Sie k\u00f6nnen es sich nicht leisten, Meister f\u00fcr Kleinigkeiten im Auto sitzen zu lassen. Die L\u00f6sung ist die digitale Erstdiagnose.\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-50 text-red-500 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Das Problem:<\/strong> Kunde meldet \"Heizung geht nicht\". Der Monteur f\u00e4hrt hin, braucht 5 Minuten f\u00fcr die L\u00f6sung, ist aber 60 Minuten unterwegs. Der Kunde \u00e4rgert sich \u00fcber die hohe Rechnung f\u00fcr die Anfahrt.<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" x2=\"12.01\" y1=\"18\" y2=\"18\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Die L\u00f6sung (Video-Support):<\/strong> Sie senden dem Kunden einen SMS-Link. Ohne App-Download sehen Sie \u00fcber seine Handykamera das Display der Heizung und leiten ihn an, den Reset-Knopf zu dr\u00fccken. Die Heizung l\u00e4uft wieder.<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <div class=\"text-sm text-slate-700 w-full\">\n <p class=\"leading-relaxed\"><strong>Die Abrechnung:<\/strong> Sie berechnen die Video-Diagnose bequem per Pauschale oder \u00fcber einen Servicevertrag. Der gro\u00dfe Vorteil: <strong>tele-LOOK erstellt ein automatisiertes Service-Protokoll als Nachweis.<\/strong><\/p>\n \n <div class=\"mt-4 bg-white p-5 rounded-lg border border-slate-200\">\n <div class=\"font-bold text-slate-800 mb-3 flex items-center text-xs uppercase tracking-widest\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-brand-primary mr-2\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n Das tele-LOOK Protokoll enth\u00e4lt:\n <\/div>\n <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-xs text-slate-600\">\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Automatische Zeitstempel<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> HD-Fotos der Anlage<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Notizen des Technikers<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Digitale Kunden-Unterschrift<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n \n <div class=\"md:w-80 flex-shrink-0 bg-slate-50 p-6 rounded-xl border border-slate-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 text-slate-300 mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg>\n <blockquote class=\"text-slate-700 text-sm leading-relaxed mb-4 font-medium italic\">\n \"Wir haben fr\u00fcher unz\u00e4hlige unbezahlte Erstberatungen am Telefon gemacht. Seit wir Video-Support nutzen, sortieren wir Bagatellf\u00e4lle sofort aus. Wenn wir rausfahren, wissen die Jungs genau, welches Ersatzteil sie brauchen. Unsere First-Level-Support Vertr\u00e4ge finanzieren mittlerweile eine halbe Stelle im B\u00fcro.\"\n <\/blockquote>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">\u2014 Inhaber, SHK Fachbetrieb<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"content-industrie\" class=\"tab-content hidden\">\n <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Vom reinen Maschinenbauer zum L\u00f6sungsanbieter<\/h3>\n <p class=\"text-slate-700 mb-6 text-sm leading-relaxed\">\n Im Maschinenbau verlagert sich das Gesch\u00e4ft. Anstatt nur eine Maschine zu verkaufen, wird zunehmend die garantierte Verf\u00fcgbarkeit (Uptime) abgerechnet. Dies erfordert rasend schnellen Support weltweit.\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Der Einsatz:<\/strong> Ein Maschinenf\u00fchrer am anderen Ende der Welt hat ein Problem. Er streamt das Bild via Smartphone in Ihre Zentrale. Der Ingenieur markiert fehlerhafte Bauteile live im Videobild und blendet Schaltpl\u00e4ne per Screensharing ein.<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Die Monetarisierung:<\/strong> Solche Remote-Assistenz-Leistungen werden nicht mehr gratis als \"Kulanz\" vergeben, sondern sind feste Bestandteile von kostenpflichtigen Service Level Agreements (SLAs). \u00dcber 60% der Service-Tickets werden ohne physischen Flug\/Technikereinsatz gel\u00f6st.<\/p>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"md:w-80 flex-shrink-0 bg-slate-50 p-6 rounded-xl border border-slate-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 text-slate-300 mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg>\n <blockquote class=\"text-slate-700 text-sm leading-relaxed mb-4 font-medium italic\">\n \"Live-Video-Support ist das R\u00fcckgrat unserer Servitisierung. Wir k\u00f6nnen nicht f\u00fcr jeden verklemmten Sensor einen Techniker ins Flugzeug setzen. Der Remote-Service ist mittlerweile unsere profitabelste Abteilung.\"\n <\/blockquote>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">\u2014 CTO, Sondermaschinenbau<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"entscheider\" class=\"mb-16 bg-slate-50 border-y border-slate-200 py-16 -mx-4 px-4 sm:-mx-0 sm:px-0 sm:rounded-2xl sm:border\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 text-center\">\n <span class=\"inline-block bg-white text-brand-primary border border-slate-200 text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-4\">\n F\u00fcr IT- & Service-Entscheider\n <\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mb-4 leading-tight\">\n Pragmatisch & L\u00f6sungsorientiert \u2013 <br>ohne Feature-Hype\n <\/h2>\n <p class=\"text-slate-600 text-base leading-relaxed max-w-3xl mx-auto mb-12\">\n Im Zeitalter der KI-Euphorie verzichten wir ganz bewusst auf einen Function-Overload und unn\u00f6tigen Schnickschnack. tele-LOOK ist ein Werkzeug, das einfach funktioniert: <strong>So viel wie n\u00f6tig, so wenig wie m\u00f6glich.<\/strong>\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-left\">\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-sm mb-3\">Kein Function-Overload<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n Wir konzentrieren uns auf das Wesentliche. Keine \u00fcberladenen Men\u00fcs, keine steile Lernkurve. Jeder Techniker und Kunde kann die Software sofort und ohne Schulung bedienen.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"\/><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-sm mb-3\">Transparente Nachweise<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n Behalten Sie die volle Kontrolle: Detaillierte Verbindungsnachweise und Protokolle k\u00f6nnen monatlich abgerufen werden und dienen als perfekte, l\u00fcckenlose Abrechnungsgrundlage.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-sm mb-3\">Optional: API-Integration<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n tele-LOOK l\u00e4uft sofort \"out of the box\". Falls Sie f\u00fcr Ihre Prozesse eine tiefe Integration per API in Ihr bestehendes CRM- oder Ticketsystem w\u00fcnschen, realisieren wir das gerne auf Anfrage.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"roadmap\" class=\"mb-16\">\n <div class=\"bg-white border border-slate-200 rounded-2xl p-8 md:p-12\">\n <div class=\"mb-12 text-center max-w-2xl mx-auto\">\n <h2 class=\"text-3xl font-black text-slate-800 mb-4\">So gelingt der Start in Ihrem Betrieb<\/h2>\n <p class=\"text-slate-600 font-light\">Egal ob Handwerk oder Maschinenbau: Ein pragmatischer Schritt-f\u00fcr-Schritt Plan zur Einf\u00fchrung von Service-Monetarisierung.<\/p>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto relative pl-6 md:pl-10\">\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-blue-50 text-brand-primary font-black text-sm flex-shrink-0\">1<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Das richtige Werkzeug (ohne H\u00fcrden)<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Starten Sie mit einer einfachen Live-Video-Support L\u00f6sung, die <strong>keine App-Installation<\/strong> beim Kunden erfordert. Wenn die Heizung oder Maschine steht, will der Kunde keine Passw\u00f6rter suchen. Ein Klick auf einen SMS-Link muss gen\u00fcgen.\n <\/p>\n <\/div>\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-blue-50 text-brand-primary font-black text-sm flex-shrink-0\">2<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Kostenlose Erstdiagnose als Testphase<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n F\u00fchren Sie das Tool intern ein, um Anfahrtskosten zu senken. Der Disponent nutzt den Video-Call zur Qualifizierung: Welches Ersatzteil? Muss ich \u00fcberhaupt hinfahren? Der Service bleibt anfangs kostenlos, um das Team an die Technik zu gew\u00f6hnen.\n <\/p>\n <\/div>\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-blue-50 text-brand-primary font-black text-sm flex-shrink-0\">3<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Schn\u00fcren von Service-Paketen<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Definieren Sie Ihre Service-Pakete. Zum Beispiel den \"Basis-Wartungsvertrag\" (nur Vor-Ort-Anfahrt) und den \"Premium-Vertrag\" (inklusive garantierter Remote-Assistenz per Video innerhalb von 30 Minuten).\n <\/p>\n <\/div>\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-brand-primary text-white font-black text-sm flex-shrink-0\">4<\/span>\n <h3 class=\"text-xl font-bold text-brand-primary\">Volle Service-Monetarisierung<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-4 pl-11\">\n Kunden ohne Vertrag zahlen f\u00fcr den Remote-Support. Ihr Fachwissen am Telefon ist ab jetzt eine bezahlte Dienstleistung. tele-LOOK \u00fcbernimmt dabei die Nachweispflicht:\n <\/p>\n <div class=\"ml-11 bg-slate-50 p-4 rounded-lg border border-slate-200\">\n <p class=\"text-slate-800 text-sm font-medium mb-1 flex items-center\">\n <span class=\"bg-blue-100 text-brand-primary text-xs font-black px-2 py-0.5 rounded mr-2\">Tipp<\/span> Direkte Rechnungsstellung\n <\/p>\n <p class=\"text-slate-500 text-xs leading-relaxed\">\n Durch das automatisierte Service-Protokoll haben Sie alle Zeiten (Start\/Ende), Notizen und die Kundenunterschrift in einem PDF. Dieses Dokument k\u00f6nnen Sie direkt als Leistungsnachweis an Ihre Rechnung anh\u00e4ngen.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"cta\" class=\"mb-8\">\n <div class=\"dot-grid-bg rounded-2xl border border-slate-200 p-8 md:p-12 text-center relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-[#125dff] to-blue-300 rounded-t-2xl\"><\/div>\n\n <h2 class=\"text-3xl font-black text-slate-800 mb-4 mt-2\">Bereit f\u00fcr Ihre Service-Monetarisierung?<\/h2>\n <p class=\"text-lg text-slate-600 mb-10 max-w-2xl mx-auto\">\n Machen Sie den n\u00e4chsten Schritt. Verwandeln Sie unproduktive Fahrzeiten in abrechenbare Service-Leistungen und entlasten Sie Ihr Team. W\u00e4hlen Sie Ihren Weg:\n <\/p>\n\n <div class=\"flex flex-col md:flex-row gap-6 justify-center items-stretch max-w-4xl mx-auto\">\n\n \n <div class=\"flex-1 bg-white p-8 rounded-xl border border-slate-200 flex flex-col justify-between hover:border-[#125dff] transition-all\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-full flex items-center justify-center mx-auto mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M16 14h.01\"\/><path d=\"M8 18h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M16 18h.01\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Pers\u00f6nliches Kennenlernen<\/h3>\n <p class=\"text-sm text-slate-600 mb-8 leading-relaxed\">\n Buchen Sie jetzt einen halbst\u00fcndigen Kennenlern-Termin, in dem wir Ihnen tele-LOOK kurz vorstellen, in der Hauptsache jedoch die Anwendung live zeigen.\n <\/p>\n <\/div>\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" class=\"inline-block w-full bg-white border-2 border-brand-primary text-brand-primary font-bold py-3.5 px-6 rounded-lg hover:bg-blue-50 transition-all text-center text-sm !important\" rel=\"noopener\">\n Jetzt Termin buchen\n <\/a>\n <\/div>\n\n <div class=\"hidden md:flex items-center justify-center\">\n <span class=\"text-slate-400 font-medium italic px-2\">oder<\/span>\n <\/div>\n\n \n <div class=\"flex-1 bg-white p-8 rounded-xl border border-blue-200 flex flex-col justify-between hover:border-brand-primary transition-all shadow-sm\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-full flex items-center justify-center mx-auto mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><mpath d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Direkt loslegen<\/h3>\n <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n Buchen Sie eine Lizenz und testen Sie tele-LOOK mit all seinen Funktionen <strong>14 Tage kostenlos<\/strong>. Die Anwendung ist absolut intuitiv.\n <\/p>\n <div class=\"text-xs text-slate-600 mb-8 space-y-2 text-left bg-slate-50 p-4 rounded-lg border border-slate-200\">\n <p class=\"flex items-start gap-2\">\n <span class=\"text-brand-primary font-black\">\u2713<\/span>\n <span>Die Freischaltung Ihres Accounts dauert <strong>rd. einen Werktag<\/strong>.<\/span>\n <\/p>\n <p class=\"flex items-start gap-2\">\n <span class=\"text-brand-primary font-black\">\u2713<\/span>\n <span>Inklusive <strong>Benutzerhandbuch<\/strong> f\u00fcr die ersten Schritte.<\/span>\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" class=\"inline-block w-full bg-brand-primary text-white font-bold py-3.5 px-6 rounded-lg hover:bg-blue-700 transition-all text-center text-sm !important\">\n 14 Tage kostenlos testen\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n \n\n <script>\n const reportData = {\n revenueShift: {\n labels: ['Vor 5 Jahren', 'Heute', 'In 3 Jahren (Proj.)'],\n hardware: [85, 65, 45],\n services: [15, 35, 55]\n },\n costSavings: {\n labels: ['Fahrtzeiten \/ Personal (Auto)', 'Reine Fahrtkosten (Sprit\/Verschlei\u00df)', 'Fehlende Ersatzteile (Zweitanfahrt)'],\n data: [50, 20, 30]\n }\n };\n\n const colorPrimary = '#125dff'; \/\/ Brand Blue\n const colorPrimaryLight = '#60a5fa'; \/\/ Blue-400\n const colorNeutral = '#94a3b8'; \/\/ Slate-400\n const colorAccent = '#cbd5e1'; \/\/ Slate-300\n\n document.addEventListener('DOMContentLoaded', function() {\n\n \/\/ Chart 1: Stacked Bar\n const ctxRev = document.getElementById('revenueChart').getContext('2d');\n new Chart(ctxRev, {\n type: 'bar',\n data: {\n labels: reportData.revenueShift.labels,\n datasets: [\n {\n label: 'Material \/ Reiner Produktverkauf (%)',\n data: reportData.revenueShift.hardware,\n backgroundColor: colorNeutral,\n stack: 'Stack 0',\n borderRadius: 2\n },\n {\n label: 'Servicevertr\u00e4ge & Fernwartung (%)',\n data: reportData.revenueShift.services,\n backgroundColor: colorPrimary,\n stack: 'Stack 0',\n borderRadius: 2\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { font: { family: \"'Montserrat', sans-serif\" }, color: '#475569' }\n },\n tooltip: {\n backgroundColor: '#0f172a',\n titleFont: { family: \"'Montserrat', sans-serif\" },\n bodyFont: { family: \"'Montserrat', sans-serif\" },\n callbacks: {\n label: ctx => ctx.dataset.label + ': ' + ctx.parsed.y + '%'\n }\n }\n },\n scales: {\n y: {\n stacked: true, max: 100,\n ticks: { font: { family: \"'Montserrat', sans-serif\" }, color: '#64748b', callback: v => v + \"%\" },\n grid: { color: '#f1f5f9' }\n },\n x: {\n stacked: true,\n ticks: { font: { family: \"'Montserrat', sans-serif\", weight: 'bold' }, color: '#475569' },\n grid: { display: false }\n }\n }\n }\n });\n\n \/\/ Chart 2: Doughnut\n const ctxSav = document.getElementById('savingsChart').getContext('2d');\n new Chart(ctxSav, {\n type: 'doughnut',\n data: {\n labels: reportData.costSavings.labels,\n datasets: [{\n data: reportData.costSavings.data,\n backgroundColor: [colorPrimary, colorPrimaryLight, colorAccent],\n borderWidth: 3,\n borderColor: '#ffffff',\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '70%',\n plugins: {\n legend: {\n position: 'bottom',\n labels: { font: { family: \"'Montserrat', sans-serif\" }, color: '#475569', boxWidth: 12, padding: 15 }\n },\n tooltip: {\n backgroundColor: '#0f172a',\n titleFont: { family: \"'Montserrat', sans-serif\" },\n bodyFont: { family: \"'Montserrat', sans-serif\", size: 13 },\n padding: 12,\n callbacks: {\n label: ctx => ' ' + ctx.label + ': ' + ctx.parsed + '%'\n }\n }\n }\n }\n });\n });\n\n function switchTab(tabId) {\n document.querySelectorAll('.tab-content').forEach(c => {\n c.classList.remove('block');\n c.classList.add('hidden');\n });\n document.querySelectorAll('.tab-btn').forEach(b => {\n b.classList.remove('active');\n b.classList.add('inactive');\n });\n document.getElementById('content-' + tabId).classList.remove('hidden');\n document.getElementById('content-' + tabId).classList.add('block');\n document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`).classList.remove('inactive');\n document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`).classList.add('active');\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>Servitisierung & Service-Monetarisierung: Der Interaktive Report | tele-LOOK Einf\u00fchrung Servitisierung Marktdaten Branchen F\u00fcr Entscheider Service-Monetarisierung Von der Gef\u00e4lligkeit zum planbaren Service-Umsatz Ob im Maschinenbau oder im Handwerk: Der Markt ver\u00e4ndert sich. Kunden erwarten schnelle L\u00f6sungen. Dieser Report zeigt, wie Sie durch den Einsatz von Live-Video-Support und Remote-Assistenz nicht nur Anfahrtskosten sparen, sondern Ihr Fachwissen in […]<\/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-14739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14739","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=14739"}],"version-history":[{"count":25,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14739\/revisions"}],"predecessor-version":[{"id":14951,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14739\/revisions\/14951"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=14739"}],"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 \n Servitisierung & Service-Monetarisierung: Der Interaktive Report | tele-LOOK<\/title>\n \n <meta name=\"description\" content=\"Service-Monetarisierung im Handwerk und Maschinenbau. Wie Sie mit Live-Video-Support Anfahrten reduzieren und Fachwissen abrechnen.\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n \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@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n <style>\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #ffffff;\n color: #0f172a;\n }\n \n * { box-shadow: none !important; }\n \n .text-brand-primary { color: #125dff; }\n .bg-brand-primary { background-color: #125dff; }\n\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n\n @media (min-width: 768px) {\n .chart-container { height: 400px; }\n }\n\n \/* \u2500\u2500 Elementor-gesch\u00fctzte Buttons & Tabs \u2500\u2500 *\/\n .btn-primary {\n display: inline-block !important;\n background: #125dff !important; color: #ffffff !important;\n font-weight: 800 !important; font-size: 0.95rem !important;\n padding: 0.9rem 2rem !important; border-radius: 0.75rem !important;\n transition: background 0.2s, transform 0.15s !important;\n text-align: center !important; border: none !important;\n }\n .btn-primary:hover { background: #0a4dd4 !important; transform: translateY(-1px) !important; }\n\n .btn-secondary {\n display: inline-block !important;\n background: transparent !important; color: #125dff !important;\n border: 2px solid #125dff !important;\n font-weight: 700 !important; font-size: 0.95rem !important;\n padding: 0.85rem 2rem !important; border-radius: 0.75rem !important;\n transition: background 0.2s, transform 0.15s !important;\n text-align: center !important;\n }\n .btn-secondary:hover { background: #eef3ff !important; transform: translateY(-1px) !important; }\n\n .tab-btn { \n transition: all 0.2s ease-in-out !important; \n background-color: transparent !important;\n border: none !important;\n border-bottom: 3px solid transparent !important;\n }\n .tab-btn.active {\n color: #125dff !important;\n border-bottom-color: #125dff !important;\n background-color: transparent !important;\n }\n .tab-btn.inactive {\n color: #64748b !important;\n }\n .tab-btn.inactive:hover { color: #125dff !important; }\n\n \/* \u2500\u2500 1. HERO: Diagonaler Schnitt \u2500\u2500 *\/\n .hero-section {\n position: relative;\n overflow: visible;\n }\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -38px;\n left: 0;\n width: 100%;\n height: 80px;\n background: white;\n transform: skewY(-2deg);\n transform-origin: top left;\n z-index: 1;\n }\n\n \/* \u2500\u2500 2. KPI-Karten \u2500\u2500 *\/\n .kpi-card {\n transition: border-color 0.2s ease;\n }\n .kpi-card:hover {\n border-color: #125dff;\n }\n\n \/* \u2500\u2500 5. CTA: Dot-Grid Hintergrund \u2500\u2500 *\/\n .dot-grid-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 6. ROADMAP: Timeline \u2500\u2500 *\/\n .timeline-step::before {\n content: '';\n position: absolute;\n top: 20px;\n left: -33px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: #125dff;\n border: 4px solid #eef3ff;\n }\n .timeline-step {\n position: relative;\n border-left: 2px solid #e2e8f0;\n padding-left: 1.5rem;\n padding-bottom: 2.5rem;\n }\n .timeline-step:last-child { border-left-color: transparent; }\n\n #telelook-report-widget {\n font-family: inherit;\n background-color: transparent;\n }\n\n .tab-content { animation: fadeIn 0.3s ease; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n <div id=\"telelook-report-widget\" class=\"w-full max-w-7xl mx-auto px-0 sm:px-4 py-4\">\n\n \n <nav class=\"border-b border-slate-200 mb-10 pb-4\">\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\n <span class=\"text-xl tracking-tight text-brand-primary font-bold\"><\/span>\n <div class=\"flex items-center space-x-4 md:space-x-6 flex-wrap justify-center\">\n <a href=\"#intro\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Einf\u00fchrung<\/a>\n <a href=\"#erklaerung\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Servitisierung<\/a>\n <a href=\"#daten\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Marktdaten<\/a>\n <a href=\"#usecases\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Branchen<\/a>\n <a href=\"#entscheider\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">F\u00fcr Entscheider<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n \n \n <section id=\"intro\" class=\"mb-20 mt-4\">\n <div class=\"hero-section bg-gradient-to-br from-[#125dff] to-[#0a3dbf] rounded-2xl p-8 md:p-14 relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-96 h-96 bg-white\/5 rounded-full -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-1\/3 w-64 h-64 bg-white\/5 rounded-full translate-y-1\/2 pointer-events-none\"><\/div>\n\n <div class=\"max-w-3xl relative z-10\">\n <span class=\"inline-block bg-white\/20 border border-white\/25 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-6\">\n Service-Monetarisierung \n <\/span>\n <h1 class=\"text-4xl md:text-5xl font-black text-white mb-6 leading-tight\">\n Von der Gef\u00e4lligkeit zum planbaren Service-Umsatz\n <\/h1>\n <p class=\"text-lg text-blue-100 leading-relaxed mb-8\">\n Ob im <strong class=\"text-white\">Maschinenbau<\/strong> oder im <strong class=\"text-white\">Handwerk<\/strong>: Der Markt ver\u00e4ndert sich. Kunden erwarten schnelle L\u00f6sungen. Dieser Report zeigt, wie Sie durch den Einsatz von <em class=\"text-white font-medium not-italic\">Live-Video-Support<\/em> und Remote-Assistenz nicht nur Anfahrtskosten sparen, sondern Ihr Fachwissen in echte, wiederkehrende Ums\u00e4tze verwandeln.\n <\/p>\n <div class=\"flex flex-wrap gap-3\">\n <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs uppercase tracking-wider font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n Service-Monetarisierung\n <\/span>\n <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs uppercase tracking-wider font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z\"\/><path d=\"M12 7v5\"\/><\/svg>\n Kostenreduktion\n <\/span>\n <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs uppercase tracking-wider font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m11 17 2 2a1 1 0 1 0 3-3\"\/><path d=\"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-4.24 4.24a1 1 0 0 0 1.42 1.42l3.88-3.88a1 1 0 0 1 1.42 0L14 14Z\"\/><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n Fachkr\u00e4ftemangel\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"erklaerung\" class=\"mb-16\">\n <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-8\">\n <h2 class=\"text-2xl font-bold text-slate-800 mb-4\">Einfach erkl\u00e4rt: Was genau ist Servitisierung?<\/h2>\n <div class=\"prose prose-slate max-w-none text-slate-600 space-y-4\">\n <p>\n <strong>Servitisierung<\/strong> (oft auch Servitization genannt) ist ein schweres Wort f\u00fcr ein eigentlich einfaches Prinzip: <strong>Sie verkaufen nicht mehr nur ein Produkt oder eine einmalige Reparatur, sondern den dauerhaften Nutzen.<\/strong>\n <\/p>\n <p>\n Ein Beispiel: Ein Heizungsbauer verkauft keine Heizungsanlage mehr, sondern die Dienstleistung \"Garantierte W\u00e4rme im Haus\". Ein Maschinenbauer verkauft nicht die Fr\u00e4smaschine, sondern \"garantierte Laufzeit ohne Ausf\u00e4lle\".\n <\/p>\n <h3 class=\"text-lg font-bold text-slate-800 mt-8 mb-3\">Der Schl\u00fcssel: Service-Monetarisierung im Handwerk und Mittelstand<\/h3>\n <p>\n F\u00fcr viele Handwerksbetriebe und mittelst\u00e4ndische Unternehmen bedeutet das konkret die <strong>Service-Monetarisierung<\/strong>. T\u00e4glich verbringen Meister und Techniker Stunden damit, Kunden am Telefon kostenlos bei Problemen zu helfen oder fahren unn\u00f6tig zu Eins\u00e4tzen, bei denen nur ein Schalter umgelegt werden muss. Das ist verlorene Zeit und verlorenes Geld.\n <\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\">\n <div class=\"bg-white border border-red-200 rounded-lg p-5\">\n <p class=\"text-red-600 font-bold text-sm mb-2 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\n Der alte Weg\n <\/p>\n <p class=\"text-sm text-slate-600\">Sie machen eine Erstdiagnose am Telefon (kostenlos), fahren zum Kunden (oft unrentabel) und stellen fest, dass das Ersatzteil fehlt.<\/p>\n <\/div>\n <div class=\"bg-white border border-brand-primary rounded-lg p-5\">\n <p class=\"text-brand-primary font-bold text-sm mb-2 flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n Der neue Weg (Monetarisierung)\n <\/p>\n <p class=\"text-sm text-slate-600\">Sie nutzen <strong>Live-Video-Support<\/strong>. Der Kunde zeigt das Problem. Sie helfen direkt oder identifizieren das Ersatzteil. Dieser Support wird als SLA oder Einzelleistung abgerechnet.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"kpis\" class=\"mb-16\">\n <div class=\"mb-8 text-center\">\n <h2 class=\"text-2xl font-bold text-slate-800\">Auswirkungen von Fernwartung auf Ihren Betrieb<\/h2>\n <p class=\"text-slate-600 mt-1\">Durchschnittliche Verbesserungen nach Einf\u00fchrung von Video-Support-L\u00f6sungen.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"16\" x=\"4\" y=\"4\" rx=\"2\" ry=\"2\"\/><rect width=\"6\" height=\"6\" x=\"9\" y=\"9\" rx=\"1\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Unn\u00f6tige Anfahrten<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">-45%<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Deutliche Reduzierung der Fahrzeiten durch visuelle Erstdiagnose.<\/div>\n <\/div>\n \n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">First-Time-Fix-Rate<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">+38%<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Techniker haben beim Eintreffen bereits das richtige Ersatzteil dabei.<\/div>\n <\/div>\n \n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Kundenbindung<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">+60%<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Kunden sch\u00e4tzen die sofortige, kompetente Hilfe ohne Wartezeiten.<\/div>\n <\/div>\n \n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Service-Umsatz<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">x2.5<\/div>\n <div class=\"text-xs text-slate-600 px-2\">Zusatzums\u00e4tze durch digitale Wartungsvertr\u00e4ge und Remote-Assistenz.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"daten\" class=\"mb-16 bg-white p-8 rounded-xl border border-slate-200\">\n <div class=\"mb-10 border-b border-slate-100 pb-6 text-center\">\n <h2 class=\"text-2xl font-bold text-slate-800\">Datenanalyse: Der Wandel zur Service-Monetarisierung<\/h2>\n <p class=\"text-slate-600 mt-2\">\n Visualisierung des operativen Wandels. Video-Support ist nicht nur ein Tool zur Kostenreduktion, sondern der Enabler f\u00fcr neue Umsatzmodelle und effizienteren Personaleinsatz.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n <div class=\"flex flex-col\">\n <h3 class=\"text-base font-bold text-slate-800 mb-6 text-center\">Entwicklung der Umsatzquellen (Mittelstand & Handwerk)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"revenueChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-6 text-center bg-slate-50 p-3 rounded border border-slate-200\">\n Der Trend zeigt eindeutig: Die Margen verschieben sich vom reinen Verkauf (Hardware\/Material) hin zu lukrativen Service- und Wartungsvertr\u00e4gen.\n <\/p>\n <\/div>\n <div class=\"flex flex-col\">\n <h3 class=\"text-base font-bold text-slate-800 mb-6 text-center\">Wo Betriebe durch Video-Support am meisten sparen<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"savingsChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-6 text-center bg-slate-50 p-3 rounded border border-slate-200\">\n Besonders im Handwerk und Servicebereich fallen die unproduktiven Fahrtzeiten stark ins Gewicht. Hier setzt die Fernwartung sofort an.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-4 flex justify-end\">\n <p class=\"text-xs text-slate-400 font-medium flex items-center gap-1.5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>\n Quelle: Branchenanalyse Service-Monetarisierung, 2026.\n <\/p>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"usecases\" class=\"mb-16\">\n <div class=\"mb-8\">\n <h2 class=\"text-2xl font-bold text-slate-800\">Branchen-Beispiele aus der Praxis<\/h2>\n <p class=\"text-slate-600 mt-2\">So funktioniert die Service-Monetarisierung im Alltag. W\u00e4hlen Sie Ihren Bereich aus.<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden\">\n <div class=\"flex flex-col sm:flex-row border-b border-slate-200 bg-slate-50\" id=\"tab-controls\">\n <button class=\"tab-btn active flex-1 py-4 px-6 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\" onclick=\"switchTab('handwerk')\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n Handwerk (SHK, Elektro, Facility)\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-6 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\" onclick=\"switchTab('industrie')\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n Maschinenbau\n <\/button>\n <\/div>\n\n <div class=\"p-8\">\n\n \n <div id=\"content-handwerk\" class=\"tab-content block\">\n <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Effizienz und neue Ums\u00e4tze f\u00fcr Fachbetriebe<\/h3>\n <p class=\"text-slate-700 mb-6 text-sm leading-relaxed\">\n Im Bereich <strong>Sanit\u00e4r, Heizung, Klima (SHK)<\/strong> oder Elektroinstallationen herrscht Fachkr\u00e4ftemangel. Sie k\u00f6nnen es sich nicht leisten, Meister f\u00fcr Kleinigkeiten im Auto sitzen zu lassen. Die L\u00f6sung ist die digitale Erstdiagnose.\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-50 text-red-500 flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Das Problem:<\/strong> Kunde meldet \"Heizung geht nicht\". Der Monteur f\u00e4hrt hin, braucht 5 Minuten f\u00fcr die L\u00f6sung, ist aber 60 Minuten unterwegs. Der Kunde \u00e4rgert sich \u00fcber die hohe Rechnung f\u00fcr die Anfahrt.<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" x2=\"12.01\" y1=\"18\" y2=\"18\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Die L\u00f6sung (Video-Support):<\/strong> Sie senden dem Kunden einen SMS-Link. Ohne App-Download sehen Sie \u00fcber seine Handykamera das Display der Heizung und leiten ihn an, den Reset-Knopf zu dr\u00fccken. Die Heizung l\u00e4uft wieder.<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <div class=\"text-sm text-slate-700 w-full\">\n <p class=\"leading-relaxed\"><strong>Die Abrechnung:<\/strong> Sie berechnen die Video-Diagnose bequem per Pauschale oder \u00fcber einen Servicevertrag. Der gro\u00dfe Vorteil: <strong>tele-LOOK erstellt ein automatisiertes Service-Protokoll als Nachweis.<\/strong><\/p>\n \n <div class=\"mt-4 bg-white p-5 rounded-lg border border-slate-200\">\n <div class=\"font-bold text-slate-800 mb-3 flex items-center text-xs uppercase tracking-widest\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-brand-primary mr-2\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n Das tele-LOOK Protokoll enth\u00e4lt:\n <\/div>\n <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 text-xs text-slate-600\">\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Automatische Zeitstempel<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> HD-Fotos der Anlage<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Notizen des Technikers<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Digitale Kunden-Unterschrift<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n \n <div class=\"md:w-80 flex-shrink-0 bg-slate-50 p-6 rounded-xl border border-slate-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 text-slate-300 mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg>\n <blockquote class=\"text-slate-700 text-sm leading-relaxed mb-4 font-medium italic\">\n \"Wir haben fr\u00fcher unz\u00e4hlige unbezahlte Erstberatungen am Telefon gemacht. Seit wir Video-Support nutzen, sortieren wir Bagatellf\u00e4lle sofort aus. Wenn wir rausfahren, wissen die Jungs genau, welches Ersatzteil sie brauchen. Unsere First-Level-Support Vertr\u00e4ge finanzieren mittlerweile eine halbe Stelle im B\u00fcro.\"\n <\/blockquote>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">\u2014 Inhaber, SHK Fachbetrieb<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"content-industrie\" class=\"tab-content hidden\">\n <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Vom reinen Maschinenbauer zum L\u00f6sungsanbieter<\/h3>\n <p class=\"text-slate-700 mb-6 text-sm leading-relaxed\">\n Im Maschinenbau verlagert sich das Gesch\u00e4ft. Anstatt nur eine Maschine zu verkaufen, wird zunehmend die garantierte Verf\u00fcgbarkeit (Uptime) abgerechnet. Dies erfordert rasend schnellen Support weltweit.\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Der Einsatz:<\/strong> Ein Maschinenf\u00fchrer am anderen Ende der Welt hat ein Problem. Er streamt das Bild via Smartphone in Ihre Zentrale. Der Ingenieur markiert fehlerhafte Bauteile live im Videobild und blendet Schaltpl\u00e4ne per Screensharing ein.<\/p>\n <\/li>\n <li class=\"flex items-start gap-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Die Monetarisierung:<\/strong> Solche Remote-Assistenz-Leistungen werden nicht mehr gratis als \"Kulanz\" vergeben, sondern sind feste Bestandteile von kostenpflichtigen Service Level Agreements (SLAs). \u00dcber 60% der Service-Tickets werden ohne physischen Flug\/Technikereinsatz gel\u00f6st.<\/p>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"md:w-80 flex-shrink-0 bg-slate-50 p-6 rounded-xl border border-slate-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 text-slate-300 mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg>\n <blockquote class=\"text-slate-700 text-sm leading-relaxed mb-4 font-medium italic\">\n \"Live-Video-Support ist das R\u00fcckgrat unserer Servitisierung. Wir k\u00f6nnen nicht f\u00fcr jeden verklemmten Sensor einen Techniker ins Flugzeug setzen. Der Remote-Service ist mittlerweile unsere profitabelste Abteilung.\"\n <\/blockquote>\n <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">\u2014 CTO, Sondermaschinenbau<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"entscheider\" class=\"mb-16 bg-slate-50 border-y border-slate-200 py-16 -mx-4 px-4 sm:-mx-0 sm:px-0 sm:rounded-2xl sm:border\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 text-center\">\n <span class=\"inline-block bg-white text-brand-primary border border-slate-200 text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-4\">\n F\u00fcr IT- & Service-Entscheider\n <\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mb-4 leading-tight\">\n Pragmatisch & L\u00f6sungsorientiert \u2013 <br>ohne Feature-Hype\n <\/h2>\n <p class=\"text-slate-600 text-base leading-relaxed max-w-3xl mx-auto mb-12\">\n Im Zeitalter der KI-Euphorie verzichten wir ganz bewusst auf einen Function-Overload und unn\u00f6tigen Schnickschnack. tele-LOOK ist ein Werkzeug, das einfach funktioniert: <strong>So viel wie n\u00f6tig, so wenig wie m\u00f6glich.<\/strong>\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-left\">\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-sm mb-3\">Kein Function-Overload<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n Wir konzentrieren uns auf das Wesentliche. Keine \u00fcberladenen Men\u00fcs, keine steile Lernkurve. Jeder Techniker und Kunde kann die Software sofort und ohne Schulung bedienen.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"\/><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-sm mb-3\">Transparente Nachweise<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n Behalten Sie die volle Kontrolle: Detaillierte Verbindungsnachweise und Protokolle k\u00f6nnen monatlich abgerufen werden und dienen als perfekte, l\u00fcckenlose Abrechnungsgrundlage.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-sm mb-3\">Optional: API-Integration<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed\">\n tele-LOOK l\u00e4uft sofort \"out of the box\". Falls Sie f\u00fcr Ihre Prozesse eine tiefe Integration per API in Ihr bestehendes CRM- oder Ticketsystem w\u00fcnschen, realisieren wir das gerne auf Anfrage.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"roadmap\" class=\"mb-16\">\n <div class=\"bg-white border border-slate-200 rounded-2xl p-8 md:p-12\">\n <div class=\"mb-12 text-center max-w-2xl mx-auto\">\n <h2 class=\"text-3xl font-black text-slate-800 mb-4\">So gelingt der Start in Ihrem Betrieb<\/h2>\n <p class=\"text-slate-600 font-light\">Egal ob Handwerk oder Maschinenbau: Ein pragmatischer Schritt-f\u00fcr-Schritt Plan zur Einf\u00fchrung von Service-Monetarisierung.<\/p>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto relative pl-6 md:pl-10\">\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-blue-50 text-brand-primary font-black text-sm flex-shrink-0\">1<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Das richtige Werkzeug (ohne H\u00fcrden)<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Starten Sie mit einer einfachen Live-Video-Support L\u00f6sung, die <strong>keine App-Installation<\/strong> beim Kunden erfordert. Wenn die Heizung oder Maschine steht, will der Kunde keine Passw\u00f6rter suchen. Ein Klick auf einen SMS-Link muss gen\u00fcgen.\n <\/p>\n <\/div>\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-blue-50 text-brand-primary font-black text-sm flex-shrink-0\">2<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Kostenlose Erstdiagnose als Testphase<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n F\u00fchren Sie das Tool intern ein, um Anfahrtskosten zu senken. Der Disponent nutzt den Video-Call zur Qualifizierung: Welches Ersatzteil? Muss ich \u00fcberhaupt hinfahren? Der Service bleibt anfangs kostenlos, um das Team an die Technik zu gew\u00f6hnen.\n <\/p>\n <\/div>\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-blue-50 text-brand-primary font-black text-sm flex-shrink-0\">3<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Schn\u00fcren von Service-Paketen<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Definieren Sie Ihre Service-Pakete. Zum Beispiel den \"Basis-Wartungsvertrag\" (nur Vor-Ort-Anfahrt) und den \"Premium-Vertrag\" (inklusive garantierter Remote-Assistenz per Video innerhalb von 30 Minuten).\n <\/p>\n <\/div>\n\n \n <div class=\"timeline-step\">\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"inline-flex items-center justify-center w-8 h-8 rounded-full bg-brand-primary text-white font-black text-sm flex-shrink-0\">4<\/span>\n <h3 class=\"text-xl font-bold text-brand-primary\">Volle Service-Monetarisierung<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-4 pl-11\">\n Kunden ohne Vertrag zahlen f\u00fcr den Remote-Support. Ihr Fachwissen am Telefon ist ab jetzt eine bezahlte Dienstleistung. tele-LOOK \u00fcbernimmt dabei die Nachweispflicht:\n <\/p>\n <div class=\"ml-11 bg-slate-50 p-4 rounded-lg border border-slate-200\">\n <p class=\"text-slate-800 text-sm font-medium mb-1 flex items-center\">\n <span class=\"bg-blue-100 text-brand-primary text-xs font-black px-2 py-0.5 rounded mr-2\">Tipp<\/span> Direkte Rechnungsstellung\n <\/p>\n <p class=\"text-slate-500 text-xs leading-relaxed\">\n Durch das automatisierte Service-Protokoll haben Sie alle Zeiten (Start\/Ende), Notizen und die Kundenunterschrift in einem PDF. Dieses Dokument k\u00f6nnen Sie direkt als Leistungsnachweis an Ihre Rechnung anh\u00e4ngen.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"cta\" class=\"mb-8\">\n <div class=\"dot-grid-bg rounded-2xl border border-slate-200 p-8 md:p-12 text-center relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-[#125dff] to-blue-300 rounded-t-2xl\"><\/div>\n\n <h2 class=\"text-3xl font-black text-slate-800 mb-4 mt-2\">Bereit f\u00fcr Ihre Service-Monetarisierung?<\/h2>\n <p class=\"text-lg text-slate-600 mb-10 max-w-2xl mx-auto\">\n Machen Sie den n\u00e4chsten Schritt. Verwandeln Sie unproduktive Fahrzeiten in abrechenbare Service-Leistungen und entlasten Sie Ihr Team. W\u00e4hlen Sie Ihren Weg:\n <\/p>\n\n <div class=\"flex flex-col md:flex-row gap-6 justify-center items-stretch max-w-4xl mx-auto\">\n\n \n <div class=\"flex-1 bg-white p-8 rounded-xl border border-slate-200 flex flex-col justify-between hover:border-[#125dff] transition-all\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-full flex items-center justify-center mx-auto mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M16 14h.01\"\/><path d=\"M8 18h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M16 18h.01\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Pers\u00f6nliches Kennenlernen<\/h3>\n <p class=\"text-sm text-slate-600 mb-8 leading-relaxed\">\n Buchen Sie jetzt einen halbst\u00fcndigen Kennenlern-Termin, in dem wir Ihnen tele-LOOK kurz vorstellen, in der Hauptsache jedoch die Anwendung live zeigen.\n <\/p>\n <\/div>\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" class=\"inline-block w-full bg-white border-2 border-brand-primary text-brand-primary font-bold py-3.5 px-6 rounded-lg hover:bg-blue-50 transition-all text-center text-sm !important\" rel=\"noopener\">\n Jetzt Termin buchen\n <\/a>\n <\/div>\n\n <div class=\"hidden md:flex items-center justify-center\">\n <span class=\"text-slate-400 font-medium italic px-2\">oder<\/span>\n <\/div>\n\n \n <div class=\"flex-1 bg-white p-8 rounded-xl border border-blue-200 flex flex-col justify-between hover:border-brand-primary transition-all shadow-sm\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-full flex items-center justify-center mx-auto mb-5\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><mpath d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Direkt loslegen<\/h3>\n <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n Buchen Sie eine Lizenz und testen Sie tele-LOOK mit all seinen Funktionen <strong>14 Tage kostenlos<\/strong>. Die Anwendung ist absolut intuitiv.\n <\/p>\n <div class=\"text-xs text-slate-600 mb-8 space-y-2 text-left bg-slate-50 p-4 rounded-lg border border-slate-200\">\n <p class=\"flex items-start gap-2\">\n <span class=\"text-brand-primary font-black\">\u2713<\/span>\n <span>Die Freischaltung Ihres Accounts dauert <strong>rd. einen Werktag<\/strong>.<\/span>\n <\/p>\n <p class=\"flex items-start gap-2\">\n <span class=\"text-brand-primary font-black\">\u2713<\/span>\n <span>Inklusive <strong>Benutzerhandbuch<\/strong> f\u00fcr die ersten Schritte.<\/span>\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" class=\"inline-block w-full bg-brand-primary text-white font-bold py-3.5 px-6 rounded-lg hover:bg-blue-700 transition-all text-center text-sm !important\">\n 14 Tage kostenlos testen\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n \n\n <script>\n const reportData = {\n revenueShift: {\n labels: ['Vor 5 Jahren', 'Heute', 'In 3 Jahren (Proj.)'],\n hardware: [85, 65, 45],\n services: [15, 35, 55]\n },\n costSavings: {\n labels: ['Fahrtzeiten \/ Personal (Auto)', 'Reine Fahrtkosten (Sprit\/Verschlei\u00df)', 'Fehlende Ersatzteile (Zweitanfahrt)'],\n data: [50, 20, 30]\n }\n };\n\n const colorPrimary = '#125dff'; \/\/ Brand Blue\n const colorPrimaryLight = '#60a5fa'; \/\/ Blue-400\n const colorNeutral = '#94a3b8'; \/\/ Slate-400\n const colorAccent = '#cbd5e1'; \/\/ Slate-300\n\n document.addEventListener('DOMContentLoaded', function() {\n\n \/\/ Chart 1: Stacked Bar\n const ctxRev = document.getElementById('revenueChart').getContext('2d');\n new Chart(ctxRev, {\n type: 'bar',\n data: {\n labels: reportData.revenueShift.labels,\n datasets: [\n {\n label: 'Material \/ Reiner Produktverkauf (%)',\n data: reportData.revenueShift.hardware,\n backgroundColor: colorNeutral,\n stack: 'Stack 0',\n borderRadius: 2\n },\n {\n label: 'Servicevertr\u00e4ge & Fernwartung (%)',\n data: reportData.revenueShift.services,\n backgroundColor: colorPrimary,\n stack: 'Stack 0',\n borderRadius: 2\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { font: { family: \"'Montserrat', sans-serif\" }, color: '#475569' }\n },\n tooltip: {\n backgroundColor: '#0f172a',\n titleFont: { family: \"'Montserrat', sans-serif\" },\n bodyFont: { family: \"'Montserrat', sans-serif\" },\n callbacks: {\n label: ctx => ctx.dataset.label + ': ' + ctx.parsed.y + '%'\n }\n }\n },\n scales: {\n y: {\n stacked: true, max: 100,\n ticks: { font: { family: \"'Montserrat', sans-serif\" }, color: '#64748b', callback: v => v + \"%\" },\n grid: { color: '#f1f5f9' }\n },\n x: {\n stacked: true,\n ticks: { font: { family: \"'Montserrat', sans-serif\", weight: 'bold' }, color: '#475569' },\n grid: { display: false }\n }\n }\n }\n });\n\n \/\/ Chart 2: Doughnut\n const ctxSav = document.getElementById('savingsChart').getContext('2d');\n new Chart(ctxSav, {\n type: 'doughnut',\n data: {\n labels: reportData.costSavings.labels,\n datasets: [{\n data: reportData.costSavings.data,\n backgroundColor: [colorPrimary, colorPrimaryLight, colorAccent],\n borderWidth: 3,\n borderColor: '#ffffff',\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n cutout: '70%',\n plugins: {\n legend: {\n position: 'bottom',\n labels: { font: { family: \"'Montserrat', sans-serif\" }, color: '#475569', boxWidth: 12, padding: 15 }\n },\n tooltip: {\n backgroundColor: '#0f172a',\n titleFont: { family: \"'Montserrat', sans-serif\" },\n bodyFont: { family: \"'Montserrat', sans-serif\", size: 13 },\n padding: 12,\n callbacks: {\n label: ctx => ' ' + ctx.label + ': ' + ctx.parsed + '%'\n }\n }\n }\n }\n });\n });\n\n function switchTab(tabId) {\n document.querySelectorAll('.tab-content').forEach(c => {\n c.classList.remove('block');\n c.classList.add('hidden');\n });\n document.querySelectorAll('.tab-btn').forEach(b => {\n b.classList.remove('active');\n b.classList.add('inactive');\n });\n document.getElementById('content-' + tabId).classList.remove('hidden');\n document.getElementById('content-' + tabId).classList.add('block');\n document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`).classList.remove('inactive');\n document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`).classList.add('active');\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>Servitisierung & Service-Monetarisierung: Der Interaktive Report | tele-LOOK Einf\u00fchrung Servitisierung Marktdaten Branchen F\u00fcr Entscheider Service-Monetarisierung Von der Gef\u00e4lligkeit zum planbaren Service-Umsatz Ob im Maschinenbau oder im Handwerk: Der Markt ver\u00e4ndert sich. Kunden erwarten schnelle L\u00f6sungen. Dieser Report zeigt, wie Sie durch den Einsatz von Live-Video-Support und Remote-Assistenz nicht nur Anfahrtskosten sparen, sondern Ihr Fachwissen in […]<\/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-14739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14739","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=14739"}],"version-history":[{"count":25,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14739\/revisions"}],"predecessor-version":[{"id":14951,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14739\/revisions\/14951"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=14739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}