{"id":16304,"date":"2026-08-18T21:58:58","date_gmt":"2026-08-18T19:58:58","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/fehlfahrten-kundendienst-reduzieren\/"},"modified":"2026-10-01T13:15:16","modified_gmt":"2026-10-01T11:15:16","slug":"fehlfahrten-kundendienst-reduzieren","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/fehlfahrten-kundendienst-reduzieren\/","title":{"rendered":"Fehlfahrten im Kundendienst reduzieren: First-Time-Fix-Rate im SHK-Handwerk &#038; Service steigern"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16304\" class=\"elementor elementor-16304 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_section_16304_master elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_section_16304_master\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-tl_col_16304_master\" data-id=\"tl_col_16304_master\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-tl_widget_16304_master elementor-widget elementor-widget-html\" data-id=\"tl_widget_16304_master\" 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\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16304\" class=\"elementor elementor-16304 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_cleaned_section_16304 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_cleaned_section_16304\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-tl_cleaned_col_16304\" data-id=\"tl_cleaned_col_16304\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-tl_cleaned_html_16304 elementor-widget elementor-widget-html\" data-id=\"tl_cleaned_html_16304\" 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\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16304\" class=\"elementor elementor-16304 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_container_16304_dual_2026 e-con-full e-flex e-con e-parent\" data-id=\"tl_container_16304_dual_2026\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_widget_16304_dual_2026 elementor-widget elementor-widget-html\" data-id=\"tl_widget_16304_dual_2026\" 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\n<!-- tele-LOOK Master Landingpage (2026 Dual-Theme B2B Standard) -->\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=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ==========================================================================\n   TELE-LOOK MASTER DUAL THEME SYSTEM (SCOPED TO .tl-app)\n   ========================================================================== *\/\n\n\/* LIGHT THEME (Standard) *\/\n[data-theme=\"light\"] .tl-app,\nhtml:not(.dark) .tl-app,\n.tl-app {\n  --tl-ink:          #0f172a;\n  --tl-navy:         #091326;\n  --tl-brand:        #0284c7;\n  --tl-brand-hover:  #0369a1;\n  --tl-cyan:         #06b6d4;\n  --tl-emerald:      #10b981;\n  \n  --tl-bg-base:      #f8fafc;\n  --tl-bg-surface:   #f1f5f9;\n  --tl-bg-card:      #ffffff;\n  --tl-bg-card-hover:#ffffff;\n  --tl-bg-hero:      linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  --tl-bg-dark-sec:  #091326;\n  \n  --tl-border:       #e2e8f0;\n  --tl-border-hover: #cbd5e1;\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-shadow-sm:    0 2px 8px rgba(15, 23, 42, 0.04);\n  --tl-shadow-md:    0 8px 24px rgba(15, 23, 42, 0.06);\n  --tl-shadow-lg:    0 16px 36px rgba(15, 23, 42, 0.09);\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-pill-bg:        #ffffff;\n  --tl-pill-border:    #cbd5e1;\n  --tl-pill-text:      #475569;\n}\n\n\/* DARK THEME *\/\n[data-theme=\"dark\"] .tl-app,\nhtml.dark .tl-app,\nbody.dark .tl-app {\n  --tl-ink:          #f8fafc;\n  --tl-navy:         #060c1a;\n  --tl-brand:        #38bdf8;\n  --tl-brand-hover:  #7dd3fc;\n  --tl-cyan:         #22d3ee;\n  --tl-emerald:      #34d399;\n  \n  --tl-bg-base:      #060c1a;\n  --tl-bg-surface:   #0b152d;\n  --tl-bg-card:      rgba(15, 27, 54, 0.75);\n  --tl-bg-card-hover:rgba(20, 35, 70, 0.9);\n  --tl-bg-hero:      linear-gradient(180deg, #060c1a 0%, #0b152d 100%);\n  --tl-bg-dark-sec:  #040812;\n  \n  --tl-border:       rgba(56, 189, 248, 0.18);\n  --tl-border-hover: rgba(56, 189, 248, 0.35);\n  --tl-border-brand: rgba(56, 189, 248, 0.5);\n  \n  --tl-text-primary: #f8fafc;\n  --tl-text-secondary:#cbd5e1;\n  --tl-text-muted:   #94a3b8;\n  \n  --tl-shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.3);\n  --tl-shadow-md:    0 8px 24px rgba(0, 0, 0, 0.4);\n  --tl-shadow-lg:    0 16px 36px rgba(0, 0, 0, 0.5);\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-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\n.tl-app {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n  background-color: var(--tl-bg-base);\n  color: var(--tl-text-primary);\n  font-size: 16px;\n  line-height: 1.7;\n  width: 100%;\n  overflow-x: hidden;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n.tl-app *, .tl-app *::before, .tl-app *::after {\n  box-sizing: border-box;\n}\n\n.tl-app a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.tl-container {\n  width: min(100% - 40px, 1180px);\n  margin-inline: auto;\n}\n\n.tl-app h1, .tl-app h2, .tl-app h3, .tl-app h4, .tl-app .tl-eyebrow, .tl-app .tl-btn {\n  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n  color: var(--tl-text-primary);\n  letter-spacing: -0.025em;\n}\n\n.tl-app h1 {\n  font-size: clamp(32px, 4.5vw, 54px);\n  font-weight: 900 !important;\n  line-height: 1.15;\n  margin: 0 0 20px 0;\n}\n\n.tl-app h2 {\n  font-size: clamp(24px, 3.2vw, 38px);\n  font-weight: 800 !important;\n  line-height: 1.2;\n  margin: 0 0 14px 0;\n}\n\n.tl-app h3 {\n  font-size: 20px;\n  font-weight: 800 !important;\n  line-height: 1.35;\n  margin: 0 0 10px 0;\n}\n\n.tl-app p {\n  margin: 0 0 1.2rem 0;\n  color: var(--tl-text-secondary);\n  font-size: 1.05rem;\n}\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.tl-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n  font-size: 11.5px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--tl-brand);\n}\n\n.tl-eyebrow::before {\n  content: \"\";\n  width: 18px;\n  height: 2.5px;\n  border-radius: 99px;\n  background: var(--tl-brand);\n  flex-shrink: 0;\n}\n\n.tl-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 50px;\n  padding: 13px 26px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  cursor: pointer;\n  border: 1px solid transparent;\n  line-height: 1;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n  text-decoration: none !important;\n}\n\n.tl-btn-primary {\n  background: var(--tl-grad-btn);\n  color: #ffffff !important;\n  box-shadow: 0 4px 16px rgba(19, 93, 255, 0.35);\n}\n\n.tl-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(19, 93, 255, 0.5);\n}\n\n.tl-card, .tl-app .bento-card, .tl-app .pricing-card, .tl-app article {\n  background: var(--tl-bg-card) !important;\n  border: 1px solid var(--tl-border) !important;\n  border-radius: 18px !important;\n  padding: 32px !important;\n  box-shadow: var(--tl-shadow-md) !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;\n}\n\n.tl-card:hover, .tl-app .bento-card:hover, .tl-app .pricing-card:hover, .tl-app article:hover {\n  transform: translateY(-3px) !important;\n  border-color: var(--tl-border-hover) !important;\n  box-shadow: var(--tl-shadow-lg) !important;\n}\n\n\/* Form Styles *\/\n.tl-input, .tl-textarea, .tl-select,\n.tl-app input[type=\"text\"], .tl-app input[type=\"email\"], .tl-app input[type=\"tel\"], .tl-app textarea {\n  width: 100%;\n  padding: 14px 18px;\n  border-radius: 12px;\n  border: 1px solid var(--tl-border) !important;\n  background: var(--tl-bg-card) !important;\n  color: var(--tl-text-primary) !important;\n  font-family: inherit;\n  font-size: 15px;\n  margin-bottom: 16px;\n  transition: border-color 0.2s ease;\n}\n\n.tl-input:focus, .tl-textarea:focus, .tl-select:focus,\n.tl-app input:focus, .tl-app textarea:focus {\n  outline: none;\n  border-color: var(--tl-brand) !important;\n}\n\n\/* FAQ Details *\/\n.tl-app details {\n  padding: 20px 24px;\n  border-radius: 14px;\n  border: 1px solid var(--tl-border) !important;\n  background: var(--tl-bg-card) !important;\n  box-shadow: var(--tl-shadow-sm) !important;\n  margin-bottom: 12px;\n  transition: border-color 0.2s ease;\n}\n\n.tl-app details[open] {\n  border-color: var(--tl-brand) !important;\n}\n\n.tl-app summary {\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  cursor: pointer;\n  list-style: none;\n  position: relative;\n  padding-right: 36px;\n  color: var(--tl-text-primary) !important;\n}\n\n.tl-app summary::-webkit-details-marker {\n  display: none;\n}\n\n.tl-app summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 22px;\n  font-weight: 900;\n  color: var(--tl-brand);\n}\n\n.tl-app details[open] summary::after {\n  content: \"\u2212\";\n}\n\n.tl-app details p {\n  margin: 14px 0 0;\n  font-size: 15px;\n  color: var(--tl-text-secondary) !important;\n}\n\n.text-glow-wrap { display: inline-block !important; filter: none !important; animation: none !important; }\nhtml.dark .text-glow-wrap, body.dark .text-glow-wrap { filter: none !important; animation: none !important; }\n\n\/* FAQ Anti-Bleed & Native Details Standard *\/\n.tl-faq-details {\n    background: #ffffff !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 1rem !important;\n    margin-bottom: 0.85rem !important;\n    overflow: hidden !important;\n}\nhtml.dark .tl-faq-details, body.dark .tl-faq-details {\n    background: #0b152d !important;\n    border-color: #1e293b !important;\n}\n.tl-faq-details summary {\n    padding: 1.25rem 1.5rem !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 1rem !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 1rem !important;\n    outline: none !important;\n    outline-color: transparent !important;\n    box-shadow: none !important;\n    color: #0f172a !important;\n    list-style: none !important;\n    user-select: none !important;\n}\nhtml.dark .tl-faq-details summary, body.dark .tl-faq-details summary {\n    color: #f8fafc !important;\n}\n.tl-faq-details summary::-webkit-details-marker { display: none !important; }\n.tl-faq-details p {\n    padding: 0 1.5rem 1.25rem 1.5rem !important;\n    font-size: 0.95rem !important;\n    line-height: 1.65 !important;\n    color: #64748b !important;\n    margin: 0 !important;\n}\nhtml.dark .tl-faq-details p, body.dark .tl-faq-details p {\n    color: #94a3b8 !important;\n}\n\n\n.hero-glow, html.dark .hero-glow, body.dark .hero-glow { display: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; }\n.text-glow-wrap, html.dark .text-glow-wrap, body.dark .text-glow-wrap { filter: none !important; animation: none !important; text-shadow: none !important; box-shadow: none !important; }\n\n<\/style>\n\n<div class=\"tl-app\" id=\"tlApp\">\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16304\" class=\"elementor elementor-16304 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_container_16304_2026 e-con-full e-flex e-con e-parent\" data-id=\"tl_container_16304_2026\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_widget_16304_2026 elementor-widget elementor-widget-html\" data-id=\"tl_widget_16304_2026\" 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<!-- tele-LOOK Master Landingpage (2026 Clean B2B Standard) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\" rel=\"stylesheet\">\n<style>\n\n\/* \n========================================================================\nTELE-LOOK MASTER KUNDENDIENST SOFTWARE (PREMIUM SIGNATURE DESIGN 2026)\nH1 Standard: Montserrat 900 Black + Animated Text Gradient + Neon Glow\nBody Standard: Raleway 500\n========================================================================\n*\/\n\n\/* WP & Astra Container Sync *\/\nhtml.dark, html.dark body, html.dark .ast-container, html.dark #primary, html.dark #main, html.dark .site-content, html.dark .entry-content {\n    background-color: #060b13 !important;\n}\nhtml:not(.dark), html.light, html.light body, html:not(.dark) .ast-container, html:not(.dark) #primary, html:not(.dark) #main, html:not(.dark) .site-content, html:not(.dark) .entry-content {\n    background-color: #ffffff !important;\n}\n\n#tele-look-main-wrapper {\n    font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    background-color: #ffffff !important;\n    color: #334155 !important;\n    line-height: 1.8 !important;\n    transition: background-color 0.3s ease, color 0.3s ease;\n    padding: 0;\n    margin: 0 auto;\n    position: relative;\n    overflow: hidden;\n    max-width: 100%;\n}\n#tele-look-main-wrapper *, #tele-look-main-wrapper *::before, #tele-look-main-wrapper *::after {\n    box-sizing: border-box;\n}\n\n\/* Headings (Montserrat 800-900 Ultra Bold) *\/\n#tele-look-main-wrapper h1, \n#tele-look-main-wrapper h1 *,\n#tele-look-main-wrapper h2, \n#tele-look-main-wrapper h2 *,\n#tele-look-main-wrapper h3, \n#tele-look-main-wrapper h3 *,\n#tele-look-main-wrapper h4, \n#tele-look-main-wrapper h4 *,\n#tele-look-main-wrapper h5,\n#tele-look-main-wrapper h5 * {\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;\n    font-weight: 800 !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.02em;\n}\n\n#tele-look-main-wrapper h1 {\n    font-weight: 900 !important;\n    color: #0f172a !important;\n}\nhtml.dark #tele-look-main-wrapper h1 {\n    color: #ffffff !important;\n}\n\n\/* Body Text (Raleway 500) *\/\n#tele-look-main-wrapper p, \n#tele-look-main-wrapper li {\n    font-family: 'Raleway', sans-serif !important;\n    color: #475569 !important;\n    font-size: 1.05rem;\n    line-height: 1.8;\n    font-weight: 500;\n}\n#tele-look-main-wrapper strong, \n#tele-look-main-wrapper b {\n    color: #0f172a !important;\n    font-weight: 700 !important;\n}\n#tele-look-main-wrapper a {\n    color: #135dff;\n    transition: color 0.2s ease;\n}\n#tele-look-main-wrapper a:hover {\n    color: #0369a1;\n}\n\n#tele-look-main-wrapper .section-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.875rem !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.08em !important;\n    color: #0f172a !important;\n    margin-bottom: 1.5rem !important;\n}\n\n\/* HERO SECTION & BREADCRUMB PILL *\/\n#tele-look-main-wrapper .hero-section {\n    padding: 4.5rem 1.5rem 3.5rem 1.5rem;\n    text-align: center;\n    position: relative;\n    overflow: visible;\n}\n#tele-look-main-wrapper .breadcrumb-pill {\n    background: #f1f5f9 !important;\n    color: #64748b !important;\n    border: 1px solid #cbd5e1 !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.08em !important;\n    padding: 0.5rem 1.35rem !important;\n    border-radius: 9999px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 0.6rem !important;\n    margin: 0 auto 1.75rem auto !important;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);\n}\n#tele-look-main-wrapper .breadcrumb-pill a {\n    color: #475569 !important;\n    text-decoration: none !important;\n    transition: color 0.2s ease;\n}\n#tele-look-main-wrapper .breadcrumb-pill a:hover {\n    color: #135dff !important;\n}\n#tele-look-main-wrapper .breadcrumb-pill .sep {\n    color: #94a3b8 !important;\n    font-weight: 400;\n}\n#tele-look-main-wrapper .breadcrumb-pill .current {\n    color: #135dff !important;\n    font-weight: 800 !important;\n}\n\n#tele-look-main-wrapper .hero-desc {\n    color: #64748b !important;\n    font-size: 1.15rem !important;\n    max-width: 48rem !important;\n    margin: 0 auto !important;\n    line-height: 1.75 !important;\n    font-family: 'Raleway', sans-serif !important;\n    font-weight: 500 !important;\n}\n\n\/* HERO AURA \/ GLOW *\/\n.hero-glow { display: none !important; \n    position: absolute;\n    top: -5%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 1100px;\n    max-width: 100vw;\n    height: 550px;\n    background: radial-gradient(circle at 50% 35%, rgba(6, 182, 212, 0.20) 0%, rgba(19, 93, 255, 0.14) 40%, transparent 70%) !important;\n    filter: blur(75px);\n    pointer-events: none;\n    z-index: 0;\n}\nhtml.dark .hero-glow { display: none !important; }\nbody.dark .hero-glow { display: none !important; }\n\/* removed glow *\/ \/*\nbody.dark .hero-glow { display: none !important; \n    background: radial-gradient(circle at 50% 35%, rgba(6, 182, 212, 0.30) 0%, rgba(19, 93, 255, 0.22) 45%, transparent 75%) !important;\n    filter: blur(85px);\n}\n\n\/* ANIMATED SIGNATURE TEXT GRADIENT & GLOW PULSE *\/\n@keyframes glow-pulse-light {\n    0%, 100% { filter: none; }\n    50%       { filter: none; }\n}\n@keyframes glow-pulse-dark {\n    0%, 100% { filter: none; }\n    50%       { filter: none; }\n}\n@keyframes gradient-shift {\n    0%   { background-position: 0% center; }\n    50%  { background-position: 100% center; }\n    100% { background-position: 0% center; }\n}\n\n.text-gradient {\n    background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n    color: transparent !important;\n    background-size: 200% auto !important;\n    animation: gradient-shift 4s ease infinite !important;\n    display: inline-block !important;\n}\nhtml.dark .text-gradient,\nbody.dark .text-gradient {\n    background: linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n}\n\n.text-glow-wrap {\n    display: inline-block;\n    animation: none;\n}\nhtml.dark .text-glow-wrap,\nbody.dark .text-glow-wrap {\n    animation: none;\n}\n\n\/* GLASS PILL NAV *\/\n#tele-look-main-wrapper .glass-pill-nav {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem;\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 9999px;\n    max-width: fit-content;\n    margin: 2.5rem auto 3.5rem auto;\n    flex-wrap: wrap;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    position: relative;\n    z-index: 10;\n}\n#tele-look-main-wrapper .glass-pill-nav a {\n    color: #475569;\n    text-decoration: none;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 0.85rem;\n    font-weight: 700;\n    padding: 0.5rem 1.25rem;\n    border-radius: 9999px;\n    transition: all 0.2s ease;\n}\n#tele-look-main-wrapper .glass-pill-nav a:hover {\n    background: #e2e8f0;\n    color: #0f172a;\n}\n\n\/* BENTO GRID *\/\n#tele-look-main-wrapper .bento-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    gap: 1.5rem;\n    margin: 3rem 0;\n}\n#tele-look-main-wrapper .bento-card {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 1.25rem;\n    padding: 2rem;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n#tele-look-main-wrapper .bento-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.08);\n    border-color: #cbd5e1;\n}\n#tele-look-main-wrapper .col-span-12 { grid-column: span 12; }\n#tele-look-main-wrapper .col-span-8 { grid-column: span 8; }\n#tele-look-main-wrapper .col-span-6 { grid-column: span 6; }\n#tele-look-main-wrapper .col-span-4 { grid-column: span 4; }\n\n@media (max-width: 900px) {\n    #tele-look-main-wrapper .col-span-8,\n    #tele-look-main-wrapper .col-span-6,\n    #tele-look-main-wrapper .col-span-4 {\n        grid-column: span 12;\n    }\n}\n#tele-look-main-wrapper .tl-icon-box {\n    width: 2.75rem;\n    height: 2.75rem;\n    border-radius: 0.75rem;\n    background: #e0f2fe;\n    color: #135dff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.25rem;\n}\n#tele-look-main-wrapper .tl-callout-info {\n    background: #f0fdf4;\n    border: 1px solid #bbf7d0;\n    border-left: 4px solid #16a34a;\n    border-radius: 0 0.75rem 0.75rem 0;\n    padding: 1.5rem 1.75rem;\n    margin: 2.5rem 0;\n}\n#tele-look-main-wrapper .tl-callout-info h4 {\n    color: #15803d !important;\n    font-size: 1.15rem;\n    margin-bottom: 0.5rem;\n    font-family: 'Montserrat', sans-serif !important;\n}\n\n\/* FAQ ACCORDION *\/\n#tele-look-main-wrapper .faq-item {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 0.75rem;\n    margin-bottom: 1rem;\n    overflow: hidden;\n}\n#tele-look-main-wrapper .faq-question {\n    width: 100%;\n    text-align: left;\n    padding: 1.25rem 1.5rem;\n    background: none;\n    border: none;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: #0f172a;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 1rem;\n    cursor: pointer;\n}\n#tele-look-main-wrapper .faq-question span {\n    flex: 1;\n    text-align: left;\n    line-height: 1.4;\n    font-family: 'Montserrat', sans-serif !important;\n}\n#tele-look-main-wrapper .faq-question svg {\n    flex-shrink: 0;\n    transition: transform 0.25s ease;\n}\n#tele-look-main-wrapper .faq-item.active .faq-question svg {\n    transform: rotate(180deg);\n}\n#tele-look-main-wrapper .faq-answer {\n    padding: 0 1.5rem 1.25rem 1.5rem;\n    display: none;\n}\n#tele-look-main-wrapper .faq-item.active .faq-answer {\n    display: block;\n}\n\n\/* CTA BOX *\/\n.cta-box {\n    background: linear-gradient(135deg, rgba(19, 93, 255, 0.04) 0%, rgba(6, 182, 212, 0.04) 100%) !important;\n    border: 1px solid #bae6fd !important;\n    border-radius: 1.75rem !important;\n    padding: 3.5rem 1.5rem !important;\n    text-align: center !important;\n    box-shadow: 0 10px 30px -10px rgba(14, 165, 233, 0.12) !important;\n    margin-top: 4rem !important;\n}\n.cta-box h2 {\n    color: #0f172a !important;\n    font-size: clamp(1.6rem, 3.5vw, 2.25rem) !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 800 !important;\n    margin-bottom: 0.85rem !important;\n    line-height: 1.25 !important;\n}\n.cta-box p {\n    color: #64748b !important;\n    font-size: 1.05rem !important;\n    max-width: 36rem !important;\n    margin: 0 auto 2rem auto !important;\n    line-height: 1.6 !important;\n    word-break: normal !important;\n    overflow-wrap: break-word !important;\n    font-family: 'Raleway', sans-serif !important;\n}\n.cta-box a {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 0.5rem !important;\n    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;\n    border: 1px solid #135dff !important;\n    color: #ffffff !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 0.95rem !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.06em !important;\n    padding: 1.1rem 2.5rem !important;\n    border-radius: 9999px !important;\n    text-decoration: none !important;\n    transition: all 0.25s ease !important;\n    box-shadow: 0 10px 25px -5px rgba(19, 93, 255, 0.35) !important;\n}\n.cta-box a:hover {\n    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;\n    box-shadow: 0 15px 30px -5px rgba(19, 93, 255, 0.5) !important;\n    transform: translateY(-2px) !important;\n}\n\n\/* COMPARISON CARDS *\/\n.comparison-container {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1.5rem;\n    margin: 2.5rem 0;\n}\n@media (max-width: 768px) {\n    .comparison-container {\n        grid-template-columns: 1fr;\n    }\n}\n.comp-card-legacy {\n    background: #fff1f2;\n    border: 1px solid #fecdd3;\n    border-radius: 1.25rem;\n    padding: 2rem;\n}\n.comp-card-modern {\n    background: #f0fdf4;\n    border: 1px solid #bbf7d0;\n    border-radius: 1.25rem;\n    padding: 2rem;\n    box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.1);\n}\n\n\/* INTEGRATION & AUTHOR BOX *\/\n.integration-box {\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 1rem;\n    padding: 1.75rem;\n    margin: 2rem 0;\n}\n.author-box {\n    margin-top: 4rem;\n    padding: 1.75rem;\n    background: rgba(15, 23, 42, 0.03);\n    border: 1px solid rgba(15, 23, 42, 0.08);\n    border-radius: 1.25rem;\n    display: flex;\n    align-items: flex-start;\n    gap: 1.25rem;\n}\n\n\/* ========================================================================\n   DARK MODE STYLES (Enforced when html.dark is active)\n   ======================================================================== *\/\nhtml.dark #tele-look-main-wrapper {\n    background-color: #060b13 !important;\n    color: #cbd5e1 !important;\n}\nhtml.dark #tele-look-main-wrapper h1,\nhtml.dark #tele-look-main-wrapper h2,\nhtml.dark #tele-look-main-wrapper h3,\nhtml.dark #tele-look-main-wrapper h4,\nhtml.dark #tele-look-main-wrapper h5 {\n    color: #f8fafc !important;\n}\nhtml.dark #tele-look-main-wrapper p,\nhtml.dark #tele-look-main-wrapper li {\n    color: #cbd5e1 !important;\n}\nhtml.dark #tele-look-main-wrapper strong,\nhtml.dark #tele-look-main-wrapper b {\n    color: #f8fafc !important;\n}\nhtml.dark #tele-look-main-wrapper .section-title {\n    color: #f8fafc !important;\n}\nhtml.dark #tele-look-main-wrapper .breadcrumb-pill {\n    background: rgba(15, 23, 42, 0.8) !important;\n    color: #94a3b8 !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n}\nhtml.dark #tele-look-main-wrapper .breadcrumb-pill a {\n    color: #94a3b8 !important;\n}\nhtml.dark #tele-look-main-wrapper .breadcrumb-pill a:hover {\n    color: #38bdf8 !important;\n}\nhtml.dark #tele-look-main-wrapper .breadcrumb-pill .current {\n    color: #38bdf8 !important;\n}\nhtml.dark #tele-look-main-wrapper .hero-desc {\n    color: #94a3b8 !important;\n}\n\n\/* DARK MODE NAV & BUTTONS *\/\nhtml.dark #tele-look-main-wrapper .glass-pill-nav {\n    background: rgba(15, 23, 42, 0.7) !important;\n    border-color: rgba(51, 65, 85, 0.5) !important;\n    backdrop-filter: blur(12px);\n}\nhtml.dark #tele-look-main-wrapper .glass-pill-nav a {\n    color: #cbd5e1 !important;\n}\nhtml.dark #tele-look-main-wrapper .glass-pill-nav a:hover {\n    color: #38bdf8 !important;\n    background: rgba(30, 41, 59, 0.8);\n}\n\n\/* DARK MODE BENTO *\/\nhtml.dark #tele-look-main-wrapper .bento-card {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n}\nhtml.dark #tele-look-main-wrapper .bento-card:hover {\n    border-color: rgba(56, 189, 248, 0.5) !important;\n    box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.2) !important;\n}\nhtml.dark #tele-look-main-wrapper .tl-icon-box {\n    background: rgba(15, 23, 42, 0.8) !important;\n    color: #38bdf8 !important;\n    border: 1px solid rgba(56, 189, 248, 0.2);\n}\nhtml.dark #tele-look-main-wrapper .tl-callout-info {\n    background: rgba(14, 165, 233, 0.08) !important;\n    border: 1px solid rgba(56, 189, 248, 0.25) !important;\n    border-left: 4px solid #38bdf8 !important;\n}\nhtml.dark #tele-look-main-wrapper .tl-callout-info h4 {\n    color: #7dd3fc !important;\n}\nhtml.dark #tele-look-main-wrapper .faq-item {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n}\nhtml.dark #tele-look-main-wrapper .faq-question {\n    color: #f8fafc !important;\n}\nhtml.dark .comp-card-legacy {\n    background: rgba(69, 10, 10, 0.3) !important;\n    border-color: rgba(153, 27, 27, 0.5) !important;\n}\nhtml.dark .comp-card-modern {\n    background: rgba(6, 78, 59, 0.25) !important;\n    border-color: rgba(16, 185, 129, 0.4) !important;\n}\nhtml.dark .integration-box {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n}\nhtml.dark .author-box {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n}\nhtml.dark .author-box span.author-title {\n    color: #f8fafc !important;\n}\nhtml.dark .author-box p {\n    color: #94a3b8 !important;\n    font-family: 'Raleway', sans-serif !important;\n}\nhtml.dark .cta-box {\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.6) 100%) !important;\n    border: 1px solid rgba(56, 189, 248, 0.3) !important;\n    box-shadow: 0 0 40px -10px rgba(14, 165, 233, 0.15) !important;\n}\nhtml.dark .cta-box h2 {\n    color: #f8fafc !important;\n}\nhtml.dark .cta-box p {\n    color: #94a3b8 !important;\n    font-family: 'Raleway', sans-serif !important;\n}\nhtml.dark .cta-box a {\n    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%) !important;\n    border: 1px solid #38bdf8 !important;\n    color: #060b13 !important;\n    box-shadow: 0 10px 25px -5px rgba(56, 189, 248, 0.35) !important;\n}\nhtml.dark .cta-box a:hover {\n    background: #38bdf8 !important;\n    color: #060b13 !important;\n    box-shadow: 0 0 25px rgba(56, 189, 248, 0.6) !important;\n}\n\n<\/style>\n<div id=\"tele-look-main-wrapper\">\n    <!-- HERO SECTION -->\n    <section class=\"hero-section\">\n        \n        <div style=\"max-width: 64rem; margin: 0 auto; position: relative; z-index: 10; text-align: center;\">\n            <div style=\"display: flex; justify-content: center; width: 100%;\">\n                <nav class=\"breadcrumb-pill\" aria-label=\"Breadcrumb\">\n                    <span style=\"color: #38bdf8; font-size: 0.9rem;\">\u25cf<\/span>\n                    <a href=\"https:\/\/www.tele-look.com\/web\/\">Startseite<\/a>\n                    <span class=\"sep\">\/<\/span>\n                    <span class=\"current\">Kundendienst Software<\/span>\n                <\/nav>\n            <\/div>\n            <h1 style=\"font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; font-size: clamp(2.5rem, 5.8vw, 4.2rem) !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; margin-bottom: 1.5rem !important; text-align: center !important;\">\n                Kundendienst Software mit Live-Video:<br>\n                \n                    <span class=\"text-gradient\" style=\"font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important;\">Visuelle Vorabdiagnose ohne App<\/span>\n                <\/span>\n            <\/h1>\n            <p class=\"hero-desc\">\n                Stoppen Sie unqualifizierte Fehlanfahrten und l\u00fcckenhafte Ticket-Beschreibungen: Die browserbasierte Live-Video-Erweiterung f\u00fcr Handwerk, Werkskundendienst und technischen Support.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- INHALTSVERZEICHNIS PILL NAV -->\n    <div class=\"glass-pill-nav\">\n        <a href=\"#definition\">Auftragsvorkl\u00e4rung<\/a>\n        <a href=\"#vergleich\">System-Vergleich<\/a>\n        <a href=\"#vorteile\">Vorteile<\/a>\n        <a href=\"#integration\">Integration<\/a>\n        <a href=\"#faq\">FAQ<\/a>\n        <a href=\"https:\/\/www.tele-look.com\/web\/funktionsweise\/\" style=\"color: #135dff; font-weight: 700;\">Zur Funktionsweise \u2197<\/a>\n    <\/div>\n\n    <!-- MAIN CONTENT AREA -->\n    <section style=\"padding: 0 1.5rem 4rem 1.5rem;\">\n        <div style=\"max-width: 56rem; margin: 0 auto;\">\n\n            <!-- GEO DEFINITION SNIPPET (INVERTED PYRAMID) -->\n            <div id=\"definition\">\n                <div class=\"tl-callout-info\" style=\"margin-top: 0 !important;\">\n                    <h4>Was ist moderne Video-Kundendienst-Software?<\/h4>\n                    <p style=\"font-size: 1.1rem; line-height: 1.7; font-weight: 500;\">\n                        Moderne <strong>Kundendienst Software mit Live-Video-Funktion<\/strong> erweitert klassische Ticket- und ERP-Systeme um eine pr\u00e4zise visuelle Vorabdiagnose: \u00dcber einen einfachen 1-Klick-Link (SMS\/E-Mail) startet der Kunde seine Smartphone-Kamera direkt im Webbrowser. Disponenten und Meister diagnostizieren Fehlercodes, Typenschilder und Schadensbilder in unter 3 Minuten vor der Abfahrt, wodurch bis zu <strong>60 % der Fehlfahrten und No-Fault-Found-R\u00fcckl\u00e4ufer eliminiert<\/strong> werden.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION 1: DAS PROBLEM KLASSISCHER KUNDENDIENST SOFTWARE -->\n            <div style=\"margin-top: 3.5rem;\">\n                <h2 class=\"section-title\">Die Grenzen klassischer Kundendienst-Software ohne Live-Bild\u00fcbertragung<\/h2>\n                <p>\n                    Klassische Helpdesk- und Field-Service-Management-Software (FSM) leistet Hervorragendes bei der Terminvergabe, Routenoptimierung und Ticket-Abrechnung. Doch bei der entscheidenden Schnittstelle, <em>der pr\u00e4zisen Fehleridentifikation vor Ort<\/em>, sto\u00dfen traditionelle Tools an ihre Grenzen.\n                <\/p>\n                <p>\n                    Kunden beschreiben komplexe St\u00f6rungen oft unpr\u00e4zise (*\u201eDie Heizung piept und das Display ist rot\u201c* oder *\u201eDie Maschine l\u00e4uft unrund\u201c*). Fotos per E-Mail sind h\u00e4ufig unscharf, falsch belichtet oder zeigen nicht das Typenschild. Das Resultat: Der Servicetechniker f\u00e4hrt auf Verdacht los, hat die falschen Ersatzteile an Bord und muss einen zweiten, teuren Termin vereinbaren.\n                <\/p>\n            <\/div>\n\n            <!-- CURTAIN \/ COMPARISON MATRIX -->\n            <div id=\"vergleich\" style=\"margin-top: 3.5rem;\">\n                <h2 class=\"section-title\">Der System-Vergleich: Klassisch vs. tele-LOOK Live-Video<\/h2>\n                \n                <div class=\"comparison-container\">\n                    <!-- Legacy Card -->\n                    <div class=\"comp-card-legacy\">\n                        <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem;\">\n                            <div style=\"width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; background: #fee2e2; color: #dc2626; display: flex; align-items: center; justify-content: center;\">\n                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n                            <\/div>\n                            <h3 style=\"font-size: 1.2rem; margin: 0; color: #991b1b !important;\">Klassische Ticket-Software<\/h3>\n                        <\/div>\n                        <ul style=\"padding-left: 1.25rem; margin: 0; font-size: 0.95rem; line-height: 1.7;\">\n                            <li style=\"margin-bottom: 0.75rem;\"><strong>Disposition ohne Sichtkontakt:<\/strong> Disposition erfolgt rein auf Basis subjektiver Kundentexte.<\/li>\n                            <li style=\"margin-bottom: 0.75rem;\"><strong>Hohe Fehlfahrten-Quote:<\/strong> 35-45 % aller Eins\u00e4tze erfordern 2. Anfahrt wegen falscher Ersatzteile.<\/li>\n                            <li style=\"margin-bottom: 0.75rem;\"><strong>Reisekosten &amp; Zeitverlust:<\/strong> Meister oder Geselle verbringt 45-90 min im Stau f\u00fcr reine Sichtpr\u00fcfungen.<\/li>\n                            <li><strong>Medienbr\u00fcche:<\/strong> Riskante WhatsApp-Workarounds auf privaten Handys der Mitarbeiter.<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Modern tele-LOOK Card -->\n                    <div class=\"comp-card-modern\">\n                        <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem;\">\n                            <div style=\"width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; background: #dcfce7; color: #16a34a; display: flex; align-items: center; justify-content: center;\">\n                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                            <\/div>\n                            <h3 style=\"font-size: 1.2rem; margin: 0; color: #166534 !important;\">tele-LOOK Live-Video Layer<\/h3>\n                        <\/div>\n                        <ul style=\"padding-left: 1.25rem; margin: 0; font-size: 0.95rem; line-height: 1.7;\">\n                            <li style=\"margin-bottom: 0.75rem;\"><strong>Visuelle Auftragsvorkl\u00e4rung:<\/strong> Echtzeit-Blick auf Kessel, Sensor, Display oder Typenschild in Sekundenschnelle.<\/li>\n                            <li style=\"margin-bottom: 0.75rem;\"><strong>First-Time-Fix-Rate &gt; 85 %:<\/strong> Techniker hat garantiert die passenden Baugruppen und Dichtungen dabei.<\/li>\n                            <li style=\"margin-bottom: 0.75rem;\"><strong>0 % App-H\u00fcrde:<\/strong> Kunde \u00f6ffnet SMS-Link sofort im mobilen Browser (Safari\/Chrome).<\/li>\n                            <li><strong>100 % DSGVO &amp; Mitarbeiter-Privacy:<\/strong> Keine Herausgabe privater Telefonnummern.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION 2: BENTO GRID FEATURES -->\n            <div id=\"vorteile\" style=\"margin-top: 4.5rem;\">\n                <h2 class=\"section-title\">Die 4 Kern-Module f\u00fcr Ihren Kundenservice<\/h2>\n                \n                <div class=\"bento-grid\">\n                    <!-- Bento 1: 1-Click Link -->\n                    <div class=\"bento-card col-span-6\">\n                        <div class=\"tl-icon-box\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n                        <\/div>\n                        <h3>1-Klick-Link ohne Registrierung<\/h3>\n                        <p style=\"font-size: 0.95rem;\">\n                            Verschicken Sie eine SMS oder E-Mail direkt aus der Zentrale. Der Kunde tippt auf den Link und die \u00dcbertragung startet sofort, ohne Passwort, ohne App Store, ohne Download-Abbr\u00fcche.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Bento 2: Laserpointer tele-Punkt -->\n                    <div class=\"bento-card col-span-6\">\n                        <div class=\"tl-icon-box\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                        <\/div>\n                        <h3>Visueller Laserpointer (tele-Punkt)<\/h3>\n                        <p style=\"font-size: 0.95rem;\">\n                            Zeigen Sie Kunden oder Monteuren direkt auf dem Smartphone-Bildschirm, welches Ventil geschlossen oder welcher Schalter bet\u00e4tigt werden muss. Pr\u00e4zise Fernf\u00fchrung in Echtzeit.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Bento 3: OCR & HD Freeze -->\n                    <div class=\"bento-card col-span-6\">\n                        <div class=\"tl-icon-box\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n                        <\/div>\n                        <h3>HD-Standbild &amp; Typenschild-Dokumentation<\/h3>\n                        <p style=\"font-size: 0.95rem;\">\n                            Erfassen Sie gestochen scharfe Standbilder von Seriennummern, Typenschildern und Fehlercodes. Die Bilder werden automatisch und datenschutzkonform im Einsatzprotokoll abgelegt.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Bento 4: Datenschutz -->\n                    <div class=\"bento-card col-span-6\">\n                        <div class=\"tl-icon-box\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>100 % DSGVO &amp; deutsche Server<\/h3>\n                        <p style=\"font-size: 0.95rem;\">\n                            Hosted in Frankfurt am Main mit End-to-End-Verschl\u00fcsselung (WebRTC). Keine Adressbuch-Synchronisation, kein Datenabfluss in Drittstaaten, absolute Rechtssicherheit f\u00fcr Betriebe.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION 3: NAHTLOSE INTEGRATION -->\n            \n            <!-- VIDEO EXPLAINER FOR HIGH DWELL TIME -->\n            <div style=\"margin: 3.5rem 0; background: var(--tl-card-bg, #ffffff); border: 1px solid #e2e8f0; border-radius: 1.5rem; padding: 2rem; box-shadow: 0 4px 20px rgba(0,0,0,0.04);\">\n                <div style=\"text-align: center; max-width: 680px; margin: 0 auto 1.5rem;\">\n                    <span style=\"font-family: 'Montserrat', sans-serif; font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #135dff;\">Praxis-Video &bull; Unter 2 Minuten<\/span>\n                    <h3 style=\"font-family: 'Montserrat', sans-serif; font-size: 1.45rem; font-weight: 800; margin: 0.5rem 0 0.75rem; color: #0f172a;\">So stoppt tele-LOOK unnoetige Diagnosefahrten<\/h3>\n                    <p style=\"font-size: 0.95rem; color: #64748b; margin: 0; line-height: 1.6;\">Sehen Sie in der Kurzanleitung, wie der Techniker per Live-Video und tele-Punkt Fehlercodes und Ersatzteile bereits vor der Abfahrt klaert:<\/p>\n                <\/div>\n                <div style=\"position: relative; width: 100%; max-width: 780px; margin: 0 auto; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 1rem; border: 1px solid #cbd5e1;\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/mIr158XxZNw\" title=\"tele-LOOK Live-Video-Support Funktionsweise\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n\n<div id=\"integration\" style=\"margin-top: 4rem;\">\n                <h2 class=\"section-title\">Nahtlose Einbindung in bestehende Software-Landschaften<\/h2>\n                <p>\n                    Sie m\u00fcssen Ihre gewohnte Branchensoftware oder Ihr ERP-System nicht ersetzen. tele-LOOK fungiert als <strong>Plug-and-Play Video-Layer<\/strong>, der sich reibungslos in Ihren t\u00e4glichen Workflow einf\u00fcgt:\n                <\/p>\n                <div class=\"integration-box\">\n                    <h4 style=\"margin-top: 0; color: #135dff !important; font-size: 1.1rem; font-family: 'Montserrat', sans-serif !important;\">Kompatibel mit allen f\u00fchrenden Systemen:<\/h4>\n                    <p style=\"font-size: 0.95rem; margin-bottom: 0.5rem;\">\n                        Ob Handwerker-Software (z. B. <strong>KWP, pds, Streit V.1, WinWorker<\/strong>) oder enterprise Helpdesk-L\u00f6sungen (z. B. <strong>Zendesk, Freshdesk, Salesforce Service Cloud, Jira, SAP<\/strong>): tele-LOOK l\u00e4sst sich per Link oder API direkt im Kundendienst-Ticket aufrufen.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION 4: FAQ ACCORDION -->\n            <div id=\"faq\" style=\"margin-top: 4.5rem;\">\n                <h2 class=\"section-title\">H\u00e4ufig gestellte Fragen (FAQ)<\/h2>\n                \n                <details class=\"tl-faq-details\" open>\n                    <summary>\n                        <span>Was unterscheidet tele-LOOK von klassischer Kundendienst Software wie Zendesk oder Salesforce?<\/span>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"flex-shrink: 0;\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/summary>\n                    <p>Klassische Kundendienst-Software verwaltet Text-Tickets und Termine. tele-LOOK fungiert als visuelle Echtzeit-Erweiterung: \u00dcber einen sicheren Einmal-Link \u00f6ffnet der Kunde ohne App-Installation seine Smartphone-Kamera, sodass Disponenten oder Techniker die Anlage sofort begutachten und Ersatzteile vorab disponieren k\u00f6nnen.<\/p>\n                <\/details>\n\n                <details class=\"tl-faq-details\">\n                    <summary>\n                        <span>M\u00fcssen Kunden oder Monteure eine App installieren?<\/span>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"flex-shrink: 0;\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/summary>\n                    <p>Nein. tele-LOOK funktioniert zu 100 % browserbasiert (WebRTC). Der Kunde klickt einfach auf einen SMS- oder E-Mail-Link und der Video-Support startet direkt im mobilen Browser (Safari, Chrome, Edge, Firefox).<\/p>\n                <\/details>\n\n                <details class=\"tl-faq-details\">\n                    <summary>\n                        <span>Wie hoch ist die typische Kostenersparnis durch visuelle Auftragsvorkl\u00e4rung?<\/span>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"flex-shrink: 0;\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/summary>\n                    <p>In technischen Kundendiensten und Handwerksbetrieben kostet eine durchschnittliche Fehlfahrt 110 bis 150 Euro. Durch die visuelle Auftragsvorkl\u00e4rung per Video lassen sich bis zu 40 bis 60 % der unn\u00f6tigen Erstfahrten und Fehlfahrten komplett vermeiden.<\/p>\n                <\/details>\n\n                <details class=\"tl-faq-details\">\n                    <summary>\n                        <span>Ist die L\u00f6sung DSGVO-konform?<\/span>\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"flex-shrink: 0;\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/summary>\n                    <p>Ja. Die \u00dcbertragung erfolgt Ende-zu-Ende verschl\u00fcsselt auf 100 % DSGVO-konform zertifizierten Servern in Deutschland. Es werden keine privaten Handynummern von Mitarbeitern geteilt und keine sensiblen Kundendaten dauerhaft ohne Zustimmung gespeichert.<\/p>\n                <\/details>\n            <\/div>\n\n            <!-- E-E-A-T AUTHOR BOX -->\n            \n            <!-- EMPFOHLENE FACHARTIKEL & PRAXIS-LEITFAEDEN -->\n            <div style=\"margin: 4.5rem 0 3rem;\">\n                <div style=\"text-align: center; max-width: 700px; margin: 0 auto 2rem;\">\n                    <span style=\"font-family: 'Montserrat', sans-serif; font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #135dff;\">Wissensportal &bull; Praxiseinblicke<\/span>\n                    <h2 class=\"section-title\" style=\"margin-bottom: 0.75rem;\">Weiterfuehrende Fachartikel &amp; Branchenloesungen<\/h2>\n                    <p style=\"font-size: 0.95rem; color: #64748b; margin: 0;\">Erfahren Sie, wie fuehrende Serviceorganisationen Fehlfahrten reduzieren und Expertenwissen digital skalieren:<\/p>\n                <\/div>\n\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem;\">\n                    \n                    <!-- Card 1: Remote Mentoring -->\n                    <a href=\"https:\/\/www.tele-look.com\/web\/warum-remote-mentoring-immer-mehr-an-bedeutung-gewinnt\/\" style=\"text-decoration: none; background: var(--tl-card-bg, #ffffff); border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; transition: transform 0.2s, border-color 0.2s; display: flex; flex-direction: column; justify-content: space-between;\">\n                        <div>\n                            <span style=\"font-size: 0.72rem; font-weight: 800; text-transform: uppercase; color: #135dff; letter-spacing: 0.06em;\">Wissenstransfer &bull; Meister-Support<\/span>\n                            <h4 style=\"font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0.5rem 0;\">Remote-Mentoring im Handwerk<\/h4>\n                            <p style=\"font-size: 0.88rem; color: #64748b; line-height: 1.55; margin: 0;\">Erfahrene Meister leiten Gesellen und Azubis per Live-Video an. Expertenkapazitaeten maximieren ohne zusaetzliche Fachkraefte.<\/p>\n                        <\/div>\n                        <span style=\"margin-top: 1rem; font-size: 0.85rem; font-weight: 700; color: #135dff;\">Artikel lesen &rarr;<\/span>\n                    <\/a>\n\n                    <!-- Card 2: Maschinenbau Fernwartung -->\n                    <a href=\"https:\/\/www.tele-look.com\/web\/2026-06-12-maschinenbau-fernwartung-globaler-support\/\" style=\"text-decoration: none; background: var(--tl-card-bg, #ffffff); border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; transition: transform 0.2s, border-color 0.2s; display: flex; flex-direction: column; justify-content: space-between;\">\n                        <div>\n                            <span style=\"font-size: 0.72rem; font-weight: 800; text-transform: uppercase; color: #06b6d4; letter-spacing: 0.06em;\">Industrie &bull; Global Service<\/span>\n                            <h4 style=\"font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0.5rem 0;\">Fernwartung ohne VPN-Zwang<\/h4>\n                            <p style=\"font-size: 0.88rem; color: #64748b; line-height: 1.55; margin: 0;\">Internationaler Kundensupport im Maschinenbau: Vor-Ort-Bediener weltweit in unter 60 Sekunden per Smartphone anleiten.<\/p>\n                        <\/div>\n                        <span style=\"margin-top: 1rem; font-size: 0.85rem; font-weight: 700; color: #06b6d4;\">Artikel lesen &rarr;<\/span>\n                    <\/a>\n\n                    <!-- Card 3: Kaeltetechnik -->\n                    <a href=\"https:\/\/www.tele-look.com\/web\/kaeltetechnik-klimaanlagen-ferndiagnose-live-video\/\" style=\"text-decoration: none; background: var(--tl-card-bg, #ffffff); border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; transition: transform 0.2s, border-color 0.2s; display: flex; flex-direction: column; justify-content: space-between;\">\n                        <div>\n                            <span style=\"font-size: 0.72rem; font-weight: 800; text-transform: uppercase; color: #10b981; letter-spacing: 0.06em;\">Kaelte &bull; Klima &bull; Waermepumpen<\/span>\n                            <h4 style=\"font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0.5rem 0;\">Kaelteanlagen &amp; Waermepumpen<\/h4>\n                            <p style=\"font-size: 0.88rem; color: #64748b; line-height: 1.55; margin: 0;\">Kaeltemittel-Leckagen und Hochdruckstoerungen vor der Notfahrt visuell einstufen und Folgefahrten stoppen.<\/p>\n                        <\/div>\n                        <span style=\"margin-top: 1rem; font-size: 0.85rem; font-weight: 700; color: #10b981;\">Artikel lesen &rarr;<\/span>\n                    <\/a>\n\n                    <!-- Card 4: E-Bike Akku -->\n                    <a href=\"https:\/\/www.tele-look.com\/web\/e-bike-akku-gefahrgut-reklamation\/\" style=\"text-decoration: none; background: var(--tl-card-bg, #ffffff); border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; transition: transform 0.2s, border-color 0.2s; display: flex; flex-direction: column; justify-content: space-between;\">\n                        <div>\n                            <span style=\"font-size: 0.72rem; font-weight: 800; text-transform: uppercase; color: #f59e0b; letter-spacing: 0.06em;\">E-Mobility &bull; ADR Gefahrgut<\/span>\n                            <h4 style=\"font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0.5rem 0;\">E-Bike Akku Reklamationen<\/h4>\n                            <p style=\"font-size: 0.88rem; color: #64748b; line-height: 1.55; margin: 0;\">BMS-Diagnose per Live-Video: Teure Gefahrgut-Sondertransporte bis 450 &euro; gezielt vermeiden.<\/p>\n                        <\/div>\n                        <span style=\"margin-top: 1rem; font-size: 0.85rem; font-weight: 700; color: #f59e0b;\">Artikel lesen &rarr;<\/span>\n                    <\/a>\n\n                <\/div>\n            <\/div>\n\n<div class=\"author-box\">\n                <div style=\"width: 3.25rem; height: 3.25rem; border-radius: 1rem; background: rgba(19, 93, 255, 0.1); border: 1px solid rgba(19, 93, 255, 0.2); display: flex; align-items: center; justify-content: center; color: #135dff; flex-shrink: 0;\">\n                    <svg style=\"width: 1.75rem; height: 1.75rem;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <div style=\"display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.35rem;\">\n                        <span class=\"author-title\" style=\"font-family: 'Montserrat', sans-serif; font-weight: 800; color: #0f172a; font-size: 1rem;\">tele-LOOK Fachredaktion<\/span>\n                        <span style=\"font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: #135dff; background: rgba(19, 93, 255, 0.08); border: 1px solid rgba(19, 93, 255, 0.2); padding: 0.15rem 0.6rem; border-radius: 9999px; font-family: 'Montserrat', sans-serif;\">Service &amp; Field Support<\/span>\n                    <\/div>\n                    <p style=\"font-size: 0.85rem; color: #64748b; line-height: 1.6; margin: 0; font-family: 'Raleway', sans-serif;\">\n                        Fachbeitrag der tele-LOOK Redaktion (Solutiness GmbH) unter fachlicher Leitung von <strong>Regina Keller<\/strong>. Praxiswissen f\u00fcr Remote-Support, visuelle Auftragsvorkl\u00e4rung und digitale Effizienz im technischen Service.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- CTA -->\n            <div class=\"cta-box\">\n                <h2>Kundendienst auf das naechste Level heben<\/h2>\n                <p>Sparen Sie wertvolle Meister-Arbeitszeit und loesen Sie Stoerungen direkt beim Erstkontakt ohne Fehlanfahrten.<\/p>\n                <div style=\"display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap;\">\n                    <a href=\"https:\/\/www.tele-look.com\/web\/kostenlos-testen\/\" target=\"_blank\" rel=\"noopener\" style=\"display: inline-flex; align-items: center; gap: 8px;\">\n                        <span>Jetzt 14 Tage kostenlos testen &rarr;<\/span>\n                    <\/a>\n                <\/div>\n                <div style=\"margin-top: 14px;\">\n                    <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" style=\"color: #cbd5e1; font-size: 13.5px; text-decoration: underline;\">\n                        Alle Tarife und monatliche Konditionen ansehen &rarr;\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\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\n<\/div>\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u25cf Startseite \/ Kundendienst Software Kundendienst Software mit Live-Video: Visuelle Vorabdiagnose ohne App Stoppen Sie unqualifizierte Fehlanfahrten und l\u00fcckenhafte Ticket-Beschreibungen: Die browserbasierte Live-Video-Erweiterung f\u00fcr Handwerk, Werkskundendienst und technischen Support. Auftragsvorkl\u00e4rung System-Vergleich Vorteile Integration FAQ Zur Funktionsweise \u2197 Was ist moderne Video-Kundendienst-Software? Moderne Kundendienst Software mit Live-Video-Funktion erweitert klassische Ticket- und ERP-Systeme um eine pr\u00e4zise visuelle [&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-16304","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16304","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=16304"}],"version-history":[{"count":10,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16304\/revisions"}],"predecessor-version":[{"id":18269,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16304\/revisions\/18269"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=16304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}