{"id":16737,"date":"2026-08-31T10:10:04","date_gmt":"2026-08-31T08:10:04","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/kaelte-klima-waermepumpen-notdienst-software\/"},"modified":"2026-10-05T09:21:47","modified_gmt":"2026-10-05T07:21:47","slug":"kaelte-klima-waermepumpen-notdienst-software","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/kaelte-klima-waermepumpen-notdienst-software\/","title":{"rendered":"K\u00e4lte- &#038; Klima-Notdienst Software: Live-Video-Vorkl\u00e4rung ohne App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16737\" class=\"elementor elementor-16737 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_bc_sec_16737 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_bc_sec_16737\" 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_bc_col_16737\" data-id=\"tl_bc_col_16737\" 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_bc_widget_16737 elementor-widget elementor-widget-html\" data-id=\"tl_bc_widget_16737\" 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<style>\n\/* --- TELE-LOOK BREADCRUMB PILL (UNTER HERO) --- *\/\n.breadcrumb-wrap {\n  display: flex !important;\n  justify-content: center !important;\n  width: 100% !important;\n  margin: 1.25rem 0 2rem 0 !important;\n  position: relative !important;\n  z-index: 20 !important;\n}\n.breadcrumb-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.6rem !important;\n  background: var(--tl-bg-card, #ffffff) !important;\n  border: 1px solid var(--tl-border, #cbd5e1) !important;\n  border-radius: 9999px !important;\n  padding: 0.45rem 1.15rem !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 0.78rem !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.05em !important;\n  color: var(--tl-text-muted, #64748b) !important;\n  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;\n  transition: all 0.25s ease !important;\n}\n.breadcrumb-pill a {\n  color: var(--tl-text-secondary, #475569) !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease !important;\n}\n.breadcrumb-pill a:hover {\n  color: #135dff !important;\n}\n.breadcrumb-pill .sep {\n  color: var(--tl-text-muted, #94a3b8) !important;\n  opacity: 0.6 !important;\n}\n.breadcrumb-pill .current {\n  color: #135dff !important;\n  font-weight: 800 !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill,\nhtml.dark .breadcrumb-pill,\nbody.dark .breadcrumb-pill,\n.dark .breadcrumb-pill {\n  background: #0f172a !important;\n  border-color: rgba(56, 189, 248, 0.3) !important;\n  color: #94a3b8 !important;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill a,\nhtml.dark .breadcrumb-pill a,\nbody.dark .breadcrumb-pill a,\n.dark .breadcrumb-pill a {\n  color: #cbd5e1 !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill a:hover,\nhtml.dark .breadcrumb-pill a:hover,\nbody.dark .breadcrumb-pill a:hover,\n.dark .breadcrumb-pill a:hover {\n  color: #38bdf8 !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill .current,\nhtml.dark .breadcrumb-pill .current,\nbody.dark .breadcrumb-pill .current,\n.dark .breadcrumb-pill .current {\n  color: #38bdf8 !important;\n}\n<\/style>\n\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16737\" class=\"elementor elementor-16737 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_no_header_sec_16737 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_no_header_sec_16737\" 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_no_header_col_16737\" data-id=\"tl_no_header_col_16737\" 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_no_header_widget_16737 elementor-widget elementor-widget-html\" data-id=\"tl_no_header_widget_16737\" 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=\"16737\" class=\"elementor elementor-16737 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_modernized_sec_16737 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_modernized_sec_16737\" 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_modernized_col_16737\" data-id=\"tl_modernized_col_16737\" 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_modernized_widget_16737 elementor-widget elementor-widget-html\" data-id=\"tl_modernized_widget_16737\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\" data-theme=\"light\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>K\u00e4lte-, Klima- & W\u00e4rmepumpen-Notdienst Software | tele-LOOK<\/title>\n  <meta name=\"description\" content=\"Auftragsvorkl\u00e4rung per Video f\u00fcr K\u00e4lteanlagen und W\u00e4rmepumpen. Vermeiden Sie Fehlfahrten im Notdienst.\">\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  <style>\n\/* ==========================================================================\n   TELE-LOOK MASTER LANDINGPAGE TEMPLATE (B2B SaaS 2026 Standard)\n   - Scope: Vollst\u00e4ndig isoliert auf .tl-app (keine Konflikte mit WordPress\/Elementor)\n   - Standard: Light Mode (mit integriertem Dark Mode Schalter in der Navigation)\n   - Typografie: Montserrat (\u00dcberschriften & Buttons) + Inter (Flie\u00dftext)\n   - Farben: tele-LOOK Signature Gradient (Randscharf, 0% Unsch\u00e4rfe-Glow)\n   - Komponenten: 100% Responsive FAQ Accordions mit sauberem Zeilenumbruch\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-before-card:    #ffffff;\n  --tl-before-border:  #e2e8f0;\n  --tl-after-card:     linear-gradient(145deg, #f0fdf4, #ecfeff);\n  --tl-after-border:   #67e8f9;\n  \n  --tl-process-bg:     #ffffff;\n  --tl-process-border: #0ea5e9;\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-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 (Option) *\/\n[data-theme=\"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:       #64748b;\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-before-card:    rgba(15, 23, 42, 0.6);\n  --tl-before-border:  rgba(255, 255, 255, 0.08);\n  --tl-after-card:     rgba(6, 182, 212, 0.08);\n  --tl-after-border:   rgba(34, 211, 238, 0.35);\n  \n  --tl-process-bg:     rgba(15, 27, 54, 0.7);\n  --tl-process-border: rgba(34, 211, 238, 0.4);\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-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}\n\n.tl-app h1, .tl-app h2, .tl-app h3, .tl-app .logo-name, .tl-app .tl-eyebrow, .tl-app .btn, .tl-app .comp-label, .tl-app .process-num {\n  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n}\n\n.tl-app h1 {\n  font-size: clamp(38px, 5.2vw, 68px);\n  font-weight: 900 !important;\n  line-height: 1.08;\n  letter-spacing: -0.025em;\n  margin: 0 0 24px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app h2 {\n  font-size: clamp(28px, 3.6vw, 44px);\n  font-weight: 800 !important;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n  margin: 0 0 18px 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.tl-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 18px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #135dff;\n}\n\n[data-theme=\"dark\"] .tl-eyebrow { color: #38bdf8; }\n\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\n[data-theme=\"dark\"] .tl-eyebrow::before { background: #38bdf8; }\n\n\/* Header *\/\n.tl-header {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  background: var(--tl-header-bg);\n  border-bottom: 1px solid var(--tl-border);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  transition: background var(--tl-transition), border-color var(--tl-transition);\n}\n\n.tl-header-inner {\n  display: flex;\n  align-items: center;\n  min-height: 80px;\n  gap: 24px;\n}\n\n.logo { display: flex; flex-direction: column; flex-shrink: 0; line-height: 1; }\n.logo-name { font-size: 24px; font-weight: 900; letter-spacing: -0.05em; color: var(--tl-logo-color); transition: color var(--tl-transition); }\n.logo-sub { margin-top: 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tl-logo-sub); }\n\n.tl-nav { display: flex; align-items: center; gap: 24px; margin-left: auto; }\n.tl-nav a {\n  position: relative;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--tl-nav-link);\n  transition: color var(--tl-transition);\n}\n.tl-nav a::after {\n  content: \"\";\n  position: absolute;\n  bottom: -6px; left: 0; right: 0;\n  height: 2px;\n  background: #135dff;\n  transform: scaleX(0);\n  transform-origin: center;\n  transition: transform 0.2s;\n  border-radius: 99px;\n}\n.tl-nav a:hover { color: var(--tl-nav-link-hover); }\n.tl-nav a:hover::after { transform: scaleX(1); }\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  margin-left: 6px;\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: 10px;\n  min-height: 48px;\n  padding: 12px 24px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 800;\n  cursor: pointer;\n  border: none;\n  transition: transform 0.2s, box-shadow 0.2s;\n  line-height: 1;\n  text-decoration: none;\n}\n.btn-primary {\n  background: var(--tl-grad-btn);\n  color: #ffffff !important;\n  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.25);\n}\n.btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 22px rgba(6, 182, 212, 0.4);\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  backdrop-filter: blur(8px);\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: 12px; }\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: 18px;\n  padding: 24px 20px 28px;\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.mobile-menu .btn { width: 100%; }\n\n\/* Sections *\/\n.tl-section { padding: 96px 0; background: var(--tl-bg-base); transition: background var(--tl-transition); }\n.tl-section-alt { background: var(--tl-bg-surface); }\n.section-head { max-width: 680px; margin-bottom: 52px; }\n.section-head p { font-size: 16px; line-height: 1.8; color: var(--tl-text-secondary); }\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 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.feature-card {\n  padding: 32px;\n  border-radius: 18px;\n  border: 1px solid var(--tl-border);\n  background: var(--tl-bg-card);\n  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s, background 0.2s;\n  box-shadow: var(--tl-shadow-card);\n}\n.feature-card:hover {\n  border-color: var(--tl-border-brand);\n  box-shadow: var(--tl-shadow-card-h);\n  transform: translateY(-4px);\n  background: var(--tl-bg-card-hover);\n}\n.feature-icon {\n  width: 50px; height: 50px;\n  border-radius: 14px;\n  background: var(--tl-bg-surface);\n  color: #135dff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 22px;\n}\n[data-theme=\"dark\"] .feature-icon { color: #38bdf8; }\n\n\/* FAQ Component (100% Responsive, Word-Wrapping, No Glow) *\/\n.faq-layout { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 80px; align-items: start; }\n.faq-list { display: flex; flex-direction: column; gap: 12px; width: 100%; }\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-card);\n}\n.faq-list details[open] {\n  border-color: var(--tl-border-brand);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\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  letter-spacing: -0.01em;\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: 15px;\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\/* Responsive *\/\n@media (max-width: 1060px) {\n  .feature-grid { grid-template-columns: repeat(2, 1fr); }\n  .faq-layout { grid-template-columns: 1fr; gap: 40px; }\n}\n@media (max-width: 840px) {\n  .tl-nav, .tl-header-inner > .btn { display: none; }\n  .menu-toggle { display: flex; }\n  .feature-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 580px) {\n  .tl-container { width: min(100% - 32px, 1200px); }\n  .tl-hero { padding: 64px 0 48px; }\n  .tl-section { padding: 64px 0; }\n  .faq-list details { padding: 16px 18px; }\n  .faq-list summary { font-size: 14px; padding-right: 30px; }\n  .faq-list details p { font-size: 14px; }\n}\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"tl-app\" id=\"tlApp\">\n\n  \n    <section class=\"tl-section tl-hero\" style=\"position: relative; overflow: hidden; padding-top: 60px;\">\n        <div class=\"tl-container\">\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\">\n                <div>\n                    <span class=\"tl-eyebrow\">K\u00c4LTE- & W\u00c4RMEPUMPEN KUNDENDIENST<\/span>\n                    <h1>NOTDIENSTE PER VIDEO<br><span class=\"text-gradient\">VORAB KL\u00c4REN<\/span><\/h1>\n                    <p style=\"font-size: 18px; color: var(--tl-text-secondary); line-height: 1.8; margin-bottom: 30px;\">\n                        Nutzen Sie tele-LOOK zur Auftragsvorkl\u00e4rung bei Heizungs- und K\u00e4lteausf\u00e4llen. Meister diagnostizieren Fehlercodes (z.B. Vaillant F.28) per Live-Video, leiten Kunden zum Wasser-Nachf\u00fcllen an oder bestellen passgenaue Ersatzteile vor der Anfahrt.\n                    <\/p>\n                <\/div>\n                <div>\n                    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- TELE-LOOK 1:1 EMBEDDABLE INTERACTIVE PHONE MOCKUP WIDGET (2026 SaaS)-->\n<!-- - 100% Exakte Nachbildung des originalen tele-LOOK Videos          -->\n<!-- - 1. Homescreen -> 2. SMS -> 3. Chrome -> 4. Connect -> 5. Live    -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.tl-real-sim-root {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 10px 0;\n  user-select: none;\n  font-family: 'Inter', -apple-system, sans-serif;\n}\n\n.tl-real-phone {\n  position: relative;\n  width: 320px;\n  height: 650px;\n  background: #09090b;\n  border-radius: 46px;\n  padding: 9px;\n  box-shadow: \n    0 0 0 2px #27272a,\n    0 0 0 6px #09090b,\n    0 25px 60px rgba(0, 0, 0, 0.7),\n    0 0 50px rgba(6, 182, 212, 0.15);\n}\n\n.tl-real-phone-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background: #121316;\n  border-radius: 38px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* Notch \/ Speaker *\/\n.tl-real-notch {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 120px;\n  height: 20px;\n  background: #09090b;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n  z-index: 50;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n.tl-real-cam { width: 6px; height: 6px; background: #18181b; border-radius: 50%; border: 1px solid #3f3f46; }\n.tl-real-speaker { width: 38px; height: 3px; background: #27272a; border-radius: 2px; }\n\n\/* Status Bar *\/\n.tl-real-status-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 18px 4px;\n  font-size: 10.5px;\n  font-weight: 700;\n  color: #e4e4e7;\n  z-index: 40;\n  background: #18181b;\n  transition: background 0.3s ease;\n}\n.tl-real-status-bar.light-bg {\n  background: transparent;\n  color: #1e293b;\n}\n\n\/* Nav Bar *\/\n.tl-real-nav-bar {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  height: 36px;\n  background: #18181b;\n  z-index: 40;\n  color: #a1a1aa;\n  font-size: 13px;\n  border-top: 1px solid #27272a;\n  transition: background 0.3s ease;\n}\n.tl-real-nav-bar.light-bg {\n  background: rgba(255, 255, 255, 0.4);\n  color: #334155;\n  border-top: 1px solid rgba(255, 255, 255, 0.3);\n  backdrop-filter: blur(10px);\n}\n\n\n\n\/* Phase 2: SMS *\/\n.tl-real-screen-sms {\n  position: absolute;\n  inset: 20px 0 36px 0;\n  background: #18181b;\n  display: flex;\n  flex-direction: column;\n  z-index: 30;\n  transition: opacity 0.4s ease;\n}\n.tl-real-sms-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  border-bottom: 1px solid #27272a;\n}\n.tl-real-sms-user { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #fff; }\n.tl-real-avatar { width: 28px; height: 28px; border-radius: 50%; background: #3f3f46; display: flex; align-items: center; justify-content: center; }\n.tl-real-chat { flex: 1; padding: 12px; display: flex; flex-direction: column; gap: 10px; }\n.tl-real-bubble {\n  background: #27272a;\n  border-radius: 14px;\n  padding: 10px 12px;\n  color: #f4f4f5;\n  font-size: 11.5px;\n  line-height: 1.4;\n}\n.tl-real-link { color: #67e8f9; text-decoration: underline; font-family: monospace; font-size: 10.5px; margin-top: 3px; display: inline-block; }\n.tl-real-preview-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: #1f1f23;\n  border-radius: 8px;\n  padding: 8px;\n  margin-top: 6px;\n  border: 1px solid #333338;\n  font-size: 9.5px;\n  color: #a1a1aa;\n}\n.tl-real-warning {\n  background: #27272a;\n  border-radius: 8px;\n  padding: 8px 12px;\n  margin: auto 10px 10px;\n  font-size: 9.5px;\n  color: #a1a1aa;\n}\n\n\/* Tap indicator *\/\n.tl-real-tap {\n  position: absolute;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: rgba(41, 182, 246, 0.4);\n  border: 2px solid #29b6f6;\n  pointer-events: none;\n  z-index: 60;\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(1.4);\n  transition: all 0.35s ease;\n}\n.tl-real-tap.active {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(0.85);\n  background: rgba(41, 182, 246, 0.85);\n}\n\n\/* Phase 3: Chrome *\/\n.tl-real-screen-chrome {\n  position: absolute;\n  inset: 20px 0 36px 0;\n  background: #ffffff;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  z-index: 20;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n.tl-real-chrome-bar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 10px;\n  background: #202124;\n  color: #fff;\n}\n.tl-real-chrome-url {\n  flex: 1;\n  background: #303134;\n  border-radius: 16px;\n  padding: 4px 10px;\n  font-size: 10px;\n  color: #e8eaed;\n  font-family: monospace;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.tl-real-chrome-body {\n  flex: 1;\n  padding: 14px 12px;\n  display: flex;\n  flex-direction: column;\n  background: #ffffff;\n}\n.tl-real-thumb-row { display: flex; gap: 12px; margin-bottom: 14px; }\n.tl-real-thumb { width: 80px; height: 105px; border-radius: 4px; overflow: hidden; border: 1px solid #cbd5e1; flex-shrink: 0; background: #0f172a; }\n.tl-real-thumb img { width: 100%; height: 100%; object-fit: cover; }\n.tl-real-legal { font-size: 9px; line-height: 1.45; color: #64748b; margin-bottom: 16px; }\n.tl-real-cta {\n  width: 100%;\n  padding: 11px;\n  background: #29b6f6;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 800;\n  text-transform: uppercase;\n  font-family: 'Montserrat', sans-serif;\n  cursor: pointer;\n}\n\n\/* Phase 4 & 5: Live Video *\/\n.tl-real-screen-live {\n  position: absolute;\n  inset: 20px 0 36px 0;\n  background: #000000;\n  display: flex;\n  flex-direction: column;\n  z-index: 10;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n.tl-real-live-feed {\n  position: relative;\n  flex: 1;\n  background: #090d16;\n  overflow: hidden;\n}\n.tl-real-live-feed img { width: 100%; height: 100%; object-fit: cover; transition: filter 0.5s ease; }\n.tl-real-live-feed.connecting img { filter: brightness(0.35) blur(2px); }\n\n\/* Connecting Spinner *\/\n.tl-real-spinner {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 36px;\n  height: 36px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #ffffff;\n  border-radius: 50%;\n  animation: tlSpin 0.9s linear infinite;\n  z-index: 25;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n.tl-real-spinner.active { opacity: 1; }\n@keyframes tlSpin {\n  0% { transform: translate(-50%, -50%) rotate(0deg); }\n  100% { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n.tl-real-live-badge {\n  position: absolute;\n  top: 8px;\n  left: 8px;\n  background: rgba(255, 255, 255, 0.88);\n  border-radius: 4px;\n  padding: 3px 6px;\n  font-size: 9.5px;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  z-index: 15;\n}\n\n.tl-real-punkt {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 30;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);\n  opacity: 0;\n  pointer-events: none;\n}\n.tl-real-punkt.active { opacity: 1; }\n.tl-real-punkt-dot {\n  position: relative;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #facc15;\n  border: 2px solid #ffffff;\n  box-shadow: 0 0 16px #facc15;\n}\n.tl-real-punkt-ping {\n  position: absolute;\n  inset: -10px;\n  border-radius: 50%;\n  border: 2px solid #facc15;\n  animation: tlRealPing 1.3s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n}\n@keyframes tlRealPing {\n  0% { transform: scale(0.6); opacity: 1; }\n  100% { transform: scale(1.6); opacity: 0; }\n}\n.tl-real-punkt-tag {\n  margin-top: 6px;\n  background: rgba(15, 23, 42, 0.92);\n  border: 1px solid rgba(250, 204, 21, 0.6);\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: #fef08a;\n  font-size: 9.5px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.tl-real-live-controls {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  display: flex;\n  gap: 8px;\n  z-index: 20;\n}\n.tl-real-btn-pause {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.75);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.tl-real-btn-end {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #ef4444;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n}\n<\/style>\n\n<div class=\"tl-real-sim-root\">\n  <div class=\"tl-real-phone\">\n    <div class=\"tl-real-phone-inner\">\n      \n      <!-- Notch -->\n      <div class=\"tl-real-notch\">\n        <div class=\"tl-real-cam\"><\/div>\n        <div class=\"tl-real-speaker\"><\/div>\n      <\/div>\n\n      <!-- Android Top Status -->\n      <div class=\"tl-real-status-bar\" id=\"realStatusBar\">\n        <span>11:26<\/span>\n        <div style=\"display:flex;gap:4px;align-items:center;\">\n          <span>34%<\/span>\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"2\" y=\"7\" width=\"18\" height=\"11\" rx=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><rect x=\"4\" y=\"9\" width=\"11\" height=\"7\" fill=\"currentColor\"\/><\/svg>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-real-tap\" id=\"realSimTap\"><\/div>\n\n      <!-- Phase 2: SMS -->\n      <div class=\"tl-real-screen-sms\" id=\"realScreenSms\">\n        <div class=\"tl-real-sms-top\">\n          <div class=\"tl-real-sms-user\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n            <div class=\"tl-real-avatar\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\n            <span>tele-LOOK<\/span>\n          <\/div>\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"19\" r=\"2\"\/><\/svg>\n        <\/div>\n\n        <div class=\"tl-real-chat\">\n          <div class=\"tl-real-bubble\" style=\"opacity:0.5;\">\n            tele-LOOK: Please click the link to set up a tele-LOOK connection:\n            <div class=\"tl-real-link\">https:\/\/www.tele-look.com\/v\/13wtleqZG\/<\/div>\n          <\/div>\n          <div class=\"tl-real-bubble\">\n            tele-LOOK: Please click the link to set up a tele-LOOK connection:\n            <div class=\"tl-real-link\">https:\/\/www.tele-look.com\/v\/13wtleqZG\/<\/div>\n            <div class=\"tl-real-preview-btn\">\n              <span>\ud83d\udd04 Zum Laden der Vorschau tippen<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"tl-real-warning\">\n            Antwort an diesen Kurzcode nicht m\u00f6glich\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Phase 3: Chrome Browser -->\n      <div class=\"tl-real-screen-chrome\" id=\"realScreenChrome\">\n        <div class=\"tl-real-chrome-bar\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg>\n          <div class=\"tl-real-chrome-url\">\ud83d\udd12 tele-look.com\/v\/13wtlec...<\/div>\n          <div style=\"background:#16a34a;border-radius:6px;padding:1px 4px;font-size:8px;color:#fff;\">\ud83d\udcf7 \ud83c\udfa4<\/div>\n          <div style=\"width:14px;height:14px;border:1px solid #fff;border-radius:3px;font-size:8px;font-weight:900;display:flex;align-items:center;justify-content:center;\">2<\/div>\n        <\/div>\n\n        <div class=\"tl-real-chrome-body\">\n          <div class=\"tl-real-thumb-row\">\n            <div class=\"tl-real-thumb\">\n              <img decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/10\/tele-look-waermepumpe-live-service-opt.jpg\" alt=\"Preview\" title=\"\">\n            <\/div>\n            <div>\n              <div style=\"color:#16a34a;font-size:11px;font-weight:700;margin-bottom:8px;\">\u2714 Video\u00fcbertragung<\/div>\n              <div style=\"background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:4px 6px;font-size:9px;color:#475569;\">\u2699 Kamera\/Mikrofon<br>Einstellungen<\/div>\n            <\/div>\n          <\/div>\n\n          <p class=\"tl-real-legal\">\n            Sie erhalten diese Einladung \u00fcber tele-LOOK auf Initiative des Betriebs, der diese SMS ank\u00fcndigte. Fotos des audiovisuellen Dialogs werden bei Solutiness gespeichert. Auf Anforderung erhalten Sie Auskunft...\n          <\/p>\n\n          <button class=\"tl-real-cta\" id=\"realBtnCta\">\n            PRIVATEN VIDEODIALOG \u00d6FFNEN\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Phase 4 & 5: Live Video Session -->\n      <div class=\"tl-real-screen-live\" id=\"realScreenLive\">\n        <div class=\"tl-real-chrome-bar\">\n          <div class=\"tl-real-chrome-url\">\ud83d\udd12 tele-look.com\/v\/13wtlec...<\/div>\n          <div style=\"background:#16a34a;border-radius:6px;padding:1px 4px;font-size:8px;color:#fff;\">\ud83d\udcf7 \ud83c\udfa4<\/div>\n          <div style=\"width:14px;height:14px;border:1px solid #fff;border-radius:3px;font-size:8px;font-weight:900;display:flex;align-items:center;justify-content:center;\">2<\/div>\n        <\/div>\n\n        <div class=\"tl-real-live-feed\" id=\"realLiveFeed\">\n          <img decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/10\/tele-look-waermepumpe-live-service-opt.jpg\" alt=\"Live Video\" title=\"\">\n\n          <!-- Spinner -->\n          <div class=\"tl-real-spinner\" id=\"realSpinner\"><\/div>\n\n          <div class=\"tl-real-live-badge\">\n            <span style=\"color:#16a34a;font-weight:800;\">\u25cf Online<\/span>\n            <span style=\"color:#475569;font-size:9px;\">\ud83d\udd0a R.<\/span>\n          <\/div>\n\n          <div class=\"tl-real-punkt\" id=\"realPunkt\">\n            <div class=\"tl-real-punkt-dot\">\n              <div class=\"tl-real-punkt-ping\"><\/div>\n            <\/div>\n            <div class=\"tl-real-punkt-tag\">\ud83c\udfaf Typenschild \/ Seriennummer pr\u00fcfen<\/div>\n          <\/div>\n\n          <div class=\"tl-real-live-controls\">\n            <div class=\"tl-real-btn-pause\">\u23f8<\/div>\n            <div class=\"tl-real-btn-end\">\ud83d\udcde<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Android Bottom Nav -->\n      <div class=\"tl-real-nav-bar\" id=\"realNavBar\">\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><line x1=\"6\" y1=\"4\" x2=\"6\" y2=\"20\" stroke=\"currentColor\" stroke-width=\"2.5\"\/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" stroke=\"currentColor\" stroke-width=\"2.5\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"20\" stroke=\"currentColor\" stroke-width=\"2.5\"\/><\/svg>\n        <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"3\"\/><\/svg>\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const sms = document.getElementById('realScreenSms');\n  const chrome = document.getElementById('realScreenChrome');\n  const live = document.getElementById('realScreenLive');\n  const feed = document.getElementById('realLiveFeed');\n  const spinner = document.getElementById('realSpinner');\n  const status = document.getElementById('realStatusBar');\n  const nav = document.getElementById('realNavBar');\n  const tap = document.getElementById('realSimTap');\n  const punkt = document.getElementById('realPunkt');\n\n  function runRealLoop() {\n    \/\/ Start at Phase 2: SMS (Skip Homescreen)\n    sms.style.opacity = '1';\n    chrome.style.opacity = '0';\n    live.style.opacity = '0';\n    status.classList.remove('light-bg');\n    nav.classList.remove('light-bg');\n    feed.classList.remove('connecting');\n    spinner.classList.remove('active');\n    punkt.classList.remove('active');\n    tap.classList.remove('active');\n\n    \/\/ Wait 1.5s on SMS before tapping\n    setTimeout(() => {\n        \/\/ Tap SMS Link\n        tap.style.top = '245px';\n        tap.style.left = '160px';\n        tap.classList.add('active');\n\n        \/\/ Phase 3: Open Chrome Browser\n        setTimeout(() => {\n        tap.classList.remove('active');\n        sms.style.opacity = '0';\n        chrome.style.opacity = '1';\n\n        \/\/ Tap Chrome CTA Button\n        setTimeout(() => {\n            tap.style.top = '315px';\n            tap.style.left = '160px';\n            tap.classList.add('active');\n\n            \/\/ Phase 4: Connecting Spinner\n            setTimeout(() => {\n            tap.classList.remove('active');\n            chrome.style.opacity = '0';\n            live.style.opacity = '1';\n            feed.classList.add('connecting');\n            spinner.classList.add('active');\n\n            \/\/ Phase 5: Live Stream + tele-Punkt\n            setTimeout(() => {\n                feed.classList.remove('connecting');\n                spinner.classList.remove('active');\n\n                setTimeout(() => {\n                punkt.style.top = '48%';\n                punkt.style.left = '52%';\n                punkt.classList.add('active');\n\n                \/\/ Loop back to SMS screen\n                setTimeout(runRealLoop, 3800);\n                }, 600);\n            }, 1500);\n            }, 600);\n        }, 1800);\n        }, 600);\n    }, 1500);\n  }\n\n  runRealLoop();\n})();\n<\/script>\n\n\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div class=\"breadcrumb-wrap\">\n      <nav class=\"breadcrumb-pill\" aria-label=\"Breadcrumb\">\n        <span style=\"color: #38bdf8; font-size: 0.85rem;\">\u25cf<\/span>\n        <a href=\"https:\/\/www.tele-look.com\/web\/\">Startseite<\/a>\n        <span class=\"sep\">\/<\/span>\n        <span class=\"current\">Notdienst-Software f\u00fcr K\u00e4lte-, Klima- und W\u00e4rmepumpen | tele-LOOK<\/span>\n      <\/nav>\n    <\/div>\n    \n\n\n    <section class=\"tl-section tl-section-alt\">\n        <div class=\"tl-container\">\n            <div class=\"section-head section-head-center\">\n                <h2>Das Wochenende retten<\/h2>\n                <p>Unn\u00f6tige Wochenend-Zuschl\u00e4ge f\u00fcr Bagatell-Fehler vermeiden und Fachkr\u00e4fte schonen.<\/p>\n            <\/div>\n            \n            <div style=\"background: var(--tl-bg-card); border-left: 4px solid #10b981; padding: 40px; border-radius: 16px; margin-bottom: 40px; box-shadow: var(--tl-shadow-card);\">\n                <h3 style=\"color: #10b981;\">Daten & Benchmarks<\/h3>\n                <p style=\"font-size: 20px; font-weight: 700; margin-top: 15px;\">\n                    \"Auswertung: 42% der St\u00f6rungen bei W\u00e4rmepumpen k\u00f6nnen durch gef\u00fchrte Video-Auftragsvorkl\u00e4rung gel\u00f6st werden (z.B. Wasserdruck, Filter, Settings).\"\n                <\/p>\n            <\/div>\n            \n            <div class=\"feature-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udd0d<\/div>\n                    <h3>Fehlercode Diagnose<\/h3>\n                    <p>Live-Blick auf das Display (z.B. Vaillant F.28). Kl\u00e4ren Sie ab, ob es ein elektrisches Problem oder ein Sensorfehler ist.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\u2744\ufe0f<\/div>\n                    <h3>F-Gase-Verordnung<\/h3>\n                    <p>Pr\u00fcfen Sie vorab visuell, ob der K\u00e4ltekreis betroffen ist. Wenn ja, muss ein zertifizierter K\u00e4ltetechniker fahren \u2013 wenn nicht, reicht ein Elektroniker.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udc46<\/div>\n                    <h3>Der Kessel-Prozess<\/h3>\n                    <p>1-Klick-Link senden, Kamera-Blick auf den Regler werfen, Kunde per tele-Punkt-Anweisung zum Reset anleiten.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- KONTAKT CTA -->\n    <section class=\"tl-section\">\n        <div class=\"tl-container\">\n            <div class=\"cta-box\" style=\"background: rgba(11, 19, 41, 0.75); border: 1px solid rgba(56, 189, 248, 0.2); padding: 40px; border-radius: 20px; text-align: center;\">\n                <h2 style=\"margin-bottom: 20px;\">Haben Sie Fragen zu tele-LOOK?<\/h2>\n                <p style=\"color: var(--tl-text-secondary); margin-bottom: 30px; font-size: 16px;\">\n                    Kontaktieren Sie uns f\u00fcr eine pers\u00f6nliche Beratung oder buchen Sie direkt eine unverbindliche Demo.\n                <\/p>\n                <div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\n                    <a href=\"https:\/\/www.tele-look.com\/web\/kontakt\/\" class=\"btn btn-primary\">Kontakt aufnehmen<\/a>\n                    <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" class=\"btn btn-outline\">Kostenlos testen<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n(function() {\n  const html = document.documentElement;\n  const themeToggle = document.getElementById('themeToggle');\n  const themeIcon = document.getElementById('themeIcon');\n  const mobileThemeToggle = document.getElementById('mobileThemeToggle');\n  const mobileThemeIcon = document.getElementById('mobileThemeIcon');\n\n  function updateThemeUI(theme) {\n    html.setAttribute('data-theme', theme);\n    const icon = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n    if (themeIcon) themeIcon.textContent = icon;\n    if (mobileThemeIcon) mobileThemeIcon.textContent = icon;\n    localStorage.setItem('tl-theme', theme);\n  }\n\n  const currentTheme = localStorage.getItem('tl-theme') || 'light';\n  updateThemeUI(currentTheme);\n\n  function toggleTheme() {\n    const isDark = html.getAttribute('data-theme') === 'dark';\n    updateThemeUI(isDark ? 'light' : 'dark');\n  }\n\n  if (themeToggle) themeToggle.addEventListener('click', toggleTheme);\n  if (mobileThemeToggle) mobileThemeToggle.addEventListener('click', toggleTheme);\n\n  const menuToggle = document.getElementById('menuToggle');\n  const mobileMenu = document.getElementById('mobileMenu');\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<\/script>\n\n<\/body>\n<\/html>\n\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\n\n<script>\n(function() {\n  function syncTheme() {\n    var html = document.documentElement;\n    var theme = html.getAttribute('data-theme') || (html.classList.contains('dark') ? 'dark' : 'light') || localStorage.getItem('tl-theme') || 'light';\n    var apps = document.querySelectorAll('.tl-app, #tele-look-main-wrapper');\n    apps.forEach(function(app) {\n      if (theme === 'dark') {\n        app.classList.add('dark');\n        app.setAttribute('data-theme', 'dark');\n      } else {\n        app.classList.remove('dark');\n        app.setAttribute('data-theme', 'light');\n      }\n    });\n  }\n  syncTheme();\n  var observer = new MutationObserver(function(mutations) {\n    mutations.forEach(function(mutation) {\n      if (mutation.attributeName === 'class' || mutation.attributeName === 'data-theme') {\n        syncTheme();\n      }\n    });\n  });\n  observer.observe(document.documentElement, { attributes: true });\n  window.addEventListener('storage', syncTheme);\n})();\n<\/script>\n\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>St\u00f6rungen an W\u00e4rmepumpen &#038; K\u00e4lteanlagen vorab diagnostizieren: 1-Klick-Video-Link ohne Login. Fehlfahrten im SHK- &#038; K\u00e4lte-Notdienst um 50 % reduzieren.<\/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-16737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16737","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=16737"}],"version-history":[{"count":6,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16737\/revisions"}],"predecessor-version":[{"id":18432,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16737\/revisions\/18432"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=16737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}