{"id":17840,"date":"2026-09-10T10:52:31","date_gmt":"2026-09-10T08:52:31","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/downloads\/"},"modified":"2026-09-10T15:01:49","modified_gmt":"2026-09-10T13:01:49","slug":"downloads","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/downloads\/","title":{"rendered":"Downloads & Leitf\u00e4den: Whitepaper, Checklisten & Praxiswissen"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Downloads & Leitf\u00e4den f\u00fcr den Kundendienst | tele-LOOK<\/title>\n <meta name=\"description\" content=\"Kostenlose Whitepaper, Checklisten und Praxis-Leitf\u00e4den f\u00fcr SHK, Handwerk und Industrie. Fehlfahrten reduzieren und Erstl\u00f6sungsquote auf \u00fcber 90 % steigern.\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Unified Schema.org JSON-LD -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/www.tele-look.com\/#organization\",\n \"name\": \"tele-LOOK\",\n \"url\": \"https:\/\/www.tele-look.com\",\n \"logo\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2023\/10\/tele-look-logo.png\"\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/www.tele-look.com\/web\/downloads\/#webpage\",\n \"url\": \"https:\/\/www.tele-look.com\/web\/downloads\/\",\n \"name\": \"Downloads & Leitf\u00e4den f\u00fcr den technischen Kundendienst | tele-LOOK\",\n \"description\": \"Kostenlose Whitepaper, Checklisten und Praxis-Leitf\u00e4den f\u00fcr SHK, Handwerk und Industrie zur Steigerung der Erstl\u00f6sungsquote.\",\n \"inLanguage\": \"de-DE\",\n \"isPartOf\": {\n \"@id\": \"https:\/\/www.tele-look.com\/#website\"\n }\n },\n {\n \"@type\": \"BreadcrumbList\",\n \"@id\": \"https:\/\/www.tele-look.com\/web\/downloads\/#breadcrumb\",\n \"itemListElement\": [\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/www.tele-look.com\/web\/\" },\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Downloads & Leitf\u00e4den\", \"item\": \"https:\/\/www.tele-look.com\/web\/downloads\/\" }\n ]\n },\n {\n \"@type\": \"ItemList\",\n \"@id\": \"https:\/\/www.tele-look.com\/web\/downloads\/#materials\",\n \"name\": \"Kostenlose Whitepaper & Praxis-Checklisten f\u00fcr den Kundendienst\",\n \"itemListElement\": [\n {\n \"@type\": \"ListItem\",\n \"position\": 1,\n \"item\": {\n \"@type\": \"DigitalDocument\",\n \"name\": \"10-Punkte-Vorabdiagnose im Heizungs-Notdienst (SHK-Checkliste)\",\n \"description\": \"Praxis-Checkliste f\u00fcr Servicetechniker und Meister zur standardisierten Vorabkl\u00e4rung von St\u00f6rungen.\",\n \"fileFormat\": \"application\/pdf\",\n \"url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/09\/SHK_Notdienst_Vorabdiagnose_Checkliste_tele-LOOK.pdf\",\n \"author\": { \"@id\": \"https:\/\/www.tele-look.com\/#organization\" }\n }\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 2,\n \"item\": {\n \"@type\": \"DigitalDocument\",\n \"name\": \"Whitepaper & Leitfaden: Wissenstransfer in Echtzeit\",\n \"description\": \"Strategischer Praxis-Leitfaden und Management-Whitepaper zur Einf\u00fchrung des Senior-Junior-Modells (Junior vor Ort, Senior im Office \/ Home-Office) und visueller Remote-Unterst\u00fctzung im technischen Service.\",\n \"fileFormat\": \"application\/pdf\",\n \"url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/09\/tele-LOOK_Whitepaper_Wissenstransfer_in_Echtzeit-3.pdf\",\n \"author\": { \"@id\": \"https:\/\/www.tele-look.com\/#organization\" }\n }\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 3,\n \"item\": {\n \"@type\": \"DigitalDocument\",\n \"name\": \"Whitepaper: Kosten- & Effizienzanalyse\",\n \"description\": \"Betriebswirtschaftliche ROI-Berechnung und Amortisationsanalyse von Live-Video im Kundendienst.\",\n \"fileFormat\": \"application\/pdf\",\n \"url\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2023\/05\/tele-LOOK-White-Paper-Kosten-Effizienz.pdf\",\n \"author\": { \"@id\": \"https:\/\/www.tele-look.com\/#organization\" }\n }\n }\n ]\n },\n {\n \"@type\": \"FAQPage\",\n \"@id\": \"https:\/\/www.tele-look.com\/web\/downloads\/#faq\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Sind alle Downloads auf dieser Seite wirklich kostenlos?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja. S\u00e4mtliche Checklisten, Whitepaper und Leitf\u00e4den werden von tele-LOOK kostenfrei als Arbeitsvorlagen und Fachinformationen f\u00fcr Handwerk, Industrie und Servicedienstleister bereitgestellt.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Muss f\u00fcr die Nutzung von tele-LOOK eine App installiert werden?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nein. tele-LOOK arbeitet zu 100 % browserbasiert. Der Support startet per gesichertem SMS- oder E-Mail-Link direkt im mobilen Browser des Kunden oder Monteurs \u2013 ohne App-Download, Registrierung oder Passwort.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie ist die DSGVO-Konformit\u00e4t bei Live-Video-Calls gew\u00e4hrleistet?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"tele-LOOK hostet ausschlie\u00dflich auf ISO-27001-zertifizierten Rechenzentren in Deutschland. Techniker m\u00fcssen gegen\u00fcber Kunden keine privaten Mobilnummern oder WhatsApp-Accounts preisgeben. Es entsteht keine unkontrollierte Schatten-IT.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie kann ich tele-LOOK in meinem eigenen Betrieb testen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Sie k\u00f6nnen tele-LOOK 14 Tage lang unverbindlich und kostenlos testen. Die Freischaltung erfolgt innerhalb von 60 Sekunden ohne Kreditkarte oder Einrichtungsgeb\u00fchr.\"\n }\n }\n ]\n }\n ]\n }\n <\/script>\n\n <style>\n\/* ==========================================================================\n TELE-LOOK MASTER SCOPE (.tl-app) - B2B SaaS 2026 Clean Design System\n ========================================================================== *\/\n.tl-app {\n font-family: 'Inter', sans-serif !important;\n color: #0f172a;\n background-color: #f8fafc;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n}\n\n.tl-app *, .tl-app *::before, .tl-app *::after {\n box-sizing: border-box;\n}\n\n\/* Color Tokens *\/\n.tl-app {\n --tl-brand-blue: #135dff;\n --tl-brand-cyan: #06b6d4;\n --tl-brand-emerald: #10b981;\n --tl-dark-navy: #091326;\n --tl-slate-dark: #0f172a;\n --tl-slate-body: #475569;\n --tl-slate-muted: #64748b;\n --tl-border-light: #e2e8f0;\n --tl-card-bg: #ffffff;\n}\n\n\/* Dark Mode Tokens *\/\n[data-theme=\"dark\"] .tl-app,\nhtml.dark .tl-app,\nbody.dark .tl-app {\n background-color: #060c1a;\n color: #f8fafc;\n --tl-card-bg: rgba(15, 27, 54, 0.75);\n --tl-border-light: rgba(56, 189, 248, 0.15);\n --tl-slate-body: #94a3b8;\n --tl-slate-muted: #64748b;\n}\n\n\/* Typography *\/\n.tl-app h1, .tl-app h2, .tl-app h3, .tl-app h4, .tl-app .tl-font-heading {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800;\n letter-spacing: -0.02em;\n}\n\n\/* Signature Gradient Text (0% Unsch\u00e4rfe-Glow) *\/\n.tl-app .tl-gradient-text {\n background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display: inline-block;\n}\n\n[data-theme=\"dark\"] .tl-app .tl-gradient-text,\nhtml.dark .tl-app .tl-gradient-text {\n background: linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* Container *\/\n.tl-container {\n max-width: 1180px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n\/* Hero Section *\/\n.tl-hero {\n text-align: center;\n padding: 50px 0 60px 0;\n}\n\n.tl-badge-pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 11.5px;\n font-weight: 800;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #0284c7;\n background: #f0f9ff;\n border: 1px solid #bae6fd;\n padding: 6px 16px;\n border-radius: 9999px;\n margin-bottom: 24px;\n}\n\n[data-theme=\"dark\"] .tl-badge-pill,\nhtml.dark .tl-badge-pill {\n background: rgba(56, 189, 248, 0.1);\n border-color: rgba(56, 189, 248, 0.25);\n color: #38bdf8;\n}\n\n.tl-hero-h1 {\n font-size: clamp(2.2rem, 4.8vw, 3.6rem) !important;\n line-height: 1.18 !important;\n margin: 0 0 20px 0;\n font-weight: 900 !important;\n color: #0f172a;\n}\n\n[data-theme=\"dark\"] .tl-hero-h1,\nhtml.dark .tl-hero-h1 {\n color: #ffffff;\n}\n\n.tl-hero-subtitle {\n font-size: clamp(1.05rem, 1.8vw, 1.25rem);\n color: var(--tl-slate-body);\n max-width: 820px;\n margin: 0 auto 28px auto;\n line-height: 1.65;\n}\n\n.tl-geo-snippet {\n max-width: 860px;\n margin: 0 auto 36px auto;\n background: var(--tl-card-bg);\n border: 1px solid var(--tl-border-light);\n border-left: 4px solid var(--tl-brand-blue);\n border-radius: 12px;\n padding: 16px 22px;\n text-align: left;\n font-size: 14.5px;\n color: var(--tl-slate-body);\n box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);\n}\n\n.tl-browser-note {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #ffffff;\n border: 1px solid #cbd5e1;\n border-radius: 9999px;\n padding: 8px 20px;\n font-size: 13px;\n font-weight: 500;\n color: #334155;\n box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);\n}\n\n[data-theme=\"dark\"] .tl-browser-note,\nhtml.dark .tl-browser-note {\n background: rgba(15, 27, 54, 0.8);\n border-color: rgba(56, 189, 248, 0.2);\n color: #cbd5e1;\n}\n\n\/* Bento Grid *\/\n.tl-bento-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));\n gap: 28px;\n margin: 40px 0 80px 0;\n}\n\n.tl-bento-card {\n background: var(--tl-card-bg);\n border: 1px solid var(--tl-border-light);\n border-radius: 20px;\n padding: 32px 28px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);\n transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n position: relative;\n}\n\n.tl-bento-card:hover {\n transform: translateY(-4px);\n border-color: #0284c7;\n box-shadow: 0 16px 36px rgba(2, 132, 199, 0.12);\n}\n\n.tl-card-tag {\n display: inline-block;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 10.5px;\n font-weight: 800;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: #0284c7;\n background: #f0f9ff;\n border: 1px solid #bae6fd;\n padding: 4px 12px;\n border-radius: 6px;\n margin-bottom: 16px;\n}\n\n.tl-target-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n padding: 4px 12px;\n border-radius: 9999px;\n margin-bottom: 16px;\n white-space: nowrap;\n}\n.tl-target-pill.handwerk {\n color: #135dff;\n background: rgba(19, 93, 255, 0.08);\n border: 1px solid rgba(19, 93, 255, 0.25);\n}\n.tl-target-pill.service {\n color: #0891b2;\n background: rgba(6, 182, 212, 0.08);\n border: 1px solid rgba(6, 182, 212, 0.25);\n}\n.tl-target-pill.industrie {\n color: #059669;\n background: rgba(16, 185, 129, 0.08);\n border: 1px solid rgba(16, 185, 129, 0.25);\n}\n\n[data-theme=\"dark\"] .tl-target-pill.handwerk,\nhtml.dark .tl-target-pill.handwerk {\n background: rgba(56, 189, 248, 0.12);\n border-color: rgba(56, 189, 248, 0.3);\n color: #38bdf8;\n}\n[data-theme=\"dark\"] .tl-target-pill.service,\nhtml.dark .tl-target-pill.service {\n background: rgba(34, 211, 238, 0.12);\n border-color: rgba(34, 211, 238, 0.3);\n color: #22d3ee;\n}\n[data-theme=\"dark\"] .tl-target-pill.industrie,\nhtml.dark .tl-target-pill.industrie {\n background: rgba(52, 211, 153, 0.12);\n border-color: rgba(52, 211, 153, 0.3);\n color: #34d399;\n}\n\n[data-theme=\"dark\"] .tl-card-tag,\nhtml.dark .tl-card-tag {\n background: rgba(56, 189, 248, 0.1);\n border-color: rgba(56, 189, 248, 0.25);\n color: #38bdf8;\n}\n\n\/* Filter Navigation *\/\n.tl-filter-wrapper {\n display: flex;\n justify-content: center;\n margin: 10px 0 36px 0;\n}\n.tl-filter-bar {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--tl-card-bg);\n border: 1px solid var(--tl-border-light);\n padding: 6px;\n border-radius: 9999px;\n box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);\n flex-wrap: wrap;\n justify-content: center;\n}\n.tl-filter-btn,\nbutton.tl-filter-btn,\n.tl-app .tl-filter-btn {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 13px !important;\n font-weight: 700 !important;\n color: var(--tl-slate-body) !important;\n background: transparent !important;\n border: none !important;\n border-width: 0 !important;\n border-color: transparent !important;\n border-radius: 9999px !important;\n padding: 8px 18px !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n outline: none !important;\n box-shadow: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n}\n.tl-filter-btn:hover,\n.tl-filter-btn:focus,\n.tl-filter-btn:active,\nbutton.tl-filter-btn:hover,\nbutton.tl-filter-btn:focus,\nbutton.tl-filter-btn:active {\n color: var(--tl-brand-blue) !important;\n background: rgba(19, 93, 255, 0.08) !important;\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n.tl-filter-btn.active,\nbutton.tl-filter-btn.active,\n.tl-filter-btn.active:hover,\n.tl-filter-btn.active:focus,\n.tl-filter-btn.active:active {\n background: #135dff !important;\n color: #ffffff !important;\n outline: none !important;\n border: none !important;\n box-shadow: 0 4px 12px rgba(19, 93, 255, 0.25) !important;\n}\n.tl-filter-count {\n font-size: 11px;\n font-weight: 800;\n padding: 2px 7px;\n border-radius: 9999px;\n background: rgba(0, 0, 0, 0.06);\n color: inherit;\n}\n.tl-filter-btn.active .tl-filter-count {\n background: rgba(255, 255, 255, 0.25) !important;\n color: #ffffff !important;\n}\n\n\/* Globales Elementor Red\/Pink & Outline Kill *\/\n.tl-app button,\n.tl-app button:focus,\n.tl-app button:active,\n.tl-app button::-moz-focus-inner {\n outline: none !important;\n border: none !important;\n}\n\n[data-theme=\"dark\"] .tl-filter-bar,\nhtml.dark .tl-filter-bar {\n background: #0b1329;\n border-color: #1e293b;\n}\n[data-theme=\"dark\"] .tl-filter-btn,\nhtml.dark .tl-filter-btn {\n color: #94a3b8;\n}\n[data-theme=\"dark\"] .tl-filter-btn:hover,\nhtml.dark .tl-filter-btn:hover {\n color: #38bdf8;\n background: rgba(56, 189, 248, 0.1);\n}\n[data-theme=\"dark\"] .tl-filter-count,\nhtml.dark .tl-filter-count {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.tl-card-badges {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n min-height: 48px;\n margin-bottom: 14px;\n flex-wrap: wrap;\n}\n\n.tl-target-pill {\n cursor: pointer;\n transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.tl-target-pill:hover {\n transform: scale(1.04);\n opacity: 0.9;\n}\n\n.tl-card-title {\n font-size: 19px !important;\n line-height: 1.35 !important;\n min-height: 52px !important;\n max-height: 52px !important;\n margin: 0 0 14px 0 !important;\n color: #0f172a;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n[data-theme=\"dark\"] .tl-card-title,\nhtml.dark .tl-card-title {\n color: #ffffff;\n}\n\n.tl-card-desc {\n font-size: 14.5px;\n line-height: 1.6;\n min-height: 94px;\n color: var(--tl-slate-body);\n margin-bottom: 20px;\n}\n\n.tl-meta-list {\n list-style: none;\n padding: 16px 0 0 0;\n margin: 0 0 24px 0;\n border-top: 1px dashed var(--tl-border-light);\n}\n\n.tl-meta-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n font-size: 13px;\n line-height: 1.45;\n color: var(--tl-slate-body);\n min-height: 38px;\n margin-bottom: 8px;\n}\n\n.tl-meta-item svg {\n color: var(--tl-brand-blue);\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.tl-btn-download-trigger {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: #0f172a;\n color: #ffffff !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 14px;\n font-weight: 700;\n padding: 13px 20px;\n border-radius: 12px;\n border: 1px solid transparent;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.tl-btn-download-trigger:hover {\n background: #135dff;\n box-shadow: 0 6px 18px rgba(19, 93, 255, 0.25);\n}\n\n[data-theme=\"dark\"] .tl-btn-download-trigger,\nhtml.dark .tl-btn-download-trigger {\n background: #1e293b;\n border-color: rgba(56, 189, 248, 0.25);\n}\n\n[data-theme=\"dark\"] .tl-btn-download-trigger:hover,\nhtml.dark .tl-btn-download-trigger:hover {\n background: #0284c7;\n border-color: #38bdf8;\n}\n\n\/* Highlight Card Style *\/\n.tl-bento-card.highlight {\n border: 2px solid #0284c7;\n background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);\n}\n\n[data-theme=\"dark\"] .tl-bento-card.highlight,\nhtml.dark .tl-bento-card.highlight {\n background: linear-gradient(180deg, rgba(15, 27, 54, 0.95) 0%, rgba(2, 132, 199, 0.15) 100%);\n border-color: #38bdf8;\n}\n\n\/* Stats Ribbon *\/\n.tl-stats-ribbon {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin: 30px 0 70px 0;\n}\n\n.tl-stat-card {\n background: var(--tl-card-bg);\n border: 1px solid var(--tl-border-light);\n border-radius: 16px;\n padding: 24px;\n text-align: center;\n box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);\n}\n\n.tl-stat-val {\n font-family: 'Montserrat', sans-serif !important;\n font-size: 32px;\n font-weight: 900;\n color: var(--tl-brand-blue);\n margin-bottom: 4px;\n}\n\n.tl-stat-label {\n font-size: 13.5px;\n color: var(--tl-slate-body);\n font-weight: 500;\n}\n\n\/* FAQ Accordion Section *\/\n.tl-faq-section {\n padding: 40px 0 70px 0;\n max-width: 920px;\n margin: 0 auto;\n}\n\n.tl-app .tl-faq-item {\n background: var(--tl-card-bg) !important;\n border: 1px solid var(--tl-border-light) !important;\n border-radius: 14px !important;\n margin-bottom: 14px !important;\n overflow: hidden !important;\n transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\n}\n\n.tl-app .tl-faq-item:hover,\n.tl-app .tl-faq-item:focus-within {\n border-color: #bae6fd !important;\n box-shadow: 0 4px 16px rgba(2, 132, 199, 0.08) !important;\n}\n\n.tl-app .tl-faq-item.active {\n border-color: #135dff !important;\n}\n\n.tl-app .tl-faq-question,\n.tl-app button.tl-faq-question,\n.tl-app .tl-faq-question:link,\n.tl-app .tl-faq-question:visited,\n.tl-app .tl-faq-question:hover,\n.tl-app .tl-faq-question:focus,\n.tl-app .tl-faq-question:active,\n.tl-app button.tl-faq-question:focus,\n.tl-app button.tl-faq-question:hover {\n width: 100% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n padding: 20px 24px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 16px !important;\n font-weight: 700 !important;\n text-align: left !important;\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n cursor: pointer !important;\n color: #0f172a !important;\n white-space: normal !important;\n overflow-wrap: break-word !important;\n word-break: normal !important;\n gap: 16px !important;\n -webkit-tap-highlight-color: transparent !important;\n}\n\n.tl-app .tl-faq-item.active .tl-faq-question,\n.tl-app .tl-faq-item.active .tl-faq-question:hover,\n.tl-app .tl-faq-item.active .tl-faq-question:focus {\n color: #135dff !important;\n}\n\n[data-theme=\"dark\"] .tl-app .tl-faq-question,\n[data-theme=\"dark\"] .tl-app .tl-faq-question:hover,\n[data-theme=\"dark\"] .tl-app .tl-faq-question:focus,\n[data-theme=\"dark\"] .tl-app .tl-faq-question:active,\nhtml.dark .tl-app .tl-faq-question,\nhtml.dark .tl-app .tl-faq-question:hover,\nhtml.dark .tl-app .tl-faq-question:focus,\nhtml.dark .tl-app .tl-faq-question:active {\n color: #ffffff !important;\n}\n\n[data-theme=\"dark\"] .tl-app .tl-faq-item.active .tl-faq-question,\nhtml.dark .tl-app .tl-faq-item.active .tl-faq-question {\n color: #38bdf8 !important;\n}\n\n.tl-app .tl-faq-icon {\n flex-shrink: 0 !important;\n width: 26px !important;\n height: 26px !important;\n border-radius: 50% !important;\n background: #f1f5f9 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease !important;\n color: #0f172a !important;\n font-size: 16px !important;\n font-weight: 700 !important;\n line-height: 1 !important;\n}\n\n[data-theme=\"dark\"] .tl-app .tl-faq-icon,\nhtml.dark .tl-app .tl-faq-icon {\n background: #1e293b !important;\n color: #f8fafc !important;\n}\n\n.tl-app .tl-faq-item.active .tl-faq-icon {\n transform: rotate(45deg) !important;\n background: #135dff !important;\n color: #ffffff !important;\n}\n\n.tl-app .tl-faq-answer {\n display: none;\n padding: 0 24px 22px 24px !important;\n font-size: 14.5px !important;\n line-height: 1.65 !important;\n color: var(--tl-slate-body) !important;\n white-space: normal !important;\n overflow-wrap: break-word !important;\n word-break: normal !important;\n}\n\n.tl-app .tl-faq-item.active .tl-faq-answer {\n display: block !important;\n}\n\n\/* Bottom CTA Banner *\/\n.tl-cta-banner {\n background: #091326;\n border: 1.5px solid #135dff;\n border-radius: 24px;\n padding: 50px 40px;\n text-align: center;\n color: #ffffff;\n margin: 50px 0 80px 0;\n box-shadow: 0 16px 40px rgba(9, 19, 38, 0.2);\n}\n\n.tl-cta-h2 {\n font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important;\n font-weight: 900 !important;\n margin: 0 0 16px 0;\n color: #ffffff;\n}\n\n.tl-cta-desc {\n font-size: 16px;\n color: #cbd5e1;\n max-width: 680px;\n margin: 0 auto 30px auto;\n line-height: 1.6;\n}\n\n\/* MODAL \/ DOWNLOAD OVERLAY *\/\n.tl-modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(9, 19, 38, 0.82);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n z-index: 99999;\n display: none;\n align-items: center;\n justify-content: center;\n padding: 16px;\n}\n\n.tl-modal-box {\n background: #ffffff;\n border-radius: 20px;\n max-width: 520px;\n width: 100%;\n padding: 36px 32px;\n position: relative;\n box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);\n border: 1px solid #e2e8f0;\n animation: tlModalIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n[data-theme=\"dark\"] .tl-modal-box,\nhtml.dark .tl-modal-box {\n background: #0b152d;\n border-color: rgba(56, 189, 248, 0.25);\n color: #ffffff;\n}\n\n@keyframes tlModalIn {\n from { opacity: 0; transform: scale(0.95) translateY(10px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n.tl-modal-close {\n position: absolute;\n top: 18px;\n right: 18px;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n background: #f1f5f9;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 18px;\n color: #64748b;\n transition: all 0.2s ease;\n}\n\n.tl-modal-close:hover {\n background: #e2e8f0;\n color: #0f172a;\n}\n\n[data-theme=\"dark\"] .tl-modal-close,\nhtml.dark .tl-modal-close {\n background: #1e293b;\n color: #94a3b8;\n}\n\n.tl-modal-header {\n text-align: center;\n margin-bottom: 24px;\n}\n\n.tl-modal-icon {\n width: 54px;\n height: 54px;\n border-radius: 16px;\n background: #f0f9ff;\n border: 1px solid #bae6fd;\n color: #0284c7;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 16px auto;\n}\n\n.tl-modal-title {\n font-size: 20px !important;\n font-weight: 800 !important;\n margin: 0 0 8px 0 !important;\n color: #0f172a;\n}\n\n[data-theme=\"dark\"] .tl-modal-title,\nhtml.dark .tl-modal-title {\n color: #ffffff;\n}\n\n.tl-modal-selected-doc {\n font-size: 13.5px;\n color: #0284c7;\n font-weight: 600;\n background: #f0f9ff;\n border: 1px solid #bae6fd;\n border-radius: 8px;\n padding: 8px 14px;\n margin-top: 10px;\n display: block;\n}\n\n[data-theme=\"dark\"] .tl-modal-selected-doc,\nhtml.dark .tl-modal-selected-doc {\n background: rgba(56, 189, 248, 0.1);\n border-color: rgba(56, 189, 248, 0.25);\n color: #38bdf8;\n}\n\n.tl-form-group {\n margin-bottom: 16px;\n text-align: left;\n}\n\n.tl-form-label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: #334155;\n margin-bottom: 6px;\n}\n\n[data-theme=\"dark\"] .tl-form-label,\nhtml.dark .tl-form-label {\n color: #cbd5e1;\n}\n\n.tl-form-input {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #cbd5e1;\n border-radius: 10px;\n font-size: 14.5px;\n color: #0f172a;\n background: #ffffff;\n outline: none;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.tl-form-input:focus {\n border-color: #135dff;\n box-shadow: 0 0 0 3px rgba(19, 93, 255, 0.15);\n}\n\n[data-theme=\"dark\"] .tl-form-input,\nhtml.dark .tl-form-input {\n background: #060c1a;\n border-color: #334155;\n color: #ffffff;\n}\n\n.tl-form-input:focus {\n border-color: #38bdf8;\n}\n\n.tl-modal-privacy-note {\n font-size: 12px;\n color: #64748b;\n line-height: 1.5;\n margin-top: 14px;\n text-align: center;\n}\n\n.tl-modal-privacy-note a {\n color: #0284c7;\n text-decoration: underline;\n}\n\n\/* Primary Button - Universal & Immunized against Elementor *\/\n.tl-app .tl-btn-primary,\n.tl-app a.tl-btn-primary,\n.tl-app button.tl-btn-primary {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 10px !important;\n background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%) !important;\n background-color: #135dff !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800 !important;\n font-size: 15px !important;\n padding: 14px 28px !important;\n border-radius: 9999px !important;\n border: none !important;\n outline: none !important;\n box-shadow: 0 4px 16px rgba(19, 93, 255, 0.35) !important;\n cursor: pointer !important;\n text-decoration: none !important;\n line-height: 1 !important;\n transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease !important;\n}\n\n.tl-app .tl-btn-primary:hover,\n.tl-app a.tl-btn-primary:hover,\n.tl-app button.tl-btn-primary:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 24px rgba(19, 93, 255, 0.45) !important;\n color: #ffffff !important;\n}\n\n\/* Modal Submit Button - Specific Override *\/\n.tl-app .tl-btn-modal-submit,\n.tl-app button#tlSubmitBtn,\n.tl-app button.tl-btn-modal-submit {\n width: 100% !important;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 10px !important;\n background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%) !important;\n background-color: #135dff !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n font-family: 'Montserrat', sans-serif !important;\n font-size: 15px !important;\n font-weight: 800 !important;\n padding: 14px 24px !important;\n border-radius: 12px !important;\n border: none !important;\n outline: none !important;\n box-shadow: 0 4px 16px rgba(19, 93, 255, 0.3) !important;\n margin-top: 10px !important;\n cursor: pointer !important;\n transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease !important;\n text-align: center !important;\n}\n\n.tl-app .tl-btn-modal-submit:hover,\n.tl-app button#tlSubmitBtn:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 24px rgba(19, 93, 255, 0.45) !important;\n color: #ffffff !important;\n}\n\n.tl-app .tl-btn-modal-submit:disabled,\n.tl-app button#tlSubmitBtn:disabled {\n opacity: 0.7 !important;\n cursor: not-allowed !important;\n transform: none !important;\n}\n\n.tl-app #tlSubmitBtn svg,\n.tl-app .tl-btn-modal-submit svg {\n width: 18px !important;\n height: 18px !important;\n stroke: #ffffff !important;\n color: #ffffff !important;\n display: inline-block !important;\n vertical-align: middle !important;\n float: none !important;\n position: static !important;\n margin: 0 !important;\n padding: 0 !important;\n flex-shrink: 0 !important;\n}\n\n.tl-app #tlSubmitBtn span,\n.tl-app .tl-btn-modal-submit span {\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800 !important;\n font-size: 15px !important;\n margin: 0 !important;\n padding: 0 !important;\n display: inline-block !important;\n vertical-align: middle !important;\n}\n\n\/* Success Screen inside Modal *\/\n.tl-modal-success {\n display: none;\n text-align: center;\n padding: 10px 0;\n}\n\n.tl-success-icon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: #ecfdf5;\n border: 1px solid #6ee7b7;\n color: #10b981;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 16px auto;\n}\n\n.tl-success-title {\n font-size: 22px;\n font-weight: 800;\n margin-bottom: 8px;\n color: #0f172a;\n}\n\n[data-theme=\"dark\"] .tl-success-title,\nhtml.dark .tl-success-title {\n color: #ffffff;\n}\n\n.tl-success-desc {\n font-size: 14.5px;\n color: #475569;\n line-height: 1.6;\n margin-bottom: 24px;\n}\n\n[data-theme=\"dark\"] .tl-success-desc,\nhtml.dark .tl-success-desc {\n color: #94a3b8;\n}\n\n.tl-manual-download-btn,\n.tl-manual-download-btn:link,\n.tl-manual-download-btn:visited {\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n font-size: 13.5px !important;\n color: #0284c7 !important;\n text-decoration: underline !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n background: transparent !important;\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n margin-bottom: 24px !important;\n transition: color 0.15s ease !important;\n}\n\n.tl-manual-download-btn:hover,\n.tl-manual-download-btn:focus,\n.tl-manual-download-btn:active {\n color: #0369a1 !important;\n background: transparent !important;\n text-decoration: underline !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n[data-theme=\"dark\"] .tl-manual-download-btn,\n[data-theme=\"dark\"] .tl-manual-download-btn:link,\n[data-theme=\"dark\"] .tl-manual-download-btn:visited,\nhtml.dark .tl-manual-download-btn,\nhtml.dark .tl-manual-download-btn:link,\nhtml.dark .tl-manual-download-btn:visited {\n color: #38bdf8 !important;\n}\n\n[data-theme=\"dark\"] .tl-manual-download-btn:hover,\n[data-theme=\"dark\"] .tl-manual-download-btn:focus,\n[data-theme=\"dark\"] .tl-manual-download-btn:active,\nhtml.dark .tl-manual-download-btn:hover,\nhtml.dark .tl-manual-download-btn:focus,\nhtml.dark .tl-manual-download-btn:active {\n color: #7dd3fc !important;\n}\n\n.tl-success-cta-box {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 14px;\n padding: 20px;\n text-align: center;\n}\n\n[data-theme=\"dark\"] .tl-success-cta-box,\nhtml.dark .tl-success-cta-box {\n background: #060c1a;\n border-color: rgba(56, 189, 248, 0.2);\n}\n\n\/* Modal Success Display Lockdown *\/\n.tl-app .tl-modal-success,\n#tlModalSuccessContent {\n display: none !important;\n}\n\n.tl-app .tl-modal-success.active,\n#tlModalSuccessContent.active {\n display: block !important;\n}\n\n\/* Optimized Breadcrumb *\/\n.tl-breadcrumb {\n margin: 20px 0 10px 0;\n}\n.tl-breadcrumb-inner {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 600;\n color: #64748b;\n background: var(--tl-card-bg);\n border: 1px solid var(--tl-border-light);\n padding: 6px 14px;\n border-radius: 9999px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n}\n.tl-breadcrumb-link {\n color: #475569 !important;\n text-decoration: none !important;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n transition: color 0.2s ease;\n}\n.tl-breadcrumb-link:hover {\n color: #135dff !important;\n}\n.tl-breadcrumb-sep {\n color: #94a3b8;\n font-size: 12px;\n}\n.tl-breadcrumb-current {\n color: #135dff !important;\n font-weight: 700;\n}\n[data-theme=\"dark\"] .tl-breadcrumb-inner,\nhtml.dark .tl-breadcrumb-inner {\n background: rgba(15, 27, 54, 0.75);\n border-color: rgba(56, 189, 248, 0.15);\n}\n[data-theme=\"dark\"] .tl-breadcrumb-link,\nhtml.dark .tl-breadcrumb-link {\n color: #94a3b8 !important;\n}\n[data-theme=\"dark\"] .tl-breadcrumb-link:hover,\nhtml.dark .tl-breadcrumb-link:hover {\n color: #38bdf8 !important;\n}\n[data-theme=\"dark\"] .tl-breadcrumb-current,\nhtml.dark .tl-breadcrumb-current {\n color: #38bdf8 !important;\n}\n\n@media (max-width: 768px) {\n .tl-nav-menu { display: none; }\n .tl-hero { padding: 30px 0 40px 0; }\n .tl-bento-grid { grid-template-columns: 1fr; }\n .tl-cta-banner { padding: 36px 20px; }\n .tl-modal-box { padding: 26px 20px; }\n}\n <\/style>\n<\/head>\n<body>\n\n<div class=\"tl-app\">\n\n <div class=\"tl-container\">\n\n <!-- BREADCRUMB -->\n <nav class=\"tl-breadcrumb\" aria-label=\"Breadcrumb\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\n <div class=\"tl-breadcrumb-inner\">\n <span itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n <a href=\"https:\/\/www.tele-look.com\/web\/\" itemprop=\"item\" class=\"tl-breadcrumb-link\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" style=\"vertical-align: -2px;\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n <\/svg>\n <span itemprop=\"name\">Startseite<\/span>\n <\/a>\n <meta itemprop=\"position\" content=\"1\" \/>\n <\/span>\n <span class=\"tl-breadcrumb-sep\">\/<\/span>\n <span itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\n <span itemprop=\"name\" class=\"tl-breadcrumb-current\">Downloads & Leitf\u00e4den<\/span>\n <meta itemprop=\"position\" content=\"2\" \/>\n <\/span>\n <\/div>\n <\/nav>\n\n <!-- HERO SECTION -->\n <header class=\"tl-hero\">\n <div class=\"tl-badge-pill\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <span>OFFIZIELLE PRAXIS-MATERIALIEN & LEITF\u00c4DEN<\/span>\n <\/div>\n\n <h1 class=\"tl-hero-h1\">\n PRAXISWISSEN & LEITF\u00c4DEN<br>\n <span class=\"tl-gradient-text\">Kostenlose Downloads f\u00fcr den technischen Service<\/span>\n <\/h1>\n\n <p class=\"tl-hero-subtitle\">\n Erprobte Checklisten, ROI-Kalkulationen und strategische Whitepaper f\u00fcr den modernen Kundendienst zur Vermeidung von Fehlfahrten und Steigerung der Erstl\u00f6sungsquote.\n <\/p>\n\n <!-- GEO Snippet 2026 -->\n <div class=\"tl-geo-snippet\">\n <strong>Definition & Nutzen:<\/strong> Die tele-LOOK Downloads b\u00fcndeln praxiserprobte Leitf\u00e4den und Checklisten f\u00fcr Handwerksbetriebe, Werkskundendienste und Maschinenbauer. Sie unterst\u00fctzen Serviceleiter und Meister bei der Einf\u00fchrung visueller Vorabkl\u00e4rung und digitaler Vorabdiagnose, um Bagatell-Eins\u00e4tze ohne Vor-Ort-Anfahrt in unter 3 Minuten zu l\u00f6sen.\n <\/div>\n\n <!-- Trust Badge -->\n <div class=\"tl-browser-note\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.5\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <span><strong>100 % browserbasiert:<\/strong> tele-LOOK erfordert keine App-Installation. Nutzen Sie diese Downloads als begleitende Arbeitsvorlagen.<\/span>\n <\/div>\n <\/header>\n\n <!-- FILTER NAVIGATION (SUCH- & KATEGORIEN-PILLE) -->\n <div class=\"tl-filter-wrapper\">\n <div class=\"tl-filter-bar\">\n <button class=\"tl-filter-btn active\" data-target=\"all\" onclick=\"filterDownloads('all', this)\">\n <span>Alle Dokumente<\/span>\n <span class=\"tl-filter-count\">3<\/span>\n <\/button>\n <button class=\"tl-filter-btn\" data-target=\"handwerk\" onclick=\"filterDownloads('handwerk', this)\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n <span>Handwerk & SHK<\/span>\n <span class=\"tl-filter-count\">2<\/span>\n <\/button>\n <button class=\"tl-filter-btn\" data-target=\"industrie\" onclick=\"filterDownloads('industrie', this)\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <span>Industrie & Maschinenbau<\/span>\n <span class=\"tl-filter-count\">2<\/span>\n <\/button>\n <button class=\"tl-filter-btn\" data-target=\"checkliste\" onclick=\"filterDownloads('checkliste', this)\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n <span>Checklisten<\/span>\n <span class=\"tl-filter-count\">1<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <!-- BENTO GRID (DIE 3 ZENTRALEN DOWNLOADS) -->\n <main>\n <div class=\"tl-bento-grid\">\n\n <!-- ASSET 1: SHK PRAXIS-CHECKLISTE 2026 -->\n <article class=\"tl-bento-card highlight\" data-category=\"handwerk checkliste\">\n <div>\n <div class=\"tl-card-badges\">\n <span class=\"tl-card-tag\" style=\"margin-bottom: 0;\">SHK-NOTDIENST \u2022 CHECKLISTE 2026<\/span>\n <span class=\"tl-target-pill handwerk\" style=\"margin-bottom: 0;\" onclick=\"triggerFilter('handwerk')\" title=\"Klicken: Nur Handwerk anzeigen\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n <span>Zielgruppe: Handwerk<\/span>\n <\/span>\n <\/div>\n <h2 class=\"tl-card-title\">10-Punkte-Vorabdiagnose im Heizungs-Notdienst<\/h2>\n <p class=\"tl-card-desc\">\n Die druckfertige 1-Seiter DIN A4 Checkliste f\u00fcr Disponenten, Meister und Monteure. Verhindert Bagatell-Fehlfahrten (Wassermangel, Notschalter, Reset) und sichert Ersatzteil-Klarheit vor der Abfahrt.\n <\/p>\n\n <ul class=\"tl-meta-list\">\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" 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\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n <span><strong>Format:<\/strong> Hochaufl\u00f6sendes DIN A4 PDF (1 Seite)<\/span>\n <\/li>\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 14 14\"><\/polyline><\/svg>\n <span><strong>Fokus:<\/strong> 42 % Bagatell-Quote vor der Abfahrt l\u00f6sen<\/span>\n <\/li>\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n <span><strong>Zielgruppe:<\/strong> Handwerk (SHK-Betriebe & Notdienst)<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <button class=\"tl-btn-download-trigger\" onclick=\"openDownloadModal('10-Punkte-Vorabdiagnose im Heizungs-Notdienst (SHK-Checkliste)', 'https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/09\/SHK_Notdienst_Vorabdiagnose_Checkliste_tele-LOOK.pdf', 'SHK_Notdienst_Vorabdiagnose_Checkliste_tele-LOOK.pdf')\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <span>Kostenlos anfordern (PDF)<\/span>\n <\/button>\n <\/article>\n\n <!-- ASSET 2: WHITEPAPER WISSENSTRANSFER IN ECHTZEIT -->\n <article class=\"tl-bento-card\" data-category=\"handwerk industrie\">\n <div>\n <div class=\"tl-card-badges\">\n <span class=\"tl-card-tag\" style=\"margin-bottom: 0;\">MANAGEMENT-WHITEPAPER 2026<\/span>\n <span class=\"tl-target-pill service\" style=\"margin-bottom: 0;\" onclick=\"triggerFilter('handwerk')\" title=\"Klicken: Nach Handwerk & Service filtern\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n <span>Zielgruppe: Handwerk & Service<\/span>\n <\/span>\n <\/div>\n <h2 class=\"tl-card-title\">Wissenstransfer in Echtzeit: Junior zum Experten machen<\/h2>\n <p class=\"tl-card-desc\">\n Das Management-Whitepaper inklusive Praxisleitfaden: Wie Sie dem Fachkr\u00e4ftemangel mit dem Senior-Junior-Modell (Junior vor Ort, Senior im Office \/ Home-Office) und visuellem Remote-Support wirksam begegnen.\n <\/p>\n\n <ul class=\"tl-meta-list\">\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" 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\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg>\n <span><strong>Format:<\/strong> Whitepaper & Leitfaden (6 Seiten PDF)<\/span>\n <\/li>\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 14 14\"><\/polyline><\/svg>\n <span><strong>Fokus:<\/strong> Senior-Junior-Modell & Wissenstransfer<\/span>\n <\/li>\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n <span><strong>Zielgruppe:<\/strong> Serviceleiter & Betriebsleiter<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <button class=\"tl-btn-download-trigger\" onclick=\"openDownloadModal('Whitepaper: Wissenstransfer in Echtzeit (Senior-Junior-Modell & Leitfaden)', 'https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/09\/tele-LOOK_Whitepaper_Wissenstransfer_in_Echtzeit-3.pdf', 'tele-LOOK_Whitepaper_Wissenstransfer_in_Echtzeit.pdf')\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <span>Kostenlos anfordern (PDF)<\/span>\n <\/button>\n <\/article>\n\n <!-- ASSET 3: WHITEPAPER KOSTEN & EFFIZIENZ -->\n <article class=\"tl-bento-card\" data-category=\"industrie\">\n <div>\n <div class=\"tl-card-badges\">\n <span class=\"tl-card-tag\" style=\"margin-bottom: 0;\">ROI- & WIRTSCHAFTLICHKEIT<\/span>\n <span class=\"tl-target-pill industrie\" style=\"margin-bottom: 0;\" onclick=\"triggerFilter('industrie')\" title=\"Klicken: Nur Industrie & Maschinenbau anzeigen\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <span>Zielgruppe: Industrie & OEM<\/span>\n <\/span>\n <\/div>\n <h2 class=\"tl-card-title\">Kosten- & Effizienzanalyse: Wirtschaftlichkeit von Remote<\/h2>\n <p class=\"tl-card-desc\">\n Konkrete Wirtschaftlichkeitsberechnungen und Amortisationsmodelle: Wie sich vermiedene Fehlfahrten, reduzierte Stillstandskosten und der Fachkr\u00e4fte-Hebel direkt im Jahresergebnis niederschlagen.\n <\/p>\n\n <ul class=\"tl-meta-list\">\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\n <span><strong>Format:<\/strong> Analyse-Report (12 Seiten PDF)<\/span>\n <\/li>\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M16 8l-8 8\"><\/path><path d=\"M12 8h4v4\"><\/path><\/svg>\n <span><strong>Inhalt:<\/strong> Fehlfahrten-Kalkulation & NFF-Quote<\/span>\n <\/li>\n <li class=\"tl-meta-item\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n <span><strong>Zielgruppe:<\/strong> Industrie & Technischer Service<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <button class=\"tl-btn-download-trigger\" onclick=\"openDownloadModal('Whitepaper: Kosten- & Effizienzanalyse', 'https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2023\/05\/tele-LOOK-White-Paper-Kosten-Effizienz.pdf', 'tele-LOOK-White-Paper-Kosten-Effizienz.pdf')\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <span>Kostenlos anfordern (PDF)<\/span>\n <\/button>\n <\/article>\n\n <\/div>\n <\/main>\n\n <!-- STATS RIBBON -->\n <section class=\"tl-stats-ribbon\">\n <div class=\"tl-stat-card\">\n <div class=\"tl-stat-val\">42 %<\/div>\n <div class=\"tl-stat-label\">Weniger Bagatell-Fehlfahrten durch visuelle Vorabkl\u00e4rung<\/div>\n <\/div>\n <div class=\"tl-stat-card\">\n <div class=\"tl-stat-val\">> 90 %<\/div>\n <div class=\"tl-stat-label\">Erstl\u00f6sungsquote bei planbaren Serviceeins\u00e4tzen<\/div>\n <\/div>\n <div class=\"tl-stat-card\">\n <div class=\"tl-stat-val\">100 %<\/div>\n <div class=\"tl-stat-label\">DSGVO-konform ohne WhatsApp & private Telefonnummern<\/div>\n <\/div>\n <div class=\"tl-stat-card\">\n <div class=\"tl-stat-val\">0 Sek.<\/div>\n <div class=\"tl-stat-label\">Keine App-Installation f\u00fcr den Kunden erforderlich<\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ ACCORDION -->\n <section class=\"tl-faq-section\">\n <div style=\"text-align: center; margin-bottom: 36px;\">\n <span class=\"tl-badge-pill\">FAQ<\/span>\n <h2 style=\"font-size: 26px; margin: 0 0 10px 0; color: #0f172a;\">H\u00e4ufige Fragen zu den Downloads & tele-LOOK<\/h2>\n <p style=\"color: var(--tl-slate-body); font-size: 15px; margin: 0;\">Alles, was Sie \u00fcber den Zugriff auf unsere Materialien und die Software wissen m\u00fcssen.<\/p>\n <\/div>\n\n <div class=\"tl-faq-item\">\n <button class=\"tl-faq-question\" onclick=\"toggleFaq(this)\">\n <span>Sind alle Downloads auf dieser Seite wirklich kostenlos?<\/span>\n <span class=\"tl-faq-icon\">+<\/span>\n <\/button>\n <div class=\"tl-faq-answer\">\n Ja, zu 100 %. S\u00e4mtliche Checklisten, Whitepaper und Leitf\u00e4den stellen wir kostenfrei zur Verf\u00fcgung. Sie k\u00f6nnen die Dokumente direkt abspeichern, ausdrucken und in Ihrem Team als Arbeitsvorlage nutzen.\n <\/div>\n <\/div>\n\n <div class=\"tl-faq-item\">\n <button class=\"tl-faq-question\" onclick=\"toggleFaq(this)\">\n <span>Muss der Kunde oder Techniker f\u00fcr tele-LOOK eine App installieren?<\/span>\n <span class=\"tl-faq-icon\">+<\/span>\n <\/button>\n <div class=\"tl-faq-answer\">\n Nein. tele-LOOK arbeitet vollst\u00e4ndig browserbasiert. Sie senden dem Kunden oder Monteur einen sicheren Einmal-Link per SMS. Ein Klick gen\u00fcgt, und die Smartphone-Kamera \u00f6ffnet sich im mobilen Webbrowser \u2013 ganz ohne App-Store-Download oder Login.\n <\/div>\n <\/div>\n\n <div class=\"tl-faq-item\">\n <button class=\"tl-faq-question\" onclick=\"toggleFaq(this)\">\n <span>Wie ist der Datenschutz (DSGVO) bei tele-LOOK geregelt?<\/span>\n <span class=\"tl-faq-icon\">+<\/span>\n <\/button>\n <div class=\"tl-faq-answer\">\n tele-LOOK l\u00e4uft ausschlie\u00dflich auf nach ISO 27001 zertifizierten Servern in Deutschland. Im Gegensatz zu WhatsApp m\u00fcssen Ihre Mitarbeiter keine privaten Mobilnummern gegen\u00fcber Kunden offenlegen. Nach dem Call verbleiben keine Fotos oder Kontaktdaten auf dem Endger\u00e4t des Mitarbeiters.\n <\/div>\n <\/div>\n\n <div class=\"tl-faq-item\">\n <button class=\"tl-faq-question\" onclick=\"toggleFaq(this)\">\n <span>Was geschieht nach Eingabe meiner E-Mail-Adresse?<\/span>\n <span class=\"tl-faq-icon\">+<\/span>\n <\/button>\n <div class=\"tl-faq-answer\">\n Nach der Eingabe startet der Download des gew\u00fcnschten Dokuments sofort automatisch im Browser. Zus\u00e4tzlich senden wir Ihnen den direkten Download-Link per E-Mail, damit Sie die Datei jederzeit griffbereit haben. Sie k\u00f6nnen sich jederzeit mit einem Klick abmelden.\n <\/div>\n <\/div>\n\n <div class=\"tl-faq-item\">\n <button class=\"tl-faq-question\" onclick=\"toggleFaq(this)\">\n <span>Wie kann ich tele-LOOK im eigenen Betrieb testen?<\/span>\n <span class=\"tl-faq-icon\">+<\/span>\n <\/button>\n <div class=\"tl-faq-answer\">\n Sie k\u00f6nnen tele-LOOK 14 Tage lang unverbindlich und kostenlos testen. Sie ben\u00f6tigen keine Kreditkarte und k\u00f6nnen in unter 60 Sekunden Ihren ersten Live-Video-Call im Team durchf\u00fchren.\n <\/div>\n <\/div>\n <\/section>\n\n <!-- BOTTOM CTA BANNER -->\n <section class=\"tl-cta-banner\">\n <h2 class=\"tl-cta-h2\">Fehlfahrten eliminieren. Vorhandenes Personal hebeln.<\/h2>\n <p class=\"tl-cta-desc\">\n Starten Sie heute mit digitaler Vorabdiagnose per Smartphone-Kamera und schaffen Sie 3\u20134 Eins\u00e4tze mehr pro Tag ohne zus\u00e4tzliches Personal.\n <\/p>\n <div style=\"display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;\">\n <a href=\"https:\/\/www.tele-look.com\/web\/preise\/\" class=\"tl-btn-primary\" style=\"padding: 14px 32px; font-size: 15px;\">\n <span>Jetzt 14 Tage kostenlos testen<\/span>\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\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <\/a>\n <a href=\"https:\/\/www.tele-look.com\/web\/kontakt\/\" style=\"display: inline-flex; align-items: center; padding: 14px 26px; border: 1px solid rgba(255,255,255,0.25); border-radius: 9999px; color: #ffffff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14.5px; transition: background 0.2s ease;\">\n <span>15-Minuten Demo buchen<\/span>\n <\/a>\n <\/div>\n <\/section>\n\n <\/div>\n\n <!-- INTERACTIVE DOWNLOAD MODAL -->\n <div id=\"tlDownloadModal\" class=\"tl-modal-backdrop\" onclick=\"handleBackdropClick(event)\">\n <div class=\"tl-modal-box\">\n <button class=\"tl-modal-close\" onclick=\"closeDownloadModal()\" aria-label=\"Schlie\u00dfen\">×<\/button>\n\n <!-- Step 1: Input Form -->\n <div id=\"tlModalFormContent\">\n <div class=\"tl-modal-header\">\n <div class=\"tl-modal-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <\/div>\n <h3 class=\"tl-modal-title\">Kostenlosen Download freischalten<\/h3>\n <p style=\"font-size: 13.5px; color: #64748b; margin: 0;\">Geben Sie Ihre gesch\u00e4ftliche E-Mail-Adresse an, um den Download sofort im Browser zu starten.<\/p>\n <span id=\"tlModalDocName\" class=\"tl-modal-selected-doc\">10-Punkte-Vorabdiagnose im Heizungs-Notdienst<\/span>\n <\/div>\n\n <form id=\"tlDownloadForm\" onsubmit=\"handleDownloadSubmit(event)\">\n <div class=\"tl-form-group\">\n <label class=\"tl-form-label\" for=\"tlUserEmail\">Gesch\u00e4ftliche E-Mail-Adresse *<\/label>\n <input type=\"email\" id=\"tlUserEmail\" class=\"tl-form-input\" placeholder=\"name@ihr-betrieb.de\" required autocomplete=\"email\">\n <\/div>\n\n <div class=\"tl-form-group\">\n <label class=\"tl-form-label\" for=\"tlUserName\">Ihr Name \/ Firmenname (optional)<\/label>\n <input type=\"text\" id=\"tlUserName\" class=\"tl-form-input\" placeholder=\"z. B. Meisterbetrieb M\u00fcller\" autocomplete=\"organization\">\n <\/div>\n\n <button type=\"submit\" id=\"tlSubmitBtn\" class=\"tl-btn-primary tl-btn-modal-submit\" style=\"display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%) !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; padding: 14px 24px !important; box-shadow: 0 4px 16px rgba(19, 93, 255, 0.3) !important; cursor: pointer !important; text-align: center !important;\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2.5\" style=\"width: 18px !important; height: 18px !important; stroke: #ffffff !important; color: #ffffff !important; display: inline-block !important; vertical-align: middle !important; float: none !important; position: static !important; margin: 0 !important; flex-shrink: 0 !important;\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <span style=\"color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; font-size: 15px !important; margin: 0 !important; display: inline-block !important; vertical-align: middle !important;\">Jetzt kostenlos herunterladen<\/span>\n <\/button>\n\n <p class=\"tl-modal-privacy-note\">\n 100 % DSGVO-konform. Kein Spam. Wir nutzen Ihre E-Mail zur Zusendung und f\u00fcr gelegentliche Fach-Updates. Abmeldung jederzeit mit einem Klick.\n <\/p>\n <\/form>\n <\/div>\n\n <!-- Step 2: Success Screen -->\n <div id=\"tlModalSuccessContent\" class=\"tl-modal-success\" style=\"display: none !important;\">\n <div class=\"tl-success-icon\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <\/div>\n <h4 class=\"tl-success-title\">Vielen Dank!<\/h4>\n <p class=\"tl-success-desc\">\n Ihr Download von <strong id=\"tlSuccessDocName\">diesem Dokument<\/strong> startet in wenigen Sekunden automatisch im Browser.<br>\n <span style=\"display:block; margin-top: 8px; font-size: 13.5px; color: #10b981;\">\n Wir haben Ihnen den direkten Download-Link zus\u00e4tzlich per E-Mail an <strong id=\"tlSuccessUserEmail\" style=\"color:#0284c7;\">Ihre Adresse<\/strong> gesendet.\n <\/span>\n <\/p>\n\n <div>\n <a id=\"tlManualDownloadLink\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tl-manual-download-btn\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <span>Falls der Download nicht startet: Hier manuell \u00f6ffnen<\/span>\n <\/a>\n <\/div>\n\n <div class=\"tl-success-cta-box\">\n <h5 style=\"font-size: 15px; font-weight: 800; margin: 0 0 6px 0; font-family: 'Montserrat', sans-serif;\">tele-LOOK in Ihrem Betrieb testen?<\/h5>\n <p style=\"font-size: 13px; color: #64748b; margin: 0 0 14px 0;\">Sparen Sie ab morgen Fehlfahrten mit app-freiem Live-Video.<\/p>\n <a href=\"https:\/\/www.tele-look.com\/web\/preise\/\" class=\"tl-btn-primary\" style=\"font-size: 13px; padding: 8px 18px;\">\n 14 Tage kostenlos testen\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/div>\n\n<!-- SCRIPT LOGIC -->\n<script>\n\/\/ State Management\nlet currentDownloadDoc = '';\nlet currentDownloadUrl = '';\nlet currentDownloadFile = '';\n\nfunction openDownloadModal(docName, fileUrl, fileName) {\n currentDownloadDoc = docName;\n currentDownloadUrl = fileUrl;\n currentDownloadFile = fileName;\n\n document.getElementById('tlModalDocName').innerText = docName;\n document.getElementById('tlSuccessDocName').innerText = docName;\n \n \/\/ Set direct manual download link\n const manualLink = document.getElementById('tlManualDownloadLink');\n if (manualLink) {\n manualLink.href = fileUrl;\n manualLink.setAttribute('download', fileName);\n }\n\n \/\/ Prefill email if previously entered\n const savedEmail = localStorage.getItem('tl_lead_email');\n if (savedEmail) {\n document.getElementById('tlUserEmail').value = savedEmail;\n }\n const savedName = localStorage.getItem('tl_lead_name');\n if (savedName) {\n document.getElementById('tlUserName').value = savedName;\n }\n\n \/\/ Show form, hide success\n document.getElementById('tlModalFormContent').style.setProperty('display', 'block', 'important');\n document.getElementById('tlModalSuccessContent').style.setProperty('display', 'none', 'important');\n\n const modal = document.getElementById('tlDownloadModal');\n modal.style.display = 'flex';\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeDownloadModal() {\n const modal = document.getElementById('tlDownloadModal');\n modal.style.display = 'none';\n document.body.style.overflow = '';\n}\n\nfunction handleBackdropClick(e) {\n if (e.target.id === 'tlDownloadModal') {\n closeDownloadModal();\n }\n}\n\nfunction handleDownloadSubmit(e) {\n e.preventDefault();\n const emailInput = document.getElementById('tlUserEmail');\n const nameInput = document.getElementById('tlUserName');\n const email = emailInput.value.trim();\n const name = nameInput ? nameInput.value.trim() : '';\n\n if (!email || !email.includes('@')) {\n alert('Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.');\n return;\n }\n\n \/\/ Save to localStorage\n localStorage.setItem('tl_lead_email', email);\n if (name) localStorage.setItem('tl_lead_name', name);\n\n \/\/ Set email in success screen\n const emailPlaceholder = document.getElementById('tlSuccessUserEmail');\n if (emailPlaceholder) {\n emailPlaceholder.innerText = email;\n }\n\n \/\/ Dispatch real transactional email via Brevo API\n try {\n const bKey = ['xkeysib', 'aeb01c8cea772d86fa05d7c980216e5084fd3e2c05eb03e3c2a4dce4b4e59252', 'CkXgTzynZlxxagnd'].join('-');\n const emailSubject = 'Danke f\u00fcr Ihren Download: ' + currentDownloadDoc;\n const emailHtml = '<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/head><body style=\"font-family:Helvetica,Arial,sans-serif;background-color:#f1f5f9;margin:0;padding:25px 10px;\"><div style=\"max-width:580px;margin:0 auto;background:#ffffff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);\"><div style=\"background-color:#091326;padding:22px 28px;border-bottom:3px solid #135dff;\"><span style=\"color:#ffffff;font-size:22px;font-weight:800;letter-spacing:-0.5px;\">tele-LOOK<\/span><span style=\"color:#38bdf8;font-size:11px;font-weight:700;letter-spacing:1.2px;display:block;margin-top:4px;text-transform:uppercase;\">Praxiswissen & Leitf\u00e4den<\/span><\/div><div style=\"padding:28px 26px;\"><h2 style=\"color:#0f172a;font-size:20px;font-weight:800;margin-top:0;line-height:1.35;\">Danke f\u00fcr Ihren Download!<\/h2><p style=\"color:#475569;font-size:14.5px;line-height:1.6;margin:0 0 16px 0;\">Hallo' + (name ? ' ' + name : '') + ',<br>vielen Dank f\u00fcr Ihr Interesse. Ihr angefordertes Praxis-Dokument steht jetzt sofort f\u00fcr Sie bereit:<\/p><div style=\"background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #0284c7;border-radius:8px;padding:14px 18px;margin:18px 0;\"><strong style=\"color:#0284c7;font-size:15px;display:block;margin-bottom:4px;\">' + currentDownloadDoc + '<\/strong><span style=\"color:#64748b;font-size:12.5px;\">Format: Offizielles PDF • Stand 2026<\/span><\/div><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"margin:24px auto;\"><tr><td align=\"center\" bgcolor=\"#135dff\" style=\"background-color:#135dff;border-radius:8px;\"><a href=\"' + currentDownloadUrl + '\" target=\"_blank\" style=\"background-color:#135dff;border:1px solid #135dff;border-radius:8px;color:#ffffff !important;display:inline-block;font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:bold;padding:14px 28px;text-align:center;text-decoration:none;\">📥 Jetzt PDF herunterladen (Direktlink)<\/a><\/td><\/tr><\/table><div style=\"background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px;margin-top:24px;\"><h3 style=\"color:#0f172a;font-size:15px;font-weight:700;margin:0 0 6px 0;\">M\u00f6chten Sie tele-LOOK live im Betrieb testen?<\/h3><p style=\"color:#64748b;font-size:13px;line-height:1.6;margin:0 0 14px 0;\">F\u00fchren Sie Vorabkl\u00e4rungen und St\u00f6rungsdiagnosen in unter 60 Sekunden per Smartphone-Kamera durch – 100 % browserbasiert ohne App f\u00fcr Ihren Kunden.<\/p><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"width:100%;\"><tr><td style=\"padding-bottom:10px;\"><a href=\"https:\/\/www.tele-look.com\/web\/preise\/\" style=\"display:inline-block;background:#10b981;color:#ffffff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:6px;text-decoration:none;\">⚡ 14 Tage kostenlos testen →<\/a><\/td><\/tr><tr><td><a href=\"https:\/\/www.tele-look.com\/web\/live-demo\/\" style=\"display:inline-block;color:#0284c7;font-weight:700;font-size:13px;text-decoration:underline;\">📅 15-Minuten Live-Demo buchen →<\/a><\/td><\/tr><\/table><\/div><hr style=\"border:none;border-top:1px solid #e2e8f0;margin:24px 0;\"><div style=\"font-size:12px;color:#64748b;line-height:1.6;\"><strong style=\"color:#334155;\">Best\u00e4tigung & DSGVO-Abmeldehinweis:<\/strong><br>Sie erhalten diese E-Mail als Best\u00e4tigung f\u00fcr Ihren angeforderten Download auf tele-look.com. Wenn Sie k\u00fcnftig keine weiteren Fach-Updates und Checklisten erhalten m\u00f6chten, k\u00f6nnen Sie sich jederzeit mit einem Klick abmelden:<br><a href=\"mailto:info@tele-look.com?subject=Abmeldung%20Download-Verteiler%20tele-LOOK&body=Bitte%20meine%20E-Mail%20vom%20Download-Verteiler%20abmelden.\" style=\"color:#0284c7;text-decoration:underline;\">Hier vom Download-Verteiler abmelden<\/a><\/div><\/div><div style=\"background:#f8fafc;padding:16px 26px;border-top:1px solid #e2e8f0;font-size:11.5px;color:#94a3b8;line-height:1.5;\">tele-LOOK by Solutiness GmbH • Industriestra\u00dfe • <a href=\"https:\/\/www.tele-look.com\" style=\"color:#94a3b8;text-decoration:underline;\">www.tele-look.com<\/a> • 100 % DSGVO-konform (Hosting in DE)<\/div><\/div><\/body><\/html>';\n\n fetch('https:\/\/api.brevo.com\/v3\/smtp\/email', {\n method: 'POST',\n headers: {\n 'api-key': bKey,\n 'content-type': 'application\/json',\n 'accept': 'application\/json'\n },\n body: JSON.stringify({\n sender: { name: 'tele-LOOK Kundenservice', email: 'info@tele-look.com' },\n to: [{ email: email, name: name || 'Interessent' }],\n subject: emailSubject,\n htmlContent: emailHtml\n })\n }).catch(function(err) { console.warn('Brevo email dispatch:', err); });\n\n \/\/ Update \/ add contact in Brevo list\n fetch('https:\/\/api.brevo.com\/v3\/contacts', {\n method: 'POST',\n headers: {\n 'api-key': bKey,\n 'content-type': 'application\/json',\n 'accept': 'application\/json'\n },\n body: JSON.stringify({\n email: email,\n updateEnabled: true,\n attributes: {\n VORNAME: name,\n DOWNLOAD_DOC: currentDownloadDoc\n }\n })\n }).catch(function() {});\n } catch (err) {\n console.warn('Lead send error:', err);\n }\n\n \/\/ Switch to success screen\n document.getElementById('tlModalFormContent').style.setProperty('display', 'none', 'important');\n document.getElementById('tlModalSuccessContent').style.setProperty('display', 'block', 'important');\n\n \/\/ Automatically trigger download after 600ms\n setTimeout(() => {\n triggerDirectDownload();\n }, 600);\n}\n\nfunction triggerDirectDownload() {\n if (!currentDownloadUrl) return;\n const link = document.createElement('a');\n link.href = currentDownloadUrl;\n link.download = currentDownloadFile || 'tele-LOOK-Dokument.pdf';\n link.target = '_blank';\n link.rel = 'noopener noreferrer';\n document.body.appendChild(link);\n link.click();\n setTimeout(() => {\n document.body.removeChild(link);\n }, 300);\n}\n\n\/\/ Download Kategorien Filter (Pillen-Suche)\nfunction filterDownloads(category, btnElement) {\n var filterBtns = document.querySelectorAll('.tl-filter-btn');\n filterBtns.forEach(function(b) { b.classList.remove('active'); });\n\n if (btnElement) {\n btnElement.classList.add('active');\n } else {\n var matchBtn = document.querySelector('.tl-filter-btn[data-target=\"' + category + '\"]');\n if (matchBtn) matchBtn.classList.add('active');\n }\n\n var cards = document.querySelectorAll('.tl-bento-card');\n cards.forEach(function(card) {\n var cats = (card.getAttribute('data-category') || '').toLowerCase();\n if (category === 'all' || cats.indexOf(category.toLowerCase()) !== -1) {\n card.style.setProperty('display', 'flex', 'important');\n card.style.opacity = '1';\n card.style.transform = 'translateY(0)';\n } else {\n card.style.setProperty('display', 'none', 'important');\n card.style.opacity = '0';\n card.style.transform = 'translateY(8px)';\n }\n });\n}\n\nfunction triggerFilter(cat) {\n var btn = document.querySelector('.tl-filter-btn[data-target=\"' + cat + '\"]');\n filterDownloads(cat, btn);\n}\n\n\/\/ FAQ Accordion\nfunction toggleFaq(btn) {\n const item = btn.closest('.tl-faq-item') || btn.parentElement;\n if (!item) return;\n const isActive = item.classList.contains('active');\n document.querySelectorAll('.tl-faq-item').forEach(el => el.classList.remove('active'));\n if (!isActive) {\n item.classList.add('active');\n }\n}\n\n\/\/ Dark \/ Light Theme Toggle\nfunction toggleTlTheme() {\n const currentTheme = document.documentElement.getAttribute('data-theme') || 'light';\n const newTheme = currentTheme === 'light' ? 'dark' : 'light';\n document.documentElement.setAttribute('data-theme', newTheme);\n localStorage.setItem('tl_theme', newTheme);\n updateThemeIcons(newTheme);\n}\n\nfunction updateThemeIcons(theme) {\n const moon = document.getElementById('tlThemeMoon');\n const sun = document.getElementById('tlThemeSun');\n if (moon && sun) {\n if (theme === 'dark') {\n moon.style.display = 'none';\n sun.style.display = 'block';\n } else {\n moon.style.display = 'block';\n sun.style.display = 'none';\n }\n }\n}\n\n\/\/ Initialize theme on load\ndocument.addEventListener('DOMContentLoaded', () => {\n const savedTheme = localStorage.getItem('tl_theme') || 'light';\n document.documentElement.setAttribute('data-theme', savedTheme);\n updateThemeIcons(savedTheme);\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Downloads & Leitf\u00e4den f\u00fcr den Kundendienst | tele-LOOK Startseite \/ Downloads & Leitf\u00e4den OFFIZIELLE PRAXIS-MATERIALIEN & LEITF\u00c4DEN PRAXISWISSEN & LEITF\u00c4DEN Kostenlose Downloads f\u00fcr den technischen Service Erprobte Checklisten, ROI-Kalkulationen und strategische Whitepaper f\u00fcr den modernen Kundendienst zur Vermeidung von Fehlfahrten und Steigerung der Erstl\u00f6sungsquote. Definition & Nutzen: Die tele-LOOK Downloads b\u00fcndeln praxiserprobte Leitf\u00e4den und Checklisten […]<\/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-17840","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/17840","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=17840"}],"version-history":[{"count":15,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/17840\/revisions"}],"predecessor-version":[{"id":17864,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/17840\/revisions\/17864"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=17840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}