{"id":13238,"date":"2025-10-02T13:01:58","date_gmt":"2025-10-02T11:01:58","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=13238"},"modified":"2026-10-19T09:44:12","modified_gmt":"2026-10-19T07:44:12","slug":"shk","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/shk\/","title":{"rendered":"SHK Notdienst Vorabdiagnose: 40% mehr Erstl\u00f6sungen ohne App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13238\" class=\"elementor elementor-13238\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-sim_opt_container_13238 e-con-full e-flex e-con e-parent\" data-id=\"sim_opt_container_13238\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-sim_opt_widget_13238 elementor-widget elementor-widget-html\" data-id=\"sim_opt_widget_13238\" 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=\"13238\" class=\"elementor elementor-13238\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_shk_clean_container e-con-full e-flex e-con e-parent\" data-id=\"tl_shk_clean_container\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_shk_clean_widget elementor-widget elementor-widget-html\" data-id=\"tl_shk_clean_widget\" 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\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@600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>:root { --tl-transition: 0.25s ease; } [data-theme=\"light\"] .tl-app, .tl-app { --tl-bg-base: #f8fafc; --tl-bg-surface: #f1f5f9; --tl-bg-card: #ffffff; --tl-bg-card-hover: #ffffff; --tl-border: #e2e8f0; --tl-border-brand: rgba(6, 182, 212, 0.45); --tl-text-primary: #0f172a; --tl-text-secondary: #475569; --tl-text-muted: #64748b; --tl-grad-text: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); --tl-grad-btn: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); --tl-logo-color: #0f172a; --tl-logo-sub: #64748b; --tl-pill-bg: #ffffff; --tl-pill-border: #cbd5e1; --tl-pill-text: #475569; --tl-nav-link: #475569; --tl-nav-link-hover: #0f172a; --tl-faq-bg: #ffffff; --tl-faq-border: #e2e8f0; --tl-header-bg: rgba(255, 255, 255, 0.96); --tl-dark-section: #091326; --tl-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04); --tl-shadow-card: 0 6px 20px rgba(15, 23, 42, 0.06); --tl-shadow-card-h: 0 14px 32px rgba(15, 23, 42, 0.10); } [data-theme=\"dark\"] .tl-app, html.dark .tl-app, body.dark .tl-app, .dark .tl-app, .tl-app.dark { --tl-bg-base: #060c1a; --tl-bg-surface: #0b152d; --tl-bg-card: rgba(15, 27, 54, 0.75); --tl-bg-card-hover: rgba(20, 35, 70, 0.90); --tl-border: rgba(56, 189, 248, 0.16); --tl-border-brand: rgba(34, 211, 238, 0.45); --tl-text-primary: #ffffff; --tl-text-secondary: #94a3b8; --tl-text-muted: #64748b; --tl-grad-text: linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%); --tl-grad-btn: linear-gradient(90deg, #135dff 0%, #22d3ee 50%, #34d399 100%); --tl-logo-color: #ffffff; --tl-logo-sub: #64748b; --tl-pill-bg: rgba(56, 189, 248, 0.08); --tl-pill-border: rgba(56, 189, 248, 0.2); --tl-pill-text: #94a3b8; --tl-nav-link: #94a3b8; --tl-nav-link-hover: #ffffff; --tl-faq-bg: rgba(15, 27, 54, 0.65); --tl-faq-border: rgba(56, 189, 248, 0.14); --tl-header-bg: rgba(6, 12, 26, 0.95); --tl-dark-section: #040915; --tl-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25); --tl-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4); --tl-shadow-card-h: 0 18px 40px rgba(0, 0, 0, 0.55); } .tl-app { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--tl-bg-base); color: var(--tl-text-primary); font-size: 16px; line-height: 1.75; transition: background var(--tl-transition), color var(--tl-transition); position: relative; width: 100%; overflow-x: hidden; box-sizing: border-box; } .tl-app *, .tl-app *::before, .tl-app *::after { box-sizing: border-box; } .tl-app a { color: inherit; text-decoration: none; } .tl-app img { max-width: 100%; height: auto; } .tl-container { width: min(100% - 40px, 1200px); margin-inline: auto; } .tl-app h1, .tl-app h2, .tl-app h3, .tl-app h4, .tl-app .logo-name, .tl-app .tl-eyebrow, .tl-app .btn, .tl-app .comp-label, .tl-app .process-num, .tl-app .calc-label, .tl-app .calc-val { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; } .tl-app h1 { font-size: clamp(34px, 4.8vw, 58px); font-weight: 900 !important; line-height: 1.12; letter-spacing: -0.025em; margin: 0 0 20px 0; color: var(--tl-text-primary); } .tl-app h2 { font-size: clamp(26px, 3.4vw, 40px); font-weight: 800 !important; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 16px 0; color: var(--tl-text-primary); } .tl-app h3 { font-size: 21px; font-weight: 800 !important; line-height: 1.35; margin: 0 0 10px 0; color: var(--tl-text-primary); } .tl-app p { margin: 0 0 1rem 0; color: var(--tl-text-secondary); } .tl-app .text-gradient { background: var(--tl-grad-text) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; display: inline-block; } .tl-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #135dff; } [data-theme=\"dark\"] .tl-eyebrow, html.dark .tl-eyebrow, body.dark .tl-eyebrow, .dark .tl-eyebrow { color: #38bdf8; } .tl-eyebrow::before { content: \"\"; width: 18px; height: 2.5px; border-radius: 99px; background: #135dff; flex-shrink: 0; } [data-theme=\"dark\"] .tl-eyebrow::before, html.dark .tl-eyebrow::before, body.dark .tl-eyebrow::before, .dark .tl-eyebrow::before { background: #38bdf8; } .tl-header { position: sticky; top: 0; z-index: 60; background: var(--tl-header-bg); border-bottom: 1px solid var(--tl-border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: background var(--tl-transition), border-color var(--tl-transition); } .tl-header-inner { display: flex; align-items: center; min-height: 76px; gap: 20px; } .logo { display: flex; flex-direction: column; flex-shrink: 0; line-height: 1; } .logo-name { font-size: 24px; font-weight: 900; letter-spacing: -0.04em; color: var(--tl-logo-color); transition: color var(--tl-transition); } .logo-sub { margin-top: 4px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tl-logo-sub); } .tl-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; } .tl-nav a { position: relative; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tl-nav-link); transition: color var(--tl-transition); } .tl-nav a:hover { color: var(--tl-nav-link-hover); } .nav-theme-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: transparent; border: 1px solid var(--tl-border); color: var(--tl-text-primary); cursor: pointer; font-size: 15px; transition: all 0.2s ease; margin-left: 4px; } .nav-theme-btn:hover { background: var(--tl-bg-surface); border-color: var(--tl-border-brand); } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 24px; border-radius: 999px; font-size: 13px; font-weight: 800; cursor: pointer; border: none; transition: transform 0.2s, box-shadow 0.2s; line-height: 1; text-decoration: none; } .btn-primary { background: var(--tl-grad-btn) !important; color: #ffffff !important; box-shadow: 0 4px 16px rgba(19, 93, 255, 0.25), 0 2px 8px rgba(16, 185, 129, 0.2); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(19, 93, 255, 0.35), 0 4px 12px rgba(16, 185, 129, 0.3); } .btn-outline { background: var(--tl-bg-card); color: var(--tl-text-primary) !important; border: 1px solid var(--tl-border); } .btn-outline:hover { transform: translateY(-2px); border-color: var(--tl-border-brand); background: var(--tl-bg-card-hover); } .btn-sm { min-height: 40px; padding: 10px 18px; font-size: 12px; } .menu-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 38px; height: 38px; background: transparent; border: none; cursor: pointer; padding: 6px; margin-left: auto; } .menu-toggle span { display: block; width: 22px; height: 2px; background: var(--tl-text-primary); border-radius: 2px; } .mobile-menu { display: none; flex-direction: column; gap: 16px; padding: 20px 20px 24px; border-top: 1px solid var(--tl-border); background: var(--tl-header-bg); } .mobile-menu.open { display: flex; } .mobile-menu a:not(.btn) { font-size: 14px; font-weight: 700; color: var(--tl-text-primary); } .tl-section { padding: 90px 0; background: var(--tl-bg-base); transition: background var(--tl-transition); } .tl-section-alt { background: var(--tl-bg-surface); } .section-head { max-width: 720px; margin-bottom: 48px; } .section-head p { font-size: 16px; line-height: 1.8; color: var(--tl-text-secondary); } .section-head-center { margin-inline: auto; text-align: center; } .section-head-center .tl-eyebrow { justify-content: center; } .section-head-center p { margin-inline: auto; } .tl-hero { padding: 72px 0 60px; position: relative; } .hero-badges-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; } .hero-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; font-size: 11px; font-weight: 700; background: var(--tl-pill-bg); border: 1px solid var(--tl-pill-border); color: var(--tl-pill-text); text-transform: uppercase; letter-spacing: 0.04em; } .hero-badge-brand { background: rgba(19, 93, 255, 0.08); border-color: rgba(19, 93, 255, 0.3); color: #135dff; } [data-theme=\"dark\"] .hero-badge-brand, html.dark .hero-badge-brand, body.dark .hero-badge-brand, .dark .hero-badge-brand { background: rgba(56, 189, 248, 0.12); border-color: rgba(56, 189, 248, 0.35); color: #38bdf8; } .hero-geo-box { padding: 22px 26px; border-radius: 16px; background: var(--tl-bg-card); border: 1px solid var(--tl-border); border-left: 4px solid #0ea5e9; box-shadow: var(--tl-shadow-card); margin: 28px 0 32px; max-width: 820px; } .hero-geo-title { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: #135dff; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; } [data-theme=\"dark\"] .hero-geo-title { color: #38bdf8; } .hero-geo-text { font-size: 15px; line-height: 1.7; color: var(--tl-text-primary); margin: 0; } .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 24px; } .activation-note { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--tl-text-muted); margin-top: 12px; } .activation-note svg { color: #10b981; flex-shrink: 0; } .metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 48px; padding: 24px; border-radius: 18px; background: var(--tl-bg-card); border: 1px solid var(--tl-border); box-shadow: var(--tl-shadow-card); } .metric-item { text-align: center; border-right: 1px solid var(--tl-border); padding: 0 10px; } .metric-item:last-child { border-right: none; } .metric-num { font-family: 'Montserrat', sans-serif; font-size: clamp(24px, 2.5vw, 34px); font-weight: 900; color: var(--tl-text-primary); line-height: 1.1; margin-bottom: 4px; } .metric-label { font-size: 12px; font-weight: 600; color: var(--tl-text-muted); line-height: 1.4; } .feature-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .card { padding: 32px; border-radius: 18px; border: 1px solid var(--tl-border); background: var(--tl-bg-card); box-shadow: var(--tl-shadow-card); transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; display: flex; flex-direction: column; } .card:hover { transform: translateY(-4px); border-color: var(--tl-border-brand); box-shadow: var(--tl-shadow-card-h); } .card-icon { width: 48px; height: 48px; border-radius: 12px; background: var(--tl-bg-surface); color: #135dff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-shrink: 0; } [data-theme=\"dark\"] .card-icon, html.dark .card-icon, body.dark .card-icon, .dark .card-icon { color: #38bdf8; } .card-tag { display: inline-block; padding: 4px 10px; border-radius: 6px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; background: var(--tl-bg-surface); color: #135dff; margin-bottom: 14px; align-self: flex-start; } [data-theme=\"dark\"] .card-tag, html.dark .card-tag, body.dark .card-tag, .dark .card-tag { color: #38bdf8; } .calc-container { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 32px; background: var(--tl-bg-card); border: 1px solid var(--tl-border); border-radius: 24px; padding: 36px; box-shadow: var(--tl-shadow-card); } .calc-controls { display: flex; flex-direction: column; gap: 24px; } .calc-group { display: flex; flex-direction: column; gap: 8px; } .calc-header-row { display: flex; justify-content: space-between; align-items: center; } .calc-label { font-size: 13.5px; font-weight: 700; color: var(--tl-text-primary); } .calc-val { font-size: 14px; font-weight: 800; color: #135dff; background: var(--tl-bg-surface); padding: 3px 10px; border-radius: 8px; border: 1px solid var(--tl-border); } [data-theme=\"dark\"] .calc-val, html.dark .calc-val, body.dark .calc-val, .dark .calc-val { color: #38bdf8; } .calc-slider { -webkit-appearance: none; width: 100%; height: 6px; border-radius: 4px; background: var(--tl-border); outline: none; transition: background 0.2s; } .calc-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #135dff; cursor: pointer; box-shadow: 0 2px 6px rgba(19, 93, 255, 0.4); } [data-theme=\"dark\"] .calc-slider::-webkit-slider-thumb { background: #38bdf8; } .calc-result-box { background: var(--tl-bg-surface); border: 1px solid var(--tl-border); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; } .res-item { margin-bottom: 18px; } .res-title { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--tl-text-muted); margin-bottom: 2px; } .res-amount { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 900; color: var(--tl-text-primary); line-height: 1.1; } .res-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 16px 0; border-top: 1px solid var(--tl-border); border-bottom: 1px solid var(--tl-border); padding: 14px 0; } .res-stat-val { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 800; color: var(--tl-text-primary); } .res-stat-lbl { font-size: 11px; color: var(--tl-text-muted); } .comp-table-wrap { overflow-x: auto; border-radius: 18px; border: 1px solid var(--tl-border); background: var(--tl-bg-card); box-shadow: var(--tl-shadow-card); } .comp-table { width: 100%; border-collapse: collapse; text-align: left; } .comp-table th, .comp-table td { padding: 18px 22px; border-bottom: 1px solid var(--tl-border); vertical-align: top; } .comp-table th { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; background: var(--tl-bg-surface); } .comp-table tr:last-child td { border-bottom: none; } .comp-table td:nth-child(1) { font-weight: 700; width: 28%; } .comp-table td:nth-child(2) { color: #dc2626; width: 36%; background: rgba(239, 68, 68, 0.02); } .comp-table td:nth-child(3) { color: var(--tl-text-primary); width: 36%; font-weight: 600; background: rgba(6, 182, 212, 0.04); } .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; } .process-card { padding: 32px; border-radius: 18px; border: 1px solid var(--tl-border); background: var(--tl-bg-card); box-shadow: var(--tl-shadow-card); position: relative; } .process-num { font-size: 44px; font-weight: 900; line-height: 1; color: var(--tl-border); margin-bottom: 12px; transition: color 0.2s; } .process-card:hover .process-num { color: #135dff; } [data-theme=\"dark\"] .process-card:hover .process-num { color: #38bdf8; } .faq-layout { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 60px; align-items: start; } .faq-list { display: flex; flex-direction: column; gap: 12px; width: 100%; } .faq-list details { padding: 20px 24px; border-radius: 16px; border: 1px solid var(--tl-faq-border); background: var(--tl-faq-bg); transition: box-shadow 0.2s, border-color 0.2s; width: 100%; overflow: hidden; box-shadow: var(--tl-shadow-sm); } .faq-list details[open] { border-color: var(--tl-border-brand); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); } .faq-list summary { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; position: relative; padding-right: 36px; color: var(--tl-text-primary); line-height: 1.45; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } .faq-list summary::-webkit-details-marker { display: none; } .faq-list summary::after { content: \"+\"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; color: #135dff; font-weight: 900; transition: transform 0.2s ease, color 0.2s ease; flex-shrink: 0; } [data-theme=\"dark\"] .faq-list summary::after, html.dark .faq-list summary::after, body.dark .faq-list summary::after, .dark .faq-list summary::after { color: #38bdf8; } .faq-list details[open] summary::after { content: \"\u2212\"; transform: translateY(-50%); } .faq-list details p { margin-top: 14px; margin-bottom: 0; font-size: 14.5px; line-height: 1.75; color: var(--tl-text-secondary); white-space: normal !important; overflow-wrap: break-word !important; } .cta-box { background: var(--tl-dark-section); color: #ffffff; border-radius: 28px; padding: 64px 48px; text-align: center; position: relative; overflow: hidden; border: 1px solid rgba(56, 189, 248, 0.2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35); } .cta-box h2 { color: #ffffff !important; margin-bottom: 16px; } .cta-box p { color: #94a3b8 !important; max-width: 680px; margin-inline: auto; font-size: 16.5px; } .cta-box .activation-note { justify-content: center; color: #cbd5e1; } .tl-footer { padding: 32px 0; border-top: 1px solid var(--tl-border); background: var(--tl-bg-surface); font-size: 13px; color: var(--tl-text-muted); } .tl-footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; } .tl-footer-links { display: flex; gap: 20px; } .tl-footer-links a:hover { color: var(--tl-text-primary); } @media (max-width: 1060px) { .feature-grid-3, .process-grid { grid-template-columns: repeat(2, 1fr); } .metrics-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .metric-item:nth-child(2) { border-right: none; } .calc-container { grid-template-columns: 1fr; } .faq-layout { grid-template-columns: 1fr; gap: 36px; } } @media (max-width: 840px) { .tl-nav, .tl-header-inner > .btn { display: none; } .menu-toggle { display: flex; } .feature-grid-3, .process-grid { grid-template-columns: 1fr; } .metrics-grid { grid-template-columns: 1fr; } .metric-item { border-right: none; border-bottom: 1px solid var(--tl-border); padding-bottom: 12px; } .metric-item:last-child { border-bottom: none; padding-bottom: 0; } .cta-box { padding: 48px 24px; } } @media (max-width: 580px) { .tl-container { width: min(100% - 32px, 1200px); } .tl-hero { padding: 48px 0 36px; } .tl-section { padding: 60px 0; } .calc-container { padding: 24px; } .hero-actions { flex-direction: column; align-items: stretch; } .hero-actions .btn { width: 100%; } } .ast-container, #primary, #main, .site-main, .entry-content, .single-post, .page { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .entry-header, .entry-title { display: none !important; } .tl-header, header.tl-header, .tl-footer, footer.tl-footer { display: none !important; height: 0 !important; visibility: hidden !important; }<\/style>\n\n<div class=\"tl-app\" id=\"tlApp\">\n\n  <!-- =========================================================================\n       HEADER \/ NAVIGATION\n       ========================================================================= -->\n  \n\n  <!-- =========================================================================\n       SEKTION 1: HERO SEKTION MIT GEO DEFINITION & QUICK-ACTIONS\n       ========================================================================= -->\n  <section class=\"tl-hero\" id=\"hero\">\n    <div class=\"tl-container\">\n      <div class=\"tl-hero-sim-grid\">\n        <div>\n          <div class=\"hero-badges-wrap\">\n        <span class=\"hero-badge hero-badge-brand\">\n          \n          Kundenservice per Live-Video\n        <\/span>\n        <span class=\"hero-badge\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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          100 % DSGVO-konform\n        <\/span>\n        <span class=\"hero-badge\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 14 14\"\/><\/svg>\n          Ohne App-Download\n        <\/span>\n      <\/div>\n\n      <h1>\n        SHK KUNDENDIENST OPTIMIEREN:<br>\n        <span class=\"text-gradient\">MIT tele-LOOK FEHLFAHRTEN VERMEIDEN<\/span>\n      <\/h1>\n\n      <p style=\"font-size: clamp(16px, 1.8vw, 19px); max-width: 820px; line-height: 1.7; color: var(--tl-text-secondary);\">\n        Der direkte Draht in den Heizungskeller: Kl\u00e4ren Sie St\u00f6rungen, Notdienste und Baustellen vorab per Live-Video \u2013 ohne App, rechtssicher und mit maximaler First-Time-Fix-Rate f\u00fcr Ihren Betrieb.\n      <\/p>\n\n      \n          <div class=\"hero-actions\">\n        <a href=\"https:\/\/www.tele-look.com\/web\/kostenlos-testen\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\n          Jetzt 14 Tage kostenlos testen\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n        <a href=\"#rechner\" class=\"btn btn-outline\">\n          Fehlfahrten-Rechner starten\n        <\/a>\n      <\/div>\n\n      <div class=\"activation-note\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <span>Die Freischaltung Ihres Accounts erfolgt innerhalb von 24 Stunden nach Registrierung.<\/span>\n      <\/div>\n        <\/div>\n        <div>\n          <style>.tl-hero-sim-grid, .hero-grid { display: grid; grid-template-columns: 1fr 1.05fr !important; align-items: center; gap: 36px; text-align: left; } .tl-hero-sim-grid { margin-bottom: 28px; } .tl-hero-sim-grid > *, .hero-grid > * { min-width: 0; max-width: 100%; } .hero-geo-box, .geo-snippet, .geo-snippet-box { max-width: 100% !important; } .tl-theme-toggle-floating, .theme-switch-fab, #themeFab { display: none !important; } .tl-monitor-device { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 580px; margin-inline: auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; } .tl-monitor-bezel { width: 100%; background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); padding: 14px 9px 9px 9px; border-radius: 18px 18px 14px 14px; border: 1.5px solid #334155; box-shadow: 0 22px 48px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(15, 23, 42, 0.08); position: relative; } .tl-monitor-cam { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 5px; } .tl-monitor-cam-lens { width: 6px; height: 6px; border-radius: 50%; background: #020617; border: 1.5px solid #475569; } .tl-monitor-cam-led { width: 4px; height: 4px; border-radius: 50%; background: #10b981; } .tl-mockup-window { border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.12); background: #ffffff; overflow: hidden; width: 100%; } [data-theme=\"dark\"] .tl-mockup-window, html.dark .tl-mockup-window, body.dark .tl-mockup-window { background: #0f172a; } .tl-monitor-neck { width: 74px; height: 22px; background: linear-gradient(180deg, #94a3b8 0%, #cbd5e1 65%, #64748b 100%); clip-path: polygon(12% 0%, 88% 0%, 100% 100%, 0% 100%); border-left: 1px solid #64748b; border-right: 1px solid #64748b; } [data-theme=\"dark\"] .tl-monitor-neck, html.dark .tl-monitor-neck, body.dark .tl-monitor-neck { background: linear-gradient(180deg, #1e293b 0%, #334155 65%, #0f172a 100%); } .tl-monitor-base { width: 180px; height: 8px; background: linear-gradient(90deg, #64748b 0%, #e2e8f0 50%, #64748b 100%); border-radius: 6px 6px 2px 2px; box-shadow: 0 6px 14px rgba(15, 23, 42, 0.22); border: 1px solid #94a3b8; } [data-theme=\"dark\"] .tl-monitor-base, html.dark .tl-monitor-base, body.dark .tl-monitor-base { background: linear-gradient(90deg, #1e293b 0%, #475569 50%, #1e293b 100%); border-color: #334155; } .tl-simulation-note { margin-top: 6px; font-size: 11px; font-weight: 500; color: #64748b; text-align: center; letter-spacing: 0.01em; } .tl-mockup-topbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 8px 12px; background: #f1f5f9; border-bottom: 1px solid #e2e8f0; font-size: 11px; font-weight: 700; color: #475569; gap: 6px 8px; } [data-theme=\"dark\"] .tl-mockup-topbar, html.dark .tl-mockup-topbar, body.dark .tl-mockup-topbar { background: #0b152d; border-bottom-color: rgba(56, 189, 248, 0.18); color: #94a3b8; } .tl-mockup-dots { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .tl-dot { width: 9px; height: 9px; border-radius: 50%; } .tl-dot-red { background: #ef4444; } .tl-dot-yellow { background: #f59e0b; } .tl-dot-green { background: #10b981; } .tl-mockup-telemetry { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; white-space: nowrap; } .tl-telemetry-timer { font-family: 'Montserrat', monospace, sans-serif; font-weight: 800; color: #0f172a; background: #ffffff; border: 1px solid #cbd5e1; padding: 2px 7px; border-radius: 5px; font-size: 10.5px; letter-spacing: 0.03em; white-space: nowrap; } [data-theme=\"dark\"] .tl-telemetry-timer, html.dark .tl-telemetry-timer, body.dark .tl-telemetry-timer { color: #f8fafc; background: #0f172a; border-color: rgba(56, 189, 248, 0.25); } .tl-mockup-screen { position: relative; width: 100%; aspect-ratio: 16 \/ 9; background: #0f172a; overflow: hidden; display: flex; align-items: center; justify-content: center; } .tl-mockup-screen > img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; margin: 0 !important; } .tl-live-badge { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 6px; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(8px); color: #ffffff; font-size: 10px; font-weight: 800; letter-spacing: 0.05em; z-index: 15; border: 1px solid rgba(255, 255, 255, 0.18); max-width: calc(100% - 20px); } .tl-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #ef4444; flex-shrink: 0; animation: tlPulse 1.5s infinite; } @keyframes tlPulse { 0% { transform: scale(0.95); opacity: 0.8; } 50% { transform: scale(1.3); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.8; } } .tl-telepunkt { position: absolute; top: 40%; left: 45%; transform: translate(-50%, -50%); z-index: 20; display: flex; flex-direction: column; align-items: center; transition: top 0.85s cubic-bezier(0.22, 1, 0.36, 1), left 0.85s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; pointer-events: none; } .tl-telepunkt-reticle { position: relative; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .tl-telepunkt-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid #facc15; animation: tlSonarRing 1.8s infinite cubic-bezier(0.16, 1, 0.3, 1); } .tl-telepunkt-crosshair { position: absolute; inset: -5px; border-radius: 50%; border: 1.5px dashed rgba(255, 255, 255, 0.75); } .tl-telepunkt-core { width: 16px; height: 16px; border-radius: 50%; background: #facc15; border: 2.5px solid #ffffff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.6); position: relative; z-index: 2; } @keyframes tlSonarRing { 0% { transform: scale(0.85); opacity: 1; } 80% { transform: scale(1.75); opacity: 0; } 100% { transform: scale(1.75); opacity: 0; } } .tl-telepunkt-tag { position: absolute; bottom: 10px; left: 10px; right: 10px; z-index: 21; background: rgba(15, 23, 42, 0.94); color: #fef08a; border: 1px solid rgba(250, 204, 21, 0.65); font-size: 11.5px; font-weight: 800; padding: 7px 12px; border-radius: 8px; backdrop-filter: blur(6px); box-shadow: 0 6px 16px rgba(15, 23, 42, 0.45); display: flex; align-items: center; justify-content: space-between; gap: 8px; transition: opacity 0.3s ease; pointer-events: none; } .tl-telepunkt-tag-sub { color: #e2e8f0; background: rgba(255, 255, 255, 0.12); font-weight: 700; font-size: 10px; padding: 2px 7px; border-radius: 4px; white-space: nowrap; flex-shrink: 0; } .tl-shutter-flash { position: absolute; inset: 0; background: #ffffff; opacity: 0; pointer-events: none; z-index: 25; transition: opacity 0.18s ease; } .tl-shutter-flash.is-flashing { opacity: 0.75; } .tl-photo-focus-box { position: absolute; border: 2px solid #38bdf8; border-radius: 6px; background: rgba(56, 189, 248, 0.12); opacity: 0; transform: scale(1.08); transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; z-index: 18; } .tl-photo-focus-box.is-visible { opacity: 1; transform: scale(1); } .tl-photo-toast { position: absolute; top: 10px; right: 10px; z-index: 22; display: flex; align-items: center; gap: 8px; background: rgba(15, 23, 42, 0.95); border: 1px solid #38bdf8; color: #ffffff; padding: 6px 10px; border-radius: 8px; font-size: 10.5px; font-weight: 700; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.4); opacity: 0; transform: translateY(-8px); transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; max-width: calc(100% - 20px); } .tl-photo-toast.is-visible { opacity: 1; transform: translateY(0); } .tl-photo-toast-icon { width: 20px; height: 20px; border-radius: 5px; background: rgba(56, 189, 248, 0.2); color: #38bdf8; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .tl-pdf-overlay { position: absolute; inset: 0; z-index: 24; background: rgba(15, 23, 42, 0.88); backdrop-filter: blur(6px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px 12px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.35s ease; pointer-events: none; } .tl-pdf-overlay.is-visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .tl-pdf-sheet { width: 100%; max-width: 475px; background: #ffffff; color: #0f172a; border-radius: 7px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45); border: 1px solid #cbd5e1; padding: 9px 13px; font-family: 'Inter', sans-serif; font-size: 8.5px; line-height: 1.3; text-align: left; } .tl-pdf-top { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #e2e8f0; padding-bottom: 5px; margin-bottom: 6px; } .tl-pdf-title { font-family: 'Montserrat', sans-serif !important; font-size: 12px; font-weight: 900; color: #0f172a !important; letter-spacing: -0.01em; display: flex; align-items: center; gap: 6px; } .tl-pdf-badge-ok { background: #dcfce7; color: #15803d; border: 1px solid #86efac; font-size: 7.5px; font-weight: 800; padding: 1.5px 5px; border-radius: 4px; text-transform: uppercase; } .tl-pdf-meta-right { text-align: right; font-size: 7.5px; color: #475569; line-height: 1.3; } .tl-pdf-meta-right strong { color: #0f172a; font-weight: 800; } .tl-pdf-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 5px; padding: 4px 7px; margin-bottom: 6px; } .tl-pdf-col-lbl { display: block; font-size: 6.5px; font-weight: 700; text-transform: uppercase; color: #64748b; } .tl-pdf-col-val { font-size: 8px; font-weight: 800; color: #0f172a; } .tl-pdf-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 6px; } .tl-pdf-photo-card { border: 1px solid #e2e8f0; border-radius: 4px; padding: 3px 5px; background: #f8fafc; display: flex; align-items: center; gap: 6px; } .tl-pdf-photo-thumb { width: 54px !important; height: 34px !important; border-radius: 3px !important; object-fit: cover !important; flex-shrink: 0; border: 1px solid #94a3b8 !important; background: #e2e8f0; margin: 0 !important; box-shadow: none !important; } .tl-pdf-nameplate-thumb { width: 54px !important; height: 34px !important; border-radius: 3px; flex-shrink: 0; border: 1px solid #64748b; background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%); padding: 2px 3px; display: flex; flex-direction: column; justify-content: space-between; font-family: 'Montserrat', monospace, sans-serif; color: #0f172a; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.15); overflow: hidden; position: relative; } .tl-np-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #475569; padding-bottom: 1px; font-size: 4.5px; font-weight: 900; letter-spacing: 0.02em; color: #0f172a; } .tl-np-ce { font-size: 5px; font-weight: 900; border: 0.5px solid #0f172a; padding: 0 1px; line-height: 1; } .tl-np-rows { display: flex; flex-direction: column; gap: 0.5px; font-size: 4px; font-weight: 700; line-height: 1.1; color: #1e293b; } .tl-np-barcode { height: 4px; width: 100%; background: repeating-linear-gradient(90deg, #0f172a 0px, #0f172a 1px, transparent 1px, transparent 2px, #0f172a 2px, #0f172a 3.5px, transparent 3.5px, transparent 4.5px); opacity: 0.85; } .tl-pdf-photo-caption { font-size: 7.5px; color: #334155; line-height: 1.25; } .tl-pdf-photo-caption strong { display: block; color: #0f172a; font-size: 8px; } .tl-pdf-notes { display: flex; flex-direction: column; gap: 4px; margin-bottom: 6px; } .tl-pdf-note-item { background: #f1f5f9; border-left: 3px solid #0284c7; padding: 4px 7px; border-radius: 3px; font-size: 8px; color: #1e293b; display: flex; justify-content: space-between; align-items: center; gap: 6px; } .tl-pdf-note-item.is-resolved { background: #f0fdf4; border-left-color: #10b981; } .tl-pdf-billing-banner { background: linear-gradient(90deg, #eff6ff 0%, #ecfdf5 100%); border: 1px solid #6ee7b7; border-left: 3.5px solid #10b981; border-radius: 5px; padding: 5px 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 8px; color: #0f172a; } .tl-pdf-billing-banner strong { color: #047857; font-weight: 800; } .tl-pdf-saving-tag { color: #ffffff; font-weight: 800; background: #059669; padding: 2px 6px; border-radius: 4px; font-size: 7.5px; white-space: nowrap; flex-shrink: 0; } .tl-mockup-steps { display: grid; grid-template-columns: repeat(3, 1fr); background: #f1f5f9; border-top: 1px solid #e2e8f0; } [data-theme=\"dark\"] .tl-mockup-steps, html.dark .tl-mockup-steps, body.dark .tl-mockup-steps { background: #0b152d; border-top-color: rgba(56, 189, 248, 0.18); } .tl-step-tab { appearance: none; background: transparent !important; border: none !important; border-right: 1px solid #e2e8f0 !important; border-radius: 0 !important; padding: 8px 4px; font-family: 'Montserrat', sans-serif !important; font-size: 9.5px; font-weight: 800; color: #64748b !important; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 4px; white-space: nowrap; transition: color 0.2s ease, background-color 0.2s ease; position: relative; outline: none !important; box-shadow: none !important; } [data-theme=\"dark\"] .tl-step-tab, html.dark .tl-step-tab, body.dark .tl-step-tab { border-right-color: rgba(56, 189, 248, 0.18) !important; color: #94a3b8 !important; } .tl-step-tab:last-child { border-right: none !important; } .tl-step-tab.is-active { color: #0284c7 !important; background: #ffffff !important; } [data-theme=\"dark\"] .tl-step-tab.is-active, html.dark .tl-step-tab.is-active, body.dark .tl-step-tab.is-active { color: #38bdf8 !important; background: #0f172a !important; } .tl-step-tab.is-active::after { content: \"\"; position: absolute; bottom: 0; left: 0; right: 0; height: 2.5px; background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); } .tl-step-num { width: 16px; height: 16px; border-radius: 50%; background: #cbd5e1; color: #0f172a; font-size: 9.5px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .tl-step-tab.is-active .tl-step-num { background: #0284c7; color: #ffffff; } @media (max-width: 980px) { .tl-hero-sim-grid, .hero-grid { grid-template-columns: 1fr !important; gap: 32px !important; } } @media (max-width: 600px) { .tl-mockup-dots { display: none; } .tl-mockup-topbar { padding: 7px 10px; font-size: 10px; } .tl-mockup-telemetry { font-size: 10px; gap: 5px; } .tl-mockup-screen { aspect-ratio: auto; min-height: 265px; } .tl-live-badge { font-size: 9px; padding: 3px 7px; } .tl-telepunkt-tag { font-size: 10.5px; padding: 6px 9px; } .tl-step-tab { padding: 8px 4px; font-size: 9.5px; flex-direction: column; gap: 3px; text-align: center; white-space: normal; line-height: 1.2; } .tl-pdf-overlay { padding: 6px; } .tl-pdf-sheet { padding: 7px 9px; font-size: 7.5px; } .tl-pdf-photos { grid-template-columns: 1fr; gap: 4px; } .tl-pdf-billing-banner { flex-direction: column; align-items: flex-start; gap: 4px; } }<\/style>\n<div class=\"tl-monitor-device\">\n  <div class=\"tl-monitor-bezel\">\n    <div class=\"tl-monitor-cam\" aria-hidden=\"true\">\n      <span class=\"tl-monitor-cam-lens\"><\/span>\n      <span class=\"tl-monitor-cam-led\"><\/span>\n    <\/div>\n\n    <div class=\"tl-mockup-window\" id=\"tlHeroMockup\">\n      <div class=\"tl-mockup-topbar\">\n        <div class=\"tl-mockup-dots\">\n          <span class=\"tl-dot tl-dot-red\"><\/span>\n          <span class=\"tl-dot tl-dot-yellow\"><\/span>\n          <span class=\"tl-dot tl-dot-green\"><\/span>\n        <\/div>\n        <span style=\"display:inline-flex;align-items:center;gap:6px;color:inherit;font-weight:800;\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0284c7\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n          Ansicht des Service-Gebers\n        <\/span>\n        <div class=\"tl-mockup-telemetry\">\n          <span class=\"tl-telemetry-timer\" id=\"tlLiveTimer\">01:24 Min.<\/span>\n          <span style=\"color: #10b981;\">\u25cf Verbunden (HD)<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-mockup-screen\">\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/08\/tele-look-waermepumpe-live-service.jpg\" alt=\"SHK W\u00e4rmepumpe und Manometer Vorabdiagnose per Live-Video\" width=\"1280\" height=\"720\" loading=\"eager\" title=\"\">\n        <div class=\"tl-shutter-flash\" id=\"tlShutterFlash\"><\/div>\n        <div class=\"tl-photo-focus-box\" id=\"tlPhotoFocus\" style=\"top:29%;left:24%;width:11%;height:11%;\"><\/div>\n\n        <div class=\"tl-live-badge\">\n          <span class=\"tl-live-dot\"><\/span>\n          LIVE VIDEO &middot; W\u00c4RMEPUMPE SHK\n        <\/div>\n\n        <div class=\"tl-photo-toast\" id=\"tlPhotoToast\">\n          <span class=\"tl-photo-toast-icon\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\n          <\/span>\n          <div>\n            <div style=\"color:#38bdf8;font-size:9.5px;text-transform:uppercase;letter-spacing:0.05em;\">HD-Fern-Foto gespeichert<\/div>\n            <div>Typenschild_WPL_F28.jpg<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-telepunkt\" id=\"tlTelePunkt\" style=\"top:28%;left:42%;\">\n          <div class=\"tl-telepunkt-reticle\">\n            <span class=\"tl-telepunkt-ring\"><\/span>\n            <span class=\"tl-telepunkt-crosshair\"><\/span>\n            <span class=\"tl-telepunkt-core\"><\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"tl-telepunkt-tag\" id=\"tlTelePunktTag\">\n          <span id=\"tlTelePunktText\">tele-Punkt: Fehlercode F.28 am Display erkannt<\/span>\n          <span class=\"tl-telepunkt-tag-sub\" id=\"tlTelePunktSub\">Display<\/span>\n        <\/div>\n\n        <div class=\"tl-pdf-overlay\" id=\"tlSolutionBanner\">\n          <div class=\"tl-pdf-sheet\">\n            <div class=\"tl-pdf-top\">\n              <div>\n                <div class=\"tl-pdf-title\">\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0284c7\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n                  Service-Protokoll\n                  <span class=\"tl-pdf-badge-ok\">\u2713 Remote gel\u00f6st<\/span>\n                <\/div>\n                <div style=\"font-size:7.5px;color:#64748b;margin-top:2px;\">ID: Call_24537 &middot; WPL-A 07 HK W\u00e4rmepumpe<\/div>\n              <\/div>\n              <div class=\"tl-pdf-meta-right\">\n                <div>Service-Geber: <strong>Meister SHK<\/strong><\/div>\n                <div>Service-Nehmer: <strong>Kunde vor Ort<\/strong><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"tl-pdf-grid-4\">\n              <div>\n                <span class=\"tl-pdf-col-lbl\">Datum<\/span>\n                <span class=\"tl-pdf-col-val\">16.10.2026<\/span>\n              <\/div>\n              <div>\n                <span class=\"tl-pdf-col-lbl\">Beginn<\/span>\n                <span class=\"tl-pdf-col-val\">14:12 Uhr<\/span>\n              <\/div>\n              <div>\n                <span class=\"tl-pdf-col-lbl\">Dauer<\/span>\n                <span class=\"tl-pdf-col-val\">02:45 Min.<\/span>\n              <\/div>\n              <div>\n                <span class=\"tl-pdf-col-lbl\">Status<\/span>\n                <span class=\"tl-pdf-col-val\" style=\"color:#047857;\">Erstl\u00f6sung<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"tl-pdf-photos\">\n              <div class=\"tl-pdf-photo-card\">\n                <img decoding=\"async\" class=\"tl-pdf-photo-thumb\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/08\/tele-look-waermepumpe-live-service.jpg\" alt=\"HD-Fern-Foto Befund\" style=\"object-position: 42% 28%;\" title=\"\">\n                <div class=\"tl-pdf-photo-caption\">\n                  <strong>HD-Fern-Foto 1 (14:12:40)<\/strong>\n                  Display Fehlercode F.28 & Manometer\n                <\/div>\n              <\/div>\n              <div class=\"tl-pdf-photo-card\">\n                <div class=\"tl-pdf-nameplate-thumb\" aria-label=\"Nahaufnahme Typenschild\">\n                  <div class=\"tl-np-head\">\n                    <span>WPL-A 07 HK<\/span>\n                    <span class=\"tl-np-ce\">CE<\/span>\n                  <\/div>\n                  <div class=\"tl-np-rows\">\n                    <div>SN: 2498-8841-09<\/div>\n                    <div>400V 3~ 50Hz \u00b7 IP44<\/div>\n                    <div>R454C \u00b7 Pmax 32 bar<\/div>\n                  <\/div>\n                  <div class=\"tl-np-barcode\"><\/div>\n                <\/div>\n                <div class=\"tl-pdf-photo-caption\">\n                  <strong>HD-Fern-Foto 2 (14:13:05)<\/strong>\n                  Nahaufnahme Typenschild &amp; Serien-Nr.\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"tl-pdf-notes\">\n              <div class=\"tl-pdf-note-item\">\n                <span><strong>Befund (14:13):<\/strong> Wasserdruck bei 0,8 bar (Unterdruck-St\u00f6rung F.28).<\/span>\n                <span style=\"color:#64748b;font-size:7.5px;white-space:nowrap;\">Notiz 1<\/span>\n              <\/div>\n              <div class=\"tl-pdf-note-item is-resolved\">\n                <span><strong>L\u00f6sung (14:14):<\/strong> Nachf\u00fcllventil per tele-Punkt ge\u00f6ffnet \u00b7 Anlage l\u00e4uft bei 1,5 bar.<\/span>\n                <span style=\"color:#15803d;font-weight:800;font-size:7.5px;white-space:nowrap;\">\u2713 Gel\u00f6st<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"tl-pdf-billing-banner\">\n              <span><strong>\u2713 Abrechenbare Leistung:<\/strong> PDF-Protokoll dient als offizieller T\u00e4tigkeitsnachweis f\u00fcr die Rechnung<\/span>\n              <span class=\"tl-pdf-saving-tag\">Rechnungsbeleg PDF<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-mockup-steps\" role=\"tablist\" aria-label=\"Ablauf der visuellen Vorabdiagnose\">\n        <button type=\"button\" class=\"tl-step-tab is-active\" onclick=\"window.setTlHeroPhase && window.setTlHeroPhase(0, true); this.blur();\">\n          <span class=\"tl-step-num\">1<\/span>\n          <span>tele-Punkt setzen<\/span>\n        <\/button>\n        <button type=\"button\" class=\"tl-step-tab\" onclick=\"window.setTlHeroPhase && window.setTlHeroPhase(1, true); this.blur();\">\n          <span class=\"tl-step-num\">2<\/span>\n          <span>HD-Fern-Foto ausl\u00f6sen<\/span>\n        <\/button>\n        <button type=\"button\" class=\"tl-step-tab\" onclick=\"window.setTlHeroPhase && window.setTlHeroPhase(2, true); this.blur();\">\n          <span class=\"tl-step-num\">3<\/span>\n          <span>PDF-Protokoll &amp; Abrechnung<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tl-monitor-neck\" aria-hidden=\"true\"><\/div>\n  <div class=\"tl-monitor-base\" aria-hidden=\"true\"><\/div>\n  <div class=\"tl-simulation-note\">Bild mit KI generiert<\/div>\n<\/div>\n<script>\n(function initTlIndustrySim() {\n  var currentPhase = 0;\n  var subTimer = null;\n  var loopTimer = null;\n  var secCounter = 84;\n  var cfg = {\"slug\": \"shk\", \"topbar_title\": \"Ansicht des Service-Gebers \\u00b7 W\\u00e4rmepumpe SHK\", \"img_url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/08\/tele-look-waermepumpe-live-service.jpg\", \"img_alt\": \"SHK W\\u00e4rmepumpe und Manometer Vorabdiagnose per Live-Video\", \"p1_a\": {\"top\": \"28%\", \"left\": \"42%\", \"text\": \"tele-Punkt: Fehlercode F.28 am Display erkannt\", \"sub\": \"Display\"}, \"p1_b\": {\"top\": \"56%\", \"left\": \"27%\", \"text\": \"tele-Punkt: Anlagendruck 0,8 bar am Manometer pr\\u00fcfen\", \"sub\": \"Manometer\"}, \"p2\": {\"top\": \"35%\", \"left\": \"29%\", \"text\": \"HD-Fern-Foto: Typenschild & Serien-Nr. aufgenommen\", \"sub\": \"Aufnahme\"}, \"focus_box\": {\"top\": \"29%\", \"left\": \"24%\", \"w\": \"11%\", \"h\": \"11%\"}, \"toast_file\": \"Typenschild_WPL_F28.jpg\", \"pdf_id\": \"Call_24537\", \"pdf_dur\": \"02:45 Min.\", \"pdf_system\": \"WPL-A 07 HK W\\u00e4rmepumpe\", \"pdf_geber\": \"Meister SHK\", \"pdf_nehmer\": \"Kunde vor Ort\", \"photo1_cap\": \"Display Fehlercode F.28 & Manometer\", \"np_model\": \"WPL-A 07 HK\", \"np_sn\": \"SN: 2498-8841-09\", \"np_elec\": \"400V 3~ 50Hz \\u00b7 IP44\", \"np_spec\": \"R454C \\u00b7 Pmax 32 bar\", \"pdf_finding\": \"Wasserdruck bei 0,8 bar (Unterdruck-St\\u00f6rung F.28).\", \"pdf_action\": \"Nachf\\u00fcllventil per tele-Punkt ge\\u00f6ffnet \\u00b7 Anlage l\\u00e4uft bei 1,5 bar.\"};\n\n  function applyPhase(phaseIdx) {\n    currentPhase = phaseIdx;\n    var punkt = document.getElementById('tlTelePunkt');\n    var punktTag = document.getElementById('tlTelePunktTag');\n    var punktText = document.getElementById('tlTelePunktText');\n    var punktSub = document.getElementById('tlTelePunktSub');\n    var flash = document.getElementById('tlShutterFlash');\n    var focusBox = document.getElementById('tlPhotoFocus');\n    var photoToast = document.getElementById('tlPhotoToast');\n    var solBanner = document.getElementById('tlSolutionBanner');\n    var tabs = document.querySelectorAll('#tlHeroMockup .tl-step-tab');\n    if (!punkt || !punktText) return;\n    if (subTimer) { clearTimeout(subTimer); subTimer = null; }\n\n    for (var i = 0; i < tabs.length; i++) {\n      if (i === phaseIdx) tabs[i].classList.add('is-active');\n      else tabs[i].classList.remove('is-active');\n    }\n\n    if (phaseIdx === 0) {\n      if (focusBox) focusBox.classList.remove('is-visible');\n      if (photoToast) photoToast.classList.remove('is-visible');\n      if (solBanner) solBanner.classList.remove('is-visible');\n      punkt.style.opacity = '1';\n      if (punktTag) punktTag.style.opacity = '1';\n      punkt.style.top = cfg.p1_a.top;\n      punkt.style.left = cfg.p1_a.left;\n      punktText.textContent = cfg.p1_a.text;\n      if (punktSub) punktSub.textContent = cfg.p1_a.sub;\n\n      subTimer = setTimeout(function() {\n        if (currentPhase !== 0) return;\n        punkt.style.top = cfg.p1_b.top;\n        punkt.style.left = cfg.p1_b.left;\n        punktText.textContent = cfg.p1_b.text;\n        if (punktSub) punktSub.textContent = cfg.p1_b.sub;\n      }, 1650);\n    } else if (phaseIdx === 1) {\n      if (solBanner) solBanner.classList.remove('is-visible');\n      punkt.style.opacity = '1';\n      if (punktTag) punktTag.style.opacity = '1';\n      punkt.style.top = cfg.p2.top;\n      punkt.style.left = cfg.p2.left;\n      punktText.textContent = cfg.p2.text;\n      if (punktSub) punktSub.textContent = cfg.p2.sub;\n      if (focusBox) focusBox.classList.add('is-visible');\n\n      subTimer = setTimeout(function() {\n        if (currentPhase !== 1) return;\n        if (flash) {\n          flash.classList.add('is-flashing');\n          setTimeout(function() { flash.classList.remove('is-flashing'); }, 180);\n        }\n        if (photoToast) photoToast.classList.add('is-visible');\n      }, 450);\n    } else if (phaseIdx === 2) {\n      if (focusBox) focusBox.classList.remove('is-visible');\n      if (photoToast) photoToast.classList.remove('is-visible');\n      punkt.style.opacity = '0';\n      if (punktTag) punktTag.style.opacity = '0';\n      if (solBanner) solBanner.classList.add('is-visible');\n    }\n  }\n\n  function startAutoLoop() {\n    if (loopTimer) clearInterval(loopTimer);\n    loopTimer = setInterval(function() {\n      applyPhase((currentPhase + 1) % 3);\n    }, 3900);\n  }\n\n  window.setTlHeroPhase = function(phaseIdx, isManual) {\n    applyPhase(phaseIdx);\n    if (isManual) startAutoLoop();\n  };\n\n  setInterval(function() {\n    var timerEl = document.getElementById('tlLiveTimer');\n    if (!timerEl) return;\n    secCounter++;\n    if (secCounter > 179) secCounter = 75;\n    var m = Math.floor(secCounter \/ 60);\n    var s = secCounter % 60;\n    timerEl.textContent = (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s) + ' Min.';\n  }, 1000);\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function() { applyPhase(0); startAutoLoop(); });\n  } else {\n    applyPhase(0);\n    startAutoLoop();\n  }\n})();\n<\/script>\n\n        <\/div>\n      <\/div>\n      <!-- Inverted Pyramid Snippet for GEO \/ Google AI Overviews -->\n      <div class=\"hero-geo-box\">\n        <div class=\"hero-geo-title\">\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n          Definition &amp; Schnell\u00fcberblick: Video Support im Handwerk\n        <\/div>\n        <p class=\"hero-geo-text\">\n          <strong>tele-LOOK<\/strong> ist die browserbasierte Software f\u00fcr den visuellen <strong>Video Support Handwerk<\/strong> (Video-Support f\u00fcr SHK &amp; Haustechnik). Meister und Disponenten schalten sich per SMS-Einmal-Link direkt auf das Smartphone des Kunden, um eine pr\u00e4zise <strong>St\u00f6rung Vorabdiagnose<\/strong> durchzuf\u00fchren, Typenschilder und Fehlercodes auszulesen und bis zu 85 % aller unn\u00f6tigen <strong>Fehlfahrten im Kundendienst<\/strong> dauerhaft zu verhindern.\n        <\/p>\n      <\/div>\n      <!-- Key Performance Metrics Bar -->\n      <div class=\"metrics-grid\">\n        <div class=\"metric-item\">\n          <div class=\"metric-num text-gradient\">\u00d8 45 Min.<\/div>\n          <div class=\"metric-label\">Fahrzeit pro Einsatz eingespart<\/div>\n        <\/div>\n        <div class=\"metric-item\">\n          <div class=\"metric-num text-gradient\">+38 %<\/div>\n          <div class=\"metric-label\">H\u00f6here First-Time-Fix-Quote<\/div>\n        <\/div>\n        <div class=\"metric-item\">\n          <div class=\"metric-num text-gradient\">100 %<\/div>\n          <div class=\"metric-label\">DSGVO-konform ohne WhatsApp<\/div>\n        <\/div>\n        <div class=\"metric-item\">\n          <div class=\"metric-num text-gradient\">0 Sek.<\/div>\n          <div class=\"metric-label\">App-Download f\u00fcr Kunden<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<div style=\"display: flex; justify-content: center; width: 100%; margin: 1.5rem 0 2.5rem; position: relative; z-index: 20;\">\n  <nav class=\"breadcrumb-pill\" aria-label=\"Breadcrumb\" style=\"display: inline-flex; align-items: center; gap: 0.6rem; background: var(--tl-bg-card, #ffffff); border: 1px solid var(--tl-border, #cbd5e1); border-radius: 9999px; padding: 0.5rem 1.35rem; font-family: 'Montserrat', sans-serif; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tl-text-muted, #64748b); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05); transition: all 0.25s ease;\">\n    <span style=\"color: #38bdf8; font-size: 0.85rem;\">\u25cf<\/span>\n    <a href=\"https:\/\/www.tele-look.com\/web\/\" style=\"color: var(--tl-text-secondary, #475569); text-decoration: none;\">Startseite<\/a>\n    <span style=\"color: var(--tl-text-muted, #94a3b8); opacity: 0.6;\">\/<\/span>\n    <a href=\"https:\/\/www.tele-look.com\/web\/handwerk\/\" style=\"color: var(--tl-text-secondary, #475569); text-decoration: none;\">Handwerk<\/a>\n    <span style=\"color: var(--tl-text-muted, #94a3b8); opacity: 0.6;\">\/<\/span>\n    <span style=\"color: #135dff; font-weight: 800;\">SHK Kundendienst<\/span>\n  <\/nav>\n<\/div>\n\n\n\n  <!-- =========================================================================\n       SEKTION 2: STATUS QUO & BENCHMARKS (SCHMERZPUNKTE IM SHK-ALLTAG)\n       ========================================================================= -->\n  <section class=\"tl-section tl-section-alt\" id=\"problem\">\n    <div class=\"tl-container\">\n      \n      <div class=\"section-head\">\n        <div class=\"tl-eyebrow\">Status Quo &amp; Branchen-Herausforderung<\/div>\n        <h2>Fehlanfahrten im SHK-Kundendienst: Ursachen und wirtschaftliche Einsparpotenziale<\/h2>\n        <p>\n          Der Fachkr\u00e4ftemangel und volle Auftragsb\u00fccher fordern SHK-Betriebe t\u00e4glich heraus. Wenn Ihre Monteure wegen unklarer Fehlerbilder unn\u00f6tig ausr\u00fccken oder das falsche Ersatzteil an Bord haben, kostet das wertvolle Zeit und blockiert Mitarbeiter.\n        <\/p>\n      <\/div>\n\n      <div class=\"feature-grid-3\">\n        <!-- Problem Card 1 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">42 % Bagatell-Eins\u00e4tze<\/span>\n          <h3>Unklare St\u00f6rungen am Telefon<\/h3>\n          <p>\n            Endkunden schildern St\u00f6rungen am Telefon oft laienhaft (\u201eDie Heizung gluckert und bleibt kalt\u201c). Der Monteur f\u00e4hrt los und stellt vor Ort fest: Es war lediglich zu geringer Anlagendruck oder ein blockiertes Thermostatventil.\n          <\/p>\n        <\/div>\n\n        <!-- Problem Card 2 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">120 \u2013 180 \u20ac pro Fehlfahrt<\/span>\n          <h3>Fehlfahrten Kundendienst vermeiden<\/h3>\n          <p>\n            Jede vergebliche Anfahrt verbrennt Sprit, blockiert wertvolle Monteurstunden und ver\u00e4rgert Kunden, wenn ein Zweittermin n\u00f6tig wird. Die ber\u00fcchtigte \u201eWindschutzscheiben-Zeit\u201c schm\u00e4lert den Betriebsertrag massiv.\n          <\/p>\n        <\/div>\n\n        <!-- Problem Card 3 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">Stress im Notdienst<\/span>\n          <h3>\u00dcberlastete Notdienst-Monteure<\/h3>\n          <p>\n            Am Wochenende oder im Winterdienst r\u00fccken Servicetechniker h\u00e4ufig wegen Kleinigkeiten aus, die bis zum n\u00e4chsten Werktag h\u00e4tten warten k\u00f6nnen. Das demotiviert Ihr Fachpersonal und treibt \u00dcberstundenkonten in die H\u00f6he.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =========================================================================\n       SEKTION 3: KERNFUNKTIONEN (FERNDIAGNOSE STATT FRUSTRATION)\n       ========================================================================= -->\n  <section class=\"tl-section\" id=\"funktionen\">\n    <div class=\"tl-container\">\n      \n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Ferndiagnose statt Frustration<\/div>\n        <h2>Visuelle Auftragsvorkl\u00e4rung: Die 3 zentralen Einsatzbereiche im SHK-Betrieb<\/h2>\n        <p>\n          Die t\u00e4gliche Disposition von Mitarbeitern ist komplex. Nutzen Sie visuelle Unterst\u00fctzung, um Eins\u00e4tze im Vorfeld exakt zu planen und nachhaltig <strong>Fehlfahrten vermeiden<\/strong> zu k\u00f6nnen.\n        <\/p>\n      <\/div>\n\n      <div class=\"feature-grid-3\">\n        <!-- Feature 1 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">Vorabdiagnose<\/span>\n          <h3>St\u00f6rung Vorabdiagnose (\u201eSt\u00f6rungen per Video\u201c)<\/h3>\n          <p>\n            Kl\u00e4ren Sie <strong>St\u00f6rungen per Video<\/strong>, bevor der Transporter \u00fcberhaupt vom Hof rollt. Meister oder Disponenten erfassen Typenschilder, Brenner-Fehlercodes und Verrohrung live \u00fcber die Smartphone-Kamera des Kunden.\n          <\/p>\n          <p style=\"font-size: 13.5px; font-weight: 600; color: var(--tl-text-primary); margin-top: auto;\">\n            \u2713 Monteur hat das exakt passende Ersatzteil &amp; Spezialwerkzeug an Bord.\n          <\/p>\n        <\/div>\n\n        <!-- Feature 2 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">Bereitschafts-Schutz<\/span>\n          <h3>Heizung Notdienst Organisation (\u201eFerndiagnose im Handwerk\u201c)<\/h3>\n          <p>\n            Sch\u00fctzen Sie die Freizeit Ihrer Mitarbeiter. Eine schnelle <strong>Ferndiagnose Handwerk<\/strong> hilft Ihnen, am Wochenende echte Notf\u00e4lle (z. B. Rohrbruch, Totalausfall) von Kleinigkeiten zu trennen, die entspannt am n\u00e4chsten Werktag erledigt werden k\u00f6nnen.\n          <\/p>\n          <p style=\"font-size: 13.5px; font-weight: 600; color: var(--tl-text-primary); margin-top: auto;\">\n            \u2713 Deutlich weniger Bereitschaftseins\u00e4tze und zufriedenere Mitarbeiter.\n          <\/p>\n        <\/div>\n\n        <!-- Feature 3 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">Angebots-Effizienz<\/span>\n          <h3>Besichtigung vor Angebot (\u201eBesichtigung vor Angebot\u201c)<\/h3>\n          <p>\n            Sparen Sie sich zeitintensive Fahrten, die nur der reinen Angebotserstellung dienen. F\u00fchren Sie die Bestandsaufnahme beim Kunden f\u00fcr Kesseltausch, Bad-Teilsanierung oder W\u00e4rmepumpen-Check bequem per Video durch.\n          <\/p>\n          <p style=\"font-size: 13.5px; font-weight: 600; color: var(--tl-text-primary); margin-top: auto;\">\n            \u2713 Angebote doppelt so schnell erstellen \u2013 ohne unbezahlte Reisezeit.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =========================================================================\n       SEKTION 4: INTERAKTIVER SHK FEHLFAHRTEN- & ROI-RECHNER\n       ========================================================================= -->\n  <section class=\"tl-section tl-section-alt\" id=\"rechner\">\n    <div class=\"tl-container\">\n      \n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Echtzeit ROI-Kalkulator<\/div>\n        <h2>Berechnen Sie Ihr Einsparpotenzial durch vermiedene Fehlfahrten<\/h2>\n        <p>\n          Erfahren Sie mit wenigen Klicks, wie viele Arbeitsstunden und bares Geld Ihr SHK-Betrieb durch visuelle Vorabdiagnose jeden Monat einsparen kann.\n        <\/p>\n      <\/div>\n\n      <div class=\"calc-container\">\n        \n        <!-- Controls -->\n        <div class=\"calc-controls\">\n          \n          <div class=\"calc-group\">\n            <div class=\"calc-header-row\">\n              <span class=\"calc-label\">Anzahl Kundendienst-Monteure<\/span>\n              <span class=\"calc-val\" id=\"valMonteure\">4 Monteure<\/span>\n            <\/div>\n            <input type=\"range\" min=\"1\" max=\"20\" value=\"4\" class=\"calc-slider\" id=\"sliderMonteure\">\n          <\/div>\n\n          <div class=\"calc-group\">\n            <div class=\"calc-header-row\">\n              <span class=\"calc-label\">Eins\u00e4tze pro Monteur \/ Tag<\/span>\n              <span class=\"calc-val\" id=\"valEinsaetze\">4 Eins\u00e4tze<\/span>\n            <\/div>\n            <input type=\"range\" min=\"1\" max=\"8\" value=\"4\" class=\"calc-slider\" id=\"sliderEinsaetze\">\n          <\/div>\n\n          <div class=\"calc-group\">\n            <div class=\"calc-header-row\">\n              <span class=\"calc-label\">Gesch\u00e4tzte Fehlfahrten- \/ Zweitanfahrtsquote<\/span>\n              <span class=\"calc-val\" id=\"valQuote\">15 %<\/span>\n            <\/div>\n            <input type=\"range\" min=\"5\" max=\"35\" value=\"15\" class=\"calc-slider\" id=\"sliderQuote\">\n          <\/div>\n\n          <div class=\"calc-group\">\n            <div class=\"calc-header-row\">\n              <span class=\"calc-label\">Kosten pro Fehlfahrt (Fahrzeit, Sprit, Lohn)<\/span>\n              <span class=\"calc-val\" id=\"valKosten\">130 \u20ac<\/span>\n            <\/div>\n            <input type=\"range\" min=\"80\" max=\"220\" value=\"130\" step=\"5\" class=\"calc-slider\" id=\"sliderKosten\">\n          <\/div>\n\n        <\/div>\n\n        <!-- Dynamic Output -->\n        <div class=\"calc-result-box\">\n          <div>\n            <div class=\"res-item\">\n              <div class=\"res-title\">Monatlich vermiedene Fehlfahrten<\/div>\n              <div class=\"res-amount\" id=\"resFehlfahrten\">36 Eins\u00e4tze<\/div>\n            <\/div>\n\n            <div class=\"res-item\">\n              <div class=\"res-title\">Eingesparte Monteurs-Arbeitszeit<\/div>\n              <div class=\"res-amount text-gradient\" id=\"resStunden\">27 Std. \/ Monat<\/div>\n            <\/div>\n\n            <div class=\"res-stats-grid\">\n              <div>\n                <div class=\"res-stat-val\" id=\"resMonatErsparnis\">4.680 \u20ac<\/div>\n                <div class=\"res-stat-lbl\">Ersparnis pro Monat<\/div>\n              <\/div>\n              <div>\n                <div class=\"res-stat-val text-gradient\" id=\"resJahrErsparnis\">56.160 \u20ac<\/div>\n                <div class=\"res-stat-lbl\">Ersparnis pro Jahr<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div>\n            <a href=\"https:\/\/www.tele-look.com\/web\/kostenlos-testen\/\" class=\"btn btn-primary\" style=\"width: 100%;\" target=\"_blank\" rel=\"noopener\">\n              Jetzt 14 Tage kostenlos testen\n            <\/a>\n            <div class=\"activation-note\" style=\"justify-content: center; margin-top: 10px;\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <span>Freischaltung innerhalb von 24 Stunden<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =========================================================================\n       SEKTION 5: DATENSCHUTZ & COMPLIANCE (WHATSAPP VS. tele-LOOK)\n       ========================================================================= -->\n  <section class=\"tl-section\" id=\"datenschutz\">\n    <div class=\"tl-container\">\n      \n      <div class=\"section-head\">\n        <div class=\"tl-eyebrow\">Sicherheit &amp; Wirtschaftlichkeit vereint<\/div>\n        <h2>Datenschutz im Kundendienst: Die rechtssichere Alternative zu WhatsApp<\/h2>\n        <p>\n          Verabschieden Sie sich von rechtlichen Grauzonen und ungesch\u00fctzter Messenger-Kommunikation. tele-LOOK bietet Ihnen professionellen, 100 % DSGVO-konformen <strong>Video Support Handwerk<\/strong>.\n        <\/p>\n      <\/div>\n\n      <div class=\"comp-table-wrap\">\n        <table class=\"comp-table\">\n          <thead>\n            <tr>\n              <th>Vergleichskriterium<\/th>\n              <th>WhatsApp &amp; private Messenger<\/th>\n              <th>tele-LOOK B2B Live-Video<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>Mitarbeiter-Privatsph\u00e4re<\/td>\n              <td>Monteur muss private Mobilnummer preisgeben (Kundenanrufe nach Feierabend).<\/td>\n              <td><strong>100 % gesch\u00fctzt:<\/strong> Kein Austausch von Telefonnummern erforderlich.<\/td>\n            <\/tr>\n            <tr>\n              <td>DSGVO &amp; Rechtssicherheit<\/td>\n              <td>Abmahnrisiko: Unerlaubte Adressbuch-Synchronisation &amp; unverschl\u00fcsselte US-Server.<\/td>\n              <td><strong>100 % DSGVO-konform:<\/strong> Serverstandort Deutschland (100% DSGVO-konform).<\/td>\n            <\/tr>\n            <tr>\n              <td>Kundenh\u00fcrde &amp; Einstieg<\/td>\n              <td>Kunde muss App installiert haben, Handynummer speichern und Kontakt anlegen.<\/td>\n              <td><strong>Zero Install:<\/strong> 1 Klick auf SMS-Link startet Video direkt im Browser.<\/td>\n            <\/tr>\n            <tr>\n              <td>Dokumentation &amp; Protokoll<\/td>\n              <td>Fotos landen ungeordnet in der Smartphone-Galerie des Monteurs.<\/td>\n              <td><strong>Automatisches PDF-Serviceprotokoll<\/strong> mit HD-Fotos, Notizen &amp; Zeitstempel.<\/td>\n            <\/tr>\n            <tr>\n              <td>Software-Kompatibilit\u00e4t<\/td>\n              <td>Manuelle \u00dcbertragung n\u00f6tig, keine Schnittstellen zu Handwerker-Software.<\/td>\n              <td>Einfacher Import in g\u00e4ngige Branchen-Software (pds, KWP, Streit V.1 etc.).<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =========================================================================\n       SEKTION 6: WIRTSCHAFTLICHKEIT & ANFAHRTSPAUSCHALE MONETARISIEREN\n       ========================================================================= -->\n  <section class=\"tl-section tl-section-alt\" id=\"abrechnung\">\n    <div class=\"tl-container\">\n      \n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Service-Monetarisierung<\/div>\n        <h2>Service-Monetarisierung: Digitale Vorabkl\u00e4rung wirtschaftlich abrechnen<\/h2>\n        <p>\n          Verwandeln Sie unbezahlte Telefon-Beratungen in bezahlte digitale Service-Leistungen und argumentieren Sie Ihre Anfahrts- und Einsatzkosten v\u00f6llig neu.\n        <\/p>\n      <\/div>\n\n      <div class=\"feature-grid-3\">\n        <!-- Pillar 1 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8\"\/><line x1=\"12\" y1=\"6\" x2=\"12\" y2=\"8\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">Pauschale 29\u201349 \u20ac<\/span>\n          <h3>Digitale Ersthilfe verrechnen<\/h3>\n          <p>\n            Bieten Sie Kunden bei akuten Heizungsst\u00f6rungen eine sofortige Video-Erstdiagnose an. Kunden sch\u00e4tzen die unmittelbare Meister-Hilfe und zahlen gerne f\u00fcr schnelle Klarheit, statt stundenlang auf einen R\u00fcckruf zu warten.\n          <\/p>\n        <\/div>\n\n        <!-- Pillar 2 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><polyline points=\"17 11 19 13 23 9\"\/><\/svg>\n          <\/div>\n          <span class=\"card-tag\">Auftrags-Bindung<\/span>\n          <h3>Faire Verrechnung bei Reparatur<\/h3>\n          <p>\n            Wird im Anschluss an die Video-Vorabkl\u00e4rung ein Vor-Ort-Einsatz beauftragt, rechnen Sie die Vorab-Pauschale einfach an. Der Kunde erlebt maximale Transparenz und die Reparatur bleibt sicher bei Ihrem Betrieb.\n          <\/p>\n        <\/div>\n\n        <!-- Pillar 3 -->\n        <div class=\"card\">\n          <div class=\"card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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          <span class=\"card-tag\">Hohe Akzeptanz<\/span>\n          <h3>Gerechtfertigte Anfahrtspauschale<\/h3>\n          <p>\n            Weil Ihr Monteur dank Vorabdiagnose bereits das exakte Ersatzteil im Wagen hat, wird das Problem beim ersten Besuch gel\u00f6st (First-Time-Fix-Rate \u00fcber 90 %). Ihre Anfahrtspauschale wird vom Kunden gerne und ohne Diskussion bezahlt.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =========================================================================\n       SEKTION 7: IN 3 SCHRITTEN ZUM OPTIMIERTEN KUNDENDIENST\n       ========================================================================= -->\n  <section class=\"tl-section\" id=\"workflow\">\n    <div class=\"tl-container\">\n      \n      <div class=\"section-head section-head-center\">\n        <div class=\"tl-eyebrow\">Praxis-Workflow<\/div>\n        <h2>Der Ablauf im SHK-Alltag: In drei Schritten zur klaren Fehlerdiagnose<\/h2>\n        <p>\n          Keine Schulung, keine komplizierte IT: In unter 60 Sekunden starten Sie den ersten Video-Support direkt aus dem B\u00fcro oder von unterwegs.\n        <\/p>\n      <\/div>\n\n      <div class=\"process-grid\">\n        <!-- Step 1 -->\n        <div class=\"process-card\">\n          <div class=\"process-num\">01<\/div>\n          <h3>SMS-Link senden<\/h3>\n          <p>\n            Der Kunde meldet eine St\u00f6rung. Ihr Disponent oder Meister sendet mit einem Klick einen Einmal-Link per SMS oder E-Mail an das Kunden-Smartphone.\n          <\/p>\n        <\/div>\n\n        <!-- Step 2 -->\n        <div class=\"process-card\">\n          <div class=\"process-num\">02<\/div>\n          <h3>Live-Video &amp; tele-Punkt<\/h3>\n          <p>\n            Der Kunde \u00f6ffnet den Link im mobilen Browser. Sie sehen das Fehlerbild live, schalten die Taschenlampe an und markieren Ventile oder Schalter mit dem roten tele-Punkt Zeiger.\n          <\/p>\n        <\/div>\n\n        <!-- Step 3 -->\n        <div class=\"process-card\">\n          <div class=\"process-num\">03<\/div>\n          <h3>Serviceprotokoll erhalten<\/h3>\n          <p>\n            tele-LOOK generiert automatisch ein revisionssicheres PDF-Protokoll inklusive HD-Fotos und Zeitstempel f\u00fcr Ihre Dokumentation und ERP-Software.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    \n      <!-- SEKTION 8: FAQ & CONVERSION HERO CTA\n       ========================================================================= -->\n  <section class=\"tl-section tl-section-alt\" id=\"faq\">\n    <div class=\"tl-container\">\n      \n      <div class=\"faq-layout\">\n        \n        <div>\n          <div class=\"tl-eyebrow\">Fragen &amp; Antworten<\/div>\n          <h2>H\u00e4ufig gestellte Fragen zum Video-Support im SHK-Handwerk<\/h2>\n          <p>\n            Hier finden Sie Antworten auf die wichtigsten Fragen zur Integration von tele-LOOK in Ihren t\u00e4glichen Kundendienst-Workflow.\n          <\/p>\n          <div style=\"margin-top: 32px;\">\n            <a href=\"https:\/\/www.tele-look.com\/web\/kostenlos-testen\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\n              Jetzt 14 Tage kostenlos testen\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-list\">\n          \n          <details open>\n            <summary>Ben\u00f6tigen meine Kunden oder Monteure eine spezielle App?<\/summary>\n            <p>\n              Nein, weder Ihre Kunden noch Ihre Monteure m\u00fcssen eine App herunterladen oder installieren. tele-LOOK funktioniert zu 100 % im Webbrowser (Safari, Chrome, Firefox etc.). Der Kunde klickt einfach auf den per SMS erhaltenen Link und der Video-Call startet in wenigen Sekunden.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>Wie unterst\u00fctzt tele-LOOK die Heizung Notdienst Organisation am Wochenende?<\/summary>\n            <p>\n              Mit einer schnellen visuellen <strong>Ferndiagnose Handwerk<\/strong> kann der Notdienst-Techniker am Wochenende sofort erkennen, ob eine echte Havarie (Heizungsausfall im Winter, Wasserrohrbruch) vorliegt oder eine Kleinigkeit, die per Fernanleitung behoben oder bis Montag verschoben werden kann. Das entlastet Ihre Techniker sp\u00fcrbar.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>Wie rechne ich die St\u00f6rung Vorabdiagnose und die Anfahrtspauschale ab?<\/summary>\n            <p>\n              Sie k\u00f6nnen f\u00fcr die digitale Ersthilfe eine Service-Pauschale (z. B. 29 bis 49 \u20ac) ansetzen. tele-LOOK erstellt automatisch ein f\u00e4lschungssicheres PDF-Serviceprotokoll als Abrechnungsgrundlage. Bei einer Vor-Ort-Reparatur kann der Betrag auf die regul\u00e4re Anfahrtspauschale im Handwerk angerechnet werden.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>Warum ist tele-LOOK sicherer als Kundenkontakt \u00fcber WhatsApp?<\/summary>\n            <p>\n              WhatsApp greift auf das Adressbuch des Smartphones zu und \u00fcbertr\u00e4gt Daten auf US-Server, was im gesch\u00e4ftlichen Einsatz gegen die DSGVO verst\u00f6\u00dft. Zudem sch\u00fctzt tele-LOOK die private Handynummer Ihrer Monteure: Es werden keine Telefonnummern mit dem Kunden ausgetauscht und alle Daten liegen auf 100% DSGVO-konform Servern in Deutschland.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>L\u00e4sst sich tele-LOOK in bestehende Handwerker-Software integrieren?<\/summary>\n            <p>\n              Ja. Zu jedem Video-Einsatz wird ein standardisiertes PDF-Protokoll inklusive aller hochaufl\u00f6senden Fotos, Messwerte und Gespr\u00e4chsdaten erstellt. Dieses Dokument l\u00e4sst sich per Klick oder Drag-and-Drop direkt in Ihre bestehende Handwerkersoftware (z. B. pds, KWP, Streit V.1, WinWorker) importieren.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>Wie l\u00e4uft die 14-t\u00e4gige kostenlose Testphase ab?<\/summary>\n            <p>\n              Sie registrieren sich unverbindlich f\u00fcr die Testphase. Die Freischaltung Ihres Firmen-Accounts erfolgt innerhalb von 24 Stunden. Sie k\u00f6nnen tele-LOOK 14 Tage lang mit Ihrem gesamten Team im echten Kundendienst-Alltag testen. Es gibt keine automatische Verl\u00e4ngerung und keine versteckten Kosten.\n            <\/p>\n          <\/details>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Conversion Hero Box -->\n      \n      <!-- CONVERSION HERO CTA SECTION (B2B SAAS 2026 MASTER) -->\n      <div class=\"tl-conversion-box\" style=\"\n          margin-top: 80px;\n          background: linear-gradient(135deg, #091326 0%, #0f1d3a 50%, #0b1730 100%);\n          border: 1px solid rgba(56, 189, 248, 0.35);\n          border-radius: 28px;\n          padding: clamp(40px, 5vw, 68px) clamp(24px, 4vw, 48px);\n          text-align: center;\n          position: relative;\n          overflow: hidden;\n          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), 0 0 40px rgba(19, 93, 255, 0.15);\n      \">\n          <!-- Eyebrow -->\n          <div style=\"display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; font-family: 'Montserrat', sans-serif; font-size: 11.5px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #38bdf8;\">\n              <span style=\"display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #38bdf8;\"><\/span>\n              SHK Kundendienst der Zukunft\n          <\/div>\n\n          <!-- Headline -->\n          <h2 style=\"\n              font-family: 'Montserrat', sans-serif !important;\n              font-size: clamp(26px, 3.8vw, 42px) !important;\n              font-weight: 900 !important;\n              line-height: 1.2 !important;\n              letter-spacing: -0.02em !important;\n              color: #ffffff !important;\n              margin: 0 0 16px 0 !important;\n          \">\n              SHK Kundendienst jetzt optimieren &amp; Fehlfahrten stoppen.<br>\n              <span class=\"text-gradient\">Starten Sie jetzt mit tele-LOOK.<\/span>\n          <\/h2>\n\n          <!-- Subheading -->\n          <p style=\"\n              font-family: 'Inter', sans-serif !important;\n              font-size: clamp(15px, 1.6vw, 18px) !important;\n              line-height: 1.7 !important;\n              color: #cbd5e1 !important;\n              max-width: 680px !important;\n              margin: 0 auto 32px auto !important;\n          \">\n              Entlasten Sie Ihre Monteure, erh\u00f6hen Sie die First-Time-Fix-Rate und begeistern Sie Ihre Kunden mit sofortiger visueller Hilfe. 100 % DSGVO-konform ohne App.\n          <\/p>\n\n          <!-- Buttons -->\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\/\" class=\"btn btn-primary\" style=\"\n                  background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%) !important;\n                  color: #ffffff !important;\n                  font-family: &#039;Montserrat&#039;, sans-serif !important;\n                  font-weight: 800 !important;\n                  font-size: 14.5px !important;\n                  padding: 15px 32px !important;\n                  border-radius: 9999px !important;\n                  text-decoration: none !important;\n                  box-shadow: 0 4px 18px rgba(19, 93, 255, 0.4) !important;\n                  display: inline-flex !important;\n                  align-items: center !important;\n                  gap: 8px !important;\n              \" target=\"_blank\" rel=\"noopener\">\n                  Jetzt 14 Tage kostenlos testen\n                  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n              <\/a>\n\n              <a href=\"https:\/\/www.tele-look.com\/web\/live-demo\/\" class=\"btn btn-outline\" style=\"\n                  background: rgba(255, 255, 255, 0.08) !important;\n                  color: #ffffff !important;\n                  border: 1px solid rgba(255, 255, 255, 0.3) !important;\n                  font-family: &#039;Montserrat&#039;, sans-serif !important;\n                  font-weight: 800 !important;\n                  font-size: 14.5px !important;\n                  padding: 15px 28px !important;\n                  border-radius: 9999px !important;\n                  text-decoration: none !important;\n                  display: inline-flex !important;\n                  align-items: center !important;\n                  gap: 8px !important;\n              \">\n                  15-Minuten Live-Demo\n              <\/a>\n          <\/div>\n\n          <!-- Trust Badge -->\n          <div style=\"display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 22px; font-size: 13px; font-weight: 600; color: #94a3b8;\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <span>Kostenlos &amp; unverbindlich \u00b7 Freischaltung innerhalb von 24 Stunden \u00b7 Keine App n\u00f6tig<\/span>\n          <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =========================================================================\n       FOOTER\n       ========================================================================= -->\n  \n\n<\/div>\n\n<!-- =========================================================================\n     JAVASCRIPT: THEME TOGGLE, MOBILE MENU & ROI CALCULATOR\n     ========================================================================= -->\n<script>\n(function() {\n  \/\/ Theme Switching\n  const html = document.documentElement;\n  const themeToggle = document.getElementById('themeToggle');\n  const themeIcon = document.getElementById('themeIcon');\n\n  function updateThemeUI(theme) {\n    html.setAttribute('data-theme', theme);\n    if (themeIcon) themeIcon.textContent = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n    localStorage.setItem('tl-theme', theme);\n  }\n\n  const currentTheme = localStorage.getItem('tl-theme') || 'light';\n  updateThemeUI(currentTheme);\n\n  if (themeToggle) {\n    themeToggle.addEventListener('click', function() {\n      const isDark = html.getAttribute('data-theme') === 'dark';\n      updateThemeUI(isDark ? 'light' : 'dark');\n    });\n  }\n\n  \/\/ Mobile Menu Toggle\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    \/\/ Close mobile menu on anchor click\n    mobileMenu.querySelectorAll('a').forEach(link => {\n      link.addEventListener('click', () => mobileMenu.classList.remove('open'));\n    });\n  }\n\n  \/\/ Interactive SHK Fehlfahrten- & ROI-Rechner\n  const sliderMonteure = document.getElementById('sliderMonteure');\n  const sliderEinsaetze = document.getElementById('sliderEinsaetze');\n  const sliderQuote = document.getElementById('sliderQuote');\n  const sliderKosten = document.getElementById('sliderKosten');\n\n  const valMonteure = document.getElementById('valMonteure');\n  const valEinsaetze = document.getElementById('valEinsaetze');\n  const valQuote = document.getElementById('valQuote');\n  const valKosten = document.getElementById('valKosten');\n\n  const resFehlfahrten = document.getElementById('resFehlfahrten');\n  const resStunden = document.getElementById('resStunden');\n  const resMonatErsparnis = document.getElementById('resMonatErsparnis');\n  const resJahrErsparnis = document.getElementById('resJahrErsparnis');\n\n  function calculateROI() {\n    if (!sliderMonteure || !sliderEinsaetze || !sliderQuote || !sliderKosten) return;\n\n    const monteure = parseInt(sliderMonteure.value, 10);\n    const einsaetzeProTag = parseInt(sliderEinsaetze.value, 10);\n    const quote = parseInt(sliderQuote.value, 10) \/ 100;\n    const kostenProFahrt = parseInt(sliderKosten.value, 10);\n\n    \/\/ Update Label Values\n    valMonteure.textContent = monteure + (monteure === 1 ? ' Monteur' : ' Monteure');\n    valEinsaetze.textContent = einsaetzeProTag + (einsaetzeProTag === 1 ? ' Einsatz' : ' Eins\u00e4tze');\n    valQuote.textContent = (quote * 100).toFixed(0) + ' %';\n    valKosten.textContent = kostenProFahrt + ' \u20ac';\n\n    \/\/ Calculation: 21 working days per month\n    const totalEinsaetzeMonat = monteure * einsaetzeProTag * 21;\n    const potentielleFehlfahrten = totalEinsaetzeMonat * quote;\n    \n    \/\/ tele-LOOK avoids approx. 70% of those false trips through visual pre-Auftragsvorkl\u00e4rung\n    const vermiedeneFehlfahrten = Math.round(potentielleFehlfahrten * 0.70);\n    \n    \/\/ Average 45 minutes (0.75h) drive time saved per avoided trip\n    const gesparteStunden = Math.round(vermiedeneFehlfahrten * 0.75);\n    \n    \/\/ Financial Savings\n    const monatlicheErsparnis = vermiedeneFehlfahrten * kostenProFahrt;\n    const jaehrlicheErsparnis = monatlicheErsparnis * 12;\n\n    \/\/ Display formatted results\n    resFehlfahrten.textContent = vermiedeneFehlfahrten + ' Eins\u00e4tze';\n    resStunden.textContent = gesparteStunden + ' Std. \/ Monat';\n    resMonatErsparnis.textContent = monatlicheErsparnis.toLocaleString('de-DE') + ' \u20ac';\n    resJahrErsparnis.textContent = jaehrlicheErsparnis.toLocaleString('de-DE') + ' \u20ac';\n  }\n\n  [sliderMonteure, sliderEinsaetze, sliderQuote, sliderKosten].forEach(slider => {\n    if (slider) slider.addEventListener('input', calculateROI);\n  });\n\n  \/\/ Initial Calculation Run\n  calculateROI();\n})();\n<\/script>\n\n\n\n\n<script>\n(function() {\n  const sliderMonteure = document.getElementById('sliderMonteure');\n  const sliderEinsaetze = document.getElementById('sliderEinsaetze');\n  const sliderQuote = document.getElementById('sliderQuote');\n  const sliderKosten = document.getElementById('sliderKosten');\n\n  const valMonteure = document.getElementById('valMonteure');\n  const valEinsaetze = document.getElementById('valEinsaetze');\n  const valQuote = document.getElementById('valQuote');\n  const valKosten = document.getElementById('valKosten');\n\n  const resFehlfahrten = document.getElementById('resFehlfahrten');\n  const resStunden = document.getElementById('resStunden');\n  const resMonatErsparnis = document.getElementById('resMonatErsparnis');\n  const resJahrErsparnis = document.getElementById('resJahrErsparnis');\n\n  function calculateROI() {\n    if (!sliderMonteure || !sliderEinsaetze || !sliderQuote || !sliderKosten) return;\n\n    const monteure = parseInt(sliderMonteure.value, 10);\n    const einsaetzeProTag = parseInt(sliderEinsaetze.value, 10);\n    const quote = parseInt(sliderQuote.value, 10) \/ 100;\n    const kostenProFahrt = parseInt(sliderKosten.value, 10);\n\n    if (valMonteure) valMonteure.textContent = monteure + (monteure === 1 ? ' Monteur' : ' Monteure');\n    if (valEinsaetze) valEinsaetze.textContent = einsaetzeProTag + (einsaetzeProTag === 1 ? ' Einsatz' : ' Eins\u00e4tze');\n    if (valQuote) valQuote.textContent = (quote * 100).toFixed(0) + ' %';\n    if (valKosten) valKosten.textContent = kostenProFahrt + ' \u20ac';\n\n    const totalEinsaetzeMonat = monteure * einsaetzeProTag * 21;\n    const potentielleFehlfahrten = totalEinsaetzeMonat * quote;\n    const vermiedeneFehlfahrten = Math.round(potentielleFehlfahrten * 0.70);\n    const gesparteStunden = Math.round(vermiedeneFehlfahrten * 0.75);\n    const monatlicheErsparnis = vermiedeneFehlfahrten * kostenProFahrt;\n    const jaehrlicheErsparnis = monatlicheErsparnis * 12;\n\n    if (resFehlfahrten) resFehlfahrten.textContent = vermiedeneFehlfahrten + ' Eins\u00e4tze';\n    if (resStunden) resStunden.textContent = gesparteStunden + ' Std. \/ Monat';\n    if (resMonatErsparnis) resMonatErsparnis.textContent = monatlicheErsparnis.toLocaleString('de-DE') + ' \u20ac';\n    if (resJahrErsparnis) resJahrErsparnis.textContent = jaehrlicheErsparnis.toLocaleString('de-DE') + ' \u20ac';\n  }\n\n  [sliderMonteure, sliderEinsaetze, sliderQuote, sliderKosten].forEach(slider => {\n    if (slider) slider.addEventListener('input', calculateROI);\n  });\n\n  calculateROI();\n})();\n\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\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SHK Notdienst Vorabdiagnose: Anfahrtskosten im Handwerk senken. Visuelle Ersteinsch\u00e4tzung per Live-Video ohne App-Download. Ersatzteile vorab bestimmen &#038; Fehlfahrten stoppen.<\/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-13238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/13238","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=13238"}],"version-history":[{"count":171,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/13238\/revisions"}],"predecessor-version":[{"id":18788,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/13238\/revisions\/18788"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=13238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}