Funktionsweise tele-LOOK: In 60 Sekunden verbunden | Live-Video-Support<\/title>\n <meta name=\"description\" content=\"So funktioniert tele-LOOK: SMS-Link senden \u2192 Kunde klickt \u2192 Live-Video startet. Keine App, kein Login, kein IT-Aufwand. tele-Punkt, HD-Fotos & Service-Protokoll inklusive.\">\n\n <meta property=\"og:title\" content=\"tele-LOOK Funktionsweise: In 60 Sekunden mit dem Kunden verbunden\" \/>\n <meta property=\"og:description\" content=\"SMS-Link senden, Kunde klickt, Live-Video startet \u2013 ohne App, ohne Registrierung. So einfach funktioniert tele-LOOK Live-Video-Support.\" \/>\n <meta property=\"og:image\" content=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/tele-look-og-image.jpg\" \/>\n <meta property=\"og:url\" content=\"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" \/>\n <meta property=\"og:type\" content=\"article\" \/>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Funktionsweise tele-LOOK: In 60 Sekunden mit dem Kunden verbunden \u2013 ohne App, ohne Registrierung\",\n \"description\": \"SMS-Link senden, Kunde klickt, Live-Video startet. So funktioniert tele-LOOK Live-Video-Support: browserbasiert, DSGVO-konform, ohne App-Installation.\",\n \"author\": { \"@type\": \"Organization\", \"name\": \"tele-LOOK\", \"url\": \"https:\/\/www.tele-look.com\" },\n \"publisher\": {\n \"@type\": \"Organization\", \"name\": \"tele-LOOK\",\n \"logo\": { \"@type\": \"ImageObject\", \"url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/tele-look-logo.png\" }\n },\n \"datePublished\": \"2026-03-11\",\n \"dateModified\": \"2026-03-11\",\n \"mainEntityOfPage\": { \"@type\": \"WebPage\", \"@id\": \"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" }\n }\n <\/script>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n { \"@type\": \"Question\", \"name\": \"Braucht mein Kunde wirklich keine App?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein. Ihr Kunde klickt nur auf einen Link und die Video\u00fcbertragung startet direkt im Webbrowser seines Smartphones. Keine Installation, kein Konto, kein technisches Wissen n\u00f6tig.\" } },\n { \"@type\": \"Question\", \"name\": \"Auf welchen Ger\u00e4ten funktioniert tele-LOOK?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"tele-LOOK funktioniert auf allen g\u00e4ngigen Smartphones (iOS & Android), Tablets und PCs mit einem modernen Browser. Der Servicegeber arbeitet am PC, der Kunde nutzt sein Smartphone.\" } },\n { \"@type\": \"Question\", \"name\": \"Funktioniert tele-LOOK auch bei schlechter Internetverbindung?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Ja. tele-LOOK passt die Videoqualit\u00e4t automatisch an die verf\u00fcgbare Bandbreite an. Auch bei schwachem Mobilfunksignal ist eine stabile Verbindung in der Regel m\u00f6glich.\" } },\n { \"@type\": \"Question\", \"name\": \"M\u00fcssen wir tele-LOOK in CRM oder ERP integrieren?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein, eine Integration ist keine Voraussetzung. tele-LOOK ist sofort einsatzbereit. API-Schnittstellen stehen f\u00fcr tiefere Integrationen zur Verf\u00fcgung.\" } },\n { \"@type\": \"Question\", \"name\": \"Wie schnell rechnet sich tele-LOOK?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Typischerweise binnen weniger Wochen. Bereits eine vermiedene Anfahrt pro Tag spart rund 150 \u20ac.\" } },\n { \"@type\": \"Question\", \"name\": \"Was passiert mit den Daten nach einem Service-Call?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Alle Daten werden DSGVO-konform auf deutschen Servern gespeichert. Fotos, Notizen und Protokolle sind im Dashboard abrufbar und exportierbar.\" } }\n ]\n }\n <\/script>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n <style>\n body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #0f172a; }\n\n \/* \u2500\u2500 Kein Schatten irgendwo \u2013 reines Flat Design \u2500\u2500 *\/\n * { box-shadow: none !important; }\n\n .hero-section::after {\n content: ''; position: absolute; bottom: -38px; left: 0;\n width: 100%; height: 80px; background: white;\n transform: skewY(-2deg); transform-origin: top left; z-index: 1;\n }\n\n .kpi-card { transition: border-color 0.2s ease; }\n .kpi-card:hover { border-color: #125dff; }\n\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 .timeline-step::before {\n content: ''; position: absolute; top: 20px; left: -33px;\n width: 16px; height: 16px; border-radius: 50%;\n background-color: #125dff; border: 4px solid #eef3ff;\n }\n .timeline-step {\n position: relative; border-left: 2px solid #e2e8f0;\n padding-left: 1.5rem; padding-bottom: 2.5rem;\n }\n .timeline-step:last-child { border-left-color: transparent; }\n\n \/* \u2500\u2500 TABS \u2500\u2500 *\/\n .tab-btn { transition: all 0.2s ease-in-out; }\n .tab-btn.active { background-color: #125dff; color: white; border-bottom: 3px solid #0a4dd4; }\n .tab-btn.inactive { background-color: #f1f5f9; color: #475569; border-bottom: 3px solid transparent; }\n .tab-btn.inactive:hover { background-color: #e2e8f0; }\n .tab-content { animation: fadeIn 0.3s ease; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n\n \/* \u2500\u2500 FAQ (Mit Elementor-Schutz) \u2500\u2500 *\/\n .faq-item { border-color: #e2e8f0 !important; }\n .faq-item button { border: none !important; outline: none !important; box-shadow: none !important; background-color: transparent !important; margin: 0 !important; padding: 1.5rem !important; }\n .faq-item button span { color: #334155 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }\n .faq-answer p { color: #64748b !important; font-family: 'Montserrat', sans-serif !important; line-height: 1.625 !important; }\n .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }\n .faq-item.open .faq-answer { max-height: 400px; }\n .faq-item.open .faq-icon { transform: rotate(45deg); }\n .faq-icon { color: #125dff !important; transition: transform 0.25s ease; display: inline-block; font-style: normal; }\n\n .text-brand-primary { color: #125dff; }\n .text-brand-accent { color: #125dff; }\n .bg-brand-primary { background-color: #125dff; }\n #telelook-page-widget { font-family: inherit; background-color: transparent; }\n\n \/* Workflow Schritt-Nummern \u2013 flat *\/\n .step-number {\n width: 52px; height: 52px; border-radius: 50%;\n background-color: #125dff;\n color: white; font-size: 1.4rem; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n .step-connector {\n flex: 1; height: 2px;\n background: linear-gradient(90deg, #125dff 0%, #e2e8f0 100%);\n margin: 0 0.5rem; margin-top: -30px;\n }\n\n \/* Feature-Karten Media-Bereich *\/\n .feature-card { transition: border-color 0.2s ease; }\n .feature-card:hover { border-color: #125dff; }\n .feature-card .media-top {\n background: #f8fafc;\n border-bottom: 1px solid #e2e8f0;\n }\n .feature-card .media-top video,\n .feature-card .media-top img {\n width: 100%; display: block;\n }\n\n \/* Feature-Pill *\/\n .feature-pill {\n display: inline-flex; align-items: center; gap: 0.5rem;\n background: #f1f5f9; border: 1px solid #e2e8f0;\n border-radius: 9999px; padding: 0.4rem 0.85rem;\n font-size: 0.75rem; font-weight: 700; color: #475569;\n transition: border-color 0.2s;\n }\n .feature-pill:hover { border-color: #125dff; color: #125dff; }\n\n \/* Vorher\/Nachher *\/\n .vs-card-old { border-top: 4px solid #ef4444; }\n .vs-card-new { border-top: 4px solid #125dff; } \/* changed from green to brand blue for clean look *\/\n\n \/* Hochformat-Video *\/\n .video-portrait-wrapper {\n position: relative;\n width: 100%; max-width: 260px;\n margin: 0 auto;\n border-radius: 1.25rem; overflow: hidden;\n background: #f1f5f9;\n border: 1px solid #e2e8f0;\n }\n .video-portrait-wrapper video { width: 100%; display: block; }\n\n \/* \u2500\u2500 CTA BUTTONS (Mit Elementor-Schutz) \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;\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 <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n<div id=\"telelook-page-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\" aria-label=\"Seitennavigation\">\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\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=\"#workflow\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Workflow<\/a>\n <a href=\"#simplicity\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Smart Simplicity<\/a>\n <a href=\"#features\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Features<\/a>\n <a href=\"#usecases\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Anwendungsf\u00e4lle<\/a>\n <a href=\"#faq\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">FAQ<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n \n \n <section id=\"intro\" class=\"mb-20 mt-4\" aria-labelledby=\"hero-headline\">\n <div class=\"hero-section bg-gradient-to-br from-[#125dff] to-[#0a3dbf] rounded-2xl p-8 md:p-14 relative overflow-hidden\">\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 <div class=\"max-w-3xl relative z-10\">\n <span class=\"inline-block bg-white\/20 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-6 border border-white\/25\">\n tele-LOOK Funktionsweise & Feature-\u00dcberblick\n <\/span>\n <h1 id=\"hero-headline\" class=\"text-4xl md:text-5xl font-black text-white mb-6 leading-tight\">\n In unter 60 Sekunden mit dem Kunden verbunden\n <\/h1>\n <p class=\"text-lg text-blue-100 leading-relaxed mb-8\">\n <strong class=\"text-white\">Kein App-Download. Keine Registrierung. Keine IT-Abteilung.<\/strong> Mit <em class=\"text-white font-medium not-italic\">tele-LOOK Live-Video-Support<\/em> senden Sie dem Kunden einen SMS-Link \u2013 er klickt, die Live-Video-Verbindung startet sofort im Browser. Sehen. Verstehen. L\u00f6sen.\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\">\u2713 Kein App-Download<\/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\">\u2713 60 Sekunden bis Verbindung<\/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\">\u2713 DSGVO-konform<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section class=\"mb-16\" aria-labelledby=\"kpi-headline\">\n <div class=\"mb-8\">\n <h2 id=\"kpi-headline\" class=\"text-2xl font-bold text-slate-800\">Was tele-LOOK messbar ver\u00e4ndert<\/h2>\n <p class=\"text-slate-500 mt-1\">Durchschnittliche Werte aus dem Praxiseinsatz bei Kunden im Handwerk, Maschinenbau und Kundenservice.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">Reisekosten-Einsparung<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">-70%<\/div>\n <div class=\"text-sm text-slate-600\">Weniger Fahrtkosten durch Remote-Diagnose statt Vor-Ort-Einsatz.<\/div>\n <\/div>\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">Kundenzufriedenheit<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">5\/5<\/div>\n <div class=\"text-sm text-slate-600\">Durchschnittliche Bewertung von tele-LOOK-Nutzern in der Praxis.<\/div>\n <\/div>\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">Schnellere Falll\u00f6sung<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">+40%<\/div>\n <div class=\"text-sm text-slate-600\">Servicef\u00e4lle werden durch visuelle Echtzeit-Diagnose deutlich schneller abgeschlossen.<\/div>\n <\/div>\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><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-400 uppercase tracking-wider mb-1\">Einsparung pro Anfahrt<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">150 \u20ac<\/div>\n <div class=\"text-sm text-slate-600\">Direkt messbare Kosteneinsparung bei jeder vermiedenen Anfahrt.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mb-16\" aria-label=\"Vertrauenssignale\">\n <div class=\"border-y border-slate-100 py-8 my-4\">\n <p class=\"text-center text-xs font-bold text-slate-400 uppercase tracking-widest mb-6\">Warum tele-LOOK?<\/p>\n <div class=\"flex flex-wrap justify-center gap-x-10 gap-y-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">Made in Germany<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">DSGVO-konform<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" 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 <span class=\"text-sm font-bold text-slate-700\">Keine App n\u00f6tig<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 1.1-.9 2-2 2H6\"\/><path d=\"M14 14.66V17c0 1.1.9 2 2 2h2\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">Innovationspreis 2023<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">Service Management Preis<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"workflow\" class=\"mb-16\" aria-labelledby=\"workflow-headline\">\n <div class=\"bg-white rounded-xl border border-slate-200 p-8 md:p-12\">\n <div class=\"mb-10 border-b border-slate-100 pb-6\">\n <h2 id=\"workflow-headline\" class=\"text-2xl font-bold text-slate-800\">Drei Klicks zum Ziel: Der tele-LOOK Workflow<\/h2>\n <p class=\"text-slate-600 mt-2\">So unkompliziert starten Sie den Video-Call \u2013 ohne Registrierung, ohne Account, ohne Wartezeit.<\/p>\n <\/div>\n\n <div class=\"flex flex-col lg:flex-row gap-12 items-start\">\n\n \n <div class=\"flex-1 w-full\">\n\n \n <div class=\"hidden md:flex items-start gap-0 mb-12\">\n <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n <div class=\"step-number mb-5\">1<\/div>\n <h3 class=\"font-black text-slate-800 text-base mb-2\">Link senden<\/h3>\n <p class=\"text-sm text-slate-500 leading-relaxed\">Sie senden dem Kunden per <strong>SMS direkt aus der tele-LOOK Oberfl\u00e4che<\/strong> einen individuellen Zugangs-Link. Kein Kopieren, kein Eintippen.<\/p>\n <\/div>\n <div class=\"step-connector mt-6\"><\/div>\n <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n <div class=\"step-number mb-5\">2<\/div>\n <h3 class=\"font-black text-slate-800 text-base mb-2\">Kunde klickt<\/h3>\n <p class=\"text-sm text-slate-500 leading-relaxed\"><strong>Keine App, keine ID.<\/strong> Ein Klick \u2013 und die verschl\u00fcsselte Verbindung startet direkt im Browser des Smartphones.<\/p>\n <\/div>\n <div class=\"step-connector mt-6\"><\/div>\n <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n <div class=\"step-number mb-5\">3<\/div>\n <h3 class=\"font-black text-slate-800 text-base mb-2\">Problem sehen & l\u00f6sen<\/h3>\n <p class=\"text-sm text-slate-500 leading-relaxed\">Sie sehen live durch die Kamera des Kunden, <strong>markieren mit dem tele-Punkt<\/strong>, blenden Dokumente ein und l\u00f6sen den Fall in Minuten.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:hidden space-y-4 mb-10\">\n <div class=\"flex items-start gap-4 bg-slate-50 rounded-xl p-5 border border-slate-200\">\n <div class=\"step-number flex-shrink-0\">1<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 mb-1\">Link senden<\/h3>\n <p class=\"text-sm text-slate-500\">Per SMS direkt aus tele-LOOK \u2013 individueller Zugangs-Link, sofort generiert.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 bg-slate-50 rounded-xl p-5 border border-slate-200\">\n <div class=\"step-number flex-shrink-0\">2<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 mb-1\">Kunde klickt<\/h3>\n <p class=\"text-sm text-slate-500\">Kein Download, kein Login \u2013 Video startet direkt im Browser des Smartphones.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 bg-slate-50 rounded-xl p-5 border border-slate-200\">\n <div class=\"step-number flex-shrink-0\">3<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 mb-1\">Problem sehen & l\u00f6sen<\/h3>\n <p class=\"text-sm text-slate-500\">Live durch die Kamera des Kunden \u2013 tele-Punkt, Dokumente einblenden, Fall l\u00f6sen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div>\n <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest mb-4\">App-M\u00fcdigkeit war gestern<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div class=\"vs-card-old bg-red-50 rounded-xl p-5 border border-red-100\">\n <p class=\"font-black text-red-500 text-xs uppercase tracking-wider mb-3\">\u274c Mit App (g\u00e4ngige L\u00f6sungen)<\/p>\n <ol class=\"space-y-1.5 text-sm text-slate-600 list-decimal pl-4\">\n <li>Kunde soll App herunterladen<\/li>\n <li>Konto anlegen & verifizieren<\/li>\n <li>Ger\u00e4teberechtigung erteilen<\/li>\n <li>Technische Probleme beim Start<\/li>\n <li>Kunde frustriert \u2013 Call scheitert<\/li>\n <\/ol>\n <p class=\"text-xs text-red-500 font-bold mt-3\">\u23f1 8\u201312 Min. bis zur Verbindung \u2013 wenn \u00fcberhaupt<\/p>\n <\/div>\n <div class=\"vs-card-new bg-blue-50 rounded-xl p-5 border border-blue-100\">\n <p class=\"font-black text-brand-primary text-xs uppercase tracking-wider mb-3\">\u2705 Mit tele-LOOK (browserbasiert)<\/p>\n <ol class=\"space-y-1.5 text-sm text-slate-600 list-decimal pl-4\">\n <li>Kunde erh\u00e4lt SMS-Link<\/li>\n <li>Kunde klickt auf den Link<\/li>\n <li>Video startet im Browser<\/li>\n <li>Keine Installation, kein Login<\/li>\n <li>Sofortige Hilfe & Effizienz<\/li>\n <\/ol>\n <p class=\"text-xs text-brand-primary font-bold mt-3\">\u26a1 Unter 60 Sek. bis zur Live-Verbindung<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full lg:w-auto lg:flex-shrink-0 flex flex-col items-center gap-4\">\n <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest text-center\">So sieht es der Kunde<\/p>\n <div class=\"video-portrait-wrapper\">\n <video\n autoplay loop muted playsinline preload=\"metadata\"\n aria-label=\"tele-LOOK Video-Call aus Sicht des Service-Nehmers (Kunden)\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/11\/tele-LOOK-Video-Call-Service-Nehmer-900-x-1600-px.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <p class=\"text-xs text-slate-400 text-center max-w-[200px] leading-relaxed\">Smartphone-Ansicht des Kunden \u2013 ein Klick, sofort verbunden<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"simplicity\" class=\"mb-16 bg-slate-50 border-y border-slate-200 py-16\" aria-labelledby=\"simplicity-headline\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <span class=\"inline-block bg-blue-100 text-brand-primary text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-4\">Designprinzip Smart Simplicity<\/span>\n <h2 id=\"simplicity-headline\" 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\">\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 <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card text-center\">\n <div class=\"w-14 h-14 rounded-full bg-blue-50 text-brand-primary 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\"><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-xs leading-relaxed\">\n Wir verzichten auf unz\u00e4hlige Untermen\u00fcs. Eine extrem flache Lernkurve garantiert, dass jeder Mitarbeiter und Kunde das Tool sofort und ohne Schulung bedienen kann.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card text-center\">\n <div class=\"w-14 h-14 rounded-full bg-blue-50 text-brand-primary 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\"><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\">Kostentransparenz & Nachweise<\/h3>\n <p class=\"text-slate-500 text-xs leading-relaxed\">\n Absolute Klarheit f\u00fcr Ihr Controlling: Monatliche Verbindungsnachweise und detaillierte Service-Protokolle belegen Ihren ROI und erleichtern die Abrechnung.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card text-center\">\n <div class=\"w-14 h-14 rounded-full bg-blue-50 text-brand-primary 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=\"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\">Einfach Standalone & API<\/h3>\n <p class=\"text-slate-500 text-xs leading-relaxed\">\n tele-LOOK ist out-of-the-box einsatzbereit. Falls Sie f\u00fcr komplexe Service-Strukturen dennoch eine API-Anbindung an Ihr CRM w\u00fcnschen, kl\u00e4ren wir das individuell.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"features\" class=\"mb-16 px-4 sm:px-6 max-w-6xl mx-auto\" aria-labelledby=\"features-headline\">\n <div class=\"mb-10 text-center\">\n <h2 id=\"features-headline\" class=\"text-2xl font-bold text-slate-800\">Die vier Kernfunktionen im Detail<\/h2>\n <p class=\"text-slate-600 mt-2\">Genau die Werkzeuge, die in 95 % aller Servicef\u00e4lle gebraucht werden.<\/p>\n <\/div>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-10\">\n <div class=\"flex flex-col md:flex-row\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <video\n autoplay loop muted playsinline preload=\"metadata\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n aria-label=\"tele-Punkt Live-Zeiger Demo\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/11\/tele-PUNKT.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"M22 14a8 8 0 0 1-8 8\"\/><path d=\"M18 11v-1a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"\/><path d=\"M14 10V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1\"\/><path d=\"M10 9.5V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v10\"\/><path d=\"M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.82-2.32l-5.18-5.67a2 2 0 0 1 2.83-2.83l1.42 1.42L6 9.5\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 1<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">tele-Punkt \u2013 der Live-Zeiger<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-6 text-sm\">\n Zeigen Sie wie mit dem Finger direkt auf Details im Live-Bild. <strong>Der tele-Punkt erscheint in Echtzeit auf dem Smartphone-Display des Kunden<\/strong> \u2013 pr\u00e4ziser als jede verbale Beschreibung. Kein Missverst\u00e4ndnis, keine Zeitverschwendung.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\ud83c\udfaf Live-Annotation<\/span>\n <span class=\"feature-pill\">\ud83d\udccd Pr\u00e4zise F\u00fchrung<\/span>\n <span class=\"feature-pill\">\u26a1 Echtzeit<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-10\">\n <div class=\"flex flex-col md:flex-row-reverse\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/Live-Video-Support-Bilder-in-HD-Qualitaet-768x432.png\"\n alt=\"tele-LOOK HD-Fotos: Hochaufl\u00f6sende Bilder w\u00e4hrend des Live-Video-Calls erstellen\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n loading=\"lazy\" width=\"768\" height=\"432\">\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"\/><circle cx=\"12\" cy=\"13\" r=\"3\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 2<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">HD-Fotos per Mausklick<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-6 text-sm\">\n W\u00e4hrend des Live-Calls erstellen Sie per Mausklick <strong>hochaufl\u00f6sende Fotos der Situation vor Ort<\/strong>. Fotos werden mit Zeitstempel automatisch im Session-Protokoll gespeichert \u2013 als Dokumentation, Nachweis und Grundlage zur Ersatzteilidentifikation.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\ud83d\uddbc\ufe0f HD-Qualit\u00e4t<\/span>\n <span class=\"feature-pill\">\ud83d\udd50 Zeitstempel<\/span>\n <span class=\"feature-pill\">\ud83d\udd29 Ersatzteil-Grundlage<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-10\">\n <div class=\"flex flex-col md:flex-row\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/02\/tele-LOOK-Screensharing-768x432.png\"\n alt=\"tele-LOOK Screensharing: Technische Zeichnungen und Dokumente in den Live-Video-Call einblenden\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n loading=\"lazy\" width=\"768\" height=\"432\">\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 3<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">Screensharing & Dokumente<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-6 text-sm\">\n Blenden Sie <strong>technische Zeichnungen, Schaltpl\u00e4ne, Handb\u00fccher oder Montageanleitungen<\/strong> direkt vom Desktop auf das Smartphone des Kunden ein \u2013 ohne Datei\u00fcbertragung, in Echtzeit sichtbar f\u00fcr beide Seiten.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\ud83d\udcd0 Schaltpl\u00e4ne<\/span>\n <span class=\"feature-pill\">\ud83d\udccb Anleitungen<\/span>\n <span class=\"feature-pill\">\ud83d\udd04 Echtzeit<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-4\">\n <div class=\"flex flex-col md:flex-row-reverse\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <video\n autoplay loop muted playsinline preload=\"metadata\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n aria-label=\"tele-LOOK Service-Protokoll Demo\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/tele-LOOK_Service-Protokoll.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"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 <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 4<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">Service-Protokoll & Nachweise<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-5 text-sm\">\n Jede Session erzeugt automatisch ein <strong>digitales Service-Protokoll<\/strong> mit Zeitstempel, HD-Fotos, Notizen und optionaler Kundenunterschrift. Dient als Rechnungsgrundlage, Ersatzteilnachweis und l\u00fcckenlose Falldokumentation.\n <\/p>\n <ul class=\"space-y-2 text-sm text-slate-600 mb-6\">\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Zeitstempel & Gespr\u00e4chsdauer<\/li>\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Techniker-Notizen & Fehlerbeschreibung<\/li>\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Identifiziertes Ersatzteil & Bestellbedarf<\/li>\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Optionale digitale Kundenunterschrift<\/li>\n <\/ul>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\u270d\ufe0f Kundenunterschrift<\/span>\n <span class=\"feature-pill\">\ud83d\udcb6 Rechnungsbasis<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <div class=\"mt-8 bg-slate-50 border border-slate-200 rounded-xl p-6 flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 bg-blue-100 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\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>\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-1\">Weiterf\u00fchrender Artikel<\/p>\n <h3 class=\"font-black text-slate-800 text-base mb-1\">Fuhrparkmanagement & Kundendienst-Software<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed\">\n Wie tele-LOOK Fahrzeuge im Au\u00dfendienst einspart, Routen optimiert und Kundendienst-Kosten strukturell senkt \u2013 mit konkreten Zahlen und Praxisbeispielen.\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.tele-look.com\/web\/fuhrparkmanagement-kundendienst-software\/\"\n target=\"_blank\" rel=\"noopener\"\n class=\"flex-shrink-0 inline-block bg-white text-brand-primary border border-brand-primary font-bold py-3 px-6 rounded-lg hover:bg-blue-50 transition-colors text-sm text-center whitespace-nowrap\">\n Artikel lesen \u2192\n <\/a>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"usecases\" class=\"mb-16 px-4 sm:px-6 max-w-6xl mx-auto\" aria-labelledby=\"usecases-headline\">\n <div class=\"mb-8\">\n <h2 id=\"usecases-headline\" class=\"text-2xl font-bold text-slate-800\">Flexible Anwendungsf\u00e4lle \u2013 eine Software, viele Szenarien<\/h2>\n <p class=\"text-slate-600 mt-2\">tele-LOOK optimiert Prozesse \u00fcberall dort, wo ein Blick aus der Ferne entscheidend ist.<\/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 flex-wrap border-b border-slate-200 bg-slate-50\" role=\"tablist\" aria-label=\"Anwendungsf\u00e4lle\">\n <button class=\"tab-btn active flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"true\" aria-controls=\"content-support\"\n onclick=\"switchTab('support')\">\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 Technischer Support\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"false\" aria-controls=\"content-schaden\"\n onclick=\"switchTab('schaden')\">\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=\"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 Schadensmanagement\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"false\" aria-controls=\"content-vertrieb\"\n onclick=\"switchTab('vertrieb')\">\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=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n Vertrieb & Beratung\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"false\" aria-controls=\"content-schulung\"\n onclick=\"switchTab('schulung')\">\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 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n Team & Schulung\n <\/button>\n <\/div>\n\n <div class=\"p-8\">\n\n <div id=\"content-support\" class=\"tab-content block\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Technischer Support & Kundenservice<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Qualifizieren Sie Supportf\u00e4lle in Sekunden. Mit dem Live-Video sehen Sie sofort, ob es sich um einen <strong>Anwenderfehler oder einen echten Defekt<\/strong> handelt \u2013 und entscheiden gezielt: remote l\u00f6sen oder Techniker schicken.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Erstl\u00f6sungsquote steigern:<\/strong> Weniger Zweitanfahrten durch pr\u00e4zise Erstdiagnose per Video<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Guided Self-Service:<\/strong> Kunden bei einfachen Problemen visuell anleiten \u2013 statt Techniker zu schicken<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Ersatzteil-Identifikation:<\/strong> Defektes Bauteil remote bestimmen und bestellen \u2013 Anfahrt erst zum Einbau<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Typisches Szenario<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed\">\n Heizungsanlage streikt. Fr\u00fcher: Techniker f\u00e4hrt hin, schaut, f\u00e4hrt zur\u00fcck, bestellt Teil, zweite Anfahrt. <strong>Heute: 8 Minuten Video-Call, Fehler erkannt, Teil bestellt, einmalige Anfahrt zum Einbau.<\/strong> Zwei Stunden und 150 \u20ac gespart.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"content-schaden\" class=\"tab-content hidden\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Schadens- & Qualit\u00e4tsmanagement<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Sch\u00e4den, M\u00e4ngel und Qualit\u00e4tsprobleme visuell dokumentieren \u2013 <strong>direkt per Live-Video<\/strong>, ohne Gutachter vor Ort.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Schadensdokumentation:<\/strong> HD-Fotos mit Zeitstempel \u2013 l\u00fcckenlos und nachweisf\u00e4hig<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Versicherungsbranche:<\/strong> Sch\u00e4den remote begutachten, Erstattung beschleunigen<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Abnahmen:<\/strong> Bauabnahmen und Qualit\u00e4tskontrollen remote durchf\u00fchren<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Typisches Szenario<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed\">\n Wasserschaden gemeldet. <strong>Video-Besichtigung in 15 Minuten, HD-Fotos protokolliert, Schadensh\u00f6he eingesch\u00e4tzt, Erstattung eingeleitet<\/strong> \u2013 ohne Anfahrt des Gutachters.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"content-vertrieb\" class=\"tab-content hidden\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Vertrieb im Au\u00dfendienst & Erstberatung<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Au\u00dfendienstmitarbeiter <strong>qualifizieren den Bedarf visuell vor der Anfahrt<\/strong>. Kein Leerfahrt, kein falsch dimensioniertes Angebot.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Auftragsvorbereitung:<\/strong> Situation vorab sehen \u2013 mit den richtigen Materialien und Werkzeugen anreisen<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Angebotserstellung:<\/strong> Exakte Aufma\u00dfe und Situationsfotos f\u00fcr pr\u00e4zise Angebote<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Schnellere Abschl\u00fcsse:<\/strong> Sofortige Unterst\u00fctzung st\u00e4rkt das Kundenvertrauen<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Typisches Szenario<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed\">\n Kunde fragt nach neuem Heizsystem. <strong>10-min\u00fctiger Video-Call, Heizungsraum gesehen, Ma\u00dfe aufgenommen, passgenaues Angebot noch am selben Tag<\/strong> \u2013 ohne Erstbegehung. Wettbewerber braucht daf\u00fcr drei Tage.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"content-schulung\" class=\"tab-content hidden\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Team-Kollaboration & Remote Mentoring<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Erfahrene Meister leiten Azubis und Nachwuchstechniker <strong>visuell an \u2013 ohne selbst hinzufahren<\/strong>. Ein Experte betreut mehrere Standorte gleichzeitig.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Training on the Job:<\/strong> Azubi zeigt per Smartphone \u2013 Meister sieht, erkl\u00e4rt, f\u00fchrt an<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Vier-Augen-Prinzip:<\/strong> Sicherheitskritische Arbeiten unter Live-Aufsicht \u2013 ohne zweiten Techniker vor Ort<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Wissenstransfer:<\/strong> Protokoll als Ausbildungsnachweis und interne Wissensdatenbank<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Mehr erfahren<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed mb-4\">\n Vollst\u00e4ndiger Remote-Mentoring-Leitfaden mit Stay-Active & Re-Active Strategie gegen Fachkr\u00e4ftemangel:\n <\/p>\n <a href=\"https:\/\/www.tele-look.com\/web\/fernunterstuetzung-mitarbeiter\/\"\n class=\"inline-flex items-center gap-2 bg-[#125dff] text-white font-bold text-sm py-2.5 px-5 rounded-lg hover:bg-blue-700 transition-colors\">\n Remote Mentoring \u2013 Seite ansehen \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"roadmap\" class=\"mb-16 max-w-5xl mx-auto px-4 sm:px-6\" aria-labelledby=\"roadmap-headline\">\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 id=\"roadmap-headline\" class=\"text-3xl font-black text-slate-800 mb-4\">So starten Sie mit tele-LOOK<\/h2>\n <p class=\"text-slate-600 font-light\">Kein IT-Projekt, keine Schulungswochen. Von der Anmeldung zum ersten Live-Call in unter einem Werktag.<\/p>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto relative pl-6 md:pl-10\">\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-100 text-brand-primary font-black text-sm flex-shrink-0\">1<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Lizenz buchen \u2013 Freischaltung in ~1 Werktag<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Sie buchen online \u2013 kein Vertriebsgespr\u00e4ch n\u00f6tig. Ihr Account wird <strong>innerhalb eines Werktages freigeschaltet<\/strong>, inklusive Benutzerhandbuch f\u00fcr den sofortigen Einstieg.\n <\/p>\n <\/div>\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-100 text-brand-primary font-black text-sm flex-shrink-0\">2<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Ersten SMS-Link senden \u2013 intern testen<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Senden Sie den ersten Link an einen Kollegen. <strong>In unter 60 Sekunden<\/strong> sehen Sie, was er sieht \u2013 tele-Punkt ausprobieren, Foto machen, Protokoll ansehen. Kein Tutorial n\u00f6tig.\n <\/p>\n <\/div>\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-100 text-brand-primary font-black text-sm flex-shrink-0\">3<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Workflow im Team etablieren<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Legen Sie intern fest: <strong>Erst Video-Call, dann Entscheidung ob Anfahrt n\u00f6tig.<\/strong> Einfache Regel, sofortige Wirkung. Das Team \u00fcberzeugt sich beim ersten gel\u00f6sten Fall selbst.\n <\/p>\n <\/div>\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\">ROI messen & skalieren<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-4 pl-11\">\n Die monatlichen Service-Protokolle liefern automatisch die Datenbasis: <strong>wie viele F\u00e4lle remote gel\u00f6st, wie viele Anfahrten vermieden, wie viele Stunden gespart.<\/strong>\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>\n ROI sofort berechnen\n <\/p>\n <p class=\"text-slate-600 text-xs leading-relaxed mt-1\">\n Unser Online-Rechner zeigt Ihnen in 2 Minuten, wie viel Sie monatlich einsparen.\n <a href=\"https:\/\/www.tele-look.com\/web\/roi-rechner\/\"\n target=\"_blank\" rel=\"noopener\"\n class=\"text-brand-primary font-bold underline ml-1 hover:text-blue-800 transition-colors\">\n ROI-Rechner \u00f6ffnen \u2192\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"faq\" class=\"mb-16 max-w-4xl mx-auto px-4 sm:px-6\" aria-labelledby=\"faq-headline\">\n <div class=\"mb-8 text-center\">\n <h2 id=\"faq-headline\" class=\"text-2xl font-bold text-slate-800\">H\u00e4ufige Fragen zur Funktionsweise<\/h2>\n <p class=\"text-slate-600 mt-1\">Die wichtigsten technischen und organisatorischen Fragen \u2013 direkt beantwortet.<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-slate-200 divide-y divide-slate-100 overflow-hidden\"\n itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Braucht mein Kunde wirklich keine App?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Nein, absolut nicht. Ihr Kunde klickt nur auf einen Link und die Video\u00fcbertragung startet direkt im Webbrowser. <strong>Keine Installation, kein Konto, kein technisches Wissen n\u00f6tig.<\/strong> Gerade in Stresssituationen \u2013 wenn eine Anlage steht \u2013 ist das entscheidend.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Auf welchen Ger\u00e4ten funktioniert tele-LOOK?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Auf allen g\u00e4ngigen Smartphones (iOS & Android), Tablets und PCs mit modernem Browser. <strong>Servicegeber am PC, Kunde am Smartphone<\/strong> \u2013 keine Mindestanforderungen.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Funktioniert tele-LOOK auch bei schlechter Internetverbindung?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Ja. tele-LOOK passt die Videoqualit\u00e4t <strong>automatisch an die verf\u00fcgbare Bandbreite an<\/strong>. Auch bei schwachem Mobilfunksignal auf Baustellen ist in der Regel eine stabile Verbindung m\u00f6glich.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">M\u00fcssen wir tele-LOOK in CRM oder ERP integrieren?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Nein, eine Integration ist <strong>keine Voraussetzung<\/strong>. tele-LOOK ist sofort out-of-the-box als Standalone-L\u00f6sung einsatzbereit. API-Schnittstellen f\u00fcr CRM, CAFM und ERP stehen optional zur Verf\u00fcgung und k\u00f6nnen auf individuelle Anfrage realisiert werden.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Wie schnell rechnet sich tele-LOOK?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Typischerweise binnen weniger Wochen. <strong>Bereits eine vermiedene Anfahrt pro Tag spart rund 150 \u20ac<\/strong> \u2013 bei 20 Arbeitstagen \u00fcber 3.000 \u20ac monatliche Einsparung. Unser <a href=\"https:\/\/www.tele-look.com\/web\/roi-rechner\/\" target=\"_blank\" rel=\"noopener\" class=\"text-brand-primary underline font-bold\">ROI-Rechner<\/a> zeigt die genauen Zahlen.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Was passiert mit den Daten nach einem Service-Call?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Alle Daten werden <strong>DSGVO-konform auf deutschen Servern gespeichert<\/strong>. Fotos, Notizen und Protokolle sind im Dashboard abrufbar und exportierbar. Dritte haben keinen Zugriff.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"cta\" class=\"mb-8\" aria-labelledby=\"cta-headline\">\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-[#0a3dbf] rounded-t-2xl\"><\/div>\n\n <h2 id=\"cta-headline\" class=\"text-3xl font-black text-slate-800 mb-4 mt-2\">\n Bereit, tele-LOOK selbst zu erleben?\n <\/h2>\n <p class=\"text-lg text-slate-600 mb-10 max-w-2xl mx-auto\">\n Sehen Sie live, wie einfach der erste Video-Call funktioniert \u2013 ob in der kostenlosen Demo oder direkt mit einer 14-Tage-Testlizenz.\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 <div class=\"flex-1 bg-white p-8 rounded-xl border border-slate-200 flex flex-col justify-between hover:border-[#125dff] transition-colors group\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-[#125dff] 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 Live-Demo mit einem unserer Experten \u2013 30 Minuten, direkt am Praxis-Beispiel aus Ihrer Branche.\n <\/p>\n <\/div>\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-block w-full bg-white border-2 border-[#125dff] text-[#125dff] font-bold py-3.5 px-6 rounded-lg hover:bg-blue-50 transition-colors text-center !important\">\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 <div class=\"flex-1 bg-white p-8 rounded-xl border border-[#125dff]\/30 flex flex-col justify-between hover:border-[#125dff] transition-colors group\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-[#125dff] 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 <strong>14 Tage kostenlos<\/strong>.\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-[#125dff] text-base leading-none\">\u2713<\/span>\n <span>Freischaltung in <strong>rd. einem Werktag<\/strong>.<\/span>\n <\/p>\n <p class=\"flex items-start gap-2\">\n <span class=\"text-[#125dff] text-base leading-none\">\u2713<\/span>\n <span>Inkl. <strong>Benutzerhandbuch<\/strong> f\u00fcr den schnellen Einstieg.<\/span>\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-block w-full bg-[#125dff] text-white font-bold py-3.5 px-6 rounded-lg hover:bg-[#0a4dd4] transition-colors text-center !important\">\n 14 Tage kostenlos testen\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n function switchTab(tabId) {\n document.querySelectorAll('.tab-content').forEach(c => { c.classList.remove('block'); c.classList.add('hidden'); });\n document.querySelectorAll('.tab-btn').forEach(b => {\n b.classList.remove('active'); b.classList.add('inactive');\n b.setAttribute('aria-selected', 'false');\n });\n document.getElementById('content-' + tabId).classList.remove('hidden');\n document.getElementById('content-' + tabId).classList.add('block');\n const activeBtn = document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`);\n activeBtn.classList.remove('inactive');\n activeBtn.classList.add('active');\n activeBtn.setAttribute('aria-selected', 'true');\n }\n\n function toggleFaq(button) {\n const item = button.parentElement;\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => {\n i.classList.remove('open');\n i.querySelector('button').setAttribute('aria-expanded', 'false');\n });\n if (!isOpen) {\n item.classList.add('open');\n button.setAttribute('aria-expanded', 'true');\n }\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>Funktionsweise tele-LOOK: In 60 Sekunden verbunden | Live-Video-Support Einf\u00fchrung Workflow Smart Simplicity Features Anwendungsf\u00e4lle FAQ tele-LOOK Funktionsweise & Feature-\u00dcberblick In unter 60 Sekunden mit dem Kunden verbunden Kein App-Download. Keine Registrierung. Keine IT-Abteilung. Mit tele-LOOK Live-Video-Support senden Sie dem Kunden einen SMS-Link \u2013 er klickt, die Live-Video-Verbindung startet sofort im Browser. Sehen. Verstehen. L\u00f6sen. \u2713 […]<\/p>\n","protected":false},"author":1,"featured_media":14892,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/72","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=72"}],"version-history":[{"count":306,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":15495,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/72\/revisions\/15495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media\/14892"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=72"}],"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 Funktionsweise tele-LOOK: In 60 Sekunden verbunden | Live-Video-Support<\/title>\n <meta name=\"description\" content=\"So funktioniert tele-LOOK: SMS-Link senden \u2192 Kunde klickt \u2192 Live-Video startet. Keine App, kein Login, kein IT-Aufwand. tele-Punkt, HD-Fotos & Service-Protokoll inklusive.\">\n\n <meta property=\"og:title\" content=\"tele-LOOK Funktionsweise: In 60 Sekunden mit dem Kunden verbunden\" \/>\n <meta property=\"og:description\" content=\"SMS-Link senden, Kunde klickt, Live-Video startet \u2013 ohne App, ohne Registrierung. So einfach funktioniert tele-LOOK Live-Video-Support.\" \/>\n <meta property=\"og:image\" content=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/tele-look-og-image.jpg\" \/>\n <meta property=\"og:url\" content=\"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" \/>\n <meta property=\"og:type\" content=\"article\" \/>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Funktionsweise tele-LOOK: In 60 Sekunden mit dem Kunden verbunden \u2013 ohne App, ohne Registrierung\",\n \"description\": \"SMS-Link senden, Kunde klickt, Live-Video startet. So funktioniert tele-LOOK Live-Video-Support: browserbasiert, DSGVO-konform, ohne App-Installation.\",\n \"author\": { \"@type\": \"Organization\", \"name\": \"tele-LOOK\", \"url\": \"https:\/\/www.tele-look.com\" },\n \"publisher\": {\n \"@type\": \"Organization\", \"name\": \"tele-LOOK\",\n \"logo\": { \"@type\": \"ImageObject\", \"url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/tele-look-logo.png\" }\n },\n \"datePublished\": \"2026-03-11\",\n \"dateModified\": \"2026-03-11\",\n \"mainEntityOfPage\": { \"@type\": \"WebPage\", \"@id\": \"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" }\n }\n <\/script>\n\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n { \"@type\": \"Question\", \"name\": \"Braucht mein Kunde wirklich keine App?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein. Ihr Kunde klickt nur auf einen Link und die Video\u00fcbertragung startet direkt im Webbrowser seines Smartphones. Keine Installation, kein Konto, kein technisches Wissen n\u00f6tig.\" } },\n { \"@type\": \"Question\", \"name\": \"Auf welchen Ger\u00e4ten funktioniert tele-LOOK?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"tele-LOOK funktioniert auf allen g\u00e4ngigen Smartphones (iOS & Android), Tablets und PCs mit einem modernen Browser. Der Servicegeber arbeitet am PC, der Kunde nutzt sein Smartphone.\" } },\n { \"@type\": \"Question\", \"name\": \"Funktioniert tele-LOOK auch bei schlechter Internetverbindung?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Ja. tele-LOOK passt die Videoqualit\u00e4t automatisch an die verf\u00fcgbare Bandbreite an. Auch bei schwachem Mobilfunksignal ist eine stabile Verbindung in der Regel m\u00f6glich.\" } },\n { \"@type\": \"Question\", \"name\": \"M\u00fcssen wir tele-LOOK in CRM oder ERP integrieren?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein, eine Integration ist keine Voraussetzung. tele-LOOK ist sofort einsatzbereit. API-Schnittstellen stehen f\u00fcr tiefere Integrationen zur Verf\u00fcgung.\" } },\n { \"@type\": \"Question\", \"name\": \"Wie schnell rechnet sich tele-LOOK?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Typischerweise binnen weniger Wochen. Bereits eine vermiedene Anfahrt pro Tag spart rund 150 \u20ac.\" } },\n { \"@type\": \"Question\", \"name\": \"Was passiert mit den Daten nach einem Service-Call?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Alle Daten werden DSGVO-konform auf deutschen Servern gespeichert. Fotos, Notizen und Protokolle sind im Dashboard abrufbar und exportierbar.\" } }\n ]\n }\n <\/script>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n <style>\n body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #0f172a; }\n\n \/* \u2500\u2500 Kein Schatten irgendwo \u2013 reines Flat Design \u2500\u2500 *\/\n * { box-shadow: none !important; }\n\n .hero-section::after {\n content: ''; position: absolute; bottom: -38px; left: 0;\n width: 100%; height: 80px; background: white;\n transform: skewY(-2deg); transform-origin: top left; z-index: 1;\n }\n\n .kpi-card { transition: border-color 0.2s ease; }\n .kpi-card:hover { border-color: #125dff; }\n\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 .timeline-step::before {\n content: ''; position: absolute; top: 20px; left: -33px;\n width: 16px; height: 16px; border-radius: 50%;\n background-color: #125dff; border: 4px solid #eef3ff;\n }\n .timeline-step {\n position: relative; border-left: 2px solid #e2e8f0;\n padding-left: 1.5rem; padding-bottom: 2.5rem;\n }\n .timeline-step:last-child { border-left-color: transparent; }\n\n \/* \u2500\u2500 TABS \u2500\u2500 *\/\n .tab-btn { transition: all 0.2s ease-in-out; }\n .tab-btn.active { background-color: #125dff; color: white; border-bottom: 3px solid #0a4dd4; }\n .tab-btn.inactive { background-color: #f1f5f9; color: #475569; border-bottom: 3px solid transparent; }\n .tab-btn.inactive:hover { background-color: #e2e8f0; }\n .tab-content { animation: fadeIn 0.3s ease; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n\n \/* \u2500\u2500 FAQ (Mit Elementor-Schutz) \u2500\u2500 *\/\n .faq-item { border-color: #e2e8f0 !important; }\n .faq-item button { border: none !important; outline: none !important; box-shadow: none !important; background-color: transparent !important; margin: 0 !important; padding: 1.5rem !important; }\n .faq-item button span { color: #334155 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }\n .faq-answer p { color: #64748b !important; font-family: 'Montserrat', sans-serif !important; line-height: 1.625 !important; }\n .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }\n .faq-item.open .faq-answer { max-height: 400px; }\n .faq-item.open .faq-icon { transform: rotate(45deg); }\n .faq-icon { color: #125dff !important; transition: transform 0.25s ease; display: inline-block; font-style: normal; }\n\n .text-brand-primary { color: #125dff; }\n .text-brand-accent { color: #125dff; }\n .bg-brand-primary { background-color: #125dff; }\n #telelook-page-widget { font-family: inherit; background-color: transparent; }\n\n \/* Workflow Schritt-Nummern \u2013 flat *\/\n .step-number {\n width: 52px; height: 52px; border-radius: 50%;\n background-color: #125dff;\n color: white; font-size: 1.4rem; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n .step-connector {\n flex: 1; height: 2px;\n background: linear-gradient(90deg, #125dff 0%, #e2e8f0 100%);\n margin: 0 0.5rem; margin-top: -30px;\n }\n\n \/* Feature-Karten Media-Bereich *\/\n .feature-card { transition: border-color 0.2s ease; }\n .feature-card:hover { border-color: #125dff; }\n .feature-card .media-top {\n background: #f8fafc;\n border-bottom: 1px solid #e2e8f0;\n }\n .feature-card .media-top video,\n .feature-card .media-top img {\n width: 100%; display: block;\n }\n\n \/* Feature-Pill *\/\n .feature-pill {\n display: inline-flex; align-items: center; gap: 0.5rem;\n background: #f1f5f9; border: 1px solid #e2e8f0;\n border-radius: 9999px; padding: 0.4rem 0.85rem;\n font-size: 0.75rem; font-weight: 700; color: #475569;\n transition: border-color 0.2s;\n }\n .feature-pill:hover { border-color: #125dff; color: #125dff; }\n\n \/* Vorher\/Nachher *\/\n .vs-card-old { border-top: 4px solid #ef4444; }\n .vs-card-new { border-top: 4px solid #125dff; } \/* changed from green to brand blue for clean look *\/\n\n \/* Hochformat-Video *\/\n .video-portrait-wrapper {\n position: relative;\n width: 100%; max-width: 260px;\n margin: 0 auto;\n border-radius: 1.25rem; overflow: hidden;\n background: #f1f5f9;\n border: 1px solid #e2e8f0;\n }\n .video-portrait-wrapper video { width: 100%; display: block; }\n\n \/* \u2500\u2500 CTA BUTTONS (Mit Elementor-Schutz) \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;\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 <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n<div id=\"telelook-page-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\" aria-label=\"Seitennavigation\">\n <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\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=\"#workflow\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Workflow<\/a>\n <a href=\"#simplicity\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Smart Simplicity<\/a>\n <a href=\"#features\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Features<\/a>\n <a href=\"#usecases\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Anwendungsf\u00e4lle<\/a>\n <a href=\"#faq\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">FAQ<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n \n \n <section id=\"intro\" class=\"mb-20 mt-4\" aria-labelledby=\"hero-headline\">\n <div class=\"hero-section bg-gradient-to-br from-[#125dff] to-[#0a3dbf] rounded-2xl p-8 md:p-14 relative overflow-hidden\">\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 <div class=\"max-w-3xl relative z-10\">\n <span class=\"inline-block bg-white\/20 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-6 border border-white\/25\">\n tele-LOOK Funktionsweise & Feature-\u00dcberblick\n <\/span>\n <h1 id=\"hero-headline\" class=\"text-4xl md:text-5xl font-black text-white mb-6 leading-tight\">\n In unter 60 Sekunden mit dem Kunden verbunden\n <\/h1>\n <p class=\"text-lg text-blue-100 leading-relaxed mb-8\">\n <strong class=\"text-white\">Kein App-Download. Keine Registrierung. Keine IT-Abteilung.<\/strong> Mit <em class=\"text-white font-medium not-italic\">tele-LOOK Live-Video-Support<\/em> senden Sie dem Kunden einen SMS-Link \u2013 er klickt, die Live-Video-Verbindung startet sofort im Browser. Sehen. Verstehen. L\u00f6sen.\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\">\u2713 Kein App-Download<\/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\">\u2713 60 Sekunden bis Verbindung<\/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\">\u2713 DSGVO-konform<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section class=\"mb-16\" aria-labelledby=\"kpi-headline\">\n <div class=\"mb-8\">\n <h2 id=\"kpi-headline\" class=\"text-2xl font-bold text-slate-800\">Was tele-LOOK messbar ver\u00e4ndert<\/h2>\n <p class=\"text-slate-500 mt-1\">Durchschnittliche Werte aus dem Praxiseinsatz bei Kunden im Handwerk, Maschinenbau und Kundenservice.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">Reisekosten-Einsparung<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">-70%<\/div>\n <div class=\"text-sm text-slate-600\">Weniger Fahrtkosten durch Remote-Diagnose statt Vor-Ort-Einsatz.<\/div>\n <\/div>\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">Kundenzufriedenheit<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">5\/5<\/div>\n <div class=\"text-sm text-slate-600\">Durchschnittliche Bewertung von tele-LOOK-Nutzern in der Praxis.<\/div>\n <\/div>\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n <\/div>\n <div class=\"text-xs font-bold text-slate-400 uppercase tracking-wider mb-1\">Schnellere Falll\u00f6sung<\/div>\n <div class=\"text-4xl font-black text-brand-primary mb-2\">+40%<\/div>\n <div class=\"text-sm text-slate-600\">Servicef\u00e4lle werden durch visuelle Echtzeit-Diagnose deutlich schneller abgeschlossen.<\/div>\n <\/div>\n <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default\">\n <div class=\"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center text-brand-primary mb-4\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><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-400 uppercase tracking-wider mb-1\">Einsparung pro Anfahrt<\/div>\n <div class=\"text-4xl font-black text-slate-800 mb-2\">150 \u20ac<\/div>\n <div class=\"text-sm text-slate-600\">Direkt messbare Kosteneinsparung bei jeder vermiedenen Anfahrt.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mb-16\" aria-label=\"Vertrauenssignale\">\n <div class=\"border-y border-slate-100 py-8 my-4\">\n <p class=\"text-center text-xs font-bold text-slate-400 uppercase tracking-widest mb-6\">Warum tele-LOOK?<\/p>\n <div class=\"flex flex-wrap justify-center gap-x-10 gap-y-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">Made in Germany<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">DSGVO-konform<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" 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 <span class=\"text-sm font-bold text-slate-700\">Keine App n\u00f6tig<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 1.1-.9 2-2 2H6\"\/><path d=\"M14 14.66V17c0 1.1.9 2 2 2h2\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">Innovationspreis 2023<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-50 text-brand-primary flex items-center justify-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-bold text-slate-700\">Service Management Preis<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"workflow\" class=\"mb-16\" aria-labelledby=\"workflow-headline\">\n <div class=\"bg-white rounded-xl border border-slate-200 p-8 md:p-12\">\n <div class=\"mb-10 border-b border-slate-100 pb-6\">\n <h2 id=\"workflow-headline\" class=\"text-2xl font-bold text-slate-800\">Drei Klicks zum Ziel: Der tele-LOOK Workflow<\/h2>\n <p class=\"text-slate-600 mt-2\">So unkompliziert starten Sie den Video-Call \u2013 ohne Registrierung, ohne Account, ohne Wartezeit.<\/p>\n <\/div>\n\n <div class=\"flex flex-col lg:flex-row gap-12 items-start\">\n\n \n <div class=\"flex-1 w-full\">\n\n \n <div class=\"hidden md:flex items-start gap-0 mb-12\">\n <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n <div class=\"step-number mb-5\">1<\/div>\n <h3 class=\"font-black text-slate-800 text-base mb-2\">Link senden<\/h3>\n <p class=\"text-sm text-slate-500 leading-relaxed\">Sie senden dem Kunden per <strong>SMS direkt aus der tele-LOOK Oberfl\u00e4che<\/strong> einen individuellen Zugangs-Link. Kein Kopieren, kein Eintippen.<\/p>\n <\/div>\n <div class=\"step-connector mt-6\"><\/div>\n <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n <div class=\"step-number mb-5\">2<\/div>\n <h3 class=\"font-black text-slate-800 text-base mb-2\">Kunde klickt<\/h3>\n <p class=\"text-sm text-slate-500 leading-relaxed\"><strong>Keine App, keine ID.<\/strong> Ein Klick \u2013 und die verschl\u00fcsselte Verbindung startet direkt im Browser des Smartphones.<\/p>\n <\/div>\n <div class=\"step-connector mt-6\"><\/div>\n <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n <div class=\"step-number mb-5\">3<\/div>\n <h3 class=\"font-black text-slate-800 text-base mb-2\">Problem sehen & l\u00f6sen<\/h3>\n <p class=\"text-sm text-slate-500 leading-relaxed\">Sie sehen live durch die Kamera des Kunden, <strong>markieren mit dem tele-Punkt<\/strong>, blenden Dokumente ein und l\u00f6sen den Fall in Minuten.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"md:hidden space-y-4 mb-10\">\n <div class=\"flex items-start gap-4 bg-slate-50 rounded-xl p-5 border border-slate-200\">\n <div class=\"step-number flex-shrink-0\">1<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 mb-1\">Link senden<\/h3>\n <p class=\"text-sm text-slate-500\">Per SMS direkt aus tele-LOOK \u2013 individueller Zugangs-Link, sofort generiert.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 bg-slate-50 rounded-xl p-5 border border-slate-200\">\n <div class=\"step-number flex-shrink-0\">2<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 mb-1\">Kunde klickt<\/h3>\n <p class=\"text-sm text-slate-500\">Kein Download, kein Login \u2013 Video startet direkt im Browser des Smartphones.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4 bg-slate-50 rounded-xl p-5 border border-slate-200\">\n <div class=\"step-number flex-shrink-0\">3<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 mb-1\">Problem sehen & l\u00f6sen<\/h3>\n <p class=\"text-sm text-slate-500\">Live durch die Kamera des Kunden \u2013 tele-Punkt, Dokumente einblenden, Fall l\u00f6sen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div>\n <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest mb-4\">App-M\u00fcdigkeit war gestern<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div class=\"vs-card-old bg-red-50 rounded-xl p-5 border border-red-100\">\n <p class=\"font-black text-red-500 text-xs uppercase tracking-wider mb-3\">\u274c Mit App (g\u00e4ngige L\u00f6sungen)<\/p>\n <ol class=\"space-y-1.5 text-sm text-slate-600 list-decimal pl-4\">\n <li>Kunde soll App herunterladen<\/li>\n <li>Konto anlegen & verifizieren<\/li>\n <li>Ger\u00e4teberechtigung erteilen<\/li>\n <li>Technische Probleme beim Start<\/li>\n <li>Kunde frustriert \u2013 Call scheitert<\/li>\n <\/ol>\n <p class=\"text-xs text-red-500 font-bold mt-3\">\u23f1 8\u201312 Min. bis zur Verbindung \u2013 wenn \u00fcberhaupt<\/p>\n <\/div>\n <div class=\"vs-card-new bg-blue-50 rounded-xl p-5 border border-blue-100\">\n <p class=\"font-black text-brand-primary text-xs uppercase tracking-wider mb-3\">\u2705 Mit tele-LOOK (browserbasiert)<\/p>\n <ol class=\"space-y-1.5 text-sm text-slate-600 list-decimal pl-4\">\n <li>Kunde erh\u00e4lt SMS-Link<\/li>\n <li>Kunde klickt auf den Link<\/li>\n <li>Video startet im Browser<\/li>\n <li>Keine Installation, kein Login<\/li>\n <li>Sofortige Hilfe & Effizienz<\/li>\n <\/ol>\n <p class=\"text-xs text-brand-primary font-bold mt-3\">\u26a1 Unter 60 Sek. bis zur Live-Verbindung<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full lg:w-auto lg:flex-shrink-0 flex flex-col items-center gap-4\">\n <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest text-center\">So sieht es der Kunde<\/p>\n <div class=\"video-portrait-wrapper\">\n <video\n autoplay loop muted playsinline preload=\"metadata\"\n aria-label=\"tele-LOOK Video-Call aus Sicht des Service-Nehmers (Kunden)\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/11\/tele-LOOK-Video-Call-Service-Nehmer-900-x-1600-px.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <p class=\"text-xs text-slate-400 text-center max-w-[200px] leading-relaxed\">Smartphone-Ansicht des Kunden \u2013 ein Klick, sofort verbunden<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"simplicity\" class=\"mb-16 bg-slate-50 border-y border-slate-200 py-16\" aria-labelledby=\"simplicity-headline\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n <div class=\"text-center mb-12\">\n <span class=\"inline-block bg-blue-100 text-brand-primary text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-4\">Designprinzip Smart Simplicity<\/span>\n <h2 id=\"simplicity-headline\" 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\">\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 <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card text-center\">\n <div class=\"w-14 h-14 rounded-full bg-blue-50 text-brand-primary 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\"><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-xs leading-relaxed\">\n Wir verzichten auf unz\u00e4hlige Untermen\u00fcs. Eine extrem flache Lernkurve garantiert, dass jeder Mitarbeiter und Kunde das Tool sofort und ohne Schulung bedienen kann.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card text-center\">\n <div class=\"w-14 h-14 rounded-full bg-blue-50 text-brand-primary 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\"><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\">Kostentransparenz & Nachweise<\/h3>\n <p class=\"text-slate-500 text-xs leading-relaxed\">\n Absolute Klarheit f\u00fcr Ihr Controlling: Monatliche Verbindungsnachweise und detaillierte Service-Protokolle belegen Ihren ROI und erleichtern die Abrechnung.\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl p-8 border border-slate-200 card text-center\">\n <div class=\"w-14 h-14 rounded-full bg-blue-50 text-brand-primary 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=\"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\">Einfach Standalone & API<\/h3>\n <p class=\"text-slate-500 text-xs leading-relaxed\">\n tele-LOOK ist out-of-the-box einsatzbereit. Falls Sie f\u00fcr komplexe Service-Strukturen dennoch eine API-Anbindung an Ihr CRM w\u00fcnschen, kl\u00e4ren wir das individuell.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"features\" class=\"mb-16 px-4 sm:px-6 max-w-6xl mx-auto\" aria-labelledby=\"features-headline\">\n <div class=\"mb-10 text-center\">\n <h2 id=\"features-headline\" class=\"text-2xl font-bold text-slate-800\">Die vier Kernfunktionen im Detail<\/h2>\n <p class=\"text-slate-600 mt-2\">Genau die Werkzeuge, die in 95 % aller Servicef\u00e4lle gebraucht werden.<\/p>\n <\/div>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-10\">\n <div class=\"flex flex-col md:flex-row\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <video\n autoplay loop muted playsinline preload=\"metadata\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n aria-label=\"tele-Punkt Live-Zeiger Demo\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/11\/tele-PUNKT.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"M22 14a8 8 0 0 1-8 8\"\/><path d=\"M18 11v-1a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"\/><path d=\"M14 10V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1\"\/><path d=\"M10 9.5V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v10\"\/><path d=\"M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.82-2.32l-5.18-5.67a2 2 0 0 1 2.83-2.83l1.42 1.42L6 9.5\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 1<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">tele-Punkt \u2013 der Live-Zeiger<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-6 text-sm\">\n Zeigen Sie wie mit dem Finger direkt auf Details im Live-Bild. <strong>Der tele-Punkt erscheint in Echtzeit auf dem Smartphone-Display des Kunden<\/strong> \u2013 pr\u00e4ziser als jede verbale Beschreibung. Kein Missverst\u00e4ndnis, keine Zeitverschwendung.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\ud83c\udfaf Live-Annotation<\/span>\n <span class=\"feature-pill\">\ud83d\udccd Pr\u00e4zise F\u00fchrung<\/span>\n <span class=\"feature-pill\">\u26a1 Echtzeit<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-10\">\n <div class=\"flex flex-col md:flex-row-reverse\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/Live-Video-Support-Bilder-in-HD-Qualitaet-768x432.png\"\n alt=\"tele-LOOK HD-Fotos: Hochaufl\u00f6sende Bilder w\u00e4hrend des Live-Video-Calls erstellen\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n loading=\"lazy\" width=\"768\" height=\"432\">\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"\/><circle cx=\"12\" cy=\"13\" r=\"3\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 2<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">HD-Fotos per Mausklick<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-6 text-sm\">\n W\u00e4hrend des Live-Calls erstellen Sie per Mausklick <strong>hochaufl\u00f6sende Fotos der Situation vor Ort<\/strong>. Fotos werden mit Zeitstempel automatisch im Session-Protokoll gespeichert \u2013 als Dokumentation, Nachweis und Grundlage zur Ersatzteilidentifikation.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\ud83d\uddbc\ufe0f HD-Qualit\u00e4t<\/span>\n <span class=\"feature-pill\">\ud83d\udd50 Zeitstempel<\/span>\n <span class=\"feature-pill\">\ud83d\udd29 Ersatzteil-Grundlage<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-10\">\n <div class=\"flex flex-col md:flex-row\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/02\/tele-LOOK-Screensharing-768x432.png\"\n alt=\"tele-LOOK Screensharing: Technische Zeichnungen und Dokumente in den Live-Video-Call einblenden\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n loading=\"lazy\" width=\"768\" height=\"432\">\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/svg>\n <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 3<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">Screensharing & Dokumente<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-6 text-sm\">\n Blenden Sie <strong>technische Zeichnungen, Schaltpl\u00e4ne, Handb\u00fccher oder Montageanleitungen<\/strong> direkt vom Desktop auf das Smartphone des Kunden ein \u2013 ohne Datei\u00fcbertragung, in Echtzeit sichtbar f\u00fcr beide Seiten.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\ud83d\udcd0 Schaltpl\u00e4ne<\/span>\n <span class=\"feature-pill\">\ud83d\udccb Anleitungen<\/span>\n <span class=\"feature-pill\">\ud83d\udd04 Echtzeit<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"feature-card bg-white rounded-xl border border-slate-200 overflow-hidden mb-4\">\n <div class=\"flex flex-col md:flex-row-reverse\">\n <div class=\"media-top md:w-2\/5 flex-shrink-0\">\n <video\n autoplay loop muted playsinline preload=\"metadata\"\n class=\"w-full h-full object-cover\"\n style=\"min-height: 260px;\"\n aria-label=\"tele-LOOK Service-Protokoll Demo\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/tele-LOOK_Service-Protokoll.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <div class=\"flex-1 p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center flex-shrink-0\">\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=\"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 <\/div>\n <div>\n <span class=\"text-xs font-black text-slate-400 uppercase tracking-widest\">Funktion 4<\/span>\n <h3 class=\"font-black text-slate-800 text-xl\">Service-Protokoll & Nachweise<\/h3>\n <\/div>\n <\/div>\n <p class=\"text-slate-600 leading-relaxed mb-5 text-sm\">\n Jede Session erzeugt automatisch ein <strong>digitales Service-Protokoll<\/strong> mit Zeitstempel, HD-Fotos, Notizen und optionaler Kundenunterschrift. Dient als Rechnungsgrundlage, Ersatzteilnachweis und l\u00fcckenlose Falldokumentation.\n <\/p>\n <ul class=\"space-y-2 text-sm text-slate-600 mb-6\">\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Zeitstempel & Gespr\u00e4chsdauer<\/li>\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Techniker-Notizen & Fehlerbeschreibung<\/li>\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Identifiziertes Ersatzteil & Bestellbedarf<\/li>\n <li class=\"flex items-center gap-2.5\"><span class=\"text-brand-primary font-black\">\u2713<\/span> Optionale digitale Kundenunterschrift<\/li>\n <\/ul>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"feature-pill\">\u270d\ufe0f Kundenunterschrift<\/span>\n <span class=\"feature-pill\">\ud83d\udcb6 Rechnungsbasis<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n \n <div class=\"mt-8 bg-slate-50 border border-slate-200 rounded-xl p-6 flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 bg-blue-100 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\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>\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-1\">Weiterf\u00fchrender Artikel<\/p>\n <h3 class=\"font-black text-slate-800 text-base mb-1\">Fuhrparkmanagement & Kundendienst-Software<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed\">\n Wie tele-LOOK Fahrzeuge im Au\u00dfendienst einspart, Routen optimiert und Kundendienst-Kosten strukturell senkt \u2013 mit konkreten Zahlen und Praxisbeispielen.\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.tele-look.com\/web\/fuhrparkmanagement-kundendienst-software\/\"\n target=\"_blank\" rel=\"noopener\"\n class=\"flex-shrink-0 inline-block bg-white text-brand-primary border border-brand-primary font-bold py-3 px-6 rounded-lg hover:bg-blue-50 transition-colors text-sm text-center whitespace-nowrap\">\n Artikel lesen \u2192\n <\/a>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"usecases\" class=\"mb-16 px-4 sm:px-6 max-w-6xl mx-auto\" aria-labelledby=\"usecases-headline\">\n <div class=\"mb-8\">\n <h2 id=\"usecases-headline\" class=\"text-2xl font-bold text-slate-800\">Flexible Anwendungsf\u00e4lle \u2013 eine Software, viele Szenarien<\/h2>\n <p class=\"text-slate-600 mt-2\">tele-LOOK optimiert Prozesse \u00fcberall dort, wo ein Blick aus der Ferne entscheidend ist.<\/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 flex-wrap border-b border-slate-200 bg-slate-50\" role=\"tablist\" aria-label=\"Anwendungsf\u00e4lle\">\n <button class=\"tab-btn active flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"true\" aria-controls=\"content-support\"\n onclick=\"switchTab('support')\">\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 Technischer Support\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"false\" aria-controls=\"content-schaden\"\n onclick=\"switchTab('schaden')\">\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=\"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 Schadensmanagement\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"false\" aria-controls=\"content-vertrieb\"\n onclick=\"switchTab('vertrieb')\">\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=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n Vertrieb & Beratung\n <\/button>\n <button class=\"tab-btn inactive flex-1 py-4 px-4 text-center font-bold text-sm focus:outline-none flex items-center justify-center gap-2\"\n role=\"tab\" aria-selected=\"false\" aria-controls=\"content-schulung\"\n onclick=\"switchTab('schulung')\">\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 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n Team & Schulung\n <\/button>\n <\/div>\n\n <div class=\"p-8\">\n\n <div id=\"content-support\" class=\"tab-content block\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Technischer Support & Kundenservice<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Qualifizieren Sie Supportf\u00e4lle in Sekunden. Mit dem Live-Video sehen Sie sofort, ob es sich um einen <strong>Anwenderfehler oder einen echten Defekt<\/strong> handelt \u2013 und entscheiden gezielt: remote l\u00f6sen oder Techniker schicken.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Erstl\u00f6sungsquote steigern:<\/strong> Weniger Zweitanfahrten durch pr\u00e4zise Erstdiagnose per Video<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Guided Self-Service:<\/strong> Kunden bei einfachen Problemen visuell anleiten \u2013 statt Techniker zu schicken<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Ersatzteil-Identifikation:<\/strong> Defektes Bauteil remote bestimmen und bestellen \u2013 Anfahrt erst zum Einbau<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Typisches Szenario<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed\">\n Heizungsanlage streikt. Fr\u00fcher: Techniker f\u00e4hrt hin, schaut, f\u00e4hrt zur\u00fcck, bestellt Teil, zweite Anfahrt. <strong>Heute: 8 Minuten Video-Call, Fehler erkannt, Teil bestellt, einmalige Anfahrt zum Einbau.<\/strong> Zwei Stunden und 150 \u20ac gespart.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"content-schaden\" class=\"tab-content hidden\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Schadens- & Qualit\u00e4tsmanagement<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Sch\u00e4den, M\u00e4ngel und Qualit\u00e4tsprobleme visuell dokumentieren \u2013 <strong>direkt per Live-Video<\/strong>, ohne Gutachter vor Ort.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Schadensdokumentation:<\/strong> HD-Fotos mit Zeitstempel \u2013 l\u00fcckenlos und nachweisf\u00e4hig<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Versicherungsbranche:<\/strong> Sch\u00e4den remote begutachten, Erstattung beschleunigen<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Abnahmen:<\/strong> Bauabnahmen und Qualit\u00e4tskontrollen remote durchf\u00fchren<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Typisches Szenario<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed\">\n Wasserschaden gemeldet. <strong>Video-Besichtigung in 15 Minuten, HD-Fotos protokolliert, Schadensh\u00f6he eingesch\u00e4tzt, Erstattung eingeleitet<\/strong> \u2013 ohne Anfahrt des Gutachters.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"content-vertrieb\" class=\"tab-content hidden\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Vertrieb im Au\u00dfendienst & Erstberatung<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Au\u00dfendienstmitarbeiter <strong>qualifizieren den Bedarf visuell vor der Anfahrt<\/strong>. Kein Leerfahrt, kein falsch dimensioniertes Angebot.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Auftragsvorbereitung:<\/strong> Situation vorab sehen \u2013 mit den richtigen Materialien und Werkzeugen anreisen<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Angebotserstellung:<\/strong> Exakte Aufma\u00dfe und Situationsfotos f\u00fcr pr\u00e4zise Angebote<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Schnellere Abschl\u00fcsse:<\/strong> Sofortige Unterst\u00fctzung st\u00e4rkt das Kundenvertrauen<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Typisches Szenario<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed\">\n Kunde fragt nach neuem Heizsystem. <strong>10-min\u00fctiger Video-Call, Heizungsraum gesehen, Ma\u00dfe aufgenommen, passgenaues Angebot noch am selben Tag<\/strong> \u2013 ohne Erstbegehung. Wettbewerber braucht daf\u00fcr drei Tage.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"content-schulung\" class=\"tab-content hidden\" role=\"tabpanel\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-slate-800 mb-4\">Team-Kollaboration & Remote Mentoring<\/h3>\n <p class=\"text-slate-700 mb-5 text-sm\">Erfahrene Meister leiten Azubis und Nachwuchstechniker <strong>visuell an \u2013 ohne selbst hinzufahren<\/strong>. Ein Experte betreut mehrere Standorte gleichzeitig.<\/p>\n <ul class=\"space-y-3\">\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Training on the Job:<\/strong> Azubi zeigt per Smartphone \u2013 Meister sieht, erkl\u00e4rt, f\u00fchrt an<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Vier-Augen-Prinzip:<\/strong> Sicherheitskritische Arbeiten unter Live-Aufsicht \u2013 ohne zweiten Techniker vor Ort<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span>\n <span class=\"text-sm text-slate-700\"><strong>Wissenstransfer:<\/strong> Protokoll als Ausbildungsnachweis und interne Wissensdatenbank<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"flex-1 bg-slate-50 rounded-xl p-6 border border-slate-200\">\n <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-3\">Mehr erfahren<\/p>\n <p class=\"text-sm text-slate-700 leading-relaxed mb-4\">\n Vollst\u00e4ndiger Remote-Mentoring-Leitfaden mit Stay-Active & Re-Active Strategie gegen Fachkr\u00e4ftemangel:\n <\/p>\n <a href=\"https:\/\/www.tele-look.com\/web\/fernunterstuetzung-mitarbeiter\/\"\n class=\"inline-flex items-center gap-2 bg-[#125dff] text-white font-bold text-sm py-2.5 px-5 rounded-lg hover:bg-blue-700 transition-colors\">\n Remote Mentoring \u2013 Seite ansehen \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"roadmap\" class=\"mb-16 max-w-5xl mx-auto px-4 sm:px-6\" aria-labelledby=\"roadmap-headline\">\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 id=\"roadmap-headline\" class=\"text-3xl font-black text-slate-800 mb-4\">So starten Sie mit tele-LOOK<\/h2>\n <p class=\"text-slate-600 font-light\">Kein IT-Projekt, keine Schulungswochen. Von der Anmeldung zum ersten Live-Call in unter einem Werktag.<\/p>\n <\/div>\n\n <div class=\"max-w-2xl mx-auto relative pl-6 md:pl-10\">\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-100 text-brand-primary font-black text-sm flex-shrink-0\">1<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Lizenz buchen \u2013 Freischaltung in ~1 Werktag<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Sie buchen online \u2013 kein Vertriebsgespr\u00e4ch n\u00f6tig. Ihr Account wird <strong>innerhalb eines Werktages freigeschaltet<\/strong>, inklusive Benutzerhandbuch f\u00fcr den sofortigen Einstieg.\n <\/p>\n <\/div>\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-100 text-brand-primary font-black text-sm flex-shrink-0\">2<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Ersten SMS-Link senden \u2013 intern testen<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Senden Sie den ersten Link an einen Kollegen. <strong>In unter 60 Sekunden<\/strong> sehen Sie, was er sieht \u2013 tele-Punkt ausprobieren, Foto machen, Protokoll ansehen. Kein Tutorial n\u00f6tig.\n <\/p>\n <\/div>\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-100 text-brand-primary font-black text-sm flex-shrink-0\">3<\/span>\n <h3 class=\"text-xl font-bold text-slate-800\">Workflow im Team etablieren<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n Legen Sie intern fest: <strong>Erst Video-Call, dann Entscheidung ob Anfahrt n\u00f6tig.<\/strong> Einfache Regel, sofortige Wirkung. Das Team \u00fcberzeugt sich beim ersten gel\u00f6sten Fall selbst.\n <\/p>\n <\/div>\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\">ROI messen & skalieren<\/h3>\n <\/div>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-4 pl-11\">\n Die monatlichen Service-Protokolle liefern automatisch die Datenbasis: <strong>wie viele F\u00e4lle remote gel\u00f6st, wie viele Anfahrten vermieden, wie viele Stunden gespart.<\/strong>\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>\n ROI sofort berechnen\n <\/p>\n <p class=\"text-slate-600 text-xs leading-relaxed mt-1\">\n Unser Online-Rechner zeigt Ihnen in 2 Minuten, wie viel Sie monatlich einsparen.\n <a href=\"https:\/\/www.tele-look.com\/web\/roi-rechner\/\"\n target=\"_blank\" rel=\"noopener\"\n class=\"text-brand-primary font-bold underline ml-1 hover:text-blue-800 transition-colors\">\n ROI-Rechner \u00f6ffnen \u2192\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"faq\" class=\"mb-16 max-w-4xl mx-auto px-4 sm:px-6\" aria-labelledby=\"faq-headline\">\n <div class=\"mb-8 text-center\">\n <h2 id=\"faq-headline\" class=\"text-2xl font-bold text-slate-800\">H\u00e4ufige Fragen zur Funktionsweise<\/h2>\n <p class=\"text-slate-600 mt-1\">Die wichtigsten technischen und organisatorischen Fragen \u2013 direkt beantwortet.<\/p>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-slate-200 divide-y divide-slate-100 overflow-hidden\"\n itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Braucht mein Kunde wirklich keine App?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Nein, absolut nicht. Ihr Kunde klickt nur auf einen Link und die Video\u00fcbertragung startet direkt im Webbrowser. <strong>Keine Installation, kein Konto, kein technisches Wissen n\u00f6tig.<\/strong> Gerade in Stresssituationen \u2013 wenn eine Anlage steht \u2013 ist das entscheidend.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Auf welchen Ger\u00e4ten funktioniert tele-LOOK?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Auf allen g\u00e4ngigen Smartphones (iOS & Android), Tablets und PCs mit modernem Browser. <strong>Servicegeber am PC, Kunde am Smartphone<\/strong> \u2013 keine Mindestanforderungen.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Funktioniert tele-LOOK auch bei schlechter Internetverbindung?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Ja. tele-LOOK passt die Videoqualit\u00e4t <strong>automatisch an die verf\u00fcgbare Bandbreite an<\/strong>. Auch bei schwachem Mobilfunksignal auf Baustellen ist in der Regel eine stabile Verbindung m\u00f6glich.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">M\u00fcssen wir tele-LOOK in CRM oder ERP integrieren?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Nein, eine Integration ist <strong>keine Voraussetzung<\/strong>. tele-LOOK ist sofort out-of-the-box als Standalone-L\u00f6sung einsatzbereit. API-Schnittstellen f\u00fcr CRM, CAFM und ERP stehen optional zur Verf\u00fcgung und k\u00f6nnen auf individuelle Anfrage realisiert werden.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Wie schnell rechnet sich tele-LOOK?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Typischerweise binnen weniger Wochen. <strong>Bereits eine vermiedene Anfahrt pro Tag spart rund 150 \u20ac<\/strong> \u2013 bei 20 Arbeitstagen \u00fcber 3.000 \u20ac monatliche Einsparung. Unser <a href=\"https:\/\/www.tele-look.com\/web\/roi-rechner\/\" target=\"_blank\" rel=\"noopener\" class=\"text-brand-primary underline font-bold\">ROI-Rechner<\/a> zeigt die genauen Zahlen.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Was passiert mit den Daten nach einem Service-Call?<\/span>\n <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n <\/button>\n <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n Alle Daten werden <strong>DSGVO-konform auf deutschen Servern gespeichert<\/strong>. Fotos, Notizen und Protokolle sind im Dashboard abrufbar und exportierbar. Dritte haben keinen Zugriff.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n \n \n <section id=\"cta\" class=\"mb-8\" aria-labelledby=\"cta-headline\">\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-[#0a3dbf] rounded-t-2xl\"><\/div>\n\n <h2 id=\"cta-headline\" class=\"text-3xl font-black text-slate-800 mb-4 mt-2\">\n Bereit, tele-LOOK selbst zu erleben?\n <\/h2>\n <p class=\"text-lg text-slate-600 mb-10 max-w-2xl mx-auto\">\n Sehen Sie live, wie einfach der erste Video-Call funktioniert \u2013 ob in der kostenlosen Demo oder direkt mit einer 14-Tage-Testlizenz.\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 <div class=\"flex-1 bg-white p-8 rounded-xl border border-slate-200 flex flex-col justify-between hover:border-[#125dff] transition-colors group\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-[#125dff] 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 Live-Demo mit einem unserer Experten \u2013 30 Minuten, direkt am Praxis-Beispiel aus Ihrer Branche.\n <\/p>\n <\/div>\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-block w-full bg-white border-2 border-[#125dff] text-[#125dff] font-bold py-3.5 px-6 rounded-lg hover:bg-blue-50 transition-colors text-center !important\">\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 <div class=\"flex-1 bg-white p-8 rounded-xl border border-[#125dff]\/30 flex flex-col justify-between hover:border-[#125dff] transition-colors group\">\n <div>\n <div class=\"w-14 h-14 bg-blue-50 text-[#125dff] 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 <strong>14 Tage kostenlos<\/strong>.\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-[#125dff] text-base leading-none\">\u2713<\/span>\n <span>Freischaltung in <strong>rd. einem Werktag<\/strong>.<\/span>\n <\/p>\n <p class=\"flex items-start gap-2\">\n <span class=\"text-[#125dff] text-base leading-none\">\u2713<\/span>\n <span>Inkl. <strong>Benutzerhandbuch<\/strong> f\u00fcr den schnellen Einstieg.<\/span>\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-block w-full bg-[#125dff] text-white font-bold py-3.5 px-6 rounded-lg hover:bg-[#0a4dd4] transition-colors text-center !important\">\n 14 Tage kostenlos testen\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n function switchTab(tabId) {\n document.querySelectorAll('.tab-content').forEach(c => { c.classList.remove('block'); c.classList.add('hidden'); });\n document.querySelectorAll('.tab-btn').forEach(b => {\n b.classList.remove('active'); b.classList.add('inactive');\n b.setAttribute('aria-selected', 'false');\n });\n document.getElementById('content-' + tabId).classList.remove('hidden');\n document.getElementById('content-' + tabId).classList.add('block');\n const activeBtn = document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`);\n activeBtn.classList.remove('inactive');\n activeBtn.classList.add('active');\n activeBtn.setAttribute('aria-selected', 'true');\n }\n\n function toggleFaq(button) {\n const item = button.parentElement;\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item').forEach(i => {\n i.classList.remove('open');\n i.querySelector('button').setAttribute('aria-expanded', 'false');\n });\n if (!isOpen) {\n item.classList.add('open');\n button.setAttribute('aria-expanded', 'true');\n }\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>Funktionsweise tele-LOOK: In 60 Sekunden verbunden | Live-Video-Support Einf\u00fchrung Workflow Smart Simplicity Features Anwendungsf\u00e4lle FAQ tele-LOOK Funktionsweise & Feature-\u00dcberblick In unter 60 Sekunden mit dem Kunden verbunden Kein App-Download. Keine Registrierung. Keine IT-Abteilung. Mit tele-LOOK Live-Video-Support senden Sie dem Kunden einen SMS-Link \u2013 er klickt, die Live-Video-Verbindung startet sofort im Browser. Sehen. Verstehen. L\u00f6sen. \u2713 […]<\/p>\n","protected":false},"author":1,"featured_media":14892,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/72","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=72"}],"version-history":[{"count":306,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":15495,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/72\/revisions\/15495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media\/14892"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}