{"id":15144,"date":"2026-04-09T14:16:55","date_gmt":"2026-04-09T12:16:55","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=15144"},"modified":"2026-04-22T11:29:36","modified_gmt":"2026-04-22T09:29:36","slug":"handwerk","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/handwerk\/","title":{"rendered":"Handwerk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15144\" class=\"elementor elementor-15144\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5331c9b e-flex e-con-boxed e-con e-parent\" data-id=\"5331c9b\" 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-940a2f5 elementor-widget elementor-widget-html\" data-id=\"940a2f5\" 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-DE\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- \ud83d\ude80 PRIMARY SEO META TAGS -->\n    <title>Live-Video-Support f\u00fcr Handwerker | Auftragsvorkl\u00e4rung & Monetarisierung | tele-LOOK<\/title>\n    <meta name=\"description\" content=\"Digitale Auftragsvorkl\u00e4rung, Machbarkeitsanalysen und Service-Monetarisierung: tele-LOOK ist die pragmatische Handwerkersoftware f\u00fcr Live-Video-Support ohne App.\">\n    <meta name=\"keywords\" content=\"Live-Video-Support Handwerk, Auftragsvorkl\u00e4rung Software, Fernwartung Handwerker, Handwerkersoftware, Service Monetarisierung, Machbarkeitsanalyse Video, SHK Software, tele-LOOK\">\n    <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\" \/>\n    <link rel=\"canonical\" href=\"https:\/\/www.tele-look.com\/web\/handwerk\/\" \/>\n\n    <!-- \ud83c\udf0d GEO & LOCAL SEO META TAGS (Fokus: DACH & Deutschland\/Freiburg) -->\n    <meta name=\"geo.region\" content=\"DE-BW\" \/>\n    <meta name=\"geo.placename\" content=\"Freiburg im Breisgau\" \/>\n    <meta name=\"geo.position\" content=\"47.9959;7.8522\" \/>\n    <meta name=\"ICBM\" content=\"47.9959, 7.8522\" \/>\n\n    <!-- \ud83d\udd17 OPEN GRAPH \/ FACEBOOK \/ LINKEDIN -->\n    <meta property=\"og:locale\" content=\"de_DE\" \/>\n    <meta property=\"og:type\" content=\"website\" \/>\n    <meta property=\"og:title\" content=\"Live-Video-Support f\u00fcr Handwerker | tele-LOOK\" \/>\n    <meta property=\"og:description\" content=\"Die pragmatische Handwerkersoftware f\u00fcr SHK, Elektro und Bau. Reduzieren Sie Zweitanfahrten durch sofortige visuelle Auftragsvorkl\u00e4rung per Video.\" \/>\n    <meta property=\"og:url\" content=\"https:\/\/www.tele-look.com\/web\/handwerk\/\" \/>\n    <meta property=\"og:site_name\" content=\"tele-LOOK by Solutiness\" \/>\n    <meta property=\"og:image\" content=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/10\/Service-Techniker-tele-LOOK.png\" \/>\n    \n    <!-- \ud83d\udc26 TWITTER CARDS -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n    <meta name=\"twitter:title\" content=\"Live-Video-Support f\u00fcr Handwerker | tele-LOOK\" \/>\n    <meta name=\"twitter:description\" content=\"Reduzieren Sie Zweitanfahrten durch sofortige visuelle Auftragsvorkl\u00e4rung. Die smarte Handwerkersoftware ohne App-Zwang.\" \/>\n    <meta name=\"twitter:image\" content=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/10\/Service-Techniker-tele-LOOK.png\" \/>\n\n    <!-- \ud83e\udde0 STRUCTURED DATA (JSON-LD) - MAXIMUM ENTITY RECOGNITION -->\n    <!-- 1. Organization (Baut regionalen Trust & E-E-A-T auf) -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Organization\",\n      \"name\": \"tele-LOOK by Solutiness\",\n      \"url\": \"https:\/\/www.tele-look.com\",\n      \"logo\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/logo.png\",\n      \"foundingLocation\": {\n        \"@type\": \"Place\",\n        \"name\": \"Freiburg\"\n      },\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"addressCountry\": \"DE\"\n      },\n      \"sameAs\": [\n        \"http:\/\/www.linkedin.com\/company\/telelook\"\n      ]\n    }\n    <\/script>\n\n    <!-- 2. Software Application -->\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\": \"Pragmatische Handwerkersoftware f\u00fcr Live-Video-Support. Erm\u00f6glicht Handwerksbetrieben in der DACH-Region die digitale Auftragsvorkl\u00e4rung, Machbarkeitsanalysen und Service-Monetarisierung per Smartphone-Kamera des Kunden. Der Gespr\u00e4chspartner ben\u00f6tigt keine App.\",\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\/web\/handwerk\/\"\n    }\n    <\/script>\n\n    <!-- 3. Breadcrumbs -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"BreadcrumbList\",\n      \"itemListElement\": [{\n        \"@type\": \"ListItem\",\n        \"position\": 1,\n        \"name\": \"Startseite\",\n        \"item\": \"https:\/\/www.tele-look.com\/\"\n      },{\n        \"@type\": \"ListItem\",\n        \"position\": 2,\n        \"name\": \"Handwerker Software\",\n        \"item\": \"https:\/\/www.tele-look.com\/web\/handwerk\/\"\n      }]\n    }\n    <\/script>\n\n    <!-- 4. FAQ Schema -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Braucht mein Kunde f\u00fcr den Video-Support eine App?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Nein. Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App. Er klickt lediglich auf einen SMS-Link und die sichere Video\u00fcbertragung startet direkt in seinem Standard-Browser auf dem Smartphone.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Wie kann ich mit tele-LOOK Service-Monetarisierung im Handwerk betreiben?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Anstatt kostenlos am Telefon zu beraten, bieten Sie eine kostenpflichtige Remote-Diagnose per Video an. Das automatisch generierte Service-Protokoll von tele-LOOK (inkl. Zeitstempel, Fotos und Unterschrift) dient als rechtssichere Rechnungsgrundlage.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Gibt es F\u00f6rderungen f\u00fcr diese Handwerkersoftware in Deutschland?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Ja, tele-LOOK ist als Digitalisierungsma\u00dfnahme \u00fcber verschiedene Bundes- und Landesprogramme in Deutschland (wie Digitalbonus oder KfW) mit bis zu 50% f\u00f6rderf\u00e4hig.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n\n    <!-- PERFORMANCE: Preload Critical Assets -->\n    <link rel=\"preload\" href=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/10\/Service-Techniker-tele-LOOK.png\" as=\"image\">\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;600;700;900&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        body { font-family: 'Montserrat', sans-serif; background: #ffffff; color: #0f172a; overflow-x: hidden; scroll-behavior: smooth; }\n        \n        \/* \u2500\u2500 FLAT DESIGN ZWANG (Keine Schatten) \u2500\u2500 *\/\n        * { box-shadow: none !important; }\n\n        \/* \u2500\u2500 BRAND COLORS \u2500\u2500 *\/\n        .text-brand  { color: #125dff; }\n        .bg-brand    { background-color: #125dff; }\n\n        \/* \u2500\u2500 HERO BG (Flat Color statt tiefem Gradient) \u2500\u2500 *\/\n        .hero-bg {\n            background-color: #125dff;\n            position: relative; overflow: hidden;\n        }\n\n        \/* \u2500\u2500 CARDS & UTILS \u2500\u2500 *\/\n        .card { transition: border-color 0.2s ease, transform 0.2s ease; border: 1px solid #e2e8f0; background: #ffffff; }\n        .card:hover { border-color: #125dff; transform: translateY(-2px); }\n        .kpi-num { font-variant-numeric: tabular-nums; }\n        \n        \/* Flat Workflow Steps *\/\n        .step-num {\n            width: 44px; height: 44px; border-radius: 50%; background: #125dff; color: white;\n            font-size: 1.1rem; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n        }\n        .step-connector {\n            flex: 1; height: 2px; background: #e2e8f0; margin: 0 0.5rem; margin-top: -22px;\n        }\n        \n        .label-badge {\n            display: inline-block; background: #eef3ff; color: #125dff; font-size: 0.68rem; font-weight: 700;\n            letter-spacing: 0.1em; text-transform: uppercase; padding: 0.3rem 0.9rem; border-radius: 9999px; border: 1px solid #c7d8ff;\n        }\n        .pill {\n            display: inline-flex; align-items: center; gap: 0.35rem; background: #f1f5f9; border: 1px solid #e2e8f0;\n            border-radius: 9999px; padding: 0.3rem 0.75rem; font-size: 0.7rem; font-weight: 600; color: #64748b;\n        }\n        .dot-bg {\n            background-color: #f8fafc; background-image: radial-gradient(circle, #d8e4fb 1.2px, transparent 1.2px); background-size: 22px 22px;\n        }\n\n        \/* \u2500\u2500 BUTTONS (Elementor Safe, Flat) \u2500\u2500 *\/\n        .btn-primary {\n            display: inline-block !important; background: #125dff !important; color: #ffffff !important;\n            font-weight: 800 !important; font-size: 0.95rem !important; padding: 0.9rem 2rem !important; border-radius: 0.5rem !important;\n            transition: background 0.2s !important; text-align: center !important; border: 1px solid #125dff !important;\n        }\n        .btn-primary:hover { background: #0a4dd4 !important; border-color: #0a4dd4 !important;}\n        \n        .btn-secondary {\n            display: inline-block !important; background: transparent !important; color: #125dff !important; border: 2px solid #125dff !important;\n            font-weight: 700 !important; font-size: 0.95rem !important; padding: 0.85rem 2rem !important; border-radius: 0.5rem !important;\n            transition: background 0.2s !important; text-align: center !important;\n        }\n        .btn-secondary:hover { background: #eef3ff !important; }\n        \n        .btn-light {\n            display: inline-block !important; background: #ffffff !important; color: #125dff !important;\n            font-weight: 800 !important; font-size: 0.95rem !important; padding: 0.9rem 2rem !important; border-radius: 0.5rem !important;\n            transition: background 0.2s !important; text-align: center !important; border: 1px solid #ffffff !important;\n        }\n        .btn-light:hover { background: #f8fafc !important; }\n\n        \/* \u2500\u2500 STICKY CALENDAR WIDGET \u2500\u2500 *\/\n        .sticky-calendar {\n            position: fixed; right: 24px; bottom: 30px; z-index: 100;\n            width: 60px; height: 60px; border-radius: 50%;\n            background: #125dff; color: white;\n            display: flex; align-items: center; justify-content: center;\n            transition: transform 0.2s ease, background 0.2s ease;\n            cursor: pointer; text-decoration: none; border: 2px solid white;\n        }\n        .sticky-calendar:hover { transform: scale(1.05); background: #0a4dd4; }\n        .sticky-calendar::after {\n            content: 'Kennenlern-Termin vereinbaren';\n            position: absolute; right: 75px; top: 50%; transform: translateY(-50%);\n            background: #0f172a; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem;\n            font-size: 0.8rem; font-weight: 600; white-space: nowrap;\n            opacity: 0; pointer-events: none; transition: opacity 0.2s;\n        }\n        .sticky-calendar:hover::after { opacity: 1; }\n\n        \/* \u2500\u2500 FAQ ACCORDION \u2500\u2500 *\/\n        .faq-item { border-bottom: 1px solid #e2e8f0; }\n        .faq-question { width: 100%; text-align: left; padding: 1.25rem 0; font-weight: 700; color: #0f172a; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: transparent; border:none; outline:none;}\n        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; color: #475569; font-size: 0.95rem; line-height: 1.6; }\n        .faq-item.active .faq-answer { max-height: 500px; padding-bottom: 1.25rem; }\n        .faq-item.active .faq-icon { transform: rotate(45deg); color: #125dff; }\n\n        \/* \u2500\u2500 FLIP CARDS (GEWERKE\/BRANCHEN) - Flat Version \u2500\u2500 *\/\n        .flip-card { perspective: 1000px; height: 240px; }\n        .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1); transform-style: preserve-3d; }\n        .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }\n        .flip-card-front, .flip-card-back { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 0.5rem; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n        .flip-card-front { background-color: #f8fafc; border: 1px solid #e2e8f0; }\n        .flip-card-back { background-color: #125dff; color: white; transform: rotateY(180deg); text-align: center; border: 1px solid #125dff; }\n\n        \/* \u2500\u2500 IN-PAGE NAV UTILS \u2500\u2500 *\/\n        html { scroll-padding-top: 110px; }\n        .hide-scrollbar::-webkit-scrollbar { display: none; }\n        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n        \n        \/* Vorher\/Nachher Flat *\/\n        .vs-card-old { border-top: 4px solid #94a3b8; background: #f8fafc; border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }\n        .vs-card-new { border-top: 4px solid #125dff; background: #eff6ff; border-left: 1px solid #dbeafe; border-right: 1px solid #dbeafe; border-bottom: 1px solid #dbeafe; }\n\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n<!-- Sticky Kennenlern-Termin -->\n<a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"sticky-calendar\" aria-label=\"Demo-Termin f\u00fcr Live-Video-Support im Handwerk vereinbaren\" title=\"Kostenlose Software-Demo buchen\">\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.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n<\/a>\n\n<main>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\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\u2550\u2550\u2550\u2550 -->\n<header class=\"hero-bg min-h-[85vh] flex items-center\">\n    <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 py-20 w-full\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n            \n            <div class=\"max-w-xl\">\n                <span class=\"inline-block bg-white\/20 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-6 border border-white\/25\">\n                    Die smarte L\u00f6sung f\u00fcr alle Handwerks-Gewerke in der DACH-Region\n                <\/span>\n                \n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white leading-tight mt-2 mb-6\">\n                    Live-Video-Support f\u00fcrs Handwerk.<br>\n                    <span class=\"text-blue-200\">Unbezahlte Anfahrten endlich vermeiden.<\/span>\n                <\/h1>\n                \n                <p class=\"text-lg text-blue-50 leading-relaxed mb-8\">\n                    Unklare Kundenanfragen oder vage Fehlerbeschreibungen am Telefon kosten t\u00e4glich wertvolle Fachkr\u00e4fte-Zeit. Nutzen Sie <strong>tele-LOOK<\/strong> als pragmatische Handwerkersoftware zur digitalen Auftragsvorkl\u00e4rung und um Remote-Service-Leistungen berechnen zu k\u00f6nnen.  <br><br>\n                    <strong class=\"text-white\">Der entscheidende Vorteil: Sie sehen die Situation vor Ort als w\u00e4ren Sie selbst dabei. Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App. Ein Klick auf den SMS-Link gen\u00fcgt.<\/strong>\n                <\/p>\n                \n                <div class=\"flex flex-col sm:flex-row gap-3 mb-10\">\n                    <a href=\"#preise\" class=\"btn-light\" title=\"tele-LOOK 14 Tage kostenlos testen\">\n                        Jetzt 14 Tage testen \u2192\n                    <\/a>\n                    <a href=\"https:\/\/www.tele-look.com\/web\/produktinfo-tele-look\/\" class=\"inline-block bg-transparent border border-white text-white font-bold text-[0.95rem] py-[0.85rem] px-8 rounded-lg hover:bg-white\/10 transition-colors text-center\" title=\"Mehr Informationen zur Video-Support Software\">\n                        Mehr Produktinfos\n                    <\/a>\n                <\/div>\n                \n                <div class=\"flex flex-wrap gap-x-6 gap-y-2 text-xs text-blue-100 font-bold tracking-wide uppercase\">\n                    <span>\u2713 Ohne App-Installation<\/span>\n                    <span>\u2713 Machbarkeitsanalyse<\/span>\n                    <span>\u2713 Rechnungsgrundlage<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"flex items-center justify-center\">\n                <div class=\"relative w-full max-w-md bg-white\/5 p-4 rounded-1xl border border-white\/0\">\n                    <!-- SEO: loading=\"eager\" f\u00fcr LCP (Largest Contentful Paint) Optimierung -->\n                    <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/10\/Service-Techniker-tele-LOOK.png\" \n                         alt=\"Service-Techniker nutzt tele-LOOK Live-Video-Support zur digitalen Auftragsvorkl\u00e4rung im Handwerk\" \n                         title=\"Digitale Auftragsvorkl\u00e4rung im Handwerk per Video\"\n                         class=\"w-full rounded-xl block object-cover\" \n                         loading=\"eager\" width=\"500\" height=\"400\">\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/header>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- SEO BREADCRUMBS & IN-PAGE NAVIGATION -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sticky top-0 z-40 bg-white\/95 backdrop-blur border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <!-- Breadcrumbs -->\n        <nav aria-label=\"Breadcrumb\" class=\"pt-3 pb-1 text-[0.65rem] text-slate-400 font-medium hidden md:flex items-center space-x-2\">\n            <a href=\"https:\/\/www.tele-look.com\/\" class=\"hover:text-brand\" title=\"Zur tele-LOOK Startseite\">Startseite<\/a>\n            <span>\/<\/span>\n            <span class=\"text-slate-700\" aria-current=\"page\">Handwerk<\/span>\n        <\/nav>\n        <!-- In-Page Navigation -->\n        <nav aria-label=\"Seiten-Navigation\" class=\"py-3 flex overflow-x-auto gap-5 md:gap-8 text-sm font-bold text-slate-700 hide-scrollbar\">\n            <a href=\"#auftragsvorklaerung\" class=\"hover:text-brand whitespace-nowrap transition-colors\" title=\"Infos zur Auftragsvorkl\u00e4rung\">Auftragsvorkl\u00e4rung<\/a>\n            <a href=\"#monetarisierung\" class=\"hover:text-brand whitespace-nowrap transition-colors\" title=\"Service monetarisieren\">Service Monetarisieren<\/a>\n            <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" class=\"hover:text-brand whitespace-nowrap transition-colors\" title=\"So funktioniert der Video-Support\">Funktionsweise<\/a>\n            <a href=\"#use-cases\" class=\"hover:text-brand whitespace-nowrap transition-colors\" title=\"Use-Cases nach Gewerken\">Gewerke<\/a>\n            <a href=\"#foerderung\" class=\"hover:text-brand whitespace-nowrap transition-colors\" title=\"Staatliche F\u00f6rderung f\u00fcr Software\">F\u00f6rderung (bis 50%)<\/a>\n            <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" class=\"hover:text-brand whitespace-nowrap transition-colors\" title=\"Zu den Preisen\">Preise<\/a>\n        <\/nav>\n    <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 2: 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\u2550\u2550\u2550\u2550 -->\n<section class=\"bg-slate-50 border-b border-slate-200\" aria-label=\"Erfolgskennzahlen\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-10\">\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\n            <div>\n                <div class=\"text-4xl font-black text-brand kpi-num\">-70%<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mt-1\">Reisekosten<\/div>\n            <\/div>\n            <div>\n                <div class=\"text-4xl font-black text-slate-800 kpi-num\">150 \u20ac<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mt-1\">Ersparnis pro Anfahrt<\/div>\n            <\/div>\n            <div>\n                <div class=\"text-4xl font-black text-brand kpi-num\">+40%<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mt-1\">Erstl\u00f6sungsquote<\/div>\n            <\/div>\n            <div>\n                <div class=\"text-4xl font-black text-slate-800 kpi-num\">100%<\/div>\n                <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mt-1\">Abrechenbarer Service<\/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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 3: UMFASSENDE AUFTRAGSVORKL\u00c4RUNG & MACHBARKEIT -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"auftragsvorklaerung\" class=\"bg-white py-20\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-16\">\n            <span class=\"label-badge mb-4\">Vor der Anfahrt<\/span>\n            <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mb-4\">\n                Digitale Auftragsvorkl\u00e4rung:<br><span class=\"text-brand\">Ihre Machbarkeitsanalyse per Video.<\/span>\n            <\/h2>\n            <p class=\"text-slate-600 max-w-3xl mx-auto text-base leading-relaxed\">\n                Ein Kunde ruft an und m\u00f6chte eine Leistung buchen: Eine neue W\u00e4rmepumpe, die Wohnung neu streichen oder ein neues Dachfenster einbauen lassen. Bevor Sie wertvolle Zeit im Auto verbringen, f\u00fchren Sie mit unserer <strong>pragmatischen Handwerkersoftware<\/strong> eine visuelle Pr\u00fcfung durch.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-16\">\n            <article class=\"bg-slate-50 border border-slate-200 rounded-xl p-8 card\">\n                <div class=\"w-12 h-12 bg-white border border-slate-200 text-brand rounded-lg flex items-center justify-center mb-5\" aria-hidden=\"true\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 text-lg mb-3\">1. Realisierbarkeit pr\u00fcfen<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">\n                    Passt die gew\u00fcnschte W\u00e4rmepumpe \u00fcberhaupt durch die Kellert\u00fcr? Sind die n\u00f6tigen Stromanschl\u00fcsse vorhanden? Der Kunde zeigt Ihnen die Gegebenheiten live. Sie filtern technisch unm\u00f6gliche Projekte sofort heraus.\n                <\/p>\n            <\/article>\n            \n            <article class=\"bg-slate-50 border border-slate-200 rounded-xl p-8 card\">\n                <div class=\"w-12 h-12 bg-white border border-slate-200 text-brand rounded-lg flex items-center justify-center mb-5\" aria-hidden=\"true\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 text-lg mb-3\">2. Aufma\u00df & Materialbedarf<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">\n                    Identifizieren Sie Typenschilder, messen Sie Dachfenster grob aus oder sch\u00e4tzen Sie den Farbbedarf f\u00fcr W\u00e4nde ab. So fahren Sie beim ersten echten Termin direkt mit dem richtigen Material los \u2013 ohne Zweitanfahrt.\n                <\/p>\n            <\/article>\n            \n            <article class=\"bg-slate-50 border border-slate-200 rounded-xl p-8 card\">\n                <div class=\"w-12 h-12 bg-white border border-slate-200 text-brand rounded-lg flex items-center justify-center mb-5\" aria-hidden=\"true\">\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"font-black text-slate-800 text-lg mb-3\">3. Qualifizierte Absagen<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">\n                    Nicht jeder Auftrag ist profitabel. Wenn die Machbarkeitsanalyse am Bildschirm zeigt, dass Aufwand und Ertrag nicht stimmen, lehnen Sie ab \u2013 ohne vorher unbezahlt 40 Kilometer gefahren zu sein.\n                <\/p>\n            <\/article>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto\">\n            <div class=\"vs-card-new p-7 rounded-xl\">\n                <p class=\"font-black text-brand text-xs uppercase tracking-wider mb-5 flex items-center gap-2\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    Mit tele-LOOK Auftragsvorkl\u00e4rung\n                <\/p>\n                <ul class=\"space-y-4 text-sm text-slate-700 font-medium\">\n                    <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2713<\/span> Kunde zeigt die Gegebenheiten live \u00fcber die Kamera.<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2713<\/span> Sie planen das Projekt pr\u00e4zise und bestellen Material vorab.<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2713<\/span> <strong>Nur profitable Anfahrten:<\/strong> Sie fahren erst raus, wenn alles klar ist.<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2713<\/span> <strong>Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App.<\/strong> Ein Klick gen\u00fcgt.<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"vs-card-old p-7 rounded-xl\">\n                <p class=\"font-black text-slate-500 text-xs uppercase tracking-wider mb-5 flex items-center gap-2\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n                    Bisheriger Service-Alltag\n                <\/p>\n                <ul class=\"space-y-4 text-sm text-slate-500 font-medium\">\n                    <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2717<\/span> Kunde beschreibt Projekt ungenau am Telefon.<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2717<\/span> Sie fahren unbezahlt raus, das Projekt ist gar nicht machbar.<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2717<\/span> Es fehlt das richtige Material \u2013 eine Zweitanfahrt wird f\u00e4llig.<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0\" aria-hidden=\"true\">\u2717<\/span> Wertvolle Facharbeiter-Zeit wird im Auto verschwendet.<\/li>\n                <\/ul>\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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 4: SERVICE-MONETARISIERUNG -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"monetarisierung\" class=\"bg-slate-50 py-20 border-t border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n            \n            <div>\n                <span class=\"label-badge mb-4\">Neues Gesch\u00e4ftsmodell<\/span>\n                <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mt-2 mb-5 leading-tight\">\n                    Service-Monetarisierung: <br><span class=\"text-brand\">Digitalen Service mit automatischem Protokoll abrechenbar machen.<\/span>\n                <\/h2>\n                <p class=\"text-slate-600 text-base leading-relaxed mb-6\">\n                    Handwerksbetriebe verschenken t\u00e4glich tausende Euro durch kostenlose Fehlerdiagnosen am Telefon. Mit tele-LOOK wandeln Sie diesen \"Gef\u00e4lligkeits-Support\" in bezahlte, hochprofessionelle Dienstleistungen um.\n                <\/p>\n                \n                <div class=\"space-y-6\">\n                    <div class=\"flex items-start gap-4\">\n                        <div class=\"w-10 h-10 bg-white border border-slate-200 text-brand rounded flex items-center justify-center flex-shrink-0\" aria-hidden=\"true\">1<\/div>\n                        <div>\n                            <h4 class=\"font-bold text-slate-800 text-sm\">Festpreis f\u00fcr die Remote-Diagnose<\/h4>\n                            <p class=\"text-sm text-slate-600 mt-1\">Statt unbezahlt am Telefon zu r\u00e4tseln, bieten Sie eine \"Digitale Fehlerdiagnose\" zum Festpreis an.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-start gap-4\">\n                        <div class=\"w-10 h-10 bg-white border border-slate-200 text-brand rounded flex items-center justify-center flex-shrink-0\" aria-hidden=\"true\">2<\/div>\n                        <div>\n                            <h4 class=\"font-bold text-slate-800 text-sm\">Automatische Beweissicherung<\/h4>\n                            <p class=\"text-sm text-slate-600 mt-1\">Jede tele-LOOK Session erstellt ein rechtssicheres Service-Protokoll mit Zeitstempel und HD-Fotos.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-start gap-4\">\n                        <div class=\"w-10 h-10 bg-white border border-slate-200 text-brand rounded flex items-center justify-center flex-shrink-0\" aria-hidden=\"true\">3<\/div>\n                        <div>\n                            <h4 class=\"font-bold text-slate-800 text-sm\">Digitale Unterschrift als Rechnungsgrundlage<\/h4>\n                            <p class=\"text-sm text-slate-600 mt-1\">Der Kunde unterschreibt das Protokoll direkt auf dem Smartphone-Display. Sie haben die perfekte Grundlage f\u00fcr Ihre Rechnungsstellung.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white rounded-2xl border border-slate-200 p-8 card relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-32 h-32 bg-blue-50 rounded-bl-full -z-10\" aria-hidden=\"true\"><\/div>\n                <h3 class=\"text-xl font-black text-slate-800 mb-6\">Rechnen Sie Ihren Service ab<\/h3>\n                <p class=\"text-sm text-slate-600 mb-6\">Wie ein abrechenbarer Video-Support-Fall in der Praxis aussieht:<\/p>\n                \n                <div class=\"space-y-4\">\n                    <div class=\"p-4 border border-slate-100 bg-slate-50 rounded-lg\">\n                        <p class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-1\">10:00 Uhr<\/p>\n                        <p class=\"text-sm text-slate-800 font-medium\">Kunde meldet Ausfall oder Projektbedarf.<\/p>\n                    <\/div>\n                    <div class=\"p-4 border border-slate-100 bg-slate-50 rounded-lg\">\n                        <p class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-1\">10:05 Uhr<\/p>\n                        <p class=\"text-sm text-slate-800 font-medium\">12-min\u00fctige Video-Diagnose (z.B. Festpreis 49\u20ac). Machbarkeit gepr\u00fcft, Ersatzteil oder Materialbedarf identifiziert.<\/p>\n                    <\/div>\n                    <div class=\"p-4 border border-blue-200 bg-blue-50 rounded-lg\">\n                        <p class=\"text-xs font-bold text-brand uppercase tracking-widest mb-1\">Ergebnis<\/p>\n                        <p class=\"text-sm text-slate-800 font-bold\">Diagnose abgerechnet. 100\u20ac Anfahrtskosten gespart. Handwerker f\u00e4hrt morgen mit passendem Teil direkt zum Einsatz.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <a href=\"https:\/\/www.tele-look.com\/web\/produktinfo-tele-look\/\" class=\"mt-6 inline-block text-brand font-bold text-sm hover:underline\" title=\"Beispiel eines Service-Protokolls ansehen\">\n                    Mehr zum Service-Protokoll erfahren \u2192\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 5: FUNKTIONSWEISE -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"funktionsweise\" class=\"dot-bg py-20 border-t border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-16\">\n            <span class=\"label-badge mb-4\">Der Workflow<\/span>\n            <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mt-4 mb-4\">In 60 Sekunden verbunden.<\/h2>\n            <p class=\"text-slate-600 max-w-xl mx-auto text-sm leading-relaxed\">Kein App-Zwang. So unkompliziert starten Sie die visuelle Fernwartung ohne IT-Projekt und ohne Wartezeit.<\/p>\n        <\/div>\n\n        <div class=\"hidden md:flex items-start max-w-4xl mx-auto mb-12\">\n            <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n                <div class=\"step-num mb-5\" aria-hidden=\"true\">1<\/div>\n                <h3 class=\"font-black text-slate-800 text-base mb-2\">Link senden<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">Sie senden dem Kunden per SMS aus dem Browser einen Zugangs-Link.<\/p>\n            <\/div>\n            <div class=\"step-connector mt-5\" aria-hidden=\"true\"><\/div>\n            <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n                <div class=\"step-num mb-5\" aria-hidden=\"true\">2<\/div>\n                <h3 class=\"font-black text-slate-800 text-base mb-2\">Kunde klickt<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\"><strong>Keine App.<\/strong> Ein Klick und die verschl\u00fcsselte Verbindung startet im Browser des Smartphones.<\/p>\n            <\/div>\n            <div class=\"step-connector mt-5\" aria-hidden=\"true\"><\/div>\n            <div class=\"flex flex-col items-center text-center flex-1 px-3\">\n                <div class=\"step-num mb-5\" aria-hidden=\"true\">3<\/div>\n                <h3 class=\"font-black text-slate-800 text-base mb-2\">Problem l\u00f6sen<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed\">Sie kl\u00e4ren den Auftrag, machen HD-Fotos und erzeugen das Abrechnungs-Protokoll.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Workflow -->\n        <div class=\"md:hidden space-y-4 max-w-md mx-auto mb-10\">\n            <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 border border-slate-200\">\n                <div class=\"step-num flex-shrink-0 w-10 h-10 text-sm\" aria-hidden=\"true\">1<\/div>\n                <div>\n                    <h3 class=\"font-black text-slate-800 mb-1\">Link senden<\/h3>\n                    <p class=\"text-sm text-slate-600\">Per SMS direkt aus der Web-Oberfl\u00e4che an den Kunden.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 border border-slate-200\">\n                <div class=\"step-num flex-shrink-0 w-10 h-10 text-sm\" aria-hidden=\"true\">2<\/div>\n                <div>\n                    <h3 class=\"font-black text-slate-800 mb-1\">Kunde klickt (Ohne App)<\/h3>\n                    <p class=\"text-sm text-slate-600\">Der Video-Support startet direkt im Smartphone-Browser.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 border border-slate-200\">\n                <div class=\"step-num flex-shrink-0 w-10 h-10 text-sm\" aria-hidden=\"true\">3<\/div>\n                <div>\n                    <h3 class=\"font-black text-slate-800 mb-1\">Sehen & Abrechnen<\/h3>\n                    <p class=\"text-sm text-slate-600\">Fehler diagnostizieren und dank Protokoll direkt abrechnen.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"text-center\">\n            <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" class=\"btn-primary\" title=\"Details zur Live-Video-Support Funktionsweise\">\n                Details zur Funktionsweise ansehen\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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 6: FEATURES GRID (SEO Optimized mit Lazy Loading) -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"bg-white py-20 border-y border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-16\">\n            <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mb-4\">Werkzeuge f\u00fcr echte Macher<\/h2>\n            <p class=\"text-slate-600 max-w-xl mx-auto text-sm leading-relaxed\">Kein Function-Overload. Nur pragmatische Features, die Ihre Machbarkeitsanalyse und Monetarisierung unterst\u00fctzen.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n            <!-- Feature 1: tele-Punkt (Video) -->\n            <article class=\"card rounded-xl overflow-hidden flex flex-col h-full\">\n                <div class=\"w-full aspect-video bg-slate-50 border-b border-slate-200 relative flex items-center justify-center\">\n                    <video src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/04\/Video-Support-Handwerk-tele-LOOK.mp4\" \n                           autoplay loop muted playsinline \n                           aria-label=\"Demonstration des tele-Punkts im Live-Video-Support\"\n                           title=\"Der tele-Punkt als digitaler Zeigefinger\"\n                           class=\"w-full h-full object-contain\">\n                    <\/video>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col\">\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">Der tele-Punkt (Live-Zeiger)<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-4 flex-1\">Zeigen Sie wie mit dem Finger direkt auf Details im Live-Bild. Der gelbe tele-Punkt erscheint in Echtzeit auf dem Smartphone des Kunden. Pr\u00e4ziser als jede Beschreibung.<\/p>\n                    <div class=\"flex gap-2 mt-auto\">\n                        <span class=\"pill\">Echtzeit<\/span><span class=\"pill\">Keine Missverst\u00e4ndnisse<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Feature 2: HD-Fotos (Bild) -->\n            <article class=\"card rounded-xl overflow-hidden flex flex-col h-full\">\n                <div class=\"w-full aspect-video bg-slate-50 border-b border-slate-200 relative flex items-center justify-center\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/04\/HD-Fotos-Video-Support-tele-LOOK.png\" \n                         alt=\"Hochaufl\u00f6sende HD-Fotos f\u00fcr Materialbedarf und Aufma\u00df \u00fcber die tele-LOOK Software\" \n                         title=\"HD-Fotos & Aufma\u00df-Basis\"\n                         loading=\"lazy\"\n                         width=\"800\" height=\"450\"\n                         class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col\">\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">HD-Fotos & Aufma\u00df-Basis<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-4 flex-1\">Erstellen Sie per Mausklick hochaufl\u00f6sende Fotos. Perfekt, um Typenschilder von Kesseln f\u00fcr Ersatzteile auszulesen oder grobe Platzverh\u00e4ltnisse zu dokumentieren.<\/p>\n                    <div class=\"flex gap-2 mt-auto\">\n                        <span class=\"pill\">Ersatzteile<\/span><span class=\"pill\">Machbarkeit<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Feature 3: Screensharing (Bild) -->\n            <article class=\"card rounded-xl overflow-hidden flex flex-col h-full\">\n                <div class=\"w-full aspect-video bg-slate-50 border-b border-slate-200 relative flex items-center justify-center\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/04\/Screensharing-Handwerk-tele-LOOK.png\" \n                         alt=\"Screensharing von Schaltpl\u00e4nen und Montageanleitungen f\u00fcr Handwerker direkt auf das Smartphone\" \n                         title=\"Screensharing im Handwerk\"\n                         loading=\"lazy\"\n                         width=\"800\" height=\"450\"\n                         class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col\">\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">Screensharing im Handwerk<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-4 flex-1\">Blenden Sie technische Zeichnungen, Schaltpl\u00e4ne oder Montageanleitungen direkt auf dem Display Ihres Kollegen auf der Baustelle ein \u2013 ohne Datei\u00fcbertragung.<\/p>\n                    <div class=\"flex gap-2 mt-auto\">\n                        <span class=\"pill\">Schaltpl\u00e4ne<\/span><span class=\"pill\">Anleitungen<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Feature 4: Service Protokoll (Bild) -->\n            <article class=\"card rounded-xl overflow-hidden flex flex-col h-full\">\n                <div class=\"w-full aspect-video bg-slate-50 border-b border-slate-200 relative flex items-center justify-center\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/tele-LOOK-Service-Protokoll.png\" \n                         alt=\"Digitales und beweissicheres Service-Protokoll mit Kundenunterschrift als Rechnungsgrundlage\" \n                         title=\"Beweissicheres Service-Protokoll\"\n                         loading=\"lazy\"\n                         width=\"800\" height=\"450\"\n                         class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col\">\n                    <h3 class=\"font-black text-slate-800 text-lg mb-2\">Beweissicheres Service-Protokoll<\/h3>\n                    <p class=\"text-sm text-slate-600 leading-relaxed mb-4 flex-1\">Jede Session erzeugt ein digitales Protokoll mit Zeitstempel, Fotos und Notizen. Optional mit digitaler Kundenunterschrift auf dem Display \u2013 Ihre Monetarisierungs-Basis.<\/p>\n                    <div class=\"flex gap-2 mt-auto\">\n                        <span class=\"pill\">Unterschrift<\/span><span class=\"pill\">Rechnungsbasis<\/span>\n                    <\/div>\n                <\/div>\n            <\/article>\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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 7: FLIP-CARDS GRID (Gewerke & Use-Cases) -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"use-cases\" class=\"bg-slate-50 py-20 border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-16\">\n            <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mb-4\">Ein Werkzeug, viele Gewerke<\/h2>\n            <p class=\"text-slate-600 max-w-xl mx-auto text-sm leading-relaxed\">tele-LOOK optimiert die Auftragsvorkl\u00e4rung branchen\u00fcbergreifend. Bewegen Sie die Maus \u00fcber die Karten, um Ihre Branchen-Insights zu sehen.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n            \n            <!-- SHK -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">SHK Handwerk<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Sanit\u00e4r, Heizung, Klima<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Fehlercodes & Machbarkeit<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Lesen Sie Fehlercodes an W\u00e4rmepumpen per Video aus oder kl\u00e4ren Sie die Machbarkeit einer neuen Bad-Sanierung ab, bevor Sie ins Auto steigen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n            \n            <!-- Elektro -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Elektrotechnik<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Anlagen & Netzwerke<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Verteiler & Wallboxen<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Lassen Sie sich vom Kunden den Z\u00e4hlerschrank zeigen. F\u00fchren Sie Remote-Checks f\u00fcr Wallboxen durch, um Kabell\u00e4ngen zu planen und die Installation zu berechnen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Photovoltaik & Solar -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Photovoltaik<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Solaranlagen & Speicher<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Planung & Entst\u00f6rung<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Pr\u00fcfen Sie Z\u00e4hlerschr\u00e4nke und Dachfl\u00e4chen auf Eignung f\u00fcr PV-Anlagen. Leiten Sie Kunden zur Selbsthilfe bei Wechselrichter-Fehlern (z.B. Neustart) an.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Haustechnik -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M5.25 12h13.5m-13.5 3.75h13.5M12 21v-1.5m0-15A7.5 7.5 0 1012 19.5a7.5 7.5 0 000-15z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Haustechnik<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">L\u00fcftung & Smart Home<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Wartung & Bedienhilfen<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Helfen Sie Kunden bei der Bedienung von L\u00fcftungsanlagen oder Smart-Home-Zentralen. Setzen Sie Anlagen remote zur\u00fcck und sparen teure Notdiensteins\u00e4tze.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Fensterbau -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 4.5h18M3 12h18M3 19.5h18M12 3v18\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Fensterbau<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Fenster & T\u00fcren<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Aufma\u00df & Reparatur<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Leiten Sie Kunden an, Fensterma\u00dfe f\u00fcr ein Vorab-Angebot grob durchzugeben. Identifizieren Sie defekte Scharniere oder Rollladen-Gurte f\u00fcr die direkte Ersatzteilbestellung.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Maler & Lackierer -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.813-3.814a1.5 1.5 0 00-2.12-2.12l-3.814 3.813a15.995 15.995 0 00-4.648 4.764m3.42 3.42a15.996 15.996 0 01-4.764 4.648l-3.813 3.814a1.5 1.5 0 01-2.12-2.12l3.814-3.813a15.996 15.996 0 014.648-4.764\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Malerbetriebe<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Maler & Lackierer<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Untergrund & Aufma\u00df<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Kl\u00e4ren Sie Schimmelbefall, Risse oder Fl\u00e4chengr\u00f6\u00dfen vorab per Video. Sch\u00e4tzen Sie den Tapeten- oder Farbbedarf, um direkt das passende Material mitzubringen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Trockenbau & Akustik -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 3v18M10 3v18M14 3v18M18 3v18\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Trockenbau<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Innenausbau & Akustik<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Raumplanung & Sch\u00e4den<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Begutachten Sie durchn\u00e4sste Rigips-W\u00e4nde zur schnellen Schadensbeurteilung. Kl\u00e4ren Sie Deckenabh\u00e4ngungen und Raumstrukturen zur genauen Materialkalkulation.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Ger\u00fcstbau -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16M8 6v12M16 6v12\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Ger\u00fcstbau<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Fassaden & Baustellen<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Stellfl\u00e4chen-Check<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Pr\u00fcfen Sie die Beschaffenheit des Untergrunds, Erker, Balkone oder Platzverh\u00e4ltnisse f\u00fcr die Stellung des Ger\u00fcsts. Vermeiden Sie b\u00f6se \u00dcberraschungen beim Aufbau.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Dach & Bau -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Dach & Bauwesen<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Dachdecker, Hochbau<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Sturmsch\u00e4den & Material<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Priorisieren Sie Notf\u00e4lle visuell nach Unwettern. Identifizieren Sie den exakten Ziegel-Typ aus der Ferne, um direkt das richtige Ersatzmaterial bereitzustellen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Garten & Landschaftsbau -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21v-8m0 0a5 5 0 10-5-5 5 5 0 1110 0 5 5 0 10-5 5z\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">GaLaBau<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Garten- & Landschaftsbau<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Gr\u00fcnfl\u00e4chen & Zugang<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Begutachten Sie Baumkrankheiten aus der Ferne oder pr\u00fcfen Sie die Zug\u00e4nglichkeit von Grundst\u00fccken f\u00fcr schweres Ger\u00e4t und Bagger, bevor Ihr Team anr\u00fcckt.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Sch\u00e4dlingsbek\u00e4mpfung -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 20v2M15 20v2M9 13.5v-3M15 13.5v-3M5 10c0-2.8 2.2-5 5-5h4c2.8 0 5 2.2 5 5v5c0 2.8-2.2 5-5 5H9c-2.8 0-5-2.2-5-5v-5zM6 13h12M9 5l-2-2M15 5l2-2\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Kammerj\u00e4ger<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Sch\u00e4dlingsbek\u00e4mpfung<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Befallsanalyse vorab<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Lassen Sie sich Nester, Laufwege oder Schadbilder live zeigen. Bestimmen Sie die Sch\u00e4dlingsart, um direkt mit den passenden Fallen und der n\u00f6tigen Schutzausr\u00fcstung zu kommen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <!-- Facility -->\n            <article class=\"flip-card cursor-pointer\" tabindex=\"0\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-card-front\">\n                        <div class=\"w-10 h-10 text-brand mb-4\" aria-hidden=\"true\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\n                        <\/div>\n                        <h3 class=\"font-black text-slate-800 text-lg\">Immobilien & FM<\/h3>\n                        <p class=\"text-slate-500 text-xs mt-2 text-center\">Hausmeister, Hausverwaltung<\/p>\n                    <\/div>\n                    <div class=\"flip-card-back\">\n                        <h4 class=\"font-black text-white text-sm mb-3\">Bagatell-Filterung<\/h4>\n                        <p class=\"text-xs text-blue-100 leading-relaxed px-2\">Kl\u00e4ren Sie Mieter-Meldungen wie \"Licht kaputt\" per Video und berechnen Sie die Remote-Pr\u00fcfung an den Eigent\u00fcmer weiter. Dokumentieren Sie M\u00e4ngel beweissicher.<\/p>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 8: F\u00d6RDERUNGEN (Handwerk Digitalisierung) -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"foerderung\" class=\"bg-white py-20 border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12\">\n            <span class=\"label-badge mb-4 border-green-200 text-green-700 bg-green-50\">Bis zu 50% Staatliche F\u00f6rderung in DE<\/span>\n            <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mt-2 mb-4\">Lassen Sie sich Ihre Software f\u00f6rdern.<\/h2>\n            <p class=\"text-slate-600 max-w-2xl mx-auto text-sm leading-relaxed\">\n                Bund und L\u00e4nder in Deutschland f\u00f6rdern die Digitalisierung im Handwerk massiv. Als cloudbasierte Prozessinnovation f\u00fcr Auftragsvorkl\u00e4rung ist tele-LOOK f\u00f6rderf\u00e4hig.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto\">\n            <article class=\"bg-slate-50 border border-slate-200 rounded-xl p-6\">\n                <h3 class=\"font-black text-slate-800 text-base mb-2\">Digitalbonus Bayern\/Th\u00fcringen<\/h3>\n                <p class=\"text-slate-600 text-xs leading-relaxed mb-4\">Regionale Programme unterst\u00fctzen kleine und mittlere Betriebe bei der Anschaffung digitaler Systeme zur Prozessoptimierung.<\/p>\n                <span class=\"text-brand text-xs font-bold\">L\u00e4nderspezifische Zusch\u00fcsse<\/span>\n            <\/article>\n            <article class=\"bg-slate-50 border border-slate-200 rounded-xl p-6\">\n                <h3 class=\"font-black text-slate-800 text-base mb-2\">KfW 511 \/ 512<\/h3>\n                <p class=\"text-slate-600 text-xs leading-relaxed mb-4\">ERP-F\u00f6rderkredite f\u00fcr die Digitalisierung des Mittelstands mit zus\u00e4tzlichen Tilgungszusch\u00fcssen bei hohem Innovationsgrad.<\/p>\n                <span class=\"text-brand text-xs font-bold\">Kredit + Zuschuss<\/span>\n            <\/article>\n            <article class=\"bg-slate-50 border border-slate-200 rounded-xl p-6\">\n                <h3 class=\"font-black text-slate-800 text-base mb-2\">MID-Gutscheine (NRW)<\/h3>\n                <p class=\"text-slate-600 text-xs leading-relaxed mb-4\">Mittelstand Innovativ & Digital (NRW.Bank) f\u00f6rdert den Erwerb von f\u00f6rderf\u00e4higen Soft- und Hardwareprodukten.<\/p>\n                <span class=\"text-brand text-xs font-bold\">Bis zu 50% F\u00f6rderquote<\/span>\n            <\/article>\n        <\/div>\n\n        <div class=\"mt-10 text-center\">\n            <a href=\"https:\/\/www.tele-look.com\/web\/digitalisierungsfoerderung-software\/\" target=\"_blank\" class=\"btn-secondary text-sm\" title=\"Voraussetzungen f\u00fcr die Digitalisierungsf\u00f6rderung pr\u00fcfen\">Infos zu Voraussetzungen und Angeboten<\/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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 9: PREISE (Stripe Integration) -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"preise\" class=\"dot-bg py-20\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12\">\n            <span class=\"label-badge mb-4\">Flexible Tarife<\/span>\n            <h2 class=\"text-3xl md:text-4xl font-black text-slate-800 mt-4 mb-4\">Fair. Skalierbar. Professionell.<\/h2>\n            <p class=\"text-slate-600 max-w-xl mx-auto text-sm\">Einfach starten, sofort monetarisieren. Testen Sie tele-LOOK jetzt 14 Tage kostenlos. Ohne versteckte Kosten.<\/p>\n        <\/div>\n\n        <div class=\"mb-8 w-full overflow-x-auto flex justify-center\">\n            <!-- STRIPE PRICING-WIDGET -->\n            <div class=\"w-full max-w-5xl bg-white border border-slate-200 rounded-xl overflow-hidden\">\n                <script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\n                <stripe-pricing-table pricing-table-id=\"prctbl_1RtRi3B2L3TAbnwpwyyrhp1k\"\n                publishable-key=\"pk_live_51RU66OB2L3TAbnwpmggQVMB3Sc9mlwABaPCBz5uRvjJI0YhplrdaznomcbHNboMzup37zjTMUc1lq5Fr0iHosy0P00TSwRq5LH\">\n                <\/stripe-pricing-table>\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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 10: TRUST & WER WIR SIND -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"bg-white py-16 border-t border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        \n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n            <div>\n                <p class=\"text-xs font-black text-slate-400 uppercase tracking-widest mb-4\">tele-LOOK by Solutiness<\/p>\n                <h2 class=\"font-black text-slate-800 text-2xl mb-4\">Softwareentwicklung mit Sitz in Deutschland (DACH)<\/h2>\n                <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\n                    Wir verstehen die spezifischen Anforderungen des technischen Service und des Mittelstands in Deutschland, \u00d6sterreich und der Schweiz. Unsere Server stehen DSGVO-konform in der EU. Es werden keine Videostreams gespeichert und Bilder nach 12 Monaten automatisch gel\u00f6scht. Privacy by Design f\u00fcr Ihren sicheren Kundenservice.\n                <\/p>\n                <div class=\"flex gap-4\">\n                    <a href=\"http:\/\/www.linkedin.com\/company\/telelook\" target=\"_blank\" rel=\"dofollow noopener\" class=\"text-sm font-bold text-brand hover:underline flex items-center gap-1\" title=\"Folgen Sie tele-LOOK auf LinkedIn\">\n                        Folgen Sie uns auf LinkedIn\n                        <svg class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"flex flex-col gap-4\">\n                <article class=\"flex items-center gap-4 bg-slate-50 p-4 rounded-xl border border-slate-200\">\n                    <div class=\"w-12 h-12 bg-white border border-slate-200 rounded flex items-center justify-center flex-shrink-0 text-brand\" aria-hidden=\"true\">\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"font-black text-slate-800 text-sm\">100% DSGVO-konform<\/h3>\n                        <p class=\"text-xs text-slate-500 mt-1\">Sicherer Einsatz auch in Privatr\u00e4umen von Endkunden.<\/p>\n                    <\/div>\n                <\/article>\n                <article class=\"flex items-center gap-4 bg-slate-50 p-4 rounded-xl border border-slate-200\">\n                    <div class=\"w-12 h-12 bg-white border border-slate-200 rounded flex items-center justify-center flex-shrink-0 text-brand\" aria-hidden=\"true\">\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"><\/path><\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"font-black text-slate-800 text-sm\">Mehrfach ausgezeichnet<\/h3>\n                        <p class=\"text-xs text-slate-500 mt-1\">Freiburger Innovationspreis 2023 & Service Management Preis KVD.<\/p>\n                    <\/div>\n                <\/article>\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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 11: 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\u2550\u2550\u2550\u2550 -->\n<section class=\"bg-slate-50 py-20 border-t border-slate-200\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-10\">\n            <h2 class=\"text-3xl font-black text-slate-800 mb-4\">H\u00e4ufige Fragen (FAQ)<\/h2>\n        <\/div>\n\n        <div class=\"bg-white border border-slate-200 rounded-xl p-2\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n            <!-- FAQ 1 (Active) -->\n            <div class=\"faq-item active p-4\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"faq-question\" onclick=\"this.parentElement.classList.toggle('active')\" aria-expanded=\"true\">\n                    <span itemprop=\"name\">Braucht mein Kunde wirklich keine App?<\/span>\n                    <svg class=\"w-5 h-5 faq-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"mt-2\" itemprop=\"text\">Nein, absolut nicht. Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App. Er klickt nur auf einen SMS-Link und die Video\u00fcbertragung startet direkt im Webbrowser seines Smartphones. Keine Installation, kein Konto, kein technisches Wissen n\u00f6tig.<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- FAQ 2 -->\n            <div class=\"faq-item p-4\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"faq-question\" onclick=\"this.parentElement.classList.toggle('active')\" aria-expanded=\"false\">\n                    <span itemprop=\"name\">Wie genau funktioniert das mit der Service-Monetarisierung?<\/span>\n                    <svg class=\"w-5 h-5 faq-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"mt-2\" itemprop=\"text\">Anstatt telefonisch kostenlos zu beraten, bieten Sie Ihren Kunden eine Remote-Diagnose (z.B. f\u00fcr 49 \u20ac) an. Durch das tele-LOOK System erhalten Sie ein rechtssicheres Protokoll mit Zeitstempel und digitaler Unterschrift des Kunden, was Ihnen als direkte Basis f\u00fcr Ihre Rechnungsstellung dient.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ 3 -->\n            <div class=\"faq-item p-4 border-b-0\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n                <button class=\"faq-question\" onclick=\"this.parentElement.classList.toggle('active')\" aria-expanded=\"false\">\n                    <span itemprop=\"name\">M\u00fcssen wir tele-LOOK in unsere vorhandene Handwerkersoftware (ERP\/CRM) integrieren?<\/span>\n                    <svg class=\"w-5 h-5 faq-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                <\/button>\n                <div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n                    <p class=\"mt-2\" itemprop=\"text\">Nein, eine Integration ist keine Voraussetzung. tele-LOOK ist sofort als Standalone-L\u00f6sung im Browser einsatzbereit (SaaS). Sollten Sie sp\u00e4ter eine tiefe Integration in Ihr bestehendes System w\u00fcnschen, stellen wir eine API-Schnittstelle zur Verf\u00fcgung.<\/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\u2550\u2550\u2550\u2550 -->\n<!-- BLOCK 12: FINAL 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\u2550\u2550\u2550\u2550 -->\n<footer class=\"bg-white py-24 border-t border-slate-200\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6 text-center\">\n        <span class=\"label-badge mb-6\">Pragmatisch & Rentabel<\/span>\n        <h2 class=\"text-4xl md:text-5xl font-black text-slate-800 mt-4 mb-5 leading-tight\">\n            Bereit f\u00fcr den digitalen Service?<br><span class=\"text-brand\">Jetzt 14 Tage testen.<\/span>\n        <\/h2>\n        <p class=\"text-slate-600 text-base mb-10 max-w-xl mx-auto leading-relaxed\">\n            \u00dcberzeugen Sie sich selbst, wie einfach Auftragsvorkl\u00e4rung und Service-Monetarisierung sein k\u00f6nnen. Starten Sie jetzt und sparen Sie sich ab morgen unbezahlte Fahrten auf die Baustelle.\n        <\/p>\n\n        <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n            <a href=\"#preise\" class=\"btn-primary py-4 px-10 text-base\" title=\"14-Tage Testversion f\u00fcr Handwerker starten\">\n                Kostenlosen Test starten\n            <\/a>\n            <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"btn-secondary py-4 px-10 text-base\" title=\"Pers\u00f6nliche Kurz-Demo vereinbaren\">\n                30 Min. Kurz-Demo buchen\n            <\/a>\n        <\/div>\n    <\/div>\n<\/footer>\n\n<\/main>\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>Live-Video-Support f\u00fcr Handwerker | Auftragsvorkl\u00e4rung &#038; Monetarisierung | tele-LOOK Die smarte L\u00f6sung f\u00fcr alle Handwerks-Gewerke in der DACH-Region Live-Video-Support f\u00fcrs Handwerk. Unbezahlte Anfahrten endlich vermeiden. Unklare Kundenanfragen oder vage Fehlerbeschreibungen am Telefon kosten t\u00e4glich wertvolle Fachkr\u00e4fte-Zeit. Nutzen Sie tele-LOOK als pragmatische Handwerkersoftware zur digitalen Auftragsvorkl\u00e4rung und um Remote-Service-Leistungen berechnen zu k\u00f6nnen. Der entscheidende Vorteil: Sie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15144","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=15144"}],"version-history":[{"count":20,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15144\/revisions"}],"predecessor-version":[{"id":15299,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15144\/revisions\/15299"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=15144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}