{"id":13874,"date":"2025-11-20T12:28:43","date_gmt":"2025-11-20T11:28:43","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=13874"},"modified":"2026-03-12T20:54:28","modified_gmt":"2026-03-12T19:54:28","slug":"fernunterstuetzung-mitarbeiter","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/fernunterstuetzung-mitarbeiter\/","title":{"rendered":"Fernunterst\u00fctzung Mitarbeiter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13874\" class=\"elementor elementor-13874\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c46f388 e-flex e-con-boxed e-con e-parent\" data-id=\"c46f388\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7352080 elementor-widget elementor-widget-html\" data-id=\"7352080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Remote Mentoring & Fernunterst\u00fctzung Mitarbeiter | tele-LOOK Live-Video-Support<\/title>\n    <meta name=\"description\" content=\"Erfahrene Meister leiten Azubis & Techniker per Live-Video-Support an \u2013 standortunabh\u00e4ngig, ohne App. Fachkr\u00e4ftemangel \u00fcberbr\u00fccken & Einarbeitungszeit halbieren. Jetzt kostenlos testen.\">\n\n    <!-- Open Graph (LinkedIn, XING) -->\n    <meta property=\"og:title\"       content=\"Remote Mentoring f\u00fcr Handwerk & Maschinenbau | tele-LOOK\" \/>\n    <meta property=\"og:description\" content=\"Erfahrene Meister leiten Azubis & Techniker per Live-Video an \u2013 ohne App, ohne Anfahrt. Wissenstransfer digital skalieren.\" \/>\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\/fernunterstuetzung-mitarbeiter\/\" \/>\n    <meta property=\"og:type\"        content=\"article\" \/>\n\n    <!-- Schema.org: Article (SEO Structured Data) -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Article\",\n      \"headline\": \"Remote Mentoring & Fernunterst\u00fctzung f\u00fcr Mitarbeiter im Handwerk und Maschinenbau\",\n      \"description\": \"Erfahrene Meister leiten Azubis und Techniker per Live-Video-Support an \u2013 standortunabh\u00e4ngig, ohne App-Installation. Fachkr\u00e4ftemangel \u00fcberbr\u00fccken und Einarbeitungszeit halbieren.\",\n      \"author\": {\n        \"@type\": \"Organization\",\n        \"name\": \"tele-LOOK\",\n        \"url\": \"https:\/\/www.tele-look.com\"\n      },\n      \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"tele-LOOK\",\n        \"logo\": {\n          \"@type\": \"ImageObject\",\n          \"url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/tele-look-logo.png\"\n        }\n      },\n      \"datePublished\": \"2026-03-11\",\n      \"dateModified\": \"2026-03-11\",\n      \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\/\/www.tele-look.com\/web\/fernunterstuetzung-mitarbeiter\/\"\n      }\n    }\n    <\/script>\n\n    <!-- Schema.org: FAQPage (SEO Structured Data \u2013 FAQ Rich Snippets) -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Welche Voraussetzungen gelten f\u00fcr die Smartphones der Auszubildenden?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Es wird lediglich ein aktuelles Smartphone (iOS oder Android) mit einer funktionierenden Kamera und einer stabilen Internetverbindung (WLAN oder mobiles Netz) ben\u00f6tigt. Keine spezielle Hardware, keine Vorabinvestition. Der Azubi empf\u00e4ngt einfach einen SMS-Link und tippt darauf \u2013 fertig.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Ist eine App-Installation auf den mobilen Ger\u00e4ten zwingend notwendig?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Nein. tele-LOOK funktioniert vollst\u00e4ndig browserbasiert \u2013 der Azubi muss nichts installieren oder herunterladen. F\u00fcr Betriebe, die einen App-Workflow bevorzugen, steht optional auch eine iOS\/Android-App zur Verf\u00fcgung.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Werden die Video-Sitzungen zu Schulungszwecken aufgezeichnet?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Nein, es steht keine Aufzeichnungsfunktion zur Verf\u00fcgung. Sie k\u00f6nnen jedoch externe Tools zur Aufzeichnung nutzen. Aufzeichnungen k\u00f6nnen intern als Schulungsmaterial weiterverwendet werden. Alle Beteiligten m\u00fcssen der Aufzeichnung zustimmen. tele-LOOK ist vollst\u00e4ndig DSGVO-konform und speichert Daten ausschlie\u00dflich auf deutschen Servern.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Kann ein Meister mehrere Azubis gleichzeitig betreuen?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Ein Experte kann problemlos 4\u20136 Nachwuchskr\u00e4fte an einem Tag remote begleiten \u2013 an verschiedenen Standorten, ohne einen einzigen Kilometer zu fahren. Die Sessions werden sequenziell durchgef\u00fchrt, da die meisten Unterst\u00fctzungs-Sessions nur wenige Minuten dauern.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Wie sicher ist die Verbindung \u2013 k\u00f6nnen Dritte mith\u00f6ren oder zuschauen?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Alle Video-Verbindungen sind Ende-zu-Ende verschl\u00fcsselt. Dritte k\u00f6nnen nicht auf die Verbindung zugreifen. tele-LOOK ist DSGVO-konform, wird in Deutschland gehostet und entspricht den Anforderungen an professionelle Unternehmenskommunikation.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #0f172a; }\n\n        \/* Kein Schatten irgendwo \u2013 reines Flat Design *\/\n        * { box-shadow: none !important; }\n\n        \/* Hero: Diagonaler Schnitt *\/\n        .hero-section { position: relative; overflow: visible; }\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-Karten Hover *\/\n        .kpi-card { transition: border-color 0.2s ease; }\n        .kpi-card:hover { border-color: #125dff; }\n\n        \/* CTA Dot-Grid *\/\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        \/* Roadmap Timeline *\/\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        \/* Tab-Navigation *\/\n        .tab-btn { transition: all 0.2s ease-in-out !important; background-color: transparent !important; border: none !important; border-bottom: 3px solid transparent !important; }\n        .tab-btn.active  { color: #125dff !important; border-bottom-color: #125dff !important; }\n        .tab-btn.inactive { color: #64748b !important; }\n        .tab-btn.inactive:hover { color: #125dff !important; }\n\n        .text-brand-primary { color: #125dff; }\n        .bg-brand-primary   { background-color: #125dff; }\n\n        #telelook-page-widget { font-family: inherit; background-color: transparent; }\n\n        \/* Tab fade-in *\/\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        \/* FAQ Akkordeon (Mit Elementor-Schutz) *\/\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        \/* \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; border: none !important;\n        }\n        .btn-primary:hover { background: #0a4dd4 !important; transform: translateY(-1px) !important; }\n\n        .btn-secondary {\n            display: inline-block !important;\n            background: transparent !important; color: #125dff !important;\n            border: 2px solid #125dff !important;\n            font-weight: 700 !important; font-size: 0.95rem !important;\n            padding: 0.85rem 2rem !important; border-radius: 0.75rem !important;\n            transition: background 0.2s, transform 0.15s !important;\n            text-align: center !important;\n        }\n        .btn-secondary:hover { background: #eef3ff !important; transform: translateY(-1px) !important; }\n    <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- BEGINN EINBETTBARER BEREICH \u2013 als HTML-Block in WordPress einf\u00fcgen  -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"telelook-page-widget\" class=\"w-full max-w-7xl mx-auto px-0 sm:px-4 py-4\">\n\n    <!-- \u2500\u2500 NAVIGATION \u2500\u2500 -->\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            <span class=\"text-xl tracking-tight text-brand-primary font-bold\"><\/span>\n            <div class=\"flex items-center space-x-4 md:space-x-6 flex-wrap justify-center\">\n                <a href=\"#intro\"    class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Einf\u00fchrung<\/a>\n                <a href=\"#nutzen\"   class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Nutzen & Einsatz<\/a>\n                <a href=\"#usecases\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Praxis-Beispiele<\/a>\n                <a href=\"#roadmap\"  class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">So starten Sie<\/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    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- HERO                                                           -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section 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\n            <div class=\"max-w-3xl relative z-10\">\n                <span class=\"inline-block bg-white\/20 border border-white\/25 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-6\">\n                    Remote Mentoring & Mitarbeiter-Support\n                <\/span>\n                <h1 id=\"hero-headline\" class=\"text-4xl md:text-5xl font-black text-white mb-6 leading-tight\">\n                    Fernunterst\u00fctzung f\u00fcr Mitarbeiter: Wissen transferieren \u2013 ohne Anfahrt\n                <\/h1>\n                <p class=\"text-lg text-blue-100 leading-relaxed mb-8\">\n                    <strong class=\"text-white\">Fachkr\u00e4ftemangel im Handwerk und Maschinenbau<\/strong> ist real. Doch erfahrene Meister und Experten m\u00fcssen nicht mehr f\u00fcr jede Frage ins Auto steigen. Mit <em class=\"text-white font-medium not-italic\">tele-LOOK Live-Video-Support<\/em> leiten Sie Azubis, Nachwuchstechniker und Quereinsteiger direkt vor Ort an \u2013 als st\u00fcnden Sie daneben.\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 font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        Remote Mentoring\n                    <\/span>\n                    <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M9 22v-4h6v4\"\/><path d=\"M8 6h.01\"\/><path d=\"M16 6h.01\"\/><path d=\"M12 6h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M16 10h.01\"\/><path d=\"M16 14h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M8 14h.01\"\/><\/svg>\n                        Live-Video-Anleitung\n                    <\/span>\n                    <span class=\"px-3 py-1.5 bg-white\/10 text-white text-xs font-bold rounded-full border border-white\/20 flex items-center gap-2\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n                        Wissenstransfer\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- ERKL\u00c4R-BOX                                                     -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"erklaerung\" class=\"mb-16\" aria-labelledby=\"erklaerung-headline\">\n        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-8\">\n            <h2 id=\"erklaerung-headline\" class=\"text-2xl font-bold text-slate-800 mb-4\">\n                Was ist Remote Mentoring mit tele-LOOK?\n            <\/h2>\n            <div class=\"text-slate-700 space-y-4\">\n                <p>\n                    <strong>Remote Mentoring<\/strong> bedeutet: Ein erfahrener Meister oder Experte begleitet einen Azubi oder Junior-Techniker <strong>per Live-Video virtuell vor Ort<\/strong> \u2013 ganz ohne selbst hinzufahren. Der Nachwuchs zeigt per Smartphone, was er sieht. Der Experte sieht dasselbe Bild, kann Markierungen ins Bild zeichnen, Schaltpl\u00e4ne einblenden und pr\u00e4zise Anweisungen geben.\n                <\/p>\n                <p>\n                    Das Ergebnis: <strong>Kein Missverst\u00e4ndnis am Telefon<\/strong>, kein unn\u00f6tiger Zweit-Einsatz, keine verlorene Fahrtzeit. Der Meister bleibt produktiv im B\u00fcro und begleitet gleichzeitig seine Kollegen auf der Baustelle.\n                <\/p>\n                <h3 class=\"text-lg font-bold text-slate-800 mt-8 mb-3\">Das zentrale Problem im Service-Alltag<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mt-4\">\n                    <div class=\"bg-white border border-red-200 rounded-lg p-5\">\n                        <p class=\"text-red-600 font-bold text-sm mb-2 flex items-center gap-2\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\n                            Der alte Weg\n                        <\/p>\n                        <p class=\"text-sm text-slate-600\">Azubi ruft an \u2013 Meister versucht die Situation am Telefon zu verstehen \u2013 Missverst\u00e4ndnisse entstehen \u2013 Meister f\u00e4hrt hin \u2013 kostet 1\u20132 Stunden unproduktive Zeit.<\/p>\n                    <\/div>\n                    <div class=\"bg-white border border-brand-primary rounded-lg p-5\">\n                        <p class=\"text-brand-primary font-bold text-sm mb-2 flex items-center gap-2\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                            Der neue Weg (tele-LOOK)\n                        <\/p>\n                        <p class=\"text-sm text-slate-600\">Azubi tippt auf SMS-Link \u2013 Meister sieht sofort das Problem \u2013 gibt gezielte Anweisungen mit Live-Markierungen \u2013 Problem gel\u00f6st in Minuten, ohne Anfahrt.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- KPI-KARTEN                                                     -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"kpis\" class=\"mb-16\" aria-labelledby=\"kpi-headline\">\n        <div class=\"mb-8 text-center\">\n            <h2 id=\"kpi-headline\" class=\"text-2xl font-bold text-slate-800\">Was Remote Mentoring in Zahlen bringt<\/h2>\n            <p class=\"text-slate-500 mt-1\">Durchschnittliche Verbesserungen nach Einf\u00fchrung von tele-LOOK im Mitarbeiter-Support.<\/p>\n        <\/div>\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4\">\n\n            <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n                <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"16\" x=\"4\" y=\"4\" rx=\"2\" ry=\"2\"\/><rect width=\"6\" height=\"6\" x=\"9\" y=\"9\" rx=\"1\"\/><\/svg>\n                <\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Einsparung pro Anfahrt<\/div>\n                <div class=\"text-4xl font-black text-brand-primary mb-2\">150 \u20ac<\/div>\n                <div class=\"text-xs text-slate-600 px-2\">Durchschnittliche Einsparung pro vermiedener Anfahrt.<\/div>\n            <\/div>\n\n            <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n                <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                <\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Einarbeitungszeit<\/div>\n                <div class=\"text-4xl font-black text-slate-800 mb-2\">-40%<\/div>\n                <div class=\"text-xs text-slate-600 px-2\">Schnellere Qualifizierung durch visuelles \u201eTraining on the Job\".<\/div>\n            <\/div>\n\n            <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n                <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                <\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Reichweite eines Experten<\/div>\n                <div class=\"text-4xl font-black text-brand-primary mb-2\">x3<\/div>\n                <div class=\"text-xs text-slate-600 px-2\">Ein Meister betreut mehrere Nachwuchskr\u00e4fte an verschiedenen Standorten.<\/div>\n            <\/div>\n\n            <div class=\"kpi-card bg-white p-6 rounded-xl border border-slate-200 cursor-default text-center\">\n                <div class=\"w-12 h-12 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center mx-auto mb-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                <\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">First-Time-Fix-Rate<\/div>\n                <div class=\"text-4xl font-black text-slate-800 mb-2\">+38%<\/div>\n                <div class=\"text-xs text-slate-600 px-2\">Weniger R\u00fcckfragen und Zweitanfahrten durch pr\u00e4zise Erstanleitung.<\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- TRUST-BAR                                                      -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-16\" aria-label=\"Warum tele-LOOK \u2013 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 f\u00fcr Ihr Team?<\/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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-sm font-bold text-slate-700\">Einsatz in unter 60 Sekunden<\/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=\"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                    <span class=\"text-sm font-bold text-slate-700\">Optionales API f\u00fcr ERP\/CRM<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- NUTZEN & EINSATZBEREICHE                                       -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"nutzen\" class=\"mb-16\" aria-labelledby=\"nutzen-headline\">\n        <div class=\"bg-white p-8 rounded-xl border border-slate-200\">\n            <div class=\"mb-10 border-b border-slate-100 pb-6\">\n                <h2 id=\"nutzen-headline\" class=\"text-2xl font-bold text-slate-800\">Einsatzbereiche & konkreter Nutzen<\/h2>\n                <p class=\"text-slate-600 mt-2\">tele-LOOK l\u00f6st zentrale Herausforderungen im Mitarbeiter-Support \u2013 sofort und ohne IT-Projekt.<\/p>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n                <article class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 hover:border-[#125dff] transition-colors\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"w-10 h-10 rounded-lg bg-blue-100 text-brand-primary flex items-center justify-center 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=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"font-bold text-slate-800 text-base\">Qualifizierung & Ausbildung<\/h3>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">\n                        Beschleunigung der Einarbeitungszeit durch <strong>\u201eTraining on the Job\" mit virtueller Begleitung<\/strong>. Der Azubi arbeitet selbstst\u00e4ndig \u2013 der Meister ist per Video-Call jederzeit erreichbar und sieht exakt, was der Nachwuchs sieht. Fehler werden verhindert, bevor sie entstehen.\n                    <\/p>\n                <\/article>\n\n                <article class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 hover:border-[#125dff] transition-colors\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"w-10 h-10 rounded-lg bg-blue-100 text-brand-primary flex items-center justify-center 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=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"font-bold text-slate-800 text-base\">Ressourcenplanung & Skalierung<\/h3>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">\n                        Ein Experte kann <strong>mehrere Nachwuchskr\u00e4fte an unterschiedlichen Standorten<\/strong> am selben Tag unterst\u00fctzen. Das Wissen eines einzelnen Meisters wird skalierbar \u2013 unabh\u00e4ngig von Entfernung und Fahrtzeit.\n                    <\/p>\n                <\/article>\n\n                <article class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 hover:border-[#125dff] transition-colors\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"w-10 h-10 rounded-lg bg-blue-100 text-brand-primary flex items-center justify-center 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=\"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                        <h3 class=\"font-bold text-slate-800 text-base\">Qualit\u00e4tssicherung & Sicherheit<\/h3>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">\n                        <strong>Vier-Augen-Prinzip bei sicherheitskritischen Wartungsarbeiten<\/strong>: Ein erfahrener Kollege schaut per Live-Video zu und greift bei Unsicherheiten sofort ein. Fehler werden verhindert \u2013 ohne dass ein zweiter Techniker vor Ort sein muss.\n                    <\/p>\n                <\/article>\n\n                <article class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 hover:border-[#125dff] transition-colors\">\n                    <div class=\"flex items-center gap-3 mb-3\">\n                        <div class=\"w-10 h-10 rounded-lg bg-blue-100 text-brand-primary flex items-center justify-center 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=\"M12 2v20\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"font-bold text-slate-800 text-base\">Kostenstruktur & Effizienz<\/h3>\n                    <\/div>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">\n                        Reduzierung von Reisekosten und <strong>Vermeidung von Zweitanfahrten (Second Truck Rolls)<\/strong>: Probleme werden im Erstkontakt gel\u00f6st. Durchschnittliche Einsparung pro vermiedener Anfahrt: <strong class=\"text-brand-primary\">150 \u20ac<\/strong>.\n                    <\/p>\n                <\/article>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- INTERAKTIVE TABS \/ USE CASES                                   -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"usecases\" class=\"mb-16\" aria-labelledby=\"usecases-headline\">\n        <div class=\"mb-8\">\n            <h2 id=\"usecases-headline\" class=\"text-2xl font-bold text-slate-800\">Praxis-Beispiele: So l\u00e4uft es im Alltag<\/h2>\n            <p class=\"text-slate-600 mt-2\">Konkrete Szenarien aus dem Handwerk und Maschinenbau \u2013 w\u00e4hlen Sie Ihren Bereich.<\/p>\n        <\/div>\n\n        <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden\">\n            <div class=\"flex flex-col sm:flex-row border-b border-slate-200 bg-slate-50\" role=\"tablist\" aria-label=\"Branchenauswahl\">\n                <button class=\"tab-btn active flex-1 py-4 px-6 text-center font-bold text-sm focus:outline-none flex justify-center items-center gap-2\"\n                        role=\"tab\" aria-selected=\"true\" aria-controls=\"content-handwerk\"\n                        onclick=\"switchTab('handwerk')\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n                    Handwerk (SHK, Elektro, Facility)\n                <\/button>\n                <button class=\"tab-btn inactive flex-1 py-4 px-6 text-center font-bold text-sm focus:outline-none flex justify-center items-center gap-2\"\n                        role=\"tab\" aria-selected=\"false\" aria-controls=\"content-industrie\"\n                        onclick=\"switchTab('industrie')\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n                    Maschinenbau & Industrie\n                <\/button>\n            <\/div>\n\n            <div class=\"p-8\">\n\n                <!-- Handwerk -->\n                <div id=\"content-handwerk\" 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\">Azubi-Anleitung live auf der Baustelle<\/h3>\n                            <p class=\"text-slate-700 mb-6 text-sm\">\n                                Im SHK-Bereich stehen Auszubildende t\u00e4glich vor Situationen, bei denen sie unsicher sind \u2013 alte Anlagen, unbekannte Verschaltungen, sicherheitsrelevante Einstellungen. Das Ergebnis ohne Remote Mentoring: Anruf beim Meister, Missverst\u00e4ndnisse, Fehlentscheidungen oder eine unn\u00f6tige und teure Anfahrt.\n                            <\/p>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-50 text-red-500 flex items-center justify-center\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg>\n                                    <\/div>\n                                    <span class=\"text-sm text-slate-700 leading-relaxed\"><strong class=\"text-brand-primary\">Das Problem:<\/strong> Ihr Azubi steht vor einer alten Heizungsanlage und ist bei einem Anschluss unsicher. Ein Anruf beim Meister f\u00fchrt zu Missverst\u00e4ndnissen \u2013 beide sehen nicht dasselbe. Der Meister f\u00e4hrt hin: 60 Minuten Fahrtzeit f\u00fcr 5 Minuten Arbeit. Kosten: bis zu 150 \u20ac.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" x2=\"12.01\" y1=\"18\" y2=\"18\"\/><\/svg>\n                                    <\/div>\n                                    <span class=\"text-sm text-slate-700 leading-relaxed\"><strong class=\"text-slate-800\">Die L\u00f6sung (tele-LOOK):<\/strong> Der Azubi startet per SMS-Link einen Video-Call. Der Meister sieht die Anlage in Echtzeit, zeichnet Markierungen direkt ins Bild, blendet den Schaltplan ein \u2013 und gibt pr\u00e4zise Anweisungen. Problem gel\u00f6st in 8 Minuten, ohne Anfahrt.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n                                    <\/div>\n                                    <span class=\"text-sm text-slate-700 leading-relaxed\"><strong class=\"text-brand-primary\">Der Lerneffekt:<\/strong> Der Azubi l\u00f6st das Problem selbst \u2013 unter Aufsicht. Dieses \u201evirtuelle Danebenstehen\" beschleunigt die Ausbildung nachweislich. Das automatische tele-LOOK Protokoll dient gleichzeitig als strukturierter Nachweis f\u00fcr das Ausbildungsheft.<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-1 bg-slate-50 p-8 rounded-lg border border-slate-200 relative mt-4 md:mt-0\">\n                            <div class=\"absolute top-4 left-4 text-slate-300\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg>\n                            <\/div>\n                            <h4 class=\"font-bold text-slate-800 mb-3 relative z-10 pl-6\">Aus dem SHK-Handwerk<\/h4>\n                            <blockquote class=\"text-slate-600 text-sm leading-relaxed relative z-10 pl-6 italic\">\n                                Fr\u00fcher bin ich f\u00fcr jeden unsicheren Azubi rausgefahren. Heute schickt er mir einfach einen Video-Link. Ich sehe genau, was er sieht, erkl\u00e4re es direkt im Bild \u2013 und er lernt dabei viel mehr, als wenn ich einfach alles selbst mache. Die Einarbeitungszeit hat sich bei uns sp\u00fcrbar verk\u00fcrzt.\n                            <\/blockquote>\n                            <div class=\"mt-4 pl-6 text-xs font-bold text-slate-500 uppercase tracking-wider\">\u2013 Ausbildungsmeister, SHK-Fachbetrieb<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Maschinenbau -->\n                <div id=\"content-industrie\" 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\">Experten-Know-how skalieren \u2013 weltweit<\/h3>\n                            <p class=\"text-slate-700 mb-6 text-sm\">\n                                Im Maschinenbau und in der Industrie sind erfahrene Techniker oft an einem Standort \u2013 die Anlagen weltweit verteilt. Quereinsteiger und Junior-Techniker vor Ort brauchen schnelle Unterst\u00fctzung, ohne dass ein Flugticket gebucht werden muss.\n                            <\/p>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n                                    <\/div>\n                                    <span class=\"text-sm text-slate-700 leading-relaxed\"><strong class=\"text-brand-primary\">Der Einsatz:<\/strong> Ein Junior-Techniker steht an einer Anlage in einer anderen Stadt. Er streamt per Smartphone in die Zentrale. Der erfahrene Ingenieur sieht alles in Echtzeit, markiert fehlerhafte Bauteile direkt im Video und spielt technische Zeichnungen ein.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\n                                    <\/div>\n                                    <span class=\"text-sm text-slate-700 leading-relaxed\"><strong class=\"text-slate-800\">Skalierbarkeit:<\/strong> Durch Remote Support kann der Senior-Ingenieur an einem Vormittag Teams in Polen, Italien und Spanien unterst\u00fctzen. Die Produktivit\u00e4t des Top-Personals wird vervielfacht.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-blue-50 text-brand-primary flex items-center justify-center\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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                                    <span class=\"text-sm text-slate-700 leading-relaxed\"><strong class=\"text-brand-primary\">Das Ergebnis:<\/strong> 80 % der Support-Tickets werden ohne physischen Technikereinsatz gel\u00f6st. Der erfahrene Experte bleibt produktiv \u2013 und gibt sein Wissen gleichzeitig weiter.<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-1 bg-slate-50 p-8 rounded-lg border border-slate-200 relative mt-4 md:mt-0\">\n                            <div class=\"absolute top-4 left-4 text-slate-300\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg>\n                            <\/div>\n                            <h4 class=\"font-bold text-slate-800 mb-3 relative z-10 pl-6\">Aus dem Sondermaschinenbau<\/h4>\n                            <blockquote class=\"text-slate-600 text-sm leading-relaxed relative z-10 pl-6 italic\">\n                                Wir k\u00f6nnen nicht f\u00fcr jede Frage eines Junior-Technikers einen erfahrenen Kollegen ins Flugzeug setzen. tele-LOOK hat das Problem elegant gel\u00f6st: Unser Senior-Ingenieur sieht alles live und leitet an. Das Wissen bleibt im Unternehmen \u2013 und die Jungs werden schneller selbstst\u00e4ndig.\n                            <\/blockquote>\n                            <div class=\"mt-4 pl-6 text-xs font-bold text-slate-500 uppercase tracking-wider\">\u2013 Servicemanager, Sondermaschinenbau<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- ROADMAP                                                        -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"roadmap\" class=\"mb-16\" 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 f\u00fchren Sie Remote Mentoring ein<\/h2>\n                <p class=\"text-slate-600 font-light\">Egal ob Handwerksbetrieb oder Industrieunternehmen: In 4 Schritten zur funktionierenden Fernunterst\u00fctzung f\u00fcr Ihre Mitarbeiter.<\/p>\n            <\/div>\n\n            <div class=\"max-w-3xl 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\">tele-LOOK \u2013 ohne H\u00fcrden f\u00fcr den Mitarbeiter vor Ort<\/h3>\n                    <\/div>\n                    <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n                        Mit tele-LOOK startet Ihr Azubi auf der Baustelle per <strong>einfachem SMS-Link<\/strong> \u2013 ohne App-Installation, ohne Konto, ohne IT-Aufwand. Gerade unter Stress darf die Technik keine zus\u00e4tzliche H\u00fcrde sein. Ein Tippen auf den Link gen\u00fcgt \u2013 und der Meister sieht sofort, was der Azubi sieht.\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\">Key-User intern aufbauen<\/h3>\n                    <\/div>\n                    <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n                        Identifizieren Sie <strong>1\u20132 technikaffine Mitarbeiter<\/strong> (Meister, Vorarbeiter, erfahrene Techniker) als interne Champions. Diese Key-User testen tele-LOOK zuerst, begeistern das Team und bauen Ber\u00fchrungs\u00e4ngste ab. Das Key-User-Prinzip hat sich als effektivste Rollout-Strategie bew\u00e4hrt.\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\">Feste Prozesse etablieren<\/h3>\n                    <\/div>\n                    <p class=\"text-slate-500 text-sm leading-relaxed pl-11\">\n                        Legen Sie intern fest: <strong>Wann ruft ein Azubi per Video an \u2013 wann f\u00e4hrt der Meister hin?<\/strong> Einfache Regel: \u201eErst Video, dann Anfahrt.\" Kombinieren Sie dies idealerweise mit einem festen Zeitfenster f\u00fcr Remote-Mentoring (z. B. t\u00e4glich 8\u20139 Uhr als feste Erreichbarkeitszeit).\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\">Protokoll als Ausbildungsnachweis nutzen<\/h3>\n                    <\/div>\n                    <p class=\"text-slate-500 text-sm leading-relaxed mb-4 pl-11\">\n                        Jede Remote-Mentoring-Session erzeugt automatisch ein Service-Protokoll mit Zeitstempel, Notizen und optionaler Unterschrift. Dieses Dokument ist nicht nur Rechnungsgrundlage \u2013 es ist auch ein <strong>strukturierter Lernnachweis f\u00fcr das Ausbildungsheft<\/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\">Pro-Tipp<\/span>\n                            Sitzungen aufzeichnen f\u00fcr Wissensdatenbank\n                        <\/p>\n                        <p class=\"text-slate-600 text-xs leading-relaxed mt-1\">\n                            Video-Sessions k\u00f6nnen mit einem externen Tool aufgezeichnet und als interne Schulungsvideos weiterverwendet werden. So entsteht \u00fcber die Zeit eine <strong>Wissensdatenbank aus echten Eins\u00e4tzen<\/strong> \u2013 authentischer und praxisn\u00e4her als jedes Schulungshandbuch. (Achtung: DSGVO-Zustimmung aller Beteiligten erforderlich).\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- FAQ \u2013 Schema.org FAQPage konform                               -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"faq\" class=\"mb-16\" aria-labelledby=\"faq-headline\">\n        <div class=\"mb-8\">\n            <h2 id=\"faq-headline\" class=\"text-2xl font-bold text-slate-800\">H\u00e4ufige Fragen zum Remote Mentoring mit tele-LOOK<\/h2>\n            <p class=\"text-slate-600 mt-1\">Die wichtigsten Antworten f\u00fcr Ihren Einstieg \u2013 direkt auf den Punkt.<\/p>\n        <\/div>\n\n        <!-- itemscope \/ itemtype f\u00fcr Schema.org FAQPage -->\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            <!-- FAQ 1 -->\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\">Welche Voraussetzungen gelten f\u00fcr die Smartphones der Auszubildenden?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\" aria-hidden=\"true\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm text-slate-600 leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Es wird lediglich ein aktuelles Smartphone (iOS oder Android) mit einer funktionierenden Kamera und einer stabilen Internetverbindung (WLAN oder mobiles Netz) ben\u00f6tigt. <strong>Keine spezielle Hardware, keine Vorabinvestition.<\/strong> Der Azubi empf\u00e4ngt einfach einen SMS-Link und tippt darauf \u2013 fertig.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ 2 -->\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\">Ist eine App-Installation auf den mobilen Ger\u00e4ten zwingend notwendig?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\" aria-hidden=\"true\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm text-slate-600 leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Nein. tele-LOOK funktioniert <strong>vollst\u00e4ndig browserbasiert<\/strong> \u2013 der Azubi muss nichts installieren oder herunterladen. F\u00fcr Betriebe, die einen App-Workflow bevorzugen, steht optional auch eine iOS\/Android-App zur Verf\u00fcgung. Die Wahl liegt bei Ihnen.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ 3 -->\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\">K\u00f6nnen die Video-Sitzungen zu Schulungszwecken aufgezeichnet werden?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\" aria-hidden=\"true\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm text-slate-600 leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Ja, mit einem externen Tool k\u00f6nnen Video-Calls aufgezeichnet werden. Beachten Sie, dass Sie dabei auf den Datenschutz achten. Aufzeichnungen k\u00f6nnen intern als hervorragendes Schulungsmaterial weiterverwendet werden. <strong>Wichtig:<\/strong> Alle Beteiligten m\u00fcssen der Aufzeichnung vorab zustimmen. tele-LOOK selbst ist vollst\u00e4ndig DSGVO-konform und speichert Daten ausschlie\u00dflich auf deutschen Servern.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ 4 -->\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\">Kann ein Meister mehrere Azubis gleichzeitig betreuen?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\" aria-hidden=\"true\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm text-slate-600 leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Da die meisten Unterst\u00fctzungs-Sessions nur wenige Minuten dauern, kann ein Experte <strong>problemlos 4\u20136 Nachwuchskr\u00e4fte an einem Tag remote begleiten<\/strong> \u2013 an verschiedenen Standorten, ohne einen einzigen Kilometer zu fahren. Die Sessions laufen sequenziell, nicht simultan.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ 5 -->\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 sicher ist die Verbindung \u2013 k\u00f6nnen Dritte mith\u00f6ren oder zuschauen?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\" aria-hidden=\"true\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm text-slate-600 leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Alle Video-Verbindungen sind <strong>Ende-zu-Ende verschl\u00fcsselt<\/strong>. Dritte k\u00f6nnen nicht auf die Verbindung zugreifen. tele-LOOK ist DSGVO-konform, wird in Deutschland gehostet und entspricht den h\u00f6chsten Anforderungen an professionelle Unternehmenskommunikation.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- CTA                                                            -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section 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-blue-300 rounded-t-2xl\"><\/div>\n\n            <h2 id=\"cta-headline\" class=\"text-3xl font-black text-slate-800 mb-4 mt-2\">\n                Bereit, Ihr Team remote zu st\u00e4rken?\n            <\/h2>\n            <p class=\"text-lg text-slate-600 mb-10 max-w-2xl mx-auto\">\n                \u00dcberbr\u00fccken Sie den Fachkr\u00e4ftemangel mit smartem Wissenstransfer. Starten Sie heute \u2013 Ihr erstes Remote-Mentoring-Gespr\u00e4ch ist in unter 60 Sekunden bereit.\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                <!-- CTA 1: Termin -->\n                <div class=\"flex-1 bg-white p-8 rounded-xl border border-slate-200 flex flex-col justify-between hover:border-[#125dff] transition-all\">\n                    <div>\n                        <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-full flex items-center justify-center mx-auto mb-5\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M16 14h.01\"\/><path d=\"M8 18h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M16 18h.01\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Pers\u00f6nliches Kennenlernen<\/h3>\n                        <p class=\"text-sm text-slate-600 mb-8 leading-relaxed\">\n                            Buchen Sie jetzt einen halbst\u00fcndigen Kennenlern-Termin. Wir zeigen Ihnen tele-LOOK live \u2013 direkt am Praxis-Beispiel Remote Mentoring f\u00fcr Ihren Betrieb.\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-brand-primary text-brand-primary font-bold py-3.5 px-6 rounded-lg hover:bg-blue-50 transition-all text-center text-sm !important\">\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                <!-- CTA 2: Testen -->\n                <div class=\"flex-1 bg-white p-8 rounded-xl border border-blue-200 flex flex-col justify-between hover:border-brand-primary transition-all shadow-sm\">\n                    <div>\n                        <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-full flex items-center justify-center mx-auto mb-5\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><mpath d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Direkt loslegen<\/h3>\n                        <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n                            Buchen Sie eine Lizenz und testen Sie tele-LOOK <strong>14 Tage kostenlos<\/strong>. Ihr erstes Remote-Mentoring-Gespr\u00e4ch ist in unter 60 Sekunden bereit.\n                        <\/p>\n                        <div class=\"text-xs text-slate-600 mb-8 space-y-2 text-left bg-slate-50 p-4 rounded-lg border border-slate-200\">\n                            <p class=\"flex items-start gap-2\">\n                                <span class=\"text-brand-primary font-black\" aria-hidden=\"true\">\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-brand-primary font-black\" aria-hidden=\"true\">\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-brand-primary text-white font-bold py-3.5 px-6 rounded-lg hover:bg-blue-700 transition-all text-center text-sm !important\">\n                        14 Tage kostenlos testen\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- ENDE EINBETTBARER BEREICH                                           -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\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<div class=\"elementor-element elementor-element-b40858b e-flex e-con-boxed e-con e-parent\" data-id=\"b40858b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a811e5 elementor-widget elementor-widget-heading\" data-id=\"5a811e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Machen Sie Die SelbstAnalyse<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33e269c animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"33e269c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\"Kann Video-Support by tele-LOOK die Einarbeitung unserer Azubis und Quereinsteiger effizienter gestalten?\"<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-102df63 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"102df63\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Klicken Sie sich durch den folgenden Online-Check.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf35cf elementor-widget elementor-widget-n-accordion\" data-id=\"5cf35cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9740\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9740\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Hier gehts zum Online-Check <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-rocket\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9740\" class=\"elementor-element elementor-element-e90c414 e-con-full e-flex e-con e-child\" data-id=\"e90c414\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9740\" class=\"elementor-element elementor-element-95ed8c4 e-flex e-con-boxed e-con e-child\" data-id=\"95ed8c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3c9539 elementor-widget elementor-widget-html\" data-id=\"b3c9539\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Checkliste: Digitales Mentoring & Ausbildung im Service<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n        }\n        .question-group:not(:last-child) {\n            border-bottom: 1px solid #e5e7eb;\n        }\n        html {\n            scroll-behavior: smooth;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    <div class=\"container mx-auto max-w-4xl p-4 sm:p-8\">\n        \n        <header class=\"text-center mb-10\">\n            <div class=\"inline-block bg-[#004489] bg-opacity-10 text-[#004489] py-1 px-3 rounded-full text-sm font-semibold mb-4\">F\u00fcr Ausbildungsbetriebe & Service-Leiter<\/div>\n            <h1 class=\"text-2xl sm:text-4xl font-bold text-gray-800 leading-tight\">Ist Ihr Betrieb bereit f\u00fcr <span class=\"text-[#004489]\">Remote-Mentoring<\/span>?<\/h1>\n            <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">Finden Sie heraus, ob sich der Einsatz von Live-Video-Support f\u00fcr Ihre Azubis und Quereinsteiger lohnt.<\/p>\n            <p class=\"mt-2 text-sm text-gray-500\">Zeitaufwand: ca. 2 Minuten.<\/p>\n        <\/header>\n\n        <main class=\"bg-white p-6 sm:p-10 rounded-2xl shadow-xl border border-gray-100\">\n\n            <form id=\"checklist-form\">\n                <div class=\"mb-10\">\n                    <div class=\"flex items-center mb-6\">\n                        <div class=\"bg-[#004489] bg-opacity-10 p-2 rounded-lg text-[#004489] mr-3\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-800\">Bereich 1: Kapazit\u00e4t & Ausbilder-Effizienz<\/h3>\n                    <\/div>\n                    <div id=\"section1\">\n                        <\/div>\n                <\/div>\n\n                <div class=\"mb-10\">\n                    <div class=\"flex items-center mb-6\">\n                        <div class=\"bg-[#004489] bg-opacity-10 p-2 rounded-lg text-[#004489] mr-3\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-800\">Bereich 2: Qualit\u00e4tssicherung beim Kunden<\/h3>\n                    <\/div>\n                    <div id=\"section2\">\n                        <\/div>\n                <\/div>\n\n                <div class=\"mb-10\">\n                    <div class=\"flex items-center mb-6\">\n                        <div class=\"bg-[#004489] bg-opacity-10 p-2 rounded-lg text-[#004489] mr-3\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-gray-800\">Bereich 3: Kosten & Onboarding-Geschwindigkeit<\/h3>\n                    <\/div>\n                    <div id=\"section3\">\n                        <\/div>\n                <\/div>\n\n                <div class=\"text-center mt-12\">\n                    <button type=\"button\" id=\"evaluate-btn\" class=\"w-full sm:w-auto bg-[#004489] text-white font-bold text-lg py-4 px-10 rounded-xl hover:bg-[#003366] focus:outline-none focus:ring-4 focus:ring-blue-300 transition-all transform hover:-translate-y-1 shadow-lg\">\n                        Jetzt Auswertung berechnen\n                    <\/button>\n                    <p id=\"error-msg\" class=\"text-red-500 mt-3 hidden\">Bitte beantworten Sie alle Fragen.<\/p>\n                <\/div>\n            <\/form>\n        <\/main>\n        \n        <section id=\"result-section\" class=\"hidden mt-12\">\n             <div id=\"result-box\" class=\"bg-white p-8 rounded-2xl shadow-xl border-l-8 transition-all duration-500 mb-8\">\n                 <h3 id=\"result-title\" class=\"text-2xl font-bold mb-4\"><\/h3>\n                 <div id=\"result-text\" class=\"text-lg text-gray-700 space-y-4\"><\/div>\n             <\/div>\n\n             <div id=\"solution-step\" class=\"mt-10 bg-white border-2 border-[#004489] text-gray-800 p-8 sm:p-12 rounded-2xl shadow-2xl relative overflow-hidden\">\n                \n                <div class=\"relative z-10\">\n                    <h4 class=\"text-2xl font-bold mb-4 text-[#004489]\">Die L\u00f6sung: Skalieren Sie Ihr Expertenwissen<\/h4>\n                    <p class=\"text-gray-600 text-lg mb-8\">\n                        Ihre Antworten zeigen: Sie haben qualifiziertes Personal, aber es verbringt zu viel Zeit auf der Stra\u00dfe und zu wenig Zeit mit der tats\u00e4chlichen Unterst\u00fctzung Ihrer Nachwuchskr\u00e4fte.\n                        Begleiten Sie Ihre Nachwuchskr\u00e4fte 4 Wochen und sie k\u00f6nnen 80 % selbst erledigen. F\u00fcr die \u00fcbrigen 20 % nutzen Sie tele-LOOK als Remote Mentoring Tool.\n                    <\/p>\n                    \n                    <div class=\"grid sm:grid-cols-2 gap-6 mb-10\">\n                        <div class=\"bg-gray-50 p-5 rounded-lg border border-gray-200\">\n                            <strong class=\"block text-gray-500 mb-2 text-sm uppercase tracking-wide\">Status Quo<\/strong>\n                            <span class=\"text-gray-700 font-medium\">1 Meister betreut 1 Azubi pers\u00f6nlich. <br><span class=\"text-red-600 text-sm\">Hohe Kosten, langsame Ausbildung.<\/span><\/span>\n                        <\/div>\n                        <div class=\"bg-[#004489] bg-opacity-5 p-5 rounded-lg border border-[#004489]\">\n                            <strong class=\"block text-[#004489] mb-2 text-sm uppercase tracking-wide\">Mit tele-LOOK<\/strong>\n                            <span class=\"text-gray-800 font-medium\">1 Meister betreut 4-5 Azubis per Remote-Mentoring. <br><span class=\"text-[#004489] font-bold text-sm\">Sofortige Hilfe, steile Lernkurve.<\/span><\/span>\n                        <\/div>\n                    <\/div>\n\n                                      <\/div>\n                <\/div>\n             <\/div>\n        <\/section>\n\n        <footer class=\"text-center mt-16 pb-8 border-t border-gray-200 pt-8\">\n            <p class=\"text-gray-500 text-sm\">\u00a9 2025 tele-LOOK<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            \/\/ Fragen sind so formuliert, dass \"JA\" der Idealzustand ist.\n            \/\/ \"NEIN\" bedeutet ein Problem (Pain Point).\n            const questions = [\n                \/\/ Sektion 1: Kapazit\u00e4t\n                {\n                    section: 1,\n                    text: \"K\u00f6nnen Ihre Ausbilder zwei oder mehr Auszubildende gleichzeitig an verschiedenen Orten intensiv betreuen?\"\n                },\n                {\n                    section: 1,\n                    text: \"Ist die Fahrzeit Ihrer Meister\/Ausbilder f\u00fcr reine Unterst\u00fctzungszwecke niedriger als 5 Stunden pro Woche?\"\n                },\n                {\n                    section: 1,\n                    text: \"K\u00f6nnen Sie bei Krankheit eines Ausbilders die Betreuung der Azubis im Feld nahtlos vom B\u00fcro aus sicherstellen?\"\n                },\n                \/\/ Sektion 2: Qualit\u00e4t\n                {\n                    section: 2,\n                    text: \"K\u00f6nnen Sie bei einer telefonischen R\u00fcckfrage eines Azubis zu 100% ausschlie\u00dfen, dass Sie aneinander vorbeireden?\"\n                },\n                {\n                    section: 2,\n                    text: \"Sind Zweitanfahrten (weil der Azubi das Problem beim ersten Mal nicht l\u00f6sen konnte) eine absolute Ausnahme (< 5%)?\"\n                },\n                {\n                    section: 2,\n                    text: \"F\u00fchlen sich Ihre Quereinsteiger\/Azubis sicher genug, um auch komplexe Anlagen fr\u00fchzeitig alleine anzufahren?\"\n                },\n                {\n                    section: 2,\n                    text: \"K\u00f6nnen Sie kritische Arbeitsschritte des Azubis visuell abnehmen, bevor dieser die Baustelle verl\u00e4sst?\"\n                },\n                \/\/ Sektion 3: Kosten & Onboarding\n                {\n                    section: 3,\n                    text: \"Sind Ihre Quereinsteiger bereits nach 2 Wochen in der Lage, erste umsatzbringende Auftr\u00e4ge alleine durchzuf\u00fchren?\"\n                },\n                {\n                    section: 3,\n                    text: \"Haben Sie eine Methode, um technische Probleme vor Ort zu dokumentieren, ohne dass der Techniker lange Berichte schreiben muss?\"\n                },\n                {\n                    section: 3,\n                    text: \"Setzen Sie f\u00fcr einfache Wartungen konsequent g\u00fcnstigere Nachwuchskr\u00e4fte ein, statt teure Senior-Techniker?\"\n                }\n            ];\n\n            function createQuestionElement(question, index) {\n                return `\n                    <div class=\"question-group py-5 sm:flex sm:items-center sm:justify-between\">\n                        <p class=\"text-base sm:text-lg text-gray-700 flex-1 mb-3 sm:mb-0 font-medium pr-4\">${index}. ${question.text}<\/p>\n                        <div class=\"flex items-center space-x-4 flex-shrink-0\">\n                            <label class=\"group flex items-center cursor-pointer bg-gray-50 border border-gray-200 p-2 pr-4 rounded-lg hover:bg-green-50 hover:border-green-200 transition-all\">\n                                <input type=\"radio\" name=\"q${index}\" value=\"yes\" class=\"h-5 w-5 text-green-600 border-gray-300 focus:ring-green-500 cursor-pointer\">\n                                <span class=\"ml-2 text-gray-600 group-hover:text-green-700 font-medium\">Ja<\/span>\n                            <\/label>\n                            <label class=\"group flex items-center cursor-pointer bg-gray-50 border border-gray-200 p-2 pr-4 rounded-lg hover:bg-red-50 hover:border-red-200 transition-all\">\n                                <input type=\"radio\" name=\"q${index}\" value=\"no\" class=\"h-5 w-5 text-red-600 border-gray-300 focus:ring-red-500 cursor-pointer\">\n                                <span class=\"ml-2 text-gray-600 group-hover:text-red-700 font-medium\">Nein<\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                `;\n            }\n\n            \/\/ Render Questions\n            questions.forEach((q, i) => {\n                const sectionContainer = document.getElementById(`section${q.section}`);\n                if (sectionContainer) {\n                    sectionContainer.innerHTML += createQuestionElement(q, i + 1);\n                }\n            });\n\n            const evaluateBtn = document.getElementById('evaluate-btn');\n            const errorMsg = document.getElementById('error-msg');\n            const resultSection = document.getElementById('result-section');\n            const resultBox = document.getElementById('result-box');\n            const resultTitle = document.getElementById('result-title');\n            const resultText = document.getElementById('result-text');\n            const solutionStep = document.getElementById('solution-step');\n\n            evaluateBtn.addEventListener('click', () => {\n                const answeredQuestions = document.querySelectorAll('input[type=\"radio\"]:checked');\n                \n                \/\/ Validation\n                if (answeredQuestions.length < questions.length) {\n                    errorMsg.classList.remove('hidden');\n                    return;\n                }\n                errorMsg.classList.add('hidden');\n\n                \/\/ Count \"NO\" answers (Pain Points)\n                const painPoints = Array.from(answeredQuestions).filter(input => input.value === 'no').length;\n                \n                let title = '';\n                let text = '';\n                let boxClass = '';\n                let titleClass = '';\n\n                if (painPoints <= 2) {\n                    \/\/ Green Scenario\n                    title = \"Ihr Ausbildungs-Prozess ist vorbildlich!\";\n                    text = `<p>Sie haben bereits sehr effiziente Strukturen. Ihre Ausbilder sind mobil und flexibel. <strong>tele-LOOK<\/strong> w\u00e4re f\u00fcr Sie eher ein \"Add-on\" f\u00fcr extreme H\u00e4rtef\u00e4lle, aber kein zwingendes Muss.<\/p>`;\n                    boxClass = \"border-green-500 bg-green-50\";\n                    titleClass = \"text-green-800\";\n                    solutionStep.classList.add(\"hidden\"); \n                } \n                else if (painPoints <= 5) {\n                    \/\/ Yellow Scenario\n                    title = \"Potenzial erkannt: Hier geht Zeit verloren.\";\n                    text = `<p>Ihr Betrieb l\u00e4uft, aber Sie sp\u00fcren die Reibungsverluste. Ihre Meister verbringen zu viel Zeit im Auto, um \"nur mal kurz zu schauen\".<\/p>\n                            <p class=\"font-semibold\">Mit Remote-Mentoring k\u00f6nnten Sie ca. 30% mehr Kapazit\u00e4t aus Ihrem bestehenden Team herausholen.<\/p>`;\n                    boxClass = \"border-yellow-500 bg-yellow-50\";\n                    titleClass = \"text-yellow-800\";\n                    solutionStep.classList.remove(\"hidden\");\n                } \n                else {\n                    \/\/ Red Scenario\n                    title = \"Dringender Handlungsbedarf: Fachkr\u00e4fte-Engpass droht.\";\n                    text = `<p>Die Analyse zeigt deutliche Engp\u00e4sse. Ihre erfahrenen Experten k\u00f6nnen effizienter eingesetzt werden, ohne dass daf\u00fcr Kosten entstehen, die nicht abgerechnet werden k\u00f6nnen.<\/p>`;\n                    boxClass = \"border-red-500 bg-red-50\";\n                    titleClass = \"text-red-800\";\n                    solutionStep.classList.remove(\"hidden\");\n                }\n                \n                \/\/ Apply content & styles\n                resultBox.className = `bg-white p-8 rounded-2xl shadow-xl border-l-8 transition-all duration-500 mb-8 ${boxClass}`;\n                resultTitle.className = `text-2xl font-bold mb-4 ${titleClass}`;\n                resultTitle.textContent = title;\n                resultText.innerHTML = text;\n\n                \/\/ Show result\n                resultSection.classList.remove('hidden');\n                resultSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbd9575 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"cbd9575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Zu unseren Preisen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\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>Remote Mentoring &#038; Fernunterst\u00fctzung Mitarbeiter | tele-LOOK Live-Video-Support Einf\u00fchrung Nutzen &#038; Einsatz Praxis-Beispiele So starten Sie FAQ Remote Mentoring &#038; Mitarbeiter-Support Fernunterst\u00fctzung f\u00fcr Mitarbeiter: Wissen transferieren \u2013 ohne Anfahrt Fachkr\u00e4ftemangel im Handwerk und Maschinenbau ist real. Doch erfahrene Meister und Experten m\u00fcssen nicht mehr f\u00fcr jede Frage ins Auto steigen. Mit tele-LOOK Live-Video-Support leiten Sie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13874","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/13874","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=13874"}],"version-history":[{"count":66,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/13874\/revisions"}],"predecessor-version":[{"id":15380,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/13874\/revisions\/15380"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=13874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}