{"id":17971,"date":"2026-09-14T21:02:34","date_gmt":"2026-09-14T19:02:34","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/"},"modified":"2026-09-25T09:55:31","modified_gmt":"2026-09-25T07:55:31","slug":"visueller-kundenservice-digital-shk","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/","title":{"rendered":"Visueller Kundenservice digital f\u00fcr SHK-Betriebe | tele-LOOK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17971\" class=\"elementor elementor-17971 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_container_17971_master e-con-full e-flex e-con e-parent\" data-id=\"tl_container_17971_master\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_widget_17971_html elementor-widget elementor-widget-html\" data-id=\"tl_widget_17971_html\" 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<style id=\"tl-custom-page-style\">\n.ast-container, #primary, #main, .site-main, .entry-content, .page, .single-post {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.entry-header, .entry-title, .ast-single-post-order {\n    display: none !important;\n}\n<\/style>\n\n<script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@graph\": [\n      {\n        \"@type\": \"Organization\",\n        \"@id\": \"https:\/\/www.tele-look.com\/#organization\",\n        \"name\": \"tele-LOOK\",\n        \"url\": \"https:\/\/www.tele-look.com\",\n        \"logo\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2023\/10\/tele-look-logo.png\",\n        \"sameAs\": [\n          \"https:\/\/www.linkedin.com\/company\/tele-look\/\"\n        ]\n      },\n      {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/#webpage\",\n        \"url\": \"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/\",\n        \"name\": \"Visueller Kundenservice digital f\u00fcr SHK-Betriebe | tele-LOOK\",\n        \"description\": \"Browserbasierter visueller Kundenservice und digitale Ferndiagnose f\u00fcr Sanit\u00e4r-, Heizungs- und Klimabetriebe. First-Time-Fix steigern und Fehlfahrten eliminieren.\",\n        \"isPartOf\": {\n          \"@type\": \"WebSite\",\n          \"@id\": \"https:\/\/www.tele-look.com\/#website\",\n          \"name\": \"tele-LOOK\",\n          \"url\": \"https:\/\/www.tele-look.com\"\n        },\n        \"about\": {\n          \"@id\": \"https:\/\/www.tele-look.com\/#organization\"\n        },\n        \"inLanguage\": \"de-DE\"\n      },\n      {\n        \"@type\": \"BreadcrumbList\",\n        \"@id\": \"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/#breadcrumb\",\n        \"itemListElement\": [\n          {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Home\",\n            \"item\": \"https:\/\/www.tele-look.com\/web\/\"\n          },\n          {\n            \"@type\": \"ListItem\",\n            \"position\": 2,\n            \"name\": \"L\u00f6sungen Handwerk\",\n            \"item\": \"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise\/\"\n          },\n          {\n            \"@type\": \"ListItem\",\n            \"position\": 3,\n            \"name\": \"Visueller Kundenservice digital SHK\",\n            \"item\": \"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/\"\n          }\n        ]\n      },\n      {\n        \"@type\": \"FAQPage\",\n        \"@id\": \"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk\/#faq\",\n        \"mainEntity\": [\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Was versteht man unter digitalem, visuellem Kundenservice im SHK-Handwerk?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Unter visuellem Kundenservice versteht man die app-freie Live-Video-Verbindung zwischen SHK-Disponent oder Meister und dem Kunden vor Ort. \u00dcber einen Einmal-Link per SMS schaut der Fachbetrieb in HD auf Heizkessel, Typenschild und St\u00f6rcodes, um Eins\u00e4tze vorab pr\u00e4zise zu qualifizieren.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Muss der Endkunde eine App oder Software installieren?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Nein. Der Kunde ben\u00f6tigt keinerlei App, keinen Download und keine Registrierung. tele-LOOK startet per Klick direkt im mobilen Standardbrowser (Safari, Chrome, Firefox) auf jedem Smartphone.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Warum ist tele-LOOK sicherer und datenschutzkonformer als WhatsApp?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"tele-LOOK arbeitet zu 100 % DSGVO-konform auf deutschen Servern ohne Zugriff auf das private Telefonbuch. Monteure m\u00fcssen keine privaten Handynummern herausgeben. Alle Fotos und Berichte werden revisionssicher als PDF dokumentiert und landen nicht in privaten Fotogalerien.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Wie hoch ist die Einsparung durch Vermeidung von SHK-Fehlfahrten?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Eine durchschnittliche Fehlfahrt im SHK-Kundendienst kostet durch Anfahrtszeit, Kraftstoff und verbrannte Arbeitsstunden rund 85 bis 120 \u20ac. Betriebe vermeiden mit tele-LOOK 30 bis 50 % aller Leerfahrten und erh\u00f6hen die Erstl\u00f6sungsquote auf bis zu 92 %.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Kann eine telefonische oder visuelle Erstberatung abgerechnet werden?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Ja. Betriebe etablieren eine sogenannte Digitale Ersthilfe-Pauschale (in der Praxis meist 29 bis 49 \u20ac). tele-LOOK erstellt automatisch ein minutengenaues Serviceprotokoll mit Screenshots und Zeitstempel, das direkt als Abrechnungsnachweis f\u00fcr das Handwerker-ERP dient.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Wie unterst\u00fctzt die Software \u00e4ltere Meister und junge Gesellen?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Erfahrene Meister k\u00f6nnen k\u00f6rperlich anstrengende Vor-Ort-Eins\u00e4tze reduzieren und als Remote-Experten vom B\u00fcro aus mehrere Gesellen und Auszubildende parallel auf der Baustelle per Live-Video und virtuellem tele-Punkt anleiten.\"\n            }\n          }\n        ]\n      }\n    ]\n  }\n  <\/script>\n<style>\n\/* ==========================================================================\n   TELE-LOOK MASTER LANDINGPAGE TEMPLATE (B2B SaaS 2026 Standard)\n   - Scope: Vollst\u00e4ndig isoliert auf .tl-app\n   - Light Mode Standard mit Dark Mode Schalter\n   - Typografie: Montserrat (Headings) + Inter (Body)\n   - Zero-Glow & Clean B2B \u00c4sthetik (Randscharf)\n   - Monoline SVG-Icons (STRIKT EMOJI-FREI)\n   ========================================================================== *\/\n\n:root {\n  --tl-transition: 0.25s ease;\n}\n\n\/* LIGHT MODE (Standard) *\/\n[data-theme=\"light\"] .tl-app,\n.tl-app {\n  --tl-bg-base:        #f8fafc;\n  --tl-bg-surface:     #f1f5f9;\n  --tl-bg-card:        #ffffff;\n  --tl-bg-card-hover:  #ffffff;\n  --tl-border:         #e2e8f0;\n  --tl-border-brand:   rgba(19, 93, 255, 0.35);\n  \n  --tl-text-primary:   #0f172a;\n  --tl-text-secondary: #475569;\n  --tl-text-muted:     #64748b;\n  \n  --tl-grad-text:      linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n  --tl-grad-btn:       linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n  \n  --tl-logo-color:     #0f172a;\n  --tl-logo-sub:       #64748b;\n  \n  --tl-pill-bg:        #ffffff;\n  --tl-pill-border:    #cbd5e1;\n  --tl-pill-text:      #475569;\n  \n  --tl-nav-link:       #475569;\n  --tl-nav-link-hover: #0f172a;\n  \n  --tl-faq-bg:         #ffffff;\n  --tl-faq-border:     #e2e8f0;\n  \n  --tl-footer-bg:      #0f172a;\n  --tl-header-bg:      rgba(255, 255, 255, 0.95);\n  --tl-dark-section:   #091326;\n  \n  --tl-shadow-sm:      0 2px 8px rgba(15, 23, 42, 0.04);\n  --tl-shadow-card:    0 8px 24px rgba(15, 23, 42, 0.06);\n  --tl-shadow-card-h:  0 16px 36px rgba(15, 23, 42, 0.12);\n}\n\n\/* DARK MODE *\/\n[data-theme=\"dark\"] .tl-app,\nhtml.dark .tl-app,\nbody.dark .tl-app,\n.dark .tl-app {\n  --tl-bg-base:        #060c1a;\n  --tl-bg-surface:     #0b152d;\n  --tl-bg-card:        rgba(15, 27, 54, 0.65);\n  --tl-bg-card-hover:  rgba(20, 35, 70, 0.85);\n  --tl-border:         rgba(56, 189, 248, 0.15);\n  --tl-border-brand:   rgba(34, 211, 238, 0.4);\n  \n  --tl-text-primary:   #ffffff;\n  --tl-text-secondary: #94a3b8;\n  --tl-text-muted:     #64748b;\n  \n  --tl-grad-text:      linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%);\n  --tl-grad-btn:       linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n  \n  --tl-logo-color:     #ffffff;\n  --tl-logo-sub:       #94a3b8;\n  \n  --tl-pill-bg:        rgba(56, 189, 248, 0.08);\n  --tl-pill-border:    rgba(56, 189, 248, 0.2);\n  --tl-pill-text:      #94a3b8;\n  \n  --tl-nav-link:       #94a3b8;\n  --tl-nav-link-hover: #ffffff;\n  \n  --tl-faq-bg:         rgba(15, 27, 54, 0.6);\n  --tl-faq-border:     rgba(56, 189, 248, 0.12);\n  \n  --tl-footer-bg:      #030712;\n  --tl-header-bg:      rgba(6, 12, 26, 0.94);\n  --tl-dark-section:   #040915;\n  \n  --tl-shadow-sm:      0 2px 8px rgba(0, 0, 0, 0.3);\n  --tl-shadow-card:    0 16px 40px rgba(0, 0, 0, 0.45);\n  --tl-shadow-card-h:  0 22px 50px rgba(0, 0, 0, 0.6);\n}\n\n.tl-app {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: var(--tl-bg-base);\n  color: var(--tl-text-primary);\n  font-size: 16px;\n  line-height: 1.75;\n  transition: background var(--tl-transition), color var(--tl-transition);\n  position: relative;\n  width: 100%;\n  overflow-x: hidden;\n}\n\n.tl-app *, .tl-app *::before, .tl-app *::after { box-sizing: border-box; }\n.tl-app a { color: inherit; text-decoration: none; }\n.tl-app img { max-width: 100%; height: auto; }\n\n.tl-container {\n  width: min(100% - 40px, 1200px);\n  margin-inline: auto;\n  position: relative;\n  z-index: 10;\n}\n\n.tl-app h1, .tl-app h2, .tl-app h3, .tl-app h4, .tl-app .logo-name, .tl-app .tl-eyebrow, .tl-app .btn, .tl-app .metric-num, .tl-app .calc-val {\n  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n}\n\n.tl-app h1 {\n  font-size: clamp(34px, 4.8vw, 60px);\n  font-weight: 900 !important;\n  line-height: 1.1;\n  letter-spacing: -0.025em;\n  margin: 0 0 20px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app h2 {\n  font-size: clamp(26px, 3.4vw, 40px);\n  font-weight: 800 !important;\n  line-height: 1.18;\n  letter-spacing: -0.02em;\n  margin: 0 0 16px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app h3 {\n  font-size: 20px;\n  font-weight: 800 !important;\n  line-height: 1.3;\n  margin: 0 0 10px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app p { margin: 0 0 1rem 0; color: var(--tl-text-secondary); }\n\n.tl-app .text-gradient {\n  background: var(--tl-grad-text) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  display: inline-block;\n}\n\n\/* Header & Nav *\/\n.tl-header {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: var(--tl-header-bg);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border-bottom: 1px solid var(--tl-border);\n  transition: background var(--tl-transition), border-color var(--tl-transition);\n}\n.tl-header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 72px;\n}\n.tl-logo-wrap {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.tl-logo-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 22px;\n  font-weight: 900;\n  letter-spacing: -0.03em;\n  color: var(--tl-logo-color);\n}\n.tl-logo-badge {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: #135dff;\n  background: var(--tl-bg-surface);\n  border: 1px solid var(--tl-border);\n  padding: 3px 8px;\n  border-radius: 6px;\n}\n[data-theme=\"dark\"] .tl-logo-badge { color: #38bdf8; }\n\n.tl-nav {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n}\n.tl-nav a {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tl-nav-link);\n  transition: color 0.2s ease;\n}\n.tl-nav a:hover { color: var(--tl-nav-link-hover); }\n\n.tl-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.nav-theme-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: transparent;\n  border: 1px solid var(--tl-border);\n  color: var(--tl-text-primary);\n  cursor: pointer;\n  font-size: 16px;\n  transition: all 0.2s ease;\n}\n.nav-theme-btn:hover {\n  background: var(--tl-bg-surface);\n  border-color: var(--tl-border-brand);\n  transform: scale(1.05);\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  min-height: 48px;\n  padding: 12px 24px;\n  border-radius: 999px;\n  font-size: 13.5px;\n  font-weight: 800;\n  cursor: pointer;\n  border: none;\n  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;\n  line-height: 1;\n  text-decoration: none;\n  white-space: nowrap;\n}\n.btn-primary {\n  background: var(--tl-grad-btn);\n  color: #ffffff !important;\n  box-shadow: 0 4px 18px rgba(19, 93, 255, 0.32), 0 2px 8px rgba(6, 182, 212, 0.22);\n}\n.btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 26px rgba(19, 93, 255, 0.45), 0 4px 12px rgba(6, 182, 212, 0.3);\n  filter: brightness(1.05);\n}\n.btn-outline {\n  background: var(--tl-bg-card);\n  color: var(--tl-text-primary) !important;\n  border: 1px solid var(--tl-border);\n}\n.btn-outline:hover {\n  transform: translateY(-2px);\n  border-color: var(--tl-border-brand);\n  background: var(--tl-bg-card-hover);\n}\n.btn-sm { min-height: 40px; padding: 10px 18px; font-size: 12.5px; }\n\n.menu-toggle {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n  width: 40px;\n  height: 40px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 8px;\n}\n.menu-toggle span { display: block; width: 24px; height: 2px; background: var(--tl-text-primary); border-radius: 2px; }\n\n.mobile-menu {\n  display: none;\n  flex-direction: column;\n  gap: 16px;\n  padding: 20px;\n  border-top: 1px solid var(--tl-border);\n  background: var(--tl-header-bg);\n}\n.mobile-menu.open { display: flex; }\n.mobile-menu a:not(.btn) { font-size: 15px; font-weight: 700; color: var(--tl-text-primary); }\n\n\/* Eyebrow *\/\n.tl-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #135dff;\n}\n[data-theme=\"dark\"] .tl-eyebrow { color: #38bdf8; }\n.tl-eyebrow::before {\n  content: \"\";\n  width: 20px;\n  height: 2.5px;\n  border-radius: 99px;\n  background: #135dff;\n  flex-shrink: 0;\n}\n[data-theme=\"dark\"] .tl-eyebrow::before { background: #38bdf8; }\n\n\/* Breadcrumb Pill *\/\n.breadcrumb-wrap {\n  display: flex !important;\n  justify-content: flex-start !important;\n  width: 100% !important;\n  margin: 1.5rem 0 1rem 0 !important;\n}\n.breadcrumb-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.55rem !important;\n  background: var(--tl-bg-card) !important;\n  border: 1px solid var(--tl-border) !important;\n  border-radius: 9999px !important;\n  padding: 0.4rem 1rem !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 0.75rem !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.05em !important;\n  color: var(--tl-text-muted) !important;\n  box-shadow: var(--tl-shadow-sm) !important;\n}\n.breadcrumb-pill a {\n  color: var(--tl-text-secondary) !important;\n  transition: color 0.2s ease !important;\n}\n.breadcrumb-pill a:hover { color: #135dff !important; }\n.breadcrumb-pill .sep { color: var(--tl-text-muted) !important; opacity: 0.5 !important; }\n.breadcrumb-pill .current { color: #135dff !important; font-weight: 800 !important; }\n[data-theme=\"dark\"] .breadcrumb-pill .current { color: #38bdf8 !important; }\n\n\/* Hero Section *\/\n.tl-hero {\n  padding: 40px 0 80px;\n}\n.hero-grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 48px;\n  align-items: center;\n}\n\n\/* Inverted Pyramid Snippet (GEO standard) *\/\n.geo-snippet-box {\n  background: var(--tl-bg-surface);\n  border: 1px solid var(--tl-border-brand);\n  border-left: 4px solid #135dff;\n  border-radius: 12px;\n  padding: 16px 20px;\n  margin: 24px 0 28px 0;\n}\n[data-theme=\"dark\"] .geo-snippet-box { border-left-color: #38bdf8; }\n.geo-snippet-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 11.5px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: #135dff;\n  margin-bottom: 6px;\n}\n[data-theme=\"dark\"] .geo-snippet-title { color: #38bdf8; }\n.geo-snippet-text {\n  font-size: 14px;\n  line-height: 1.65;\n  color: var(--tl-text-primary);\n  margin: 0;\n}\n\n\/* Trust Pill Grid *\/\n.trust-pill-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin: 24px 0 32px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--tl-text-secondary);\n}\n.trust-pill-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--tl-bg-surface);\n  border: 1px solid var(--tl-border);\n  padding: 6px 14px;\n  border-radius: 999px;\n}\n.trust-pill-item svg { color: #10b981; flex-shrink: 0; }\n\n\/* Metrics Bar *\/\n.metrics-section {\n  padding: 36px 0;\n  background: var(--tl-bg-surface);\n  border-top: 1px solid var(--tl-border);\n  border-bottom: 1px solid var(--tl-border);\n}\n.metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n.metric-card {\n  text-align: center;\n  padding: 10px;\n  border-right: 1px solid var(--tl-border);\n}\n.metric-card:last-child { border-right: none; }\n.metric-num {\n  font-size: clamp(28px, 3.2vw, 42px);\n  font-weight: 900;\n  line-height: 1.1;\n  color: var(--tl-text-primary);\n  margin-bottom: 6px;\n}\n.metric-label {\n  font-size: 13px;\n  color: var(--tl-text-muted);\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n\/* Sections *\/\n.tl-section { padding: 92px 0; }\n.tl-section-alt { background: var(--tl-bg-surface); }\n.section-head { max-width: 720px; margin-bottom: 52px; }\n.section-head-center { margin-inline: auto; text-align: center; }\n.section-head-center .tl-eyebrow { justify-content: center; }\n.section-head-center p { margin-inline: auto; }\n\n\/* Bento Cards (Features) *\/\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n.feature-card {\n  padding: 32px;\n  border-radius: 20px;\n  border: 1px solid var(--tl-border);\n  background: var(--tl-bg-card);\n  box-shadow: var(--tl-shadow-card);\n  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n  display: flex;\n  flex-direction: column;\n}\n.feature-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--tl-shadow-card-h);\n  border-color: var(--tl-border-brand);\n}\n.feature-icon-box {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  background: var(--tl-bg-surface);\n  border: 1px solid var(--tl-border);\n  color: #135dff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n}\n[data-theme=\"dark\"] .feature-icon-box { color: #38bdf8; }\n.feature-card h3 { font-size: 18px; margin-bottom: 12px; }\n.feature-card p { font-size: 14.5px; line-height: 1.7; margin-bottom: 0; }\n\n\/* Comparison Table *\/\n.comp-table-wrap {\n  overflow-x: auto;\n  background: var(--tl-bg-card);\n  border: 1px solid var(--tl-border);\n  border-radius: 20px;\n  box-shadow: var(--tl-shadow-card);\n}\n.comp-table {\n  width: 100%;\n  border-collapse: collapse;\n  text-align: left;\n  font-size: 14.5px;\n}\n.comp-table th, .comp-table td {\n  padding: 18px 24px;\n  border-bottom: 1px solid var(--tl-border);\n}\n.comp-table th {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  background: var(--tl-bg-surface);\n  color: var(--tl-text-primary);\n}\n.comp-table th.col-highlight {\n  color: #135dff;\n  background: rgba(19, 93, 255, 0.06);\n}\n[data-theme=\"dark\"] .comp-table th.col-highlight { color: #38bdf8; background: rgba(56, 189, 248, 0.08); }\n.comp-table td.col-highlight {\n  background: rgba(19, 93, 255, 0.02);\n  font-weight: 600;\n}\n[data-theme=\"dark\"] .comp-table td.col-highlight { background: rgba(56, 189, 248, 0.04); }\n.comp-table tr:last-child td { border-bottom: none; }\n\n\/* Interactive ROI Calculator *\/\n.calc-card {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n  gap: 36px;\n  background: var(--tl-bg-card);\n  border: 1px solid var(--tl-border);\n  border-radius: 24px;\n  padding: 36px;\n  box-shadow: var(--tl-shadow-card);\n}\n.calc-controls {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n}\n.calc-field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.calc-label-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.calc-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--tl-text-primary);\n}\n.calc-val-badge {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  font-weight: 800;\n  color: #135dff;\n  background: var(--tl-bg-surface);\n  border: 1px solid var(--tl-border);\n  padding: 4px 10px;\n  border-radius: 8px;\n}\n[data-theme=\"dark\"] .calc-val-badge { color: #38bdf8; }\n.calc-range {\n  width: 100%;\n  height: 6px;\n  border-radius: 4px;\n  outline: none;\n  background: var(--tl-border);\n  -webkit-appearance: none;\n}\n.calc-range::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #135dff;\n  cursor: pointer;\n  border: 2px solid #ffffff;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n}\n.calc-results-box {\n  background: var(--tl-bg-surface);\n  border: 1px solid var(--tl-border);\n  border-radius: 18px;\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.res-item { margin-bottom: 20px; }\n.res-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--tl-text-muted); margin-bottom: 4px; }\n.res-num {\n  font-family: 'Montserrat', sans-serif;\n  font-size: clamp(26px, 2.8vw, 36px);\n  font-weight: 900;\n  color: #10b981;\n  line-height: 1.1;\n}\n\n\/* Steps Process *\/\n.steps-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n.step-card {\n  background: var(--tl-bg-card);\n  border: 1px solid var(--tl-border);\n  border-radius: 20px;\n  padding: 32px;\n  box-shadow: var(--tl-shadow-card);\n  position: relative;\n}\n.step-number {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 13px;\n  font-weight: 900;\n  color: #135dff;\n  background: rgba(19, 93, 255, 0.08);\n  display: inline-flex;\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: 16px;\n}\n[data-theme=\"dark\"] .step-number { color: #38bdf8; background: rgba(56, 189, 248, 0.12); }\n.step-card h3 { font-size: 18px; margin-bottom: 10px; }\n.step-card p { font-size: 14.5px; line-height: 1.7; margin-bottom: 0; }\n\n\/* FAQ Accordion *\/\n.faq-layout {\n  display: grid;\n  grid-template-columns: 0.7fr 1.3fr;\n  gap: 60px;\n  align-items: start;\n}\n.faq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n}\n.faq-list details {\n  padding: 20px 24px;\n  border-radius: 16px;\n  border: 1px solid var(--tl-faq-border);\n  background: var(--tl-faq-bg);\n  transition: box-shadow 0.2s, border-color 0.2s;\n  width: 100%;\n  overflow: hidden;\n  box-shadow: var(--tl-shadow-sm);\n}\n.faq-list details[open] {\n  border-color: var(--tl-border-brand);\n  box-shadow: var(--tl-shadow-card);\n}\n.faq-list summary {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 15px;\n  font-weight: 800;\n  cursor: pointer;\n  list-style: none;\n  position: relative;\n  padding-right: 36px;\n  color: var(--tl-text-primary);\n  line-height: 1.45;\n  white-space: normal !important;\n  overflow-wrap: break-word !important;\n  word-break: normal !important;\n}\n.faq-list summary::-webkit-details-marker { display: none; }\n.faq-list summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 22px;\n  line-height: 1;\n  color: #135dff;\n  font-weight: 900;\n  transition: transform 0.2s ease, color 0.2s ease;\n}\n[data-theme=\"dark\"] .faq-list summary::after { color: #38bdf8; }\n.faq-list details[open] summary::after {\n  content: \"\u2212\";\n  transform: translateY(-50%);\n}\n.faq-list details p {\n  margin-top: 14px;\n  margin-bottom: 0;\n  font-size: 14.5px;\n  line-height: 1.75;\n  color: var(--tl-text-secondary);\n  white-space: normal !important;\n  overflow-wrap: break-word !important;\n}\n\n\/* CTA Banner Box *\/\n.cta-banner {\n  background: linear-gradient(135deg, #091326 0%, #0f2347 100%);\n  border: 1px solid rgba(56, 189, 248, 0.25);\n  border-radius: 28px;\n  padding: 56px 44px;\n  color: #ffffff;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);\n}\n.cta-banner h2 { color: #ffffff !important; margin-bottom: 16px; }\n.cta-banner p { color: #94a3b8 !important; max-width: 640px; margin-inline: auto; font-size: 16.5px; margin-bottom: 32px; }\n\n\/* Footer *\/\n.tl-footer {\n  background: var(--tl-footer-bg);\n  color: #94a3b8;\n  padding: 64px 0 36px;\n  border-top: 1px solid var(--tl-border);\n  font-size: 14px;\n}\n.footer-grid {\n  display: grid;\n  grid-template-columns: 1.4fr repeat(3, 1fr);\n  gap: 40px;\n  margin-bottom: 48px;\n}\n.footer-col h4 {\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: #ffffff;\n  margin-bottom: 18px;\n}\n.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }\n.footer-col a { color: #94a3b8; transition: color 0.2s; }\n.footer-col a:hover { color: #38bdf8; }\n.footer-bottom {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  padding-top: 28px;\n  font-size: 13px;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1024px) {\n  .hero-grid { grid-template-columns: 1fr; gap: 36px; }\n  .feature-grid { grid-template-columns: repeat(2, 1fr); }\n  .steps-grid { grid-template-columns: 1fr; }\n  .calc-card { grid-template-columns: 1fr; }\n  .faq-layout { grid-template-columns: 1fr; gap: 32px; }\n  .metrics-grid { grid-template-columns: repeat(2, 1fr); }\n  .metric-card:nth-child(2) { border-right: none; }\n  .footer-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 768px) {\n  .tl-nav { display: none; }\n  .menu-toggle { display: flex; }\n  .feature-grid { grid-template-columns: 1fr; }\n  .metrics-grid { grid-template-columns: 1fr; }\n  .metric-card { border-right: none; border-bottom: 1px solid var(--tl-border); padding-bottom: 16px; }\n  .metric-card:last-child { border-bottom: none; }\n  .cta-banner { padding: 40px 24px; }\n  .footer-grid { grid-template-columns: 1fr; gap: 32px; }\n}\n  <\/style>\n\n\n<div class=\"tl-app\" id=\"tlApp\">\n\n\n\n  <!-- BREADCRUMB PILL -->\n  <div class=\"tl-container\">\n    <div class=\"breadcrumb-wrap\">\n      <nav class=\"breadcrumb-pill\" aria-label=\"Breadcrumb\">\n        <a href=\"https:\/\/www.tele-look.com\/web\/\">Home<\/a>\n        <span class=\"sep\">\/<\/span>\n        <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise\/\">L\u00f6sungen<\/a>\n        <span class=\"sep\">\/<\/span>\n        <span class=\"current\">Visueller Kundenservice digital SHK<\/span>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <!-- HERO SEKTION -->\n  <section class=\"tl-hero\">\n    <div class=\"tl-container hero-grid\">\n      <div>\n        <div class=\"tl-eyebrow\">SHK-Kundendienst &amp; Notdienst 2026<\/div>\n        <h1>\n          VISUELLER KUNDENSERVICE DIGITAL.<br>\n          <span class=\"text-gradient\">SCHLUSS MIT FEHLFAHRTEN &amp; BLINDFLUG IM SHK-SERVICE.<\/span>\n        <\/h1>\n        <p style=\"font-size: 1.12rem; font-weight: 500; margin-bottom: 20px;\">\n          Ersetzen Sie ungenaue Kundenbeschreibungen durch einen 3-Minuten-Live-Blick auf Kessel, Typenschild und St\u00f6rcode. Steigern Sie Ihre First-Time-Fix-Rate, entlasten Sie Ihren Notdienst und sch\u00fctzen Sie die Privatsph\u00e4re Ihrer Mitarbeiter \u2013 100 % browserbasiert ohne App-Download.\n        <\/p>\n\n        <!-- Inverted Pyramid Snippet (GEO) -->\n        <div class=\"geo-snippet-box\">\n          <div class=\"geo-snippet-title\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n            Definition: Was ist visueller Kundenservice digital im SHK-Handwerk?\n          <\/div>\n          <p class=\"geo-snippet-text\">\n            <strong>Visueller Kundenservice digital<\/strong> bezeichnet die browserbasierte Live-Video-Verbindung zwischen SHK-Disponent und Endkunde. Ohne App-Installation liest der Fachbetrieb Kessel-Fehlercodes (z. B. Vaillant F.28, Buderus 6A) und Typenschilder vorab ab. <strong>42 % aller Eins\u00e4tze werden remote als Bagatelle gel\u00f6st<\/strong> oder beim ersten Vor-Ort-Termin mit dem passenden Ersatzteil behoben.\n          <\/p>\n        <\/div>\n\n        <div style=\"display: flex; gap: 14px; flex-wrap: wrap;\">\n          <a href=\"https:\/\/www.tele-look.com\/web\/handwerker-portale-deal\/\" class=\"btn btn-primary\">\n            7 Tage kostenlos testen\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk-leitfaden\/\" class=\"btn btn-outline\">\n            Fachbeitrag lesen &rarr;\n          <\/a>\n        <\/div>\n\n        <div class=\"trust-pill-row\">\n          <div class=\"trust-pill-item\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            0 Sek. App-Installation (Direkt im Browser)\n          <\/div>\n          <div class=\"trust-pill-item\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            100 % DSGVO (Deutsche Server)\n          <\/div>\n          <div class=\"trust-pill-item\">\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            Keine privaten Monteur-Nummern\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Live Mockup \/ PC Monitor Frame -->\n      <div style=\"position: relative; max-width: 540px; margin: 0 auto; width: 100%;\">\n        <!-- PC Monitor Outer Case -->\n        <div style=\"background: #0f172a; border: 2px solid #334155; border-radius: 18px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); overflow: hidden;\">\n          \n          <!-- Browser Titlebar \/ Window Header -->\n          <div style=\"background: #1e293b; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #334155;\">\n            <div style=\"display: flex; align-items: center; gap: 6px;\">\n              <span style=\"width: 10px; height: 10px; border-radius: 50%; background: #ef4444; display: inline-block;\"><\/span>\n              <span style=\"width: 10px; height: 10px; border-radius: 50%; background: #f59e0b; display: inline-block;\"><\/span>\n              <span style=\"width: 10px; height: 10px; border-radius: 50%; background: #10b981; display: inline-block;\"><\/span>\n              <span style=\"margin-left: 10px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: 0.02em;\">tele-LOOK\u00ae Meister-Cockpit (PC)<\/span>\n            <\/div>\n            <div style=\"background: #0f172a; padding: 3px 10px; border-radius: 99px; border: 1px solid #334155; font-size: 10.5px; color: #38bdf8; display: flex; align-items: center; gap: 5px;\">\n              <span style=\"width: 6px; height: 6px; border-radius: 50%; background: #ef4444;\"><\/span>\n              LIVE 1080p HD\n            <\/div>\n          <\/div>\n\n\n\n          <!-- Live Video Stream Area with Heating Boiler (Gastherme) Graphic -->\n          <div style=\"position: relative; background: radial-gradient(circle at 50% 40%, #1e293b 0%, #090e1a 100%); height: 330px; overflow: hidden; display: flex; align-items: center; justify-content: center;\">\n            \n            <!-- Technical Grid & Utility Room Ambient Background -->\n            <div style=\"position: absolute; inset: 0; opacity: 0.15; background-image: linear-gradient(#38bdf8 1px, transparent 1px), linear-gradient(90deg, #38bdf8 1px, transparent 1px); background-size: 24px 24px;\"><\/div>\n\n            <!-- SVG Illustration of Gastherme (Vaillant ecoTEC plus) -->\n            <svg width=\"270\" height=\"280\" viewBox=\"0 0 260 270\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"filter: drop-shadow(0 15px 25px rgba(0,0,0,0.6)); z-index: 2;\">\n              <!-- Boiler Main Casing (White Powder-Coated Metal) -->\n              <rect x=\"50\" y=\"15\" width=\"160\" height=\"195\" rx=\"14\" fill=\"#f8fafc\" stroke=\"#cbd5e1\" stroke-width=\"2\"\/>\n              <!-- Top Cap \/ Flue Connection Base -->\n              <rect x=\"105\" y=\"5\" width=\"50\" height=\"10\" rx=\"3\" fill=\"#64748b\"\/>\n              <circle cx=\"130\" cy=\"10\" r=\"14\" fill=\"#475569\" stroke=\"#94a3b8\" stroke-width=\"1.5\"\/>\n              \n              <!-- Brand Curve Accent (Vaillant Curved Arch) -->\n              <path d=\"M 65 35 Q 130 50 195 35\" stroke=\"#0ea5e9\" stroke-width=\"3\" stroke-linecap=\"round\" fill=\"none\"\/>\n              <text x=\"130\" y=\"42\" fill=\"#0284c7\" font-family=\"'Montserrat', sans-serif\" font-size=\"8.5\" font-weight=\"900\" text-anchor=\"middle\" letter-spacing=\"1.5\">ecoTEC plus<\/text>\n\n              <!-- Main Front Inspection Hatch \/ Control Panel -->\n              <rect x=\"68\" y=\"70\" width=\"124\" height=\"95\" rx=\"8\" fill=\"#0f172a\" stroke=\"#334155\" stroke-width=\"1.5\"\/>\n              \n              <!-- Digital Display (LCD Matrix) -->\n              <rect x=\"80\" y=\"80\" width=\"100\" height=\"42\" rx=\"4\" fill=\"#020617\" stroke=\"#1e293b\" stroke-width=\"1\"\/>\n              <!-- St\u00f6rcode F.28 in Alarm Red -->\n              <text x=\"130\" y=\"103\" fill=\"#ef4444\" font-family=\"'Montserrat', monospace\" font-size=\"19\" font-weight=\"900\" text-anchor=\"middle\" letter-spacing=\"1\">F.28<\/text>\n              <text x=\"130\" y=\"116\" fill=\"#f59e0b\" font-family=\"'Montserrat', sans-serif\" font-size=\"7.5\" font-weight=\"800\" text-anchor=\"middle\" letter-spacing=\"0.5\">Z\u00dcNDFEHLER \/ GAS-VERSORGUNG<\/text>\n              \n              <!-- Operating Controls (Buttons & Pressure Dial) -->\n              <circle cx=\"95\" cy=\"142\" r=\"10\" fill=\"#1e293b\" stroke=\"#475569\" stroke-width=\"1\"\/>\n              <circle cx=\"95\" cy=\"142\" r=\"6\" fill=\"#334155\"\/>\n              <circle cx=\"165\" cy=\"142\" r=\"10\" fill=\"#1e293b\" stroke=\"#475569\" stroke-width=\"1\"\/>\n              <circle cx=\"165\" cy=\"142\" r=\"6\" fill=\"#334155\"\/>\n              \n              <!-- Pressure Gauge (Manometer 1.4 Bar) -->\n              <rect x=\"115\" y=\"132\" width=\"30\" height=\"20\" rx=\"3\" fill=\"#020617\" stroke=\"#334155\" stroke-width=\"1\"\/>\n              <text x=\"130\" y=\"145\" fill=\"#10b981\" font-family=\"'Montserrat', monospace\" font-size=\"8\" font-weight=\"700\" text-anchor=\"middle\">1.4 bar<\/text>\n\n              <!-- Bottom Copper & Brass Pipes -->\n              <!-- Pipe 1: Vorlauf (Warmwasser) -->\n              <rect x=\"75\" y=\"210\" width=\"10\" height=\"45\" fill=\"#b45309\"\/>\n              <rect x=\"73\" y=\"225\" width=\"14\" height=\"6\" rx=\"1\" fill=\"#d97706\"\/>\n              <!-- Pipe 2: Gasanschluss (Gelb \/ Messing) -->\n              <rect x=\"115\" y=\"210\" width=\"12\" height=\"45\" fill=\"#ca8a04\"\/>\n              <!-- Gashahn Absperrventil (Gelber Hebel) -->\n              <rect x=\"111\" y=\"225\" width=\"20\" height=\"8\" rx=\"2\" fill=\"#eab308\" stroke=\"#a16207\" stroke-width=\"1\"\/>\n              <rect x=\"127\" y=\"222\" width=\"22\" height=\"6\" rx=\"2\" fill=\"#ef4444\"\/>\n              <!-- Pipe 3: R\u00fccklauf -->\n              <rect x=\"155\" y=\"210\" width=\"10\" height=\"45\" fill=\"#b45309\"\/>\n              <rect x=\"153\" y=\"225\" width=\"14\" height=\"6\" rx=\"1\" fill=\"#d97706\"\/>\n              <!-- Pipe 4: Kondensat (Grauer Kunststoff) -->\n              <rect x=\"180\" y=\"210\" width=\"8\" height=\"50\" fill=\"#64748b\"\/>\n            <\/svg>\n\n            <!-- PULSATING TELE-PUNKT LASER POINTER ON GAS VALVE -->\n            <div style=\"position: absolute; left: 52%; top: 72%; transform: translate(-50%, -50%); z-index: 10; pointer-events: none;\">\n              <!-- Outer Ripple -->\n              <span style=\"position: absolute; width: 34px; height: 34px; border: 2px solid #ef4444; border-radius: 50%; top: -17px; left: -17px; box-shadow: 0 0 14px #ef4444;\"><\/span>\n              <!-- Middle Ring -->\n              <span style=\"position: absolute; width: 20px; height: 20px; border: 2px solid #ffffff; border-radius: 50%; top: -10px; left: -10px;\"><\/span>\n              <!-- Center Laser Dot -->\n              <span style=\"position: absolute; width: 8px; height: 8px; background: #ef4444; border-radius: 50%; top: -4px; left: -4px;\"><\/span>\n              \n              <!-- Pointer Tooltip Badge -->\n              <div style=\"position: absolute; left: 20px; top: -14px; background: rgba(15, 23, 42, 0.94); border: 1px solid #ef4444; backdrop-filter: blur(8px); padding: 5px 10px; border-radius: 8px; white-space: nowrap; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); display: flex; align-items: center; gap: 6px;\">\n                <span style=\"width: 7px; height: 7px; border-radius: 50%; background: #ef4444;\"><\/span>\n                <span style=\"color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 800;\">tele-Punkt: Gashahn pr\u00fcfen<\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Top HUD Badges -->\n            <div style=\"position: absolute; top: 12px; left: 12px; z-index: 5; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 4px 8px; font-size: 10px; color: #cbd5e1; display: flex; align-items: center; gap: 5px;\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#38bdf8\" stroke-width=\"2\"><path d=\"M23 7l-7 5 7 5V7z\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\n              <span>Kamera: Smartphone (Kunde)<\/span>\n            <\/div>\n\n            <div style=\"position: absolute; top: 12px; right: 12px; z-index: 5; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 4px 8px; font-size: 10px; color: #10b981; font-weight: 700;\">\n              \u2713 Typenschild OCR erfasst\n            <\/div>\n\n            <!-- Bottom Live Ticker HUD -->\n            <div style=\"position: absolute; bottom: 10px; left: 10px; right: 10px; z-index: 5; background: rgba(15, 23, 42, 0.9); backdrop-filter: blur(10px); border: 1px solid #334155; border-radius: 8px; padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; font-size: 11px;\">\n              <div>\n                <span style=\"color: #94a3b8;\">Ger\u00e4t:<\/span> <strong style=\"color: #ffffff;\">Vaillant ecoTEC plus VC-DE 206\/5-5<\/strong>\n              <\/div>\n              <div style=\"color: #34d399; font-weight: 700; background: rgba(16, 185, 129, 0.15); padding: 2px 8px; border-radius: 4px; border: 1px solid rgba(16, 185, 129, 0.3);\">\n                Ersatzteil vorab kommissioniert\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- PC Monitor Bezel Bottom Logo -->\n          <div style=\"background: #0f172a; padding: 6px; text-align: center; border-top: 1px solid #1e293b;\">\n            <span style=\"font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 900; color: #475569; letter-spacing: 0.15em;\">TELE-LOOK MEISTER-ARBEITSPLATZ (PC)<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- PC Monitor Stand Base (Aluminium Look) -->\n        <div style=\"width: 90px; height: 16px; margin: 0 auto; background: linear-gradient(180deg, #475569 0%, #1e293b 100%); clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%);\"><\/div>\n        <div style=\"width: 170px; height: 8px; margin: 0 auto; background: linear-gradient(180deg, #64748b 0%, #334155 100%); border-radius: 4px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\"><\/div>\n\n        <!-- KPI Metrics Below PC -->\n        <div style=\"margin-top: 20px; background: var(--tl-bg-card); border: 1px solid var(--tl-border); border-radius: 14px; padding: 14px 18px; display: flex; justify-content: space-around; font-size: 12.5px; box-shadow: var(--tl-shadow-sm);\">\n          <div>\n            <span style=\"color: var(--tl-text-muted); display: block; font-size: 11px;\">Diagnosedauer<\/span>\n            <strong style=\"color: var(--tl-text-primary); font-size: 13.5px;\">2 Min. 45 Sek.<\/strong>\n          <\/div>\n          <div style=\"border-left: 1px solid var(--tl-border); padding-left: 16px;\">\n            <span style=\"color: var(--tl-text-muted); display: block; font-size: 11px;\">Fahrzeit gespart<\/span>\n            <strong style=\"color: #10b981; font-size: 13.5px;\">ca. 50 Min.<\/strong>\n          <\/div>\n          <div style=\"border-left: 1px solid var(--tl-border); padding-left: 16px;\">\n            <span style=\"color: var(--tl-text-muted); display: block; font-size: 11px;\">Dokumentation<\/span>\n            <strong style=\"color: var(--tl-text-primary); font-size: 13.5px;\">Auto-PDF Protokoll<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- METRICS BAR -->\n  <section class=\"metrics-section\">\n    <div class=\"tl-container metrics-grid\">\n      <div class=\"metric-card\">\n        <div class=\"metric-num text-gradient\">+38 %<\/div>\n        <div class=\"metric-label\">H\u00f6here First-Time-Fix-Rate beim ersten Kundeneinsatz<\/div>\n      <\/div>\n      <div class=\"metric-card\">\n        <div class=\"metric-num text-gradient\">-45 Min.<\/div>\n        <div class=\"metric-label\">Gesparte Windschutzscheiben-Zeit pro vermiedener Leerfahrt<\/div>\n      <\/div>\n      <div class=\"metric-card\">\n        <div class=\"metric-num text-gradient\">42 %<\/div>\n        <div class=\"metric-label\">Aller St\u00f6rungen im Notdienst als Bagatelle sofort remote gekl\u00e4rt<\/div>\n      <\/div>\n      <div class=\"metric-card\">\n        <div class=\"metric-num text-gradient\">0 Sek.<\/div>\n        <div class=\"metric-label\">App-Installationszeit f\u00fcr Ihre Kunden (100 % Browser-SMS)<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5 VORTEILE F\u00dcR SHK (BENTO GRID) -->\n  <section id=\"vorteile\" class=\"tl-section\">\n    <div class=\"tl-container\">\n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Praxisnutzen f\u00fcr SHK-Betriebe<\/div>\n        <h2>Wie visueller Kundenservice Ihre gr\u00f6\u00dften Probleme l\u00f6st<\/h2>\n        <p>Statt blind auf die Baustelle zu fahren, r\u00fcsten Sie Ihren Betrieb mit digitaler Vorabdiagnose aus. Das spart Geld, schont Nerven und steigert die Zufriedenheit Ihres Teams.<\/p>\n      <\/div>\n\n      <div class=\"feature-grid\">\n        <!-- Card 1 -->\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-box\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n          <\/div>\n          <h3>1. Fehlfahrten stoppen &amp; First-Time-Fix steigern<\/h3>\n          <p>Kunden sagen: \u201eDie Heizung geht nicht.\u201c Der Monteur f\u00e4hrt hin und das passende Ersatzventil fehlt. Mit tele-LOOK lesen Sie Typenschild und St\u00f6rcode vorab ab. Der Techniker r\u00fcckt erst aus, wenn das exakte Ersatzteil im Servicefahrzeug liegt.<\/p>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-box\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <h3>2. Notdienst-Entlastung &amp; Wochenendeins\u00e4tze filtern<\/h3>\n          <p>Samstagabend um 21 Uhr: Ein angeblicher Totalausfall ist oft nur mangelnder Wasserdruck oder eine ausgel\u00f6ste Sicherung. Per Video-Blick und virtuellem tele-Punkt leiten Sie den Kunden zur Selbsthilfe an \u2013 oder verlegen den Einsatz entspannt auf Montag.<\/p>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-box\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n          <\/div>\n          <h3>3. DSGVO &amp; Mitarbeiter-Privacy vs. WhatsApp<\/h3>\n          <p>Keine privaten Handynummern Ihrer Monteure mehr an Kunden! tele-LOOK trennt Gesch\u00e4ftliches und Privates radikal. 100 % DSGVO-konform auf deutschen Servern, ohne WhatsApp-Abmahnrisiko und mit automatischem PDF-Protokoll f\u00fcrs Handwerker-ERP.<\/p>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-box\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n          <\/div>\n          <h3>4. Digitale Ersthilfe-Pauschale rechtssicher abrechnen<\/h3>\n          <p>Schluss mit stundenlanger kostenloser Telefonberatung! Etablieren Sie eine offizielle Video-Erstdiagnose f\u00fcr 29 bis 49 \u20ac. tele-LOOK generiert automatisch ein zeitgestempeltes PDF-Serviceprotokoll als manipulationssichere Abrechnungsgrundlage.<\/p>\n        <\/div>\n\n        <!-- Card 5 -->\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-box\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <h3>5. Fachkr\u00e4fte-Hebel &amp; Stay-Active f\u00fcr Meister<\/h3>\n          <p>Erfahrene Meister m\u00fcssen nicht mehr stundenlang im Stau stehen oder schwere Kessel tragen. Vom B\u00fcro aus leiten sie junge Gesellen und Azubis per Video und Markierungswerkzeug auf mehreren Baustellen gleichzeitig an.<\/p>\n        <\/div>\n\n        <!-- Card 6 -->\n        <div class=\"feature-card\">\n          <div class=\"feature-icon-box\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n          <\/div>\n          <h3>6. Revisionssicheres PDF f\u00fcr pds, KWP &amp; Streit<\/h3>\n          <p>Alle Screenshots, Typenschild-Fotos und Notizen werden auf Knopfdruck in ein kompaktes PDF exportiert. Kein Zettelchaos, keine vergessenen Dokumentationen \u2013 einfach direkt in die digitale Kundenakte \u00fcbergeben.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- VERGLEICHSTABELLE: WHATSAPP VS TELE-LOOK -->\n  <section id=\"vergleich\" class=\"tl-section tl-section-alt\">\n    <div class=\"tl-container\">\n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Sicherheit &amp; Professionalit\u00e4t<\/div>\n        <h2>WhatsApp vs. professioneller visueller Kundenservice<\/h2>\n        <p>Warum private Messenger im Handwerk teure Risiken bergen und wie tele-LOOK den Standard f\u00fcr rechtssichere Kundenkommunikation setzt.<\/p>\n      <\/div>\n\n      <div class=\"comp-table-wrap\">\n        <table class=\"comp-table\">\n          <thead>\n            <tr>\n              <th>Vergleichskriterium<\/th>\n              <th>WhatsApp \/ Private Messenger<\/th>\n              <th class=\"col-highlight\">tele-LOOK Visueller Kundenservice<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td><strong>Datenschutz &amp; DSGVO<\/strong><\/td>\n              <td>Rechtliche Grauzone (Adressbuch-Synchronisation)<\/td>\n              <td class=\"col-highlight\">100 % DSGVO-konform, Hosting auf deutschen Servern<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Mitarbeiter-Privatsph\u00e4re<\/strong><\/td>\n              <td>Monteur gibt private Mobilnummer an Kunden weiter<\/td>\n              <td class=\"col-highlight\">Keine Rufnummern-Preisgabe; sauber getrennt<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>App-Installation Kunde<\/strong><\/td>\n              <td>Kunde &amp; Betrieb m\u00fcssen App installiert &amp; registriert haben<\/td>\n              <td class=\"col-highlight\">0 Sek. Installation (1-Klick-Start direkt im Browser)<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Dokumentation &amp; ERP<\/strong><\/td>\n              <td>Fotos verstreut in privaten Chatverl\u00e4ufen<\/td>\n              <td class=\"col-highlight\">Automatisches PDF-Protokoll mit Fotos &amp; Zeitstempel<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Interaktive Anleitung<\/strong><\/td>\n              <td>Unpr\u00e4zise Sprachanrufe ohne Hilfsmittel<\/td>\n              <td class=\"col-highlight\">tele-Punkt: Virtueller Laserpointer im Live-Kamerabild<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Abrechnungsnachweis<\/strong><\/td>\n              <td>Nicht gerichtsfest oder revisionssicher<\/td>\n              <td class=\"col-highlight\">Eindeutiger Nachweis f\u00fcr Digitale Ersthilfe-Pauschale<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTERAKTIVER ROI-RECHNER -->\n  <section id=\"rechner\" class=\"tl-section\">\n    <div class=\"tl-container\">\n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Wirtschaftlichkeits-Kalkulator<\/div>\n        <h2>Wie viel spart Ihr Betrieb jeden Monat ein?<\/h2>\n        <p>Berechnen Sie mit Ihren eigenen Kennzahlen, wie schnell sich die visuelle Vorabdiagnose f\u00fcr Ihr SHK-Unternehmen amortisiert.<\/p>\n      <\/div>\n\n      <div class=\"calc-card\">\n        <div class=\"calc-controls\">\n          <div class=\"calc-field\">\n            <div class=\"calc-label-row\">\n              <span class=\"calc-label\">Monatliche Kundendiensteins\u00e4tze:<\/span>\n              <span class=\"calc-val-badge\" id=\"valCalls\">120 Eins\u00e4tze<\/span>\n            <\/div>\n            <input type=\"range\" class=\"calc-range\" id=\"rangeCalls\" min=\"20\" max=\"400\" step=\"10\" value=\"120\">\n          <\/div>\n\n          <div class=\"calc-field\">\n            <div class=\"calc-label-row\">\n              <span class=\"calc-label\">Durchschnittlicher Verrechnungssatz Monteur (\u20ac\/Std.):<\/span>\n              <span class=\"calc-val-badge\" id=\"valRate\">75 \u20ac \/ Std.<\/span>\n            <\/div>\n            <input type=\"range\" class=\"calc-range\" id=\"rangeRate\" min=\"55\" max=\"115\" step=\"5\" value=\"75\">\n          <\/div>\n\n          <div class=\"calc-field\">\n            <div class=\"calc-label-row\">\n              <span class=\"calc-label\">Bisherige Fehlfahrten-Quote (Zweitanfahrt n\u00f6tig):<\/span>\n              <span class=\"calc-val-badge\" id=\"valFail\">18 %<\/span>\n            <\/div>\n            <input type=\"range\" class=\"calc-range\" id=\"rangeFail\" min=\"5\" max=\"35\" step=\"1\" value=\"18\">\n          <\/div>\n\n          <p style=\"font-size: 13px; color: var(--tl-text-muted); margin-top: 8px;\">\n            Grundlage: Durchschnittlich 45 Min. Fahrzeitersparnis pro vermiedener Zweitanfahrt zzgl. Treibstoff- und Fahrzeugkosten (15 \u20ac).\n          <\/p>\n        <\/div>\n\n        <div class=\"calc-results-box\">\n          <div>\n            <div class=\"res-item\">\n              <div class=\"res-title\">Vermiedene Leerfahrten pro Monat:<\/div>\n              <div class=\"res-num\" id=\"resSavedTrips\">10 Fahrten<\/div>\n            <\/div>\n            <div class=\"res-item\">\n              <div class=\"res-title\">Monatliche Kostenersparnis:<\/div>\n              <div class=\"res-num\" id=\"resSavedEuros\">712 \u20ac<\/div>\n            <\/div>\n            <div class=\"res-item\">\n              <div class=\"res-title\">Gewonnene Monteur-Arbeitszeit:<\/div>\n              <div class=\"res-num\" style=\"color: #135dff;\" id=\"resSavedHours\">7,5 Std.<\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"border-top: 1px solid var(--tl-border); padding-top: 18px; margin-top: 10px;\">\n            <div style=\"font-size: 13px; color: var(--tl-text-secondary); margin-bottom: 12px;\">\n              Investition tele-LOOK Handwerker-Deal: <strong>19 \u20ac \/ Monat<\/strong>\n            <\/div>\n            <a href=\"https:\/\/www.tele-look.com\/web\/handwerker-portale-deal\/\" class=\"btn btn-primary\" style=\"width: 100%;\">\n              Jetzt 7 Tage unverbindlich testen\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SO FUNKTIONIERT ES IN 3 SCHRITTEN -->\n  <section id=\"ablauf\" class=\"tl-section tl-section-alt\">\n    <div class=\"tl-container\">\n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Simpler 1-Klick-Workflow<\/div>\n        <h2>In 3 Schritten zur digitalen Vorabdiagnose<\/h2>\n        <p>Ohne Schulungsaufwand und ohne komplizierte Software-Einf\u00fchrung sofort im t\u00e4glichen Service einsatzbereit.<\/p>\n      <\/div>\n\n      <div class=\"steps-grid\">\n        <div class=\"step-card\">\n          <div class=\"step-number\">Schritt 1<\/div>\n          <h3>1. SMS-Link senden<\/h3>\n          <p>Kunde ruft mit St\u00f6rung an. Der Disponent oder Meister tippt die Mobilnummer des Kunden ein und sendet mit einem Klick einen gesicherten Einmal-Link per SMS.<\/p>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-number\">Schritt 2<\/div>\n          <h3>2. Kunde klickt \u2013 Video startet<\/h3>\n          <p>Der Kunde \u00f6ffnet den Link im Smartphone-Browser. Es ist keine Registrierung oder App n\u00f6tig. Das Live-Kamerabild des Heizkessels wird sofort in HD \u00fcbertragen.<\/p>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-number\">Schritt 3<\/div>\n          <h3>3. tele-Punkt &amp; PDF-Report<\/h3>\n          <p>Mit dem virtuellen Laserpointer zeigen Sie dem Kunden genau, was zu tun ist. Ein Klick erzeugt das fertige PDF-Protokoll inklusive Fotos f\u00fcr Ihr ERP-System.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ SEKTION (100% RESPONSIVE ACCORDION) -->\n  <section id=\"faq\" class=\"tl-section\">\n    <div class=\"tl-container\">\n      <div class=\"faq-layout\">\n        <div>\n          <div class=\"tl-eyebrow\">H\u00e4ufige Fragen<\/div>\n          <h2>Antworten f\u00fcr SHK-Gesch\u00e4ftsf\u00fchrer<\/h2>\n          <p>Hier finden Sie die wichtigsten Fragen zur Einf\u00fchrung, technischen Voraussetzungen und Abrechnung von visuellem Kundenservice.<\/p>\n          <div style=\"margin-top: 24px;\">\n            <a href=\"https:\/\/www.tele-look.com\/web\/visueller-kundenservice-digital-shk-leitfaden\/\" class=\"btn btn-outline btn-sm\">\n              Ausf\u00fchrlichen Fachartikel lesen &rarr;\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-list\">\n          <details>\n            <summary>Was unterscheidet tele-LOOK von herk\u00f6mmlichen Video-Apps wie FaceTime oder Zoom?<\/summary>\n            <p>tele-LOOK wurde speziell f\u00fcr den technischen Vor-Ort-Service konzipiert. Der Kunde muss keine Software installieren oder Konten anlegen. Zudem bietet tele-LOOK den patentierten tele-Punkt (virtueller Laserpointer im Bild), automatische Typenschild-Screenshots mit Lupenfunktion und die direkte Generierung manipulationssicherer PDF-Serviceberichte.<\/p>\n          <\/details>\n\n          <details>\n            <summary>M\u00fcssen \u00e4ltere Kunden technisch versiert sein, um teilzunehmen?<\/summary>\n            <p>Nein, genau das ist der entscheidende Vorteil. Der Kunde muss lediglich eine SMS empfangen und auf den blauen Link tippen. Der Zugriff auf die Kamera wird im Browser mit einem Fingertipp erlaubt \u2013 einfacher als ein Foto per Messenger zu versenden.<\/p>\n          <\/details>\n\n          <details>\n            <summary>Darf der Kundendienstmonteur WhatsApp f\u00fcr Kundenbilder nutzen?<\/summary>\n            <p>Aus Datenschutzsicht ist das extrem riskant: WhatsApp synchronisiert ungefragt Kontaktdaten mit US-Servern. Zudem m\u00fcssen Monteure ihre privaten Telefonnummern preisgeben, was zu St\u00f6rungen in Feierabend und Urlaub f\u00fchrt. tele-LOOK arbeitet 100 % DSGVO-konform ohne Rufnummerntausch.<\/p>\n          <\/details>\n\n          <details>\n            <summary>Wie l\u00e4sst sich der visuelle Kundenservice betriebswirtschaftlich abrechnen?<\/summary>\n            <p>SHK-Betriebe bieten die Video-Auftragsvorkl\u00e4rung erfolgreich als \u201eDigitale Soforthilfe\u201c f\u00fcr 29 bis 49 \u20ac an. F\u00fchrt die Diagnose zu einem Reparaturauftrag vor Ort, kann die Pauschale verrechnet werden. Bei reiner Ferndiagnose ist der Kunde dankbar f\u00fcr die schnelle Hilfe ohne stundenlanges Warten auf einen Monteur.<\/p>\n          <\/details>\n\n          <details>\n            <summary>Gibt es eine Vertragslaufzeit oder versteckte Kosten?<\/summary>\n            <p>Nein. Im Handwerker-Aktionstarif testen Sie tele-LOOK 7 Tage v\u00f6llig kostenlos und unverbindlich. Danach nutzen Sie den Tarif f\u00fcr nur 19 \u20ac monatlich zzgl. MwSt. (inklusive bis zu 50 Video-Calls pro Monat), flexibel monatlich k\u00fcndbar.<\/p>\n          <\/details>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CALL TO ACTION BANNER -->\n  <section class=\"tl-section\" style=\"padding-top: 0;\">\n    <div class=\"tl-container\">\n      <div class=\"cta-banner\">\n        <h2>Starten Sie noch heute mit digitaler Vorabdiagnose<\/h2>\n        <p>Beseitigen Sie unbezahlte Leerfahrten, sch\u00fctzen Sie Ihren Notdienst und begeistern Sie Ihre Kunden mit modernstem Live-Video-Support.<\/p>\n        <div style=\"display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;\">\n          <a href=\"https:\/\/www.tele-look.com\/web\/handwerker-portale-deal\/\" class=\"btn btn-primary\" style=\"font-size: 15px; padding: 14px 28px;\">\n            7 Tage kostenlos testen (Ohne Risiko)\n          <\/a>\n          <a href=\"https:\/\/www.tele-look.com\/web\/live-demo\/\" class=\"btn\" style=\"background: rgba(255, 255, 255, 0.15) !important; border: 1.5px solid rgba(255, 255, 255, 0.4) !important; color: #ffffff !important; font-size: 15px; padding: 14px 28px; border-radius: 9999px; text-decoration: none; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); transition: all 0.2s ease;\">\n            15 Min. Demo buchen\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n\n<\/div>\n\n<!-- Interactive Theme Switcher & ROI Calculator Script -->\n<script>\n(function() {\n  \/\/ Theme Switching Logic\n  const html = document.documentElement;\n  const themeToggle = document.getElementById('themeToggle');\n  const themeIcon = document.getElementById('themeIcon');\n  const menuToggle = document.getElementById('menuToggle');\n  const mobileMenu = document.getElementById('mobileMenu');\n\n  function updateTheme(theme) {\n    html.setAttribute('data-theme', theme);\n    if (themeIcon) {\n      themeIcon.textContent = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n    }\n    localStorage.setItem('tl-theme', theme);\n  }\n\n  const savedTheme = localStorage.getItem('tl-theme') || 'light';\n  updateTheme(savedTheme);\n\n  if (themeToggle) {\n    themeToggle.addEventListener('click', function() {\n      const isDark = html.getAttribute('data-theme') === 'dark';\n      updateTheme(isDark ? 'light' : 'dark');\n    });\n  }\n\n  if (menuToggle && mobileMenu) {\n    menuToggle.addEventListener('click', function() {\n      const isOpen = mobileMenu.classList.toggle('open');\n      menuToggle.setAttribute('aria-label', isOpen ? 'Men\u00fc schlie\u00dfen' : 'Men\u00fc \u00f6ffnen');\n    });\n  }\n\n  \/\/ ROI Calculator Logic\n  const rangeCalls = document.getElementById('rangeCalls');\n  const rangeRate = document.getElementById('rangeRate');\n  const rangeFail = document.getElementById('rangeFail');\n\n  const valCalls = document.getElementById('valCalls');\n  const valRate = document.getElementById('valRate');\n  const valFail = document.getElementById('valFail');\n\n  const resSavedTrips = document.getElementById('resSavedTrips');\n  const resSavedEuros = document.getElementById('resSavedEuros');\n  const resSavedHours = document.getElementById('resSavedHours');\n\n  function calcROI() {\n    if (!rangeCalls || !rangeRate || !rangeFail) return;\n    const calls = parseInt(rangeCalls.value, 10);\n    const rate = parseInt(rangeRate.value, 10);\n    const failRate = parseInt(rangeFail.value, 10) \/ 100;\n\n    valCalls.textContent = calls + ' Eins\u00e4tze';\n    valRate.textContent = rate + ' \u20ac \/ Std.';\n    valFail.textContent = Math.round(failRate * 100) + ' %';\n\n    \/\/ Total second trips without Vorabdiagnose\n    const trips = calls * failRate;\n    \/\/ tele-LOOK avoids ~50% of these failed trips\n    const avoidedTrips = Math.round(trips * 0.48);\n\n    \/\/ Savings: each avoided trip saves 0.75 hours of tech time + 15 \u20ac vehicle costs\n    const savedHours = Math.round(avoidedTrips * 0.75 * 10) \/ 10;\n    const savedMoney = Math.round((savedHours * rate) + (avoidedTrips * 15));\n\n    resSavedTrips.textContent = avoidedTrips + ' Fahrten';\n    resSavedEuros.textContent = savedMoney.toLocaleString('de-DE') + ' \u20ac';\n    resSavedHours.textContent = ('' + savedHours).replace('.', ',') + ' Std.';\n  }\n\n  if (rangeCalls) rangeCalls.addEventListener('input', calcROI);\n  if (rangeRate) rangeRate.addEventListener('input', calcROI);\n  if (rangeFail) rangeFail.addEventListener('input', calcROI);\n  calcROI();\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\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>Home \/ L\u00f6sungen \/ Visueller Kundenservice digital SHK SHK-Kundendienst &amp; Notdienst 2026 VISUELLER KUNDENSERVICE DIGITAL. SCHLUSS MIT FEHLFAHRTEN &amp; BLINDFLUG IM SHK-SERVICE. Ersetzen Sie ungenaue Kundenbeschreibungen durch einen 3-Minuten-Live-Blick auf Kessel, Typenschild und St\u00f6rcode. Steigern Sie Ihre First-Time-Fix-Rate, entlasten Sie Ihren Notdienst und sch\u00fctzen Sie die Privatsph\u00e4re Ihrer Mitarbeiter \u2013 100 % browserbasiert ohne App-Download. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-17971","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/17971","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=17971"}],"version-history":[{"count":6,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/17971\/revisions"}],"predecessor-version":[{"id":18102,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/17971\/revisions\/18102"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=17971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}