{"id":10027,"date":"2025-03-31T12:40:10","date_gmt":"2025-03-31T10:40:10","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=10027"},"modified":"2026-03-12T20:38:53","modified_gmt":"2026-03-12T19:38:53","slug":"produktinfo-tele-look","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/produktinfo-tele-look\/","title":{"rendered":"Produkt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10027\" class=\"elementor elementor-10027\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcca953 e-flex e-con-boxed e-con e-parent\" data-id=\"dcca953\" 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-ea11115 elementor-widget elementor-widget-html\" data-id=\"ea11115\" 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>tele-LOOK Produktinfo: Live-Video-Support f\u00fcr Unternehmen | Alle Infos<\/title>\n    <meta name=\"description\" content=\"Alle Produktinformationen zu tele-LOOK: Funktionen, Einsatzbereiche, Preise, Datenschutz und Technik. Browserbasierter Live-Video-Support \u2013 keine App, DSGVO-konform, Made in Germany.\">\n\n    <meta property=\"og:title\"       content=\"tele-LOOK Produktinfo: Alles, was Sie wissen m\u00fcssen\" \/>\n    <meta property=\"og:description\" content=\"tele-LOOK im \u00dcberblick: Wie es funktioniert, was es kostet, f\u00fcr wen es geeignet ist \u2013 alle Produktinformationen auf einen Blick.\" \/>\n    <meta property=\"og:url\"         content=\"https:\/\/www.tele-look.com\/web\/produktinfo-tele-look\/\" \/>\n    <meta property=\"og:type\"        content=\"article\" \/>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"SoftwareApplication\",\n      \"name\": \"tele-LOOK\",\n      \"applicationCategory\": \"BusinessApplication\",\n      \"operatingSystem\": \"Browser (iOS, Android, Windows, macOS)\",\n      \"description\": \"Browserbasierter Live-Video-Support f\u00fcr technischen Kundenservice, Au\u00dfendienst, Schadensbegutachtung und Remote-Mentoring. Keine App-Installation n\u00f6tig.\",\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"priceCurrency\": \"EUR\",\n        \"price\": \"0\",\n        \"description\": \"14 Tage kostenlos testen\"\n      },\n      \"url\": \"https:\/\/www.tele-look.com\",\n      \"publisher\": { \"@type\": \"Organization\", \"name\": \"tele-LOOK\", \"url\": \"https:\/\/www.tele-look.com\" },\n      \"featureList\": [\n        \"Browserbasierter Video-Call ohne App\",\n        \"tele-Punkt Live-Zeiger\",\n        \"HD-Fotos per Mausklick\",\n        \"Screensharing & Dokumenteneinblendung\",\n        \"Automatisches Service-Protokoll\",\n        \"DSGVO-konforme Datenspeicherung auf deutschen Servern\"\n      ],\n      \"award\": [\n        \"Freiburger Innovationspreis 2023\",\n        \"KVD Service Management Preis 2017\"\n      ]\n    }\n    <\/script>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        { \"@type\": \"Question\", \"name\": \"F\u00fcr welche Unternehmensgr\u00f6\u00dfen ist tele-LOOK geeignet?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"tele-LOOK ist skalierbar und eignet sich sowohl f\u00fcr Einzelunternehmer und Handwerksbetriebe als auch f\u00fcr mittelst\u00e4ndische Unternehmen und Konzerne mit gro\u00dfem Serviceteam.\" } },\n        { \"@type\": \"Question\", \"name\": \"Wie viele Nutzer kann ich mit einer Lizenz anlegen?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Das h\u00e4ngt vom gew\u00e4hlten Lizenzmodell ab. tele-LOOK bietet flexible Pakete f\u00fcr Einzelnutzer bis hin zu Enterprise-Teams. Bei Bedarf sind individuelle Konditionen f\u00fcr Team-, Enterprise- und Pool-Lizenzen auf Anfrage erh\u00e4ltlich.\" } },\n        { \"@type\": \"Question\", \"name\": \"Kann tele-LOOK auch ohne Mobilfunknetz genutzt werden?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"tele-LOOK ben\u00f6tigt eine Internetverbindung. Die Software passt die Videoqualit\u00e4t automatisch an die verf\u00fcgbare Bandbreite an \u2013 auch bei schwachem Signal ist ein stabiler Betrieb m\u00f6glich.\" } },\n        { \"@type\": \"Question\", \"name\": \"Gibt es eine API f\u00fcr die Integration in bestehende Systeme?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Ja. tele-LOOK stellt API-Schnittstellen f\u00fcr CRM-, CAFM- und ERP-Systeme auf Anfrage bereit. Eine Integration ist jedoch keine Voraussetzung \u2013 tele-LOOK ist sofort out-of-the-box einsatzbereit.\" } }\n      ]\n    }\n    <\/script>\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        body { font-family: 'Montserrat', sans-serif; background-color: #ffffff; color: #0f172a; }\n        \n        \/* \u2500\u2500 Kein Schatten irgendwo \u2013 reines Flat Design \u2500\u2500 *\/\n        * { box-shadow: none !important; }\n\n        .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        .kpi-card { transition: border-color 0.2s; }\n        .kpi-card:hover { border-color: #125dff; }\n\n        .feature-pill {\n            display: inline-flex; align-items: center; gap: 0.4rem;\n            background: #f1f5f9; border: 1px solid #e2e8f0;\n            border-radius: 9999px; padding: 0.35rem 0.8rem;\n            font-size: 0.72rem; font-weight: 700; color: #475569;\n            transition: border-color 0.2s;\n        }\n        .feature-pill:hover { border-color: #125dff; color: #125dff; }\n\n        .dot-grid-bg {\n            background-color: #f8fafc;\n            background-image: radial-gradient(circle, #dbeafe 1.2px, transparent 1.2px);\n            background-size: 22px 22px;\n        }\n\n        \/* \u2500\u2500 TABS \u2500\u2500 *\/\n        .tab-btn { transition: all 0.2s; }\n        .tab-btn.active   { background-color: #125dff; color: white; border-bottom: 3px solid #0a4dd4; }\n        .tab-btn.inactive { background-color: #f1f5f9; color: #475569; border-bottom: 3px solid transparent; }\n        .tab-btn.inactive:hover { background-color: #e2e8f0; }\n        .tab-content { animation: fadeIn 0.3s ease; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }\n\n        \/* \u2500\u2500 FAQ (Mit Elementor-Schutz) \u2500\u2500 *\/\n        .faq-item { border-color: #e2e8f0 !important; }\n        .faq-item button { border: none !important; outline: none !important; box-shadow: none !important; background-color: transparent !important; margin: 0 !important; padding: 1.5rem !important; }\n        .faq-item button span { color: #334155 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }\n        .faq-answer p { color: #64748b !important; font-family: 'Montserrat', sans-serif !important; line-height: 1.625 !important; }\n        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }\n        .faq-item.open .faq-answer { max-height: 400px; }\n        .faq-item.open .faq-icon { transform: rotate(45deg); }\n        .faq-icon { color: #125dff !important; transition: transform 0.25s ease; display: inline-block; font-style: normal; }\n\n        .yt-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; border-radius: 0.75rem; }\n        .yt-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n\n        .branch-card { transition: border-color 0.2s; }\n        .branch-card:hover { border-color: #125dff; }\n\n        \/* \u2500\u2500 CTA BUTTONS (Mit Elementor-Schutz) \u2500\u2500 *\/\n        .btn-primary {\n            display: inline-block !important;\n            background: #125dff !important; color: #ffffff !important;\n            font-weight: 800 !important; font-size: 0.95rem !important;\n            padding: 0.9rem 2rem !important; border-radius: 0.75rem !important;\n            transition: background 0.2s, transform 0.15s !important;\n            text-align: center !important;\n        }\n        .btn-primary:hover { background: #0a4dd4 !important; transform: translateY(-1px) !important; }\n\n        .btn-secondary {\n            display: inline-block !important;\n            background: transparent !important; color: #125dff !important;\n            border: 2px solid #125dff !important;\n            font-weight: 700 !important; font-size: 0.95rem !important;\n            padding: 0.85rem 2rem !important; border-radius: 0.75rem !important;\n            transition: background 0.2s, transform 0.15s !important;\n            text-align: center !important;\n        }\n        .btn-secondary:hover { background: #eef3ff !important; transform: translateY(-1px) !important; }\n    <\/style>\n<\/head>\n<body class=\"antialiased bg-white\">\n\n<div id=\"telelook-page-widget\" class=\"w-full max-w-7xl mx-auto px-0 sm:px-4 py-4\">\n\n    <!-- NAVIGATION -->\n    <nav class=\"border-b border-slate-200 mb-10 pb-4\" aria-label=\"Seitennavigation\">\n        <div class=\"flex flex-wrap items-center justify-center gap-x-6 gap-y-2\">\n            <a href=\"#was-ist\"      class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Was ist tele-LOOK?<\/a>\n            <a href=\"#funktionen\"   class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Funktionen<\/a>\n            <a href=\"#branchen\"     class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Branchen<\/a>\n            <a href=\"#technik\"      class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Technik & Datenschutz<\/a>\n            <a href=\"#lizenzen\"     class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Lizenzen & Start<\/a>\n            <a href=\"#auszeichnung\" class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">Auszeichnungen<\/a>\n            <a href=\"#faq\"          class=\"text-sm font-medium text-slate-600 hover:text-brand-primary transition-colors\">FAQ<\/a>\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    <!-- BLOCK 1: 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=\"was-ist\" class=\"mb-16\" aria-labelledby=\"hero-headline\">\n        <div class=\"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-80 h-80 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\/4 w-56 h-56 bg-white\/5 rounded-full translate-y-1\/2 pointer-events-none\"><\/div>\n            <div class=\"max-w-3xl relative z-10\">\n                <span class=\"inline-block bg-white\/20 text-white border border-white\/25 text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-5\">\n                    Produktinformation\n                <\/span>\n                <h1 id=\"hero-headline\" class=\"text-4xl md:text-5xl font-black text-white mb-5 leading-tight\">\n                    tele-LOOK: Live-Video-Support f\u00fcr den modernen Kundendienst\n                <\/h1>\n                <p class=\"text-lg text-blue-100 leading-relaxed mb-8\">\n                    tele-LOOK ist eine <strong class=\"text-white\">browserbasierte Software f\u00fcr Live-Video-Support<\/strong> \u2013 entwickelt f\u00fcr Unternehmen, die ihren Kunden und Au\u00dfendienstteams schneller, effizienter und kosteng\u00fcnstiger helfen wollen. <em class=\"text-white font-medium not-italic\">Ohne App. Ohne IT-Aufwand. In unter 60 Sekunden verbunden.<\/em>\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\"><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                        Kein App-Download\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><path d=\"M2 12h20\"\/><\/svg>\n                        Made in Germany\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=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n                        DSGVO-konform\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=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 1.1-.9 2-2 2H6\"\/><path d=\"M14 14.66V17c0 1.1.9 2 2 2h2\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n                        Ausgezeichnet\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    <!-- BLOCK 2: WAS IST TELE-LOOK                                     -->\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-labelledby=\"erklaer-headline\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-start\">\n\n            <div>\n                <h2 id=\"erklaer-headline\" class=\"text-2xl font-black text-slate-800 mb-5\">Was ist tele-LOOK?<\/h2>\n                <p class=\"text-slate-700 leading-relaxed mb-4\">\n                    tele-LOOK verbindet <strong>Servicegeber und Servicenehmer per Live-Video<\/strong> \u2013 in Echtzeit, von \u00fcberall, \u00fcber jeden Browser. Der Servicetechniker sitzt am PC, der Kunde h\u00e4lt sein Smartphone. Mit einem einzigen SMS-Link startet die verschl\u00fcsselte Verbindung. Kein Download, kein Konto, keine technischen H\u00fcrden.\n                <\/p>\n                <p class=\"text-slate-700 leading-relaxed mb-4\">\n                    Der Servicetechniker sieht durch die Kamera des Kunden, kann direkt auf Details im Bild zeigen, HD-Fotos aufnehmen, Dokumente einblenden und den Fall vollst\u00e4ndig im automatischen Service-Protokoll dokumentieren \u2013 <strong>alles innerhalb eines einzigen Calls<\/strong>.\n                <\/p>\n                <p class=\"text-slate-700 leading-relaxed mb-6\">\n                    Das Ergebnis: <strong>Weniger Anfahrten, schnellere Falll\u00f6sung, niedrigere Servicekosten<\/strong> \u2013 und ein Kundenerlebnis, das begeistert.\n                <\/p>\n                <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-6\">\n                    <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest 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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                        Das Grundprinzip\n                    <\/p>\n                    <p class=\"text-slate-700 text-sm leading-relaxed\">\n                        <strong>Sehen \u2013 Verstehen \u2013 L\u00f6sen.<\/strong> Statt langer Telefongespr\u00e4che mit ungenauen Beschreibungen sieht der Techniker die Situation sofort mit eigenen Augen. Was fr\u00fcher eine Anfahrt erforderte, wird zum 10-min\u00fctigen Video-Call.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div>\n                <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest mb-3\">tele-LOOK in der Praxis<\/p>\n                <div class=\"yt-wrapper border border-slate-200\">\n                    <iframe\n                        src=\"https:\/\/www.youtube.com\/embed\/mIr158XxZNw\"\n                        title=\"tele-LOOK \u2013 Freiburger Innovationspreis 2023: Live-Video-Support in der Praxis\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                        allowfullscreen loading=\"lazy\">\n                    <\/iframe>\n                <\/div>\n                <p class=\"text-xs text-slate-500 mt-3 leading-relaxed flex items-center gap-2 justify-center\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4 text-brand-primary\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 1.1-.9 2-2 2H6\"\/><path d=\"M14 14.66V17c0 1.1.9 2 2 2h2\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n                    Ausgezeichnet mit dem Freiburger Innovationspreis 2023\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 3: KPI-LEISTE                                            -->\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=\"Kennzahlen\">\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n            <div class=\"kpi-card bg-white border border-slate-200 rounded-xl p-6 text-center\">\n                <div class=\"text-4xl font-black text-brand-primary mb-1\">-70%<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Fahrtkosten<\/div>\n            <\/div>\n            <div class=\"kpi-card bg-white border border-slate-200 rounded-xl p-6 text-center\">\n                <div class=\"text-4xl font-black text-slate-800 mb-1\">150\u20ac<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Einsparung \/ Anfahrt<\/div>\n            <\/div>\n            <div class=\"kpi-card bg-white border border-slate-200 rounded-xl p-6 text-center\">\n                <div class=\"text-4xl font-black text-brand-primary mb-1\">+40%<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Schnellere L\u00f6sung<\/div>\n            <\/div>\n            <div class=\"kpi-card bg-white border border-slate-200 rounded-xl p-6 text-center\">\n                <div class=\"text-4xl font-black text-slate-800 mb-1\">5\/5<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider\">Kundenzufriedenheit<\/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    <!-- BLOCK 4: FUNKTIONEN                                            -->\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=\"funktionen\" class=\"mb-16\" aria-labelledby=\"funktionen-headline\">\n        <div class=\"mb-8\">\n            <h2 id=\"funktionen-headline\" class=\"text-2xl font-black text-slate-800\">Die vier Kernfunktionen<\/h2>\n            <p class=\"text-slate-600 mt-1\">Gezielt entwickelt f\u00fcr den Servicealltag \u2013 nicht mehr, nicht weniger.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-7 branch-card\">\n                <div class=\"flex items-center gap-3 mb-4\">\n                    <div class=\"w-12 h-12 bg-blue-50 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 14a8 8 0 0 1-8 8\"\/><path d=\"M18 11v-1a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"\/><path d=\"M14 10V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1\"\/><path d=\"M10 9.5V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v10\"\/><path d=\"M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.82-2.32l-5.18-5.67a2 2 0 0 1 2.83-2.83l1.42 1.42L6 9.5\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"font-black text-slate-800 text-lg\">tele-Punkt \u2013 der Live-Zeiger<\/h3>\n                <\/div>\n                <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\n                    Zeigen Sie wie mit einem Finger direkt auf Details im Live-Kamerabild des Kunden. Der <strong>tele-Punkt erscheint in Echtzeit auf dem Smartphone-Display<\/strong> \u2013 pr\u00e4zise, eindeutig, ohne Missverst\u00e4ndnisse. Kein \u201elinks davon, nein, das andere\" mehr.\n                <\/p>\n                <div class=\"flex flex-wrap gap-2\">\n                    <span class=\"feature-pill\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                        Echtzeit-Annotation\n                    <\/span>\n                    <span class=\"feature-pill\">\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=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                        Punktgenaue F\u00fchrung\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-7 branch-card\">\n                <div class=\"flex items-center gap-3 mb-4\">\n                    <div class=\"w-12 h-12 bg-blue-50 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"\/><circle cx=\"12\" cy=\"13\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"font-black text-slate-800 text-lg\">HD-Fotos per Mausklick<\/h3>\n                <\/div>\n                <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\n                    W\u00e4hrend des laufenden Video-Calls erstellen Sie mit einem Klick <strong>hochaufl\u00f6sende Fotos<\/strong> der Situation vor Ort. Automatisch mit Zeitstempel im Service-Protokoll gespeichert \u2013 als Nachweis, Ersatzteilgrundlage und Rechnungsdokument.\n                <\/p>\n                <div class=\"flex flex-wrap gap-2\">\n                    <span class=\"feature-pill\">\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=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\/><circle cx=\"9\" cy=\"9\" r=\"2\"\/><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/><\/svg>\n                        HD-Qualit\u00e4t\n                    <\/span>\n                    <span class=\"feature-pill\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                        Automatischer Zeitstempel\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-7 branch-card\">\n                <div class=\"flex items-center gap-3 mb-4\">\n                    <div class=\"w-12 h-12 bg-blue-50 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"font-black text-slate-800 text-lg\">Screensharing & Dokumente<\/h3>\n                <\/div>\n                <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\n                    Blenden Sie <strong>technische Zeichnungen, Schaltpl\u00e4ne, Handb\u00fccher oder Montageanleitungen<\/strong> direkt vom eigenen Desktop auf das Smartphone des Kunden ein. In Echtzeit sichtbar \u2013 ohne Datei\u00fcbertragung, ohne Umwege.\n                <\/p>\n                <div class=\"flex flex-wrap gap-2\">\n                    <span class=\"feature-pill\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/svg>\n                        Schaltpl\u00e4ne & Pl\u00e4ne\n                    <\/span>\n                    <span class=\"feature-pill\">\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=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><\/svg>\n                        Live \u00fcbertragen\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-7 branch-card\">\n                <div class=\"flex items-center gap-3 mb-4\">\n                    <div class=\"w-12 h-12 bg-blue-50 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"font-black text-slate-800 text-lg\">Automatisches Service-Protokoll<\/h3>\n                <\/div>\n                <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">\n                    Jeder Call erzeugt automatisch ein <strong>digitales Service-Protokoll<\/strong> mit Zeitstempel, HD-Fotos, Notizen und optionaler Kundenunterschrift. Dient als l\u00fcckenlose Falldokumentation, Rechnungsgrundlage und <strong>Basis zur Ersatzteilidentifikation<\/strong>.\n                <\/p>\n                <div class=\"flex flex-wrap gap-2\">\n                    <span class=\"feature-pill\">\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=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"\/><path d=\"m15 5 4 4\"\/><\/svg>\n                        Kundenunterschrift\n                    <\/span>\n                    <span class=\"feature-pill\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3.5 h-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.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                        Ersatzteilnachweis\n                    <\/span>\n                    <span class=\"feature-pill\">\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=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"\/><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/><\/svg>\n                        Rechnungsbasis\n                    <\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Smart Simplicity -->\n        <div class=\"mt-6 bg-slate-50 border border-slate-200 rounded-xl p-6 flex items-start gap-4\">\n            <div class=\"w-10 h-10 bg-blue-100 text-brand-primary rounded-lg flex items-center justify-center flex-shrink-0\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 0-.253.902l.331 1.46c.14.618.061 1.258-.22 1.816a3.01 3.01 0 0 1-1.402 1.231l-1.396.53a.982.982 0 0 0-.638.749l-.265 1.488a3.037 3.037 0 0 1-1.745 2.128 3.056 3.056 0 0 1-2.146.069l-1.423-.483a.98.98 0 0 0-.89.155l-1.196 1a3.033 3.033 0 0 1-1.921.688 3.044 3.044 0 0 1-1.914-.68l-1.222-1a.98.98 0 0 0-.877-.16l-1.406.467a3.023 3.023 0 0 1-2.13-.05 3.035 3.035 0 0 1-1.761-2.115l-.28-1.5a.98.98 0 0 0-.62-.767l-1.385-.54a3.016 3.016 0 0 1-1.41-1.24c-.28-.564-.356-1.21-.212-1.834l.354-1.52a.98.98 0 0 0-.234-.92L1.246 11.96a2.41 2.41 0 0 1-.706-1.704c0-.617.235-1.233.706-1.704l1.562-1.562c.234-.234.346-.566.293-.893l-.33-2.015A3.017 3.017 0 0 1 3.12 1.956c.642-.234 1.344-.19 1.938.121l1.83.966a.979.979 0 0 0 1-.035l1.62-1.077a3.042 3.042 0 0 1 3.518-.112l1.632 1.066a.98.98 0 0 0 1.002.03l1.838-.952a3.013 3.013 0 0 1 1.933-.12 3.028 3.028 0 0 1 1.353 1.13c.277.568.349 1.22.196 1.848l-.348 1.488Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div>\n                <p class=\"font-black text-slate-800 text-sm mb-1\">Smart Simplicity \u2013 das Designprinzip hinter tele-LOOK<\/p>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">\n                    tele-LOOK verfolgt bewusst keinen Funktions\u00fcberfluss. <strong>Vier fokussierte Werkzeuge<\/strong> decken 95 % aller Servicef\u00e4lle ab. Das Ergebnis: keine Lernkurve f\u00fcr den Kunden, kein Einarbeitungsaufwand f\u00fcr das Team \u2013 und volle Konzentration auf das, was z\u00e4hlt: das Problem l\u00f6sen.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 5: ABLAUF EINES CALLS                                    -->\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-labelledby=\"ablauf-headline\">\n        <div class=\"bg-white border border-slate-200 rounded-xl p-8 md:p-10\">\n            <h2 id=\"ablauf-headline\" class=\"text-2xl font-black text-slate-800 mb-2\">So l\u00e4uft ein typischer Service-Call ab<\/h2>\n            <p class=\"text-slate-600 mb-10\">Von der Kundenanfrage bis zum abgeschlossenen Protokoll \u2013 in der Regel unter 15 Minuten.<\/p>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-5 gap-0 items-start\">\n                <div class=\"flex flex-col items-center text-center px-3 mb-6 md:mb-0\">\n                    <div class=\"w-12 h-12 rounded-full bg-[#125dff] text-white font-black text-xl flex items-center justify-center mb-4\">1<\/div>\n                    <h3 class=\"font-black text-slate-800 text-sm mb-2\">Anfrage eingeht<\/h3>\n                    <p class=\"text-xs text-slate-500 leading-relaxed\">Kunde meldet Problem \u2013 per Telefon, E-Mail oder Ticket.<\/p>\n                <\/div>\n                <div class=\"hidden md:flex items-center justify-center pt-5\">\n                    <div class=\"w-full h-px bg-gradient-to-r from-[#125dff] to-blue-200\"><\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center text-center px-3 mb-6 md:mb-0\">\n                    <div class=\"w-12 h-12 rounded-full bg-[#125dff] text-white font-black text-xl flex items-center justify-center mb-4\">2<\/div>\n                    <h3 class=\"font-black text-slate-800 text-sm mb-2\">SMS-Link senden<\/h3>\n                    <p class=\"text-xs text-slate-500 leading-relaxed\">Techniker sendet Link direkt aus tele-LOOK \u2013 ein Klick.<\/p>\n                <\/div>\n                <div class=\"hidden md:flex items-center justify-center pt-5\">\n                    <div class=\"w-full h-px bg-gradient-to-r from-[#125dff] to-blue-200\"><\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center text-center px-3\">\n                    <div class=\"w-12 h-12 rounded-full bg-[#125dff] text-white font-black text-xl flex items-center justify-center mb-4\">3<\/div>\n                    <h3 class=\"font-black text-slate-800 text-sm mb-2\">Verbunden & gel\u00f6st<\/h3>\n                    <p class=\"text-xs text-slate-500 leading-relaxed\">Kunde klickt Link \u2013 Live-Video startet. Diagnose, L\u00f6sung, Protokoll in einem Call.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-10 border-t border-slate-100 pt-8\">\n                <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest mb-6\">Was im Call passiert \u2013 im Detail<\/p>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n                    <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-brand-primary mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\n                        <p class=\"font-bold text-slate-700 text-sm mb-1\">Diagnose<\/p>\n                        <p class=\"text-xs text-slate-500\">Techniker sieht die Situation live durch die Smartphone-Kamera des Kunden.<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-brand-primary mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 14a8 8 0 0 1-8 8\"\/><path d=\"M18 11v-1a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"\/><path d=\"M14 10V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1\"\/><path d=\"M10 9.5V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v10\"\/><path d=\"M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.82-2.32l-5.18-5.67a2 2 0 0 1 2.83-2.83l1.42 1.42L6 9.5\"\/><\/svg>\n                        <p class=\"font-bold text-slate-700 text-sm mb-1\">Anleitung<\/p>\n                        <p class=\"text-xs text-slate-500\">tele-Punkt und Dokumenteneinblendung f\u00fchren den Kunden Schritt f\u00fcr Schritt.<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-brand-primary mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"\/><circle cx=\"12\" cy=\"13\" r=\"3\"\/><\/svg>\n                        <p class=\"font-bold text-slate-700 text-sm mb-1\">Dokumentation<\/p>\n                        <p class=\"text-xs text-slate-500\">HD-Fotos mit Zeitstempel werden automatisch gespeichert.<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6 text-brand-primary mb-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4\"\/><path d=\"M12 16h4\"\/><path d=\"M8 11h.01\"\/><path d=\"M8 16h.01\"\/><\/svg>\n                        <p class=\"font-bold text-slate-700 text-sm mb-1\">Abschluss<\/p>\n                        <p class=\"text-xs text-slate-500\">Service-Protokoll mit optionaler Unterschrift \u2013 Rechnungsgrundlage fertig.<\/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    <!-- BLOCK 6: BRANCHEN                                              -->\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=\"branchen\" class=\"mb-16\" aria-labelledby=\"branchen-headline\">\n        <div class=\"mb-8\">\n            <h2 id=\"branchen-headline\" class=\"text-2xl font-black text-slate-800\">F\u00fcr welche Branchen ist tele-LOOK gemacht?<\/h2>\n            <p class=\"text-slate-600 mt-1\">tele-LOOK ist <strong>branchenunabh\u00e4ngig<\/strong> einsetzbar \u2013 \u00fcberall dort, wo ein Blick aus der Ferne Zeit und Kosten spart. Die folgenden Bereiche sind ein Auszug aus der Praxis.<\/p>\n        <\/div>\n\n        <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden\">\n            <div class=\"flex flex-wrap border-b border-slate-200 bg-slate-50\" role=\"tablist\">\n                <button class=\"tab-btn active flex-1 py-4 px-3 text-center font-bold text-xs md:text-sm focus:outline-none flex items-center justify-center gap-2\"\n                        role=\"tab\" aria-selected=\"true\" 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\n                <\/button>\n                <button class=\"tab-btn inactive flex-1 py-4 px-3 text-center font-bold text-xs md:text-sm focus:outline-none flex items-center justify-center gap-2\"\n                        role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('maschinenbau')\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"\/><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"\/><path d=\"M12 2v2\"\/><path d=\"M12 22v-2\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"M11 5.07 10 3.34\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"M5.07 11 3.34 10\"\/><path d=\"m22 12-2 0\"\/><path d=\"m2 12 2 0\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"M5.07 13 3.34 14\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M11 18.93 10 20.66\"\/><\/svg>\n                    Maschinenbau\n                <\/button>\n                <button class=\"tab-btn inactive flex-1 py-4 px-3 text-center font-bold text-xs md:text-sm focus:outline-none flex items-center justify-center gap-2\"\n                        role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('versicherung')\">\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=\"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                    Versicherung\n                <\/button>\n                <button class=\"tab-btn inactive flex-1 py-4 px-3 text-center font-bold text-xs md:text-sm focus:outline-none flex items-center justify-center gap-2\"\n                        role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('it')\">\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=\"M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16\"\/><\/svg>\n                    IT & Elektronik\n                <\/button>\n                <button class=\"tab-btn inactive flex-1 py-4 px-3 text-center font-bold text-xs md:text-sm focus:outline-none flex items-center justify-center gap-2\"\n                        role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('facility')\">\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=\"M10 17h4V5H2v12h3\"\/><path d=\"M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5v8h2\"\/><path d=\"M14 9h4v3h-4z\"\/><circle cx=\"7.5\" cy=\"17.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg>\n                    Facility & Bau\n                <\/button>\n                <button class=\"tab-btn inactive flex-1 py-4 px-3 text-center font-bold text-xs md:text-sm focus:outline-none flex items-center justify-center gap-2\"\n                        role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('hersteller')\">\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=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2-2Z\"\/><path d=\"M17 18h1\"\/><path d=\"M12 18h1\"\/><path d=\"M7 18h1\"\/><\/svg>\n                    Hersteller\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 items-start\">\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-xl font-black text-slate-800 mb-3\">Handwerk, SHK & Heizungsbau<\/h3>\n                            <p class=\"text-slate-700 text-sm leading-relaxed mb-4\">Der klassische Einsatzbereich von tele-LOOK: Heizungsanlagen, Sanit\u00e4rinstallationen, Elektrik. Techniker qualifizieren den Fall per Video, <strong>identifizieren das defekte Bauteil remote und bestellen das Ersatzteil vor der Anfahrt<\/strong> \u2013 statt zweimal hinzufahren.<\/p>\n                            <ul class=\"space-y-2 text-sm text-slate-600\">\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Heizungsausfall: Ferndiagnose statt Notfallanfahrt<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Ersatzteil-ID per Video \u2013 Anfahrt erst zum Einbau<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Azubi am Einsatzort per Live-Video begleiten<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Fachkr\u00e4ftemangel abmildern durch Remote-Mentoring<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-5 md:w-72 flex-shrink-0\">\n                            <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-2\">Praxis-Beispiel<\/p>\n                            <p class=\"text-sm text-slate-700 leading-relaxed\">Heizungsanlage im Winter ausgefallen. <strong>8-min\u00fctiger Video-Call \u2192 Fehler erkannt \u2192 Ersatzteil bestellt \u2192 einmalige Anfahrt zum Einbau.<\/strong> Zweite Fahrt gespart: 150 \u20ac, 90 Min. Zeit.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Maschinenbau -->\n                <div id=\"content-maschinenbau\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-xl font-black text-slate-800 mb-3\">Maschinenbau & Industrieservice<\/h3>\n                            <p class=\"text-slate-700 text-sm leading-relaxed mb-4\">Maschinen- und Anlagenausf\u00e4lle kosten Produktionsminuten. Mit tele-LOOK k\u00f6nnen <strong>Servicetechniker weltweit Maschinen per Live-Video begutachten<\/strong>, Fernwartung anleiten und den richtigen Spezialisten punktgenau einsetzen.<\/p>\n                            <ul class=\"space-y-2 text-sm text-slate-600\">\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Maschinenausfall: Remote-Diagnose in Minuten<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Schaltpl\u00e4ne und Wartungsanleitungen einblenden<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Internationaler Einsatz ohne Reisekosten<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Inbetriebnahme-Support f\u00fcr Neukunden<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-5 md:w-72 flex-shrink-0\">\n                            <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-2\">Praxis-Beispiel<\/p>\n                            <p class=\"text-sm text-slate-700 leading-relaxed\">Produktionsanlage in Polen ausgefallen. <strong>Statt Flug f\u00fcr Servicetechniker: Video-Call mit Wartungsteam vor Ort, Anleitung via Live-Video, Problem in 20 Min. behoben.<\/strong><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Versicherung -->\n                <div id=\"content-versicherung\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-xl font-black text-slate-800 mb-3\">Versicherungen & Schadensbegutachtung<\/h3>\n                            <p class=\"text-slate-700 text-sm leading-relaxed mb-4\">Schadensregulierung ohne Gutachterbesuch: <strong>HD-Fotos, Zeitstempel und Service-Protokoll<\/strong> liefern eine l\u00fcckenlose, nachweisf\u00e4hige Dokumentation \u2013 f\u00fcr Versicherungen und Sachverst\u00e4ndige.<\/p>\n                            <ul class=\"space-y-2 text-sm text-slate-600\">\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Wassersch\u00e4den, Einbr\u00fcche, Unfallsch\u00e4den remote begutachten<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Erstattungsprozesse drastisch beschleunigen<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> DSGVO-konforme Fotodokumentation mit Zeitstempel<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Digitale Kundenunterschrift im Protokoll<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-5 md:w-72 flex-shrink-0\">\n                            <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-2\">Praxis-Beispiel<\/p>\n                            <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Wasserschaden: 15 Min. Video-Besichtigung, automatisches Foto-Protokoll, Erstattung eingeleitet<\/strong> \u2013 ohne Anfahrt des Gutachters. Bearbeitungszeit: von Tagen auf Stunden reduziert.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- IT -->\n                <div id=\"content-it\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-xl font-black text-slate-800 mb-3\">IT-Support & Elektronik<\/h3>\n                            <p class=\"text-slate-700 text-sm leading-relaxed mb-4\">Helpdesks und IT-Supporter k\u00f6nnen <strong>Hardware-Probleme beim Endkunden live sehen<\/strong> \u2013 statt sich auf fehlerhafte Beschreibungen zu verlassen. Verkabelung, Ger\u00e4testatus, Fehlermeldungen \u2013 alles per Live-Video sofort erfassbar.<\/p>\n                            <ul class=\"space-y-2 text-sm text-slate-600\">\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Hardware-Diagnose und Kabelf\u00fchrung per Video<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Erstl\u00f6sungsquote im Helpdesk massiv steigern<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Endkunden visuell durch Einrichtungsschritte f\u00fchren<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Vor-Ort-Eins\u00e4tze auf das Notwendige reduzieren<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-5 md:w-72 flex-shrink-0\">\n                            <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-2\">Praxis-Beispiel<\/p>\n                            <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Drucker offline \u2013 Endkunde kann Problem nicht beschreiben. Video-Call: Techniker sieht Kabel-Konfiguration, l\u00f6st Problem in 5 Minuten.<\/strong> Kein Vor-Ort-Einsatz n\u00f6tig.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Facility -->\n                <div id=\"content-facility\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-xl font-black text-slate-800 mb-3\">Facility Management & Bau<\/h3>\n                            <p class=\"text-slate-700 text-sm leading-relaxed mb-4\">Facility Manager, Hausverwalter und Bauleiter setzen tele-LOOK f\u00fcr <strong>Remote-Begehungen, Schadensmeldungen, Abnahmen und Bestandsdokumentation<\/strong> ein \u2013 ohne f\u00fcr jeden Anlass hinzufahren.<\/p>\n                            <ul class=\"space-y-2 text-sm text-slate-600\">\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> M\u00e4ngelmeldungen von Mietern visuell erfassen<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Bauabnahmen per Video vorqualifizieren<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Aufma\u00dfe und Zustandsdokumentation remote erstellen<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Handwerker vor Ort per Video koordinieren<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-5 md:w-72 flex-shrink-0\">\n                            <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-2\">Praxis-Beispiel<\/p>\n                            <p class=\"text-sm text-slate-700 leading-relaxed\"><strong>Mieter meldet Feuchtigkeitsschaden. Video-Call mit Fotos und Protokoll: Ursache erkannt, Handwerker gezielt beauftragt<\/strong> \u2013 ohne unn\u00f6tige Erstbesichtigung.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Hersteller -->\n                <div id=\"content-hersteller\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <div class=\"flex flex-col md:flex-row gap-8 items-start\">\n                        <div class=\"flex-1\">\n                            <h3 class=\"text-xl font-black text-slate-800 mb-3\">Hersteller & Produktsupport<\/h3>\n                            <p class=\"text-slate-700 text-sm leading-relaxed mb-4\">\n                                Hersteller von Ger\u00e4ten, Maschinen oder Produkten nutzen tele-LOOK, um <strong>Kunden und H\u00e4ndler bei Installation, Inbetriebnahme und Reklamationen direkt per Live-Video zu begleiten<\/strong> \u2013 ohne Au\u00dfendienstmitarbeiter losschicken zu m\u00fcssen. Produktfehler werden live eingesehen, klassifiziert und dokumentiert.\n                            <\/p>\n                            <ul class=\"space-y-2 text-sm text-slate-600\">\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Inbetriebnahme-Support f\u00fcr Endkunden und H\u00e4ndler per Video<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Reklamationen live begutachten \u2013 Kulanz- oder Garantiefall sofort einsch\u00e4tzen<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> Fehlbedienung oder echter Defekt? Remote kl\u00e4ren, bevor R\u00fccksendekosten entstehen<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> HD-Foto-Protokoll als Nachweis f\u00fcr Qualit\u00e4tssicherung und Produktentwicklung<\/li>\n                                <li class=\"flex items-start gap-2\"><span class=\"text-brand-primary font-black mt-0.5\">\u2713<\/span> H\u00e4ndlerschulungen remote durchf\u00fchren \u2013 tele-Punkt und Dokumenteneinblendung inklusive<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-5 md:w-72 flex-shrink-0\">\n                            <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-2\">Praxis-Beispiel<\/p>\n                            <p class=\"text-sm text-slate-700 leading-relaxed\">\n                                Kunde reklamiert ein Ger\u00e4t. <strong>Video-Call: Techniker sieht sofort, dass es sich um Fehlbedienung handelt \u2013 keine R\u00fccksendung n\u00f6tig, Kunde per Live-Anleitung in 8 Minuten geholfen.<\/strong> R\u00fccksendekosten und Bearbeitungsaufwand vollst\u00e4ndig gespart.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- Branchenunabh\u00e4ngig-Hinweis -->\n        <div class=\"mt-4 bg-slate-50 border border-slate-200 rounded-xl p-5 flex items-start gap-4\">\n            <div class=\"w-9 h-9 bg-blue-100 text-brand-primary rounded-lg flex items-center justify-center flex-shrink-0\">\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=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.9 1.2 1.5 1.5 2.5\"\/><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><\/svg>\n            <\/div>\n            <div>\n                <p class=\"font-black text-slate-800 text-sm mb-1\">tele-LOOK ist nicht branchengebunden<\/p>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">\n                    Die gezeigten Branchen sind ein <strong>Auszug aus der Praxis<\/strong>. tele-LOOK l\u00e4sst sich in jeder Branche einsetzen, in der Mitarbeiter oder Kunden remote visuell unterst\u00fctzt werden sollen \u2013 von der Landtechnik \u00fcber den Medizinger\u00e4teservice bis hin zum Sportger\u00e4tehersteller. <strong>Wenn ein Smartphone mit Kamera vor Ort ist, funktioniert tele-LOOK.<\/strong>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 7: TECHNIK & DATENSCHUTZ                                 -->\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=\"technik\" class=\"mb-16\" aria-labelledby=\"technik-headline\">\n        <div class=\"mb-8\">\n            <h2 id=\"technik-headline\" class=\"text-2xl font-black text-slate-800\">Technik & Datenschutz<\/h2>\n            <p class=\"text-slate-600 mt-1\">Alles, was IT-Verantwortliche, Datenschutzbeauftragte und technische Entscheider wissen m\u00fcssen.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 branch-card\">\n                <div class=\"w-10 h-10 bg-blue-50 text-brand-primary rounded-lg 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\"><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                <h3 class=\"font-black text-slate-800 mb-2\">Browserbasiert \u2013 keine App<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">tele-LOOK l\u00e4uft vollst\u00e4ndig im Webbrowser. <strong>iOS, Android, Windows, macOS<\/strong> \u2013 jedes Ger\u00e4t mit modernem Browser und Kamera ist kompatibel. Keine Installation, kein Store-Download, kein Update-Aufwand.<\/p>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 branch-card\">\n                <div class=\"w-10 h-10 bg-blue-50 text-brand-primary rounded-lg 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\"><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                <h3 class=\"font-black text-slate-800 mb-2\">Ende-zu-Ende-Verschl\u00fcsselung<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">Alle Verbindungen sind <strong>Ende-zu-Ende verschl\u00fcsselt<\/strong>. Videodaten werden nicht aufgezeichnet oder gespeichert \u2013 nur Fotos und Protokolldaten, nach Ihrer Konfiguration. Dritte haben keinen Zugriff.<\/p>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 branch-card\">\n                <div class=\"w-10 h-10 bg-blue-50 text-brand-primary rounded-lg 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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><path d=\"M2 12h20\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 mb-2\">Deutsche Server & DSGVO<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">Alle Daten werden auf <strong>deutschen Servern gespeichert<\/strong>. tele-LOOK ist vollst\u00e4ndig DSGVO-konform \u2013 geeignet f\u00fcr sensible Unternehmenskommunikation und professionellen Kundendienst.<\/p>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 branch-card\">\n                <div class=\"w-10 h-10 bg-blue-50 text-brand-primary rounded-lg 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=\"M2 20h.01\"\/><path d=\"M7 20v-4\"\/><path d=\"M12 20v-8\"\/><path d=\"M17 20V8\"\/><path d=\"M22 4v16\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 mb-2\">Adaptive Videoqualit\u00e4t<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">tele-LOOK passt die Videoqualit\u00e4t <strong>automatisch an die verf\u00fcgbare Bandbreite an<\/strong>. Auch bei schwachem Mobilfunksignal auf Baustellen oder in Industriehallen bleibt die Verbindung stabil.<\/p>\n            <\/div>\n\n            <!-- API-Karte \u2013 aktualisiert -->\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 branch-card\">\n                <div class=\"w-10 h-10 bg-blue-50 text-brand-primary rounded-lg 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=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 mb-2\">API-Schnittstellen auf Anfrage<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed mb-3\">\n                    F\u00fcr Unternehmen mit Integrationsbedarf stellen wir <strong>API-Schnittstellen f\u00fcr CRM, CAFM und ERP auf Anfrage bereit<\/strong>. Eine Integration ist keine Voraussetzung \u2013 tele-LOOK ist sofort out-of-the-box einsatzbereit.\n                <\/p>\n                <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-1.5 text-xs font-black text-brand-primary hover:underline\">\n                    API-Integration anfragen \u2192\n                <\/a>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-6 branch-card\">\n                <div class=\"w-10 h-10 bg-blue-50 text-brand-primary rounded-lg 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=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 mb-2\">Sofort einsatzbereit<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">Kein IT-Projekt, keine Schulungswochen. <strong>Lizenz buchen \u2013 Freischaltung in ~1 Werktag \u2013 ersten Call starten.<\/strong> Inklusive Benutzerhandbuch f\u00fcr den sofortigen Einstieg ohne externe Hilfe.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 8: LIZENZEN & EINSTIEG                                   -->\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=\"lizenzen\" class=\"mb-16\" aria-labelledby=\"lizenzen-headline\">\n        <div class=\"bg-brand-primary text-white rounded-2xl p-8 md:p-12\">\n            <div class=\"mb-10 max-w-2xl\">\n                <h2 id=\"lizenzen-headline\" class=\"text-3xl font-black mb-3\">Lizenzen & Einstieg<\/h2>\n                <p class=\"text-blue-100\">Flexible Lizenzmodelle \u2013 vom Einzelnutzer bis zum Enterprise-Team. Alle Pakete starten mit einer 14-t\u00e4gigen kostenlosen Testphase.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n\n                <!-- Einzel -->\n                <div class=\"bg-white\/10 border border-white\/20 rounded-xl p-6\">\n                    <div class=\"w-10 h-10 bg-white\/20 text-white rounded-lg 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=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"font-black text-white text-lg mb-2\">Einzel-Lizenz<\/h3>\n                    <p class=\"text-blue-100 text-sm leading-relaxed mb-4\">Ideal f\u00fcr Einzelunternehmer, Freelancer und kleine Handwerksbetriebe. Ein Nutzer-Account, volle Funktionalit\u00e4t.<\/p>\n                    <ul class=\"space-y-1.5 text-xs text-blue-200\">\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> Alle 4 Kernfunktionen<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> Service-Protokoll & HD-Fotos<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> Freischaltung in ~1 Werktag<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Team -->\n                <div class=\"bg-white border border-blue-200 rounded-xl p-6 text-slate-800 transform md:-translate-y-2 shadow-lg\">\n                    <div class=\"flex items-center justify-between mb-4\">\n                        <div class=\"w-10 h-10 bg-blue-100 text-brand-primary rounded-lg 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=\"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                        <span class=\"bg-blue-100 text-brand-primary text-xs font-black px-2 py-0.5 rounded\">Beliebt<\/span>\n                    <\/div>\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">Team- & Pool-Lizenz<\/h3>\n                    <p class=\"text-slate-600 text-sm leading-relaxed mb-4\">F\u00fcr Serviceteams und KMUs. Mehrere Nutzer, zentrales Dashboard, gemeinsame Protokollverwaltung.<\/p>\n                    <ul class=\"space-y-1.5 text-xs text-slate-600 mb-4\">\n                        <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-bold\">\u2713<\/span> Mehrere Nutzer-Accounts<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-bold\">\u2713<\/span> Zentrales Protokoll-Dashboard<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-bold\">\u2713<\/span> Teamverwaltung & Statistiken<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-brand-primary font-bold\">\u2713<\/span> Pool-Lizenzen flexibel nutzbar<\/li>\n                    <\/ul>\n                    <div class=\"bg-slate-50 border border-slate-200 rounded-lg p-3\">\n                        <p class=\"text-xs text-brand-primary font-black mb-0.5 flex items-center gap-1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/><\/svg>\n                            Individuelle Konditionen\n                        <\/p>\n                        <p class=\"text-xs text-slate-500 leading-relaxed\">Bei gr\u00f6\u00dferem Bedarf sprechen Sie uns an \u2013 wir erstellen ein ma\u00dfgeschneidertes Angebot.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Enterprise -->\n                <div class=\"bg-white\/10 border border-white\/20 rounded-xl p-6\">\n                    <div class=\"w-10 h-10 bg-white\/20 text-white rounded-lg 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\"><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                    <\/div>\n                    <h3 class=\"font-black text-white text-lg mb-2\">Enterprise<\/h3>\n                    <p class=\"text-blue-100 text-sm leading-relaxed mb-4\">F\u00fcr gr\u00f6\u00dfere Unternehmen mit individuellem Bedarf \u2013 API-Integration, SSO, dedizierter Support.<\/p>\n                    <ul class=\"space-y-1.5 text-xs text-blue-200 mb-4\">\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> API-Integration (CRM\/ERP)<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> Individuelles Onboarding<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> Dedizierter Ansprechpartner<\/li>\n                        <li class=\"flex items-center gap-2\"><span class=\"text-white font-bold\">\u2713<\/span> Individuelle Preisgestaltung<\/li>\n                    <\/ul>\n                    <div class=\"bg-white\/10 border border-white\/20 rounded-lg p-3\">\n                        <p class=\"text-xs text-white font-black mb-0.5 flex items-center gap-1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/><\/svg>\n                            Individuelle Konditionen\n                        <\/p>\n                        <p class=\"text-xs text-blue-200 leading-relaxed\">Enterprise-Preise werden individuell vereinbart. Wir machen Ihnen ein passendes Angebot.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Hinweis-Banner individuelle Preise -->\n            <div class=\"bg-white\/10 border border-white\/20 rounded-xl p-5 flex items-start gap-4 mb-8\">\n                <div class=\"w-10 h-10 bg-white\/20 text-white rounded-lg flex items-center justify-center flex-shrink-0\">\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 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n                <\/div>\n                <div>\n                    <p class=\"font-black text-white text-sm mb-1\">Team-, Enterprise- oder Pool-Lizenz mit individuellem Bedarf?<\/p>\n                    <p class=\"text-blue-100 text-sm leading-relaxed\">\n                        Bei gr\u00f6\u00dferen Teams, besonderen Anforderungen oder gew\u00fcnschter API-Integration <strong>erstellen wir Ihnen gerne ein individuelles Angebot<\/strong>. Sprechen Sie uns einfach an \u2013 wir finden gemeinsam das passende Modell.\n                    <\/p>\n                    <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-1.5 mt-3 text-xs font-black text-white hover:underline\">\n                        Jetzt unverbindlich anfragen \u2192\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- CTAs -->\n            <div class=\"flex flex-col sm:flex-row gap-4\">\n                <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-block bg-white text-brand-primary font-black py-3.5 px-8 rounded-lg hover:bg-blue-50 transition-colors text-center text-sm\">\n                    Alle Preise & Pakete ansehen \u2192\n                <\/a>\n                <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"inline-block bg-white\/15 border border-white\/30 text-white font-bold py-3.5 px-8 rounded-lg hover:bg-white\/25 transition-colors text-center text-sm flex items-center justify-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\"><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                    Demo-Termin vereinbaren\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 9: AUSZEICHNUNGEN                                        -->\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=\"auszeichnung\" class=\"mb-16\" aria-labelledby=\"award-headline\">\n        <div class=\"mb-8\">\n            <h2 id=\"award-headline\" class=\"text-2xl font-black text-slate-800\">Auszeichnungen & Anerkennung<\/h2>\n            <p class=\"text-slate-600 mt-1\">Unabh\u00e4ngig best\u00e4tigt: tele-LOOK l\u00f6st ein echtes Problem \u2013 und tut es besser als andere.<\/p>\n        <\/div>\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-7 flex items-start gap-5 branch-card\">\n                <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-7 h-7\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/><path d=\"M4 22h16\"\/><path d=\"M10 14.66V17c0 1.1-.9 2-2 2H6\"\/><path d=\"M14 14.66V17c0 1.1.9 2 2 2h2\"\/><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/><\/svg>\n                <\/div>\n                <div>\n                    <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-1\">2023<\/p>\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">Freiburger Innovationspreis 2023<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">\n                        Verliehen von der Stadt Freiburg f\u00fcr herausragende Innovation im Bereich digitaler Kundendienst-L\u00f6sungen. tele-LOOK wurde als praxisnahes Produkt ausgezeichnet, das den Servicealltag messbar verbessert.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-slate-200 rounded-xl p-7 flex items-start gap-5 branch-card\">\n                <div class=\"w-14 h-14 bg-blue-50 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-7 h-7\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\n                <\/div>\n                <div>\n                    <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-1\">2017<\/p>\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">KVD Service Management Preis 2017<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed\">\n                        Ausgezeichnet vom Kundendienst-Verband Deutschland (KVD) f\u00fcr die Digitalisierung des technischen Kundendienstes. tele-LOOK wurde als wegweisende L\u00f6sung im Field-Service-Management anerkannt.\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    <!-- BLOCK 10: FAQ                                                  -->\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-black text-slate-800\">H\u00e4ufig gestellte Fragen zu tele-LOOK<\/h2>\n            <p class=\"text-slate-600 mt-1\">Schnelle Antworten auf die wichtigsten Entscheiderfragen.<\/p>\n        <\/div>\n\n        <div class=\"bg-white border border-slate-200 rounded-xl divide-y divide-slate-100 overflow-hidden\"\n             itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">F\u00fcr welche Unternehmensgr\u00f6\u00dfen ist tele-LOOK geeignet?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        tele-LOOK ist <strong>skalierbar von Einzelunternehmern bis zu Enterprise-Teams<\/strong>. Handwerksbetriebe mit einem Techniker profitieren genauso wie mittelst\u00e4ndische Serviceteams oder Konzerne mit mehreren Standorten. Die Lizenzmodelle passen sich der Teamgr\u00f6\u00dfe an \u2013 bei Bedarf auch mit individuellen Konditionen f\u00fcr Team-, Pool- oder Enterprise-Lizenzen.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Braucht mein Kunde eine App oder ein Konto?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Nein. <strong>Der Kunde ben\u00f6tigt ausschlie\u00dflich ein Smartphone mit Browser und Internetverbindung.<\/strong> Er klickt auf den per SMS gesendeten Link \u2013 fertig. Keine Installation, kein Konto, keine technische Vorerfahrung n\u00f6tig.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Wie viele Nutzer kann ich mit einer Lizenz anlegen?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Das h\u00e4ngt vom gew\u00e4hlten Lizenzpaket ab. <strong>Einzel-, Team- und Enterprise-Pakete<\/strong> bieten unterschiedliche Nutzeranzahlen. Bei gr\u00f6\u00dferem Bedarf oder besonderen Anforderungen erstellen wir gerne ein individuelles Angebot. Details finden Sie auf der <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" class=\"text-brand-primary underline font-bold\" target=\"_blank\" rel=\"noopener\">Preisseite<\/a>.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Gibt es eine API f\u00fcr CRM- oder ERP-Integration?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Ja. <strong>tele-LOOK stellt API-Schnittstellen f\u00fcr CRM, CAFM und ERP auf Anfrage bereit.<\/strong> Eine Integration ist jedoch keine Voraussetzung \u2013 tele-LOOK funktioniert auch als standalone L\u00f6sung vollst\u00e4ndig out-of-the-box. Bei Interesse sprechen Sie uns einfach an.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Kann tele-LOOK auch bei schlechtem Mobilfunksignal genutzt werden?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Ja. tele-LOOK <strong>passt die Videoqualit\u00e4t automatisch an die verf\u00fcgbare Bandbreite an<\/strong>. Der Betrieb ist f\u00fcr Praxisbedingungen optimiert \u2013 auch auf Baustellen, in Industriehallen oder in Au\u00dfenbereichen mit schwachem Signal bleibt die Verbindung in der Regel stabil.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">Werden Video-Calls aufgezeichnet?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        Nein. <strong>Videodaten werden nicht aufgezeichnet oder gespeichert.<\/strong> Nur die Fotos, die Sie aktiv per Mausklick erstellen, sowie Notizen und Protokolldaten werden DSGVO-konform auf deutschen Servern abgelegt. Sie haben jederzeit die volle Kontrolle \u00fcber Ihre Daten.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\" onclick=\"toggleFaq(this)\"\n                 itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"w-full flex items-center justify-between cursor-pointer hover:bg-slate-50 transition-colors text-left\" aria-expanded=\"false\">\n                    <span class=\"font-bold text-sm md:text-base pr-4 m-0\" itemprop=\"name\">F\u00fcr welche Branchen ist tele-LOOK geeignet?<\/span>\n                    <i class=\"faq-icon text-brand-primary text-2xl font-light flex-shrink-0\">+<\/i>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"text-sm leading-relaxed px-6 pb-6\" itemprop=\"text\">\n                        tele-LOOK ist <strong>branchenunabh\u00e4ngig einsetzbar<\/strong>. \u00dcberall dort, wo Mitarbeiter oder Kunden remote visuell unterst\u00fctzt werden sollen, funktioniert tele-LOOK. Typische Einsatzbereiche sind Handwerk, Maschinenbau, Versicherungen, IT-Support, Facility Management und Hersteller \u2013 aber auch Landtechnik, Medizinger\u00e4teservice, Sportger\u00e4tebranche und viele weitere Bereiche profitieren. Wenn ein Smartphone mit Kamera vor Ort ist, ist tele-LOOK einsetzbar.\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    <!-- BLOCK 11: SERVICE BLOG HINWEIS                                 -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"mb-16\" aria-label=\"Service Blog\">\n        <div class=\"bg-slate-50 border border-slate-200 rounded-2xl p-8 md:p-10\">\n            <div class=\"flex flex-col md:flex-row items-center justify-between gap-8\">\n                <div class=\"flex items-start gap-5\">\n                    <div class=\"w-14 h-14 bg-blue-100 text-brand-primary rounded-xl flex items-center justify-center flex-shrink-0\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2\"\/><path d=\"M18 14h-8\"\/><path d=\"M15 18h-5\"\/><path d=\"M10 6h8v4h-8V6Z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <p class=\"text-xs font-black text-brand-primary uppercase tracking-widest mb-1\">Wissen & Inspiration<\/p>\n                        <h2 class=\"font-black text-slate-800 text-xl mb-2\">tele-LOOK Service Blog<\/h2>\n                        <p class=\"text-sm text-slate-600 leading-relaxed max-w-xl\">\n                            Im Service Blog finden Sie praxisnahe Artikel zu den Themen <strong>Kundendienst-Effizienz, Fachkr\u00e4ftemangel, Fuhrparkoptimierung, digitale Transformation im Handwerk<\/strong> und vielem mehr. Neue Perspektiven, die Ihren Servicealltag voranbringen.\n                        <\/p>\n                        <div class=\"flex flex-wrap gap-2 mt-3\">\n                            <span class=\"feature-pill\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 text-slate-500\" 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                                Kundendienst\n                            <\/span>\n                            <span class=\"feature-pill\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 text-slate-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg>\n                                Kostensenkung\n                            <\/span>\n                            <span class=\"feature-pill\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 text-slate-500\" 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                                Fachkr\u00e4ftemangel\n                            <\/span>\n                            <span class=\"feature-pill\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-3 h-3 text-slate-500\" 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                                Fuhrpark\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/www.tele-look.com\/web\/service-blog-tele-look\/\" target=\"_blank\" rel=\"noopener\" class=\"flex-shrink-0 inline-block bg-brand-primary text-white font-black py-3.5 px-8 rounded-lg hover:bg-blue-700 transition-colors text-sm text-center whitespace-nowrap\">\n                    Zum Service Blog \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- BLOCK 12: 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 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                tele-LOOK 14 Tage kostenlos testen\n            <\/h2>\n            <p class=\"text-slate-600 text-lg mb-10 max-w-xl mx-auto\">\n                Kein Risiko, keine Kreditkarte n\u00f6tig. Einfach buchen, in einem Werktag freischalten lassen \u2013 und direkt loslegen.\n            <\/p>\n\n            <div class=\"flex flex-col md:flex-row gap-5 justify-center items-stretch max-w-3xl mx-auto\">\n\n                <div class=\"flex-1 bg-white p-7 rounded-xl border border-slate-200 hover:border-[#125dff] transition-colors flex flex-col justify-between\">\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-lg font-bold text-slate-800 mb-2\">Live-Demo anfragen<\/h3>\n                        <p class=\"text-sm text-slate-600 mb-6\">30 Min. mit einem tele-LOOK Experten \u2013 direkt am Praxis-Beispiel Ihrer Branche.<\/p>\n                    <\/div>\n                    <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"w-full inline-block bg-white border-2 border-brand-primary text-brand-primary font-bold py-3.5 px-6 rounded-lg hover:bg-blue-50 transition-colors text-sm text-center !important\">\n                        Termin buchen\n                    <\/a>\n                <\/div>\n\n                <div class=\"hidden md:flex items-center justify-center\">\n                    <span class=\"text-slate-400 italic text-sm px-2\">oder<\/span>\n                <\/div>\n\n                <div class=\"flex-1 bg-white p-7 rounded-xl border border-blue-200 hover:border-[#125dff] transition-colors flex flex-col justify-between 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-lg font-bold text-slate-800 mb-2\">Direkt starten<\/h3>\n                        <p class=\"text-sm text-slate-600 mb-6\">Lizenz buchen, Freischaltung in ~1 Werktag, erster Live-Call in unter 60 Sekunden.<\/p>\n                    <\/div>\n                    <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" rel=\"noopener\" class=\"w-full inline-block bg-brand-primary text-white font-bold py-3.5 px-6 rounded-lg hover:bg-blue-700 transition-colors text-sm text-center !important\">\n                        14 Tage kostenlos testen\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    function switchTab(tabId) {\n        document.querySelectorAll('.tab-content').forEach(c => { c.classList.remove('block'); c.classList.add('hidden'); });\n        document.querySelectorAll('.tab-btn').forEach(b => {\n            b.classList.remove('active'); b.classList.add('inactive');\n            b.setAttribute('aria-selected', 'false');\n        });\n        document.getElementById('content-' + tabId).classList.remove('hidden');\n        document.getElementById('content-' + tabId).classList.add('block');\n        const btn = document.querySelector(`button[onclick=\"switchTab('${tabId}')\"]`);\n        btn.classList.remove('inactive'); btn.classList.add('active');\n        btn.setAttribute('aria-selected', 'true');\n    }\n\n    function toggleFaq(button) {\n        const item = button.parentElement;\n        const isOpen = item.classList.contains('open');\n        document.querySelectorAll('.faq-item').forEach(i => {\n            i.classList.remove('open');\n            i.querySelector('button').setAttribute('aria-expanded', 'false');\n        });\n        if (!isOpen) {\n            item.classList.add('open');\n            button.setAttribute('aria-expanded', 'true');\n        }\n    }\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>tele-LOOK Produktinfo: Live-Video-Support f\u00fcr Unternehmen | Alle Infos Was ist tele-LOOK? Funktionen Branchen Technik &#038; Datenschutz Lizenzen &#038; Start Auszeichnungen FAQ Produktinformation tele-LOOK: Live-Video-Support f\u00fcr den modernen Kundendienst tele-LOOK ist eine browserbasierte Software f\u00fcr Live-Video-Support \u2013 entwickelt f\u00fcr Unternehmen, die ihren Kunden und Au\u00dfendienstteams schneller, effizienter und kosteng\u00fcnstiger helfen wollen. Ohne App. Ohne IT-Aufwand. In [&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-10027","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10027","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=10027"}],"version-history":[{"count":109,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10027\/revisions"}],"predecessor-version":[{"id":14948,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10027\/revisions\/14948"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=10027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}