{"id":15067,"date":"2026-03-16T15:33:14","date_gmt":"2026-03-16T14:33:14","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=15067"},"modified":"2026-04-20T12:25:25","modified_gmt":"2026-04-20T10:25:25","slug":"bauindstrie-visuelle-schadensbegutachtung","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/bauindstrie-visuelle-schadensbegutachtung\/","title":{"rendered":"Bauindustrie"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t\t\n
\n\t\t\n<\/div>\n
\n\t\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 \n \n Live Video Support f\u00fcr die Industrie | tele-LOOK Remote Service<\/title>\n <meta name=\"description\" content=\"Reduzieren Sie Anlagenstillst\u00e4nde (OEE) in Stahlwerken, Bergbau & Geb\u00e4udetechnik. Browserbasierter Live Video Support ohne App. DSGVO-konform & Made in Germany.\" \/>\n <meta name=\"keywords\" content=\"Live Video Support Industrie, Remote Support Stahlwerk, Anlagenwartung Ferndiagnose, Instandhaltung App, tele-LOOK, Maschinenstillstand reduzieren, Bergbau Remote Service, Geb\u00e4udetechnik Video Support, Service-Protokoll Industrie\" \/>\n <meta name=\"author\" content=\"tele-LOOK\" \/>\n <meta name=\"geo.region\" content=\"DE-BW\" \/>\n <meta name=\"geo.placename\" content=\"Bad Krozingen\" \/>\n\n <!-- Schema.org Markups -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"SoftwareApplication\",\n \"name\": \"tele-LOOK Live Video Support\",\n \"applicationCategory\": \"BusinessApplication\",\n \"operatingSystem\": \"Browser (iOS, Android, Windows, macOS)\",\n \"description\": \"Browserbasierter Remote Support f\u00fcr die Industrie. Sofortige Fehlerdiagnose f\u00fcr Aluminiumwerke, Baustoffindustrie, Bergbau und Geb\u00e4udetechnik ohne App-Installation.\",\n \"offers\": { \"@type\": \"Offer\", \"priceCurrency\": \"EUR\", \"description\": \"14 Tage kostenlos testen\" },\n \"url\": \"https:\/\/www.tele-look.com\",\n \"provider\": {\n \"@type\": \"Organization\",\n \"name\": \"tele-LOOK\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Bad Krozingen\",\n \"addressRegion\": \"Baden-W\u00fcrttemberg\",\n \"addressCountry\": \"DE\"\n }\n }\n }\n <\/script>\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Funktioniert der Video-Support auch bei lauten Industrieanlagen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja. Selbst wenn die verbale Kommunikation durch Maschinenl\u00e4rm unm\u00f6glich ist, k\u00f6nnen Sie den Anwender vor Ort durch unseren visuellen 'tele-Punkt' (Live-Zeiger im Video) und eingeblendete Schaltpl\u00e4ne sicher anleiten.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Ben\u00f6tigen Instandhalter oder Anlagenbediener vor Ort eine App?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Nein, tele-LOOK funktioniert 100% browserbasiert. Der Mitarbeiter am Hochofen oder im Steinbruch klickt lediglich auf einen SMS-Link und die sichere Video-Verbindung steht.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"K\u00f6nnen wir Service-Eins\u00e4tze rechtssicher dokumentieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja. Sie k\u00f6nnen per Mausklick HD-Fotos aus dem Live-Stream erstellen. Am Ende generiert das System ein f\u00e4lschungssicheres Service-Protokoll inklusive Zeitstempel.\"\n }\n }\n ]\n }\n <\/script>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- \u00dcberschreibt externe WordPress-Styles f\u00fcr Tailwind-Klassen -->\n <script>\n tailwind.config = {\n important: true,\n }\n <\/script>\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=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --brand: #125dff;\n --brand-dark: #0b2a7a;\n --brand-soft: #eff6ff;\n --text: #0f172a;\n --muted: #475569;\n --line: #e2e8f0;\n --bg-soft: #f8fafc;\n --success: #16a34a;\n }\n\n * { box-sizing: border-box; }\n html { scroll-behavior: smooth; scroll-padding-top: 100px; }\n \n body {\n margin: 0;\n font-family: 'Manrope', sans-serif !important;\n color: var(--text) !important;\n background: #fff !important;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n }\n\n img, video, iframe { max-width: 100%; display: block; height: auto; }\n a { text-decoration: none !important; }\n .text-brand { color: var(--brand) !important; }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n width: 100%;\n }\n\n .hero-bg {\n position: relative;\n overflow: hidden;\n background:\n radial-gradient(circle at 84% 18%, rgba(37, 99, 235, 0.22), transparent 22%),\n radial-gradient(circle at 18% 78%, rgba(255,255,255,0.08), transparent 20%),\n linear-gradient(135deg, #0f172a 0%, #1e293b 58%, #0f172a 100%) !important; \/* Industrieller Dark Mode Look *\/\n }\n\n .hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 70% 30%, rgba(255,255,255,0.06), transparent 18%),\n radial-gradient(circle at 35% 70%, rgba(59,130,246,0.10), transparent 26%);\n pointer-events: none;\n }\n\n .glass {\n background: rgba(255,255,255,0.08) !important;\n border: 1px solid rgba(255,255,255,0.14) !important;\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n }\n\n .label-badge {\n display: inline-flex;\n align-items: center;\n gap: .5rem;\n border-radius: 999px;\n background: rgba(18,93,255,.12) !important;\n color: var(--brand) !important;\n border: 1px solid rgba(18,93,255,.18) !important;\n padding: .45rem .9rem;\n font-size: .72rem;\n font-weight: 800;\n letter-spacing: .12em;\n text-transform: uppercase;\n }\n\n \/* Buttons explizit gegen Theme-Farben h\u00e4rten *\/\n .btn-primary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 48px;\n padding: 1rem 1.5rem;\n border-radius: 14px;\n background: var(--brand) !important;\n color: #ffffff !important;\n font-weight: 800;\n transition: .25s ease;\n box-shadow: 0 12px 28px -12px rgba(18,93,255,.6);\n text-align: center;\n }\n .btn-primary:hover { transform: translateY(-2px); background: #0f52df !important; color: #ffffff !important; }\n\n .btn-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 48px;\n padding: 1rem 1.5rem;\n border-radius: 14px;\n background: rgba(255,255,255,0.06) !important;\n color: #ffffff !important;\n border: 1px solid rgba(255,255,255,0.2) !important;\n font-weight: 700;\n transition: .25s ease;\n text-align: center;\n }\n .btn-secondary:hover { background: rgba(255,255,255,0.12) !important; transform: translateY(-2px); color: #ffffff !important; }\n\n \/* \u2500\u2500 NAV ANCHORS \u2500\u2500 *\/\n .anchor-nav {\n position: sticky;\n top: 0;\n z-index: 40;\n background: rgba(255,255,255,0.92) !important;\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--line) !important;\n box-shadow: 0 2px 12px -4px rgba(15,23,42,.08);\n }\n\n .anchor-nav-inner {\n display: flex;\n align-items: center;\n gap: 0;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n white-space: nowrap;\n }\n .anchor-nav-inner::-webkit-scrollbar { display: none; }\n\n .anchor-link {\n display: inline-flex;\n align-items: center;\n gap: .4rem;\n padding: .85rem 1.1rem;\n font-size: .78rem;\n font-weight: 800;\n letter-spacing: .06em;\n text-transform: uppercase;\n color: var(--muted) !important;\n border-bottom: 2px solid transparent !important;\n transition: color .2s ease, border-color .2s ease;\n white-space: nowrap;\n flex-shrink: 0;\n }\n .anchor-link:hover { color: var(--brand) !important; }\n .anchor-link.active { color: var(--brand) !important; border-bottom-color: var(--brand) !important; }\n\n .anchor-sep {\n color: #cbd5e1 !important;\n font-size: .75rem;\n flex-shrink: 0;\n padding: 0 .1rem;\n pointer-events: none;\n }\n\n \/* \u2500\u2500 CARDS \u2500\u2500 *\/\n .soft-card {\n background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;\n border: 1px solid #dbeafe !important;\n border-radius: 24px;\n }\n\n \/* \u2500\u2500 FLIP CARDS \u2500\u2500 *\/\n .flip-card { perspective: 1000px; height: 300px; }\n .flip-card-inner {\n position: relative; width: 100%; height: 100%;\n border-radius: 20px; transform-style: preserve-3d;\n transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);\n }\n\n .flip-card-front,\n .flip-card-back {\n position: absolute; inset: 0; border-radius: 20px;\n padding: 1.5rem; backface-visibility: hidden; -webkit-backface-visibility: hidden;\n }\n\n .flip-card-front {\n background: linear-gradient(145deg, #ffffff 0%, #eff6ff 100%) !important;\n border: 1px solid #bfdbfe !important;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n box-shadow: 0 4px 20px -8px rgba(18,93,255,.15);\n text-align: center;\n }\n\n .flip-card-back {\n background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%) !important;\n border: 1px solid rgba(255,255,255,.12) !important;\n color: #e2e8f0 !important;\n transform: rotateY(180deg);\n font-size: .9rem; overflow-y: auto;\n box-shadow: 0 8px 32px -8px rgba(15,23,42,.5);\n display: flex; flex-direction: column; justify-content: center; text-align: center;\n }\n\n .flip-card:hover .flip-card-inner,\n .flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }\n\n \/* \u2500\u2500 STICKY CALENDAR \u2500\u2500 *\/\n .sticky-calendar {\n position: fixed; right: 24px; bottom: 24px; z-index: 100;\n width: 60px; height: 60px; border-radius: 50%;\n background: var(--brand) !important; color: white !important;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 10px 25px -5px rgba(18, 93, 255, 0.5) !important;\n transition: transform 0.2s ease, background 0.2s ease;\n cursor: pointer;\n }\n .sticky-calendar:hover { transform: scale(1.1); background: #0a4dd4 !important; color: white !important; }\n\n \/* \u2500\u2500 MOBILE STICKY CTA \u2500\u2500 *\/\n .sticky-cta { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 50; display: none; }\n .sticky-cta-inner {\n background: rgba(15,23,42,.92) !important; color: #ffffff !important;\n border: 1px solid rgba(255,255,255,.08) !important; border-radius: 18px; padding: .9rem;\n display: flex; gap: .75rem; align-items: center; justify-content: space-between;\n box-shadow: 0 16px 40px -20px rgba(0,0,0,.45); backdrop-filter: blur(14px);\n }\n .sticky-cta p { margin: 0; font-size: .92rem; font-weight: 700; line-height: 1.3; color: #ffffff !important;}\n\n @media (max-width: 767px) {\n .sticky-cta { display: block; }\n .flip-card { height: 280px; }\n .sticky-calendar { display: none; }\n }\n\n .process-number {\n width: 56px; height: 56px; border-radius: 999px;\n display: inline-flex; align-items: center; justify-content: center;\n background: linear-gradient(135deg, #125dff, #0b2a7a) !important;\n color: #ffffff !important; font-weight: 800;\n box-shadow: 0 14px 24px -16px rgba(18,93,255,.8);\n flex-shrink: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL: DESKTOP STICKY CALENDAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sticky-calendar\" aria-label=\"Demo-Termin vereinbaren\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n <\/a>\n\n <main>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 1: HERO (Dark, Image Right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"hero\" class=\"hero-bg min-h-[92vh] flex items-center\">\n <div class=\"container py-12 md:py-16 lg:py-24 relative z-10\">\n <div class=\"grid lg:grid-cols-2 gap-10 md:gap-12 items-center\">\n <div class=\"max-w-2xl\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-blue-400\/30 bg-blue-500\/10 mb-6\">\n <span class=\"w-2 h-2 rounded-full bg-blue-400 animate-pulse\"><\/span>\n <span class=\"text-xs font-extrabold text-blue-100 tracking-[0.18em] uppercase text-center md:text-left\">F\u00fcr OEM & Instandhaltung \u00b7 Made in Germany<\/span>\n <\/div>\n\n <!-- SUPER \u00dcBERSCHRIFT F\u00dcR SERVICE LEITER -->\n <h1 class=\"text-white text-4xl sm:text-5xl lg:text-6xl font-extrabold leading-[1.05] md:leading-[1.02] tracking-tight mb-6\">\n Anlagenstillstand minimieren.<br>\n <span class=\"text-blue-400\">Maschinen per Live-Video warten.<\/span>\n <\/h1>\n\n <p class=\"text-slate-300 text-base sm:text-lg md:text-xl leading-relaxed max-w-2xl mb-4\">\n An Service-Leiter der Schwer- & Bauindustrie: Reduzieren Sie teure OEE-Verluste. Senden Sie einen SMS-Link an den Leitstand oder Instandhalter vor Ort \u2013 das Video startet sofort, g\u00e4nzlich ohne App.\n <\/p>\n\n <p class=\"text-slate-400 text-sm sm:text-base leading-relaxed max-w-2xl mb-8\">\n <strong class=\"text-white font-extrabold\">Keine IT-Barrieren. DSGVO-konform. Weltweiter Support in 60 Sekunden.<\/strong>\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-4 mb-8\">\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" class=\"btn-primary w-full sm:w-auto\">Jetzt 14 Tage gratis testen \u2192<\/a>\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" class=\"btn-secondary w-full sm:w-auto\" rel=\"noopener\">ROI-Beratung anfragen<\/a>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3 text-sm\">\n <div class=\"glass rounded-2xl px-4 py-3 text-white text-center sm:text-left\">\n <div class=\"font-extrabold text-base text-blue-300\">Browserbasiert<\/div>\n <div class=\"text-slate-300 text-xs mt-1\">Funktioniert auf jedem Industrie-Smartphone<\/div>\n <\/div>\n <div class=\"glass rounded-2xl px-4 py-3 text-white text-center sm:text-left\">\n <div class=\"font-extrabold text-base text-blue-300\">Robust<\/div>\n <div class=\"text-slate-300 text-xs mt-1\">Stabile Verbindung auch im Edge-Netz<\/div>\n <\/div>\n <div class=\"glass rounded-2xl px-4 py-3 text-white text-center sm:text-left\">\n <div class=\"font-extrabold text-base text-blue-300\">Sicher<\/div>\n <div class=\"text-slate-300 text-xs mt-1\">Hosting auf deutschen Servern (BSI konform)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual mt-10 lg:mt-0\">\n <div class=\"relative max-w-xl mx-auto lg:ml-auto\">\n <div class=\"absolute inset-0 rounded-[28px] bg-blue-500\/20 blur-3xl\"><\/div>\n <img decoding=\"async\"\n src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/04\/Bauindustrie-Video-Support-tele-LOOK.png\"\n alt=\"tele-LOOK Maschinen Visual Remote Support\"\n class=\"relative rounded-[28px] border border-white\/15 shadow-2xl w-full object-cover\"\n loading=\"eager\"\n \/>\n <!-- Floating Glass Card -->\n <div class=\"absolute -bottom-6 left-2 sm:-left-4 md:-left-8 glass rounded-2xl p-4 text-white max-w-[260px] sm:max-w-[280px]\">\n <p class=\"text-xs uppercase tracking-[0.18em] text-blue-200 font-extrabold mb-1\">OEM \/ Vor-Ort Support<\/p>\n <p class=\"font-extrabold text-base sm:text-lg mb-1\">Fehlerdiagnose sofort<\/p>\n <p class=\"text-xs sm:text-sm text-slate-300\">Der Techniker blickt direkt auf den Schaltschrank \u2013 ohne Reisezeit.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 2: ANCHOR NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <nav class=\"anchor-nav\" aria-label=\"Seitennavigation\">\n <div class=\"container\">\n <div class=\"anchor-nav-inner\">\n <a href=\"#vorteile\" class=\"anchor-link\">Industrie-Vorteile<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#funktionsweise\" class=\"anchor-link\">Funktion<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#branchen\" class=\"anchor-link\">Anwendungsf\u00e4lle<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#roi\" class=\"anchor-link\">Wirtschaftlichkeit<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#faq\" class=\"anchor-link\">FAQ<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 3: KPI LEISTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"bg-white relative z-10 border-b border-slate-100\">\n <div class=\"container py-8 md:py-12\">\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-center\">\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-brand kpi-num\">-65 %<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Downtime-Reduzierung<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-slate-800 kpi-num\">0<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">IT-Aufwand (Keine App)<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-brand kpi-num\">+40 %<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">First-Time-Fix-Rate<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-slate-800 kpi-num\">100 %<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Rechtssichere Protokolle<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 4: VORHER \/ NACHHER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"vorteile\" class=\"bg-slate-50 py-12 md:py-24 border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-center\">\n <div class=\"order-2 lg:order-1\">\n <div class=\"grid grid-cols-1 gap-6\">\n <!-- Problem Box -->\n <div class=\"border border-slate-200 border-t-4 border-t-slate-400 rounded-2xl p-6 md:p-8 bg-white shadow-sm\">\n <p class=\"font-black text-slate-500 text-xs md:text-sm uppercase tracking-wider mb-5\">Der Teure Alltag im Werk<\/p>\n <ul class=\"space-y-4 text-sm md:text-base text-slate-600 font-medium\">\n <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0 font-bold\">\u2717<\/span> Vage St\u00f6rungsbeschreibung am Telefon durch den Schichtleiter<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0 font-bold\">\u2717<\/span> Externe Spezialisten reisen an \u2013 Anlage steht tagelang still<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"text-slate-400 mt-0.5 flex-shrink-0 font-bold\">\u2717<\/span> Es fehlt das passende Ersatzteil: Zweite Anfahrt & mehr Downtime<\/li>\n <\/ul>\n <\/div>\n <!-- Solution Box -->\n <div class=\"border border-slate-200 border-t-4 border-t-brand rounded-2xl p-6 md:p-8 bg-white shadow-md transform lg:-translate-y-2 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n <svg class=\"w-20 h-20 text-brand\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\n <\/div>\n <p class=\"font-black text-brand text-xs md:text-sm uppercase tracking-wider mb-5\">Effizienz mit tele-LOOK<\/p>\n <ul class=\"space-y-4 text-sm md:text-base text-slate-600 font-medium relative z-10\">\n <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0 font-bold\">\u2713<\/span> Experte schickt SMS-Link an den Bediener vor Ort<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0 font-bold\">\u2713<\/span> Live-Kamerabild der Maschine: Defektes Bauteil sofort identifiziert<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"text-brand mt-0.5 flex-shrink-0 font-bold\">\u2713<\/span> Anlage per Fernanleitung sofort wieder hochgefahren oder Techniker bringt exaktes Ersatzteil mit<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"order-1 lg:order-2\">\n <span class=\"label-badge mb-4\">Problem vs. L\u00f6sung<\/span>\n <h2 class=\"text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black text-slate-900 mb-4 md:mb-6 leading-tight\">\n Anlagenstillst\u00e4nde sind <br><span class=\"text-brand\">zu teuer f\u00fcr lange Anfahrten.<\/span>\n <\/h2>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed mb-6\">\n In der Schwer- und Grundstoffindustrie z\u00e4hlt jede Minute. Ein stehendes F\u00f6rderband im Zementwerk oder ein Ausfall in der Walzstra\u00dfe verursacht sofort immense Kosten.\n <\/p>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">\n Mit tele-LOOK schalten Sie das Expertenwissen Ihrer OEM-Hersteller oder internen Senior-Techniker exakt in dem Moment auf die Anlage, in dem das Problem auftritt. Ganz ohne R\u00fcst- und Reisezeiten.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 5: CUSTOMER EXPERIENCE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-16 items-center mb-12\">\n <div>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-slate-900 leading-tight\">\n Sicherer Remote Support:<br>\n <span class=\"text-brand\">Trotz Umgebungsl\u00e4rm<\/span>\n <\/h2>\n <\/div>\n <div>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed\">\n Industrieanlagen sind laut, schmutzig und komplex. Mit tele-LOOK verlassen Sie sich nicht nur auf das gesprochene Wort. Durch visuelle Markierungen im Live-Bild f\u00fchren Sie Techniker oder Anlagenbediener punktgenau durch die St\u00f6rungsbehebung.\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"mb-12 rounded-[28px] overflow-hidden shadow-2xl border border-slate-200 relative bg-slate-900 group\">\n <video id=\"experience-video\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/04\/Bauindustrie_visuelle-Schadensaufnahme.mp4\" autoplay loop muted playsinline class=\"w-full object-cover max-h-[500px]\"><\/video>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 6: FUNKTIONSWEISE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"funktionsweise\" class=\"py-16 md:py-24 bg-slate-50 border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"text-center mb-12 md:mb-16\">\n <span class=\"label-badge mb-4\">H\u00fcrdenfrei f\u00fcr den Werkschutz<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mb-4 leading-tight\">Keine IT-Abteilung n\u00f6tig<\/h2>\n <p class=\"text-slate-500 max-w-xl mx-auto text-base md:text-lg leading-relaxed\">Wir wissen, wie restriktiv Industrie-Netzwerke sind. Deshalb l\u00e4uft tele-LOOK \u00fcber Standard-Webbrowser.<\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-16 items-center\">\n <div class=\"space-y-6\">\n <div class=\"bg-white border border-slate-200 rounded-2xl p-6 md:p-8 flex items-start gap-5 shadow-sm\">\n <div class=\"process-number\">1<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-2\">Link senden (SMS\/Mail)<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">Der Leitstand generiert im Browser einen Link und sendet ihn an das Smartphone des Kollegen in der Halle oder auf der Baustelle.<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-slate-200 rounded-2xl p-6 md:p-8 flex items-start gap-5 shadow-sm\">\n <div class=\"process-number\">2<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-2\">Kein Download. Sofort Video.<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">Der Mitarbeiter klickt, stimmt kurz der Kamerafreigabe zu, und das Live-Bild der defekten Anlage wird \u00fcbertragen.<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-slate-200 rounded-2xl p-6 md:p-8 flex items-start gap-5 shadow-sm\">\n <div class=\"process-number\">3<\/div>\n <div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-2\">Anleiten mit tele-Punkt<\/h3>\n <p class=\"text-slate-600 text-sm md:text-base leading-relaxed\">Trotz Maschinenl\u00e4rm: Der Experte zeigt mit dem Live-Zeiger exakt auf Ventile oder teilt Schaltpl\u00e4ne per Screensharing.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"rounded-[28px] overflow-hidden shadow-2xl border border-slate-200 aspect-video relative bg-slate-900 w-full\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/mIr158XxZNw\" title=\"tele-LOOK Anwendung in der Industrie\" class=\"absolute inset-0 w-full h-full border-0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 7: FEATURES GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"text-center mb-10 md:mb-16\">\n <span class=\"label-badge mb-4\">Industrie Features<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mb-4 leading-tight\">Gemacht f\u00fcr den Maschinenbau<\/h2>\n <p class=\"text-slate-500 max-w-xl mx-auto text-base md:text-lg leading-relaxed\">Fokus auf das Wesentliche f\u00fcr den technischen Servicealltag.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8\">\n \n <!-- Feature 1: tele-Punkt -->\n <div class=\"soft-card overflow-hidden flex flex-col\">\n <div class=\"relative aspect-video w-full overflow-hidden border-b border-blue-100 bg-slate-900\">\n <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/11\/tele-PUNKT.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <div class=\"p-6 md:p-8 flex-1 bg-white\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"w-10 h-10 bg-brand text-white rounded-xl flex items-center justify-center flex-shrink-0 font-black text-lg shadow-md\">1<\/div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl\">tele-Punkt \u2013 Live-Zeiger<\/h3>\n <\/div>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Zeigen Sie in Echtzeit auf Details im Live-Bild der Anlage \u2013 pr\u00e4ziser als jede m\u00fcndliche Anleitung bei Maschinenl\u00e4rm.<\/p>\n <\/div>\n <\/div>\n\n <!-- Feature 2: HD Fotos -->\n <div class=\"soft-card overflow-hidden flex flex-col\">\n <div class=\"relative aspect-video w-full overflow-hidden border-b border-blue-100 bg-slate-50\">\n <img decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/Live-Video-Support-Bilder-in-HD-Qualitaet-768x432.png\" alt=\"HD Fotos Industrie\" class=\"absolute inset-0 w-full h-full object-cover\" title=\"\">\n <\/div>\n <div class=\"p-6 md:p-8 flex-1 bg-white\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"w-10 h-10 bg-brand text-white rounded-xl flex items-center justify-center flex-shrink-0 font-black text-lg shadow-md\">2<\/div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl\">HD-Fotos f\u00fcr Inspektionen<\/h3>\n <\/div>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Dokumentieren Sie feine Risse im Material oder abgenutzte Gewinde hochaufl\u00f6send direkt w\u00e4hrend des Live-Calls.<\/p>\n <\/div>\n <\/div>\n\n <!-- Feature 3: Screensharing -->\n <div class=\"soft-card overflow-hidden flex flex-col\">\n <div class=\"relative aspect-video w-full overflow-hidden border-b border-blue-100 bg-slate-50\">\n <img decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/02\/tele-LOOK-Screensharing-768x432.png\" alt=\"Screensharing Schaltpl\u00e4ne\" class=\"absolute inset-0 w-full h-full object-cover\" title=\"\">\n <\/div>\n <div class=\"p-6 md:p-8 flex-1 bg-white\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"w-10 h-10 bg-brand text-white rounded-xl flex items-center justify-center flex-shrink-0 font-black text-lg shadow-md\">3<\/div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl\">Schaltpl\u00e4ne & Dokumente<\/h3>\n <\/div>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Blenden Sie dem Mitarbeiter vor Ort komplexe P&ID-Flie\u00dfschemata oder technische Handb\u00fccher direkt auf das Smartphone ein.<\/p>\n <\/div>\n <\/div>\n\n <!-- Feature 4: Service-Protokoll -->\n <div class=\"soft-card overflow-hidden flex flex-col\">\n <div class=\"relative aspect-video w-full overflow-hidden border-b border-blue-100 bg-slate-900\">\n <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover\">\n <source src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/tele-LOOK_Service-Protokoll.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <div class=\"p-6 md:p-8 flex-1 bg-white\">\n <div class=\"flex items-center gap-3 mb-3\">\n <div class=\"w-10 h-10 bg-brand text-white rounded-xl flex items-center justify-center flex-shrink-0 font-black text-lg shadow-md\">4<\/div>\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl\">Beweissicheres Protokoll<\/h3>\n <\/div>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Generieren Sie vollautomatisch ein Service-PDF inkl. Zeitstempel, Fotos und Kundenunterschrift zur rechtssicheren Ablage.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 8: BRANCHEN FLIP CARDS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"branchen\" class=\"py-16 md:py-24 bg-slate-50 border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"text-center mb-10 md:mb-16\">\n <span class=\"label-badge mb-4\">Spezifische Use-Cases<\/span>\n <h2 class=\"text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black text-slate-900 mt-2 mb-4 leading-tight\">Von der Giesserei bis zur Geb\u00e4udetechnik<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto text-base md:text-lg leading-relaxed\">\n \u00dcberall dort, wo Maschinenparks gro\u00df und Experten rar sind, schlie\u00dft tele-LOOK die L\u00fccke in Echtzeit.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <!-- Card 1 -->\n <div class=\"flip-card cursor-pointer group\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front\">\n <div class=\"w-14 h-14 mx-auto bg-blue-100 text-brand rounded-full flex items-center justify-center mb-4\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg mb-2\">Schwerindustrie & Metallurgie<\/h3>\n <p class=\"text-slate-500 text-sm\">Stahlwerke, Aluminiumwerke, Giessereien<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <h4 class=\"font-bold text-white text-base mb-3 border-b border-white\/20 pb-2\">Die Use-Cases<\/h4>\n <ul class=\"text-sm text-blue-100 text-left space-y-2\">\n <li>\u2022 <strong class=\"text-white\">St\u00f6rungsdiagnose:<\/strong> Walzstra\u00dfen & Schmelz\u00f6fen remote begutachten.<\/li>\n <li>\u2022 <strong class=\"text-white\">Qualit\u00e4tskontrolle:<\/strong> Gussst\u00fccke per HD-Foto auf Haarrisse pr\u00fcfen.<\/li>\n <li>\u2022 <strong class=\"text-white\">Schulung:<\/strong> Schichtleiter direkt an der Anlage anleiten.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 2 -->\n <div class=\"flip-card cursor-pointer group\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front\">\n <div class=\"w-14 h-14 mx-auto bg-blue-100 text-brand rounded-full flex items-center justify-center mb-4\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg mb-2\">Rohstoffgewinnung<\/h3>\n <p class=\"text-slate-500 text-sm\">Bergbau, Kieswerke, Zement- & Ziegelindustrie<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <h4 class=\"font-bold text-white text-base mb-3 border-b border-white\/20 pb-2\">Die Use-Cases<\/h4>\n <ul class=\"text-sm text-blue-100 text-left space-y-2\">\n <li>\u2022 <strong class=\"text-white\">Wartung schwerer Maschinen:<\/strong> Brecheranlagen & Bagger in abgelegenen Gebieten supporten.<\/li>\n <li>\u2022 <strong class=\"text-white\">F\u00f6rdersysteme:<\/strong> Wartungsanleitungen per Screensharing direkt am Drehrohrofen einblenden.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 3 -->\n <div class=\"flip-card cursor-pointer group\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front\">\n <div class=\"w-14 h-14 mx-auto bg-blue-100 text-brand rounded-full flex items-center justify-center mb-4\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg mb-2\">Verarbeitende Industrie<\/h3>\n <p class=\"text-slate-500 text-sm\">Holz, Glas, Baustoffe, Oberfl\u00e4chentechnik<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <h4 class=\"font-bold text-white text-base mb-3 border-b border-white\/20 pb-2\">Die Use-Cases<\/h4>\n <ul class=\"text-sm text-blue-100 text-left space-y-2\">\n <li>\u2022 <strong class=\"text-white\">R\u00fcstprozesse:<\/strong> Live-Korrekturen beim Einrichten von CNC- & Schneideanlagen.<\/li>\n <li>\u2022 <strong class=\"text-white\">Remote FAT:<\/strong> Kunden virtuell an der Endabnahme veredelter Bauteile teilnehmen lassen.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 4 -->\n <div class=\"flip-card cursor-pointer group\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front\">\n <div class=\"w-14 h-14 mx-auto bg-blue-100 text-brand rounded-full flex items-center justify-center mb-4\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg mb-2\">Geb\u00e4ude- & Sanit\u00e4rtechnik<\/h3>\n <p class=\"text-slate-500 text-sm\">Heizung, L\u00fcftung, Sanit\u00e4r, Fensterbauer<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <h4 class=\"font-bold text-white text-base mb-3 border-b border-white\/20 pb-2\">Die Use-Cases<\/h4>\n <ul class=\"text-sm text-blue-100 text-left space-y-2\">\n <li>\u2022 <strong class=\"text-white\">Ferndiagnose:<\/strong> Triage bei Heizungsausfall vermeidet Blindfahrten.<\/li>\n <li>\u2022 <strong class=\"text-white\">Remote-Mentoring:<\/strong> Meister schaltet sich per Video zum Azubi auf die Baustelle.<\/li>\n <li>\u2022 <strong class=\"text-white\">Dokumentation:<\/strong> Zustand verdeckter Rohre beweissicher festhalten.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 5 -->\n <div class=\"flip-card cursor-pointer group\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front\">\n <div class=\"w-14 h-14 mx-auto bg-blue-100 text-brand rounded-full flex items-center justify-center mb-4\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg mb-2\">Komponentenfertigung<\/h3>\n <p class=\"text-slate-500 text-sm\">Verbindungstechnik, Spezialschrauben, Beschl\u00e4ge<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <h4 class=\"font-bold text-white text-base mb-3 border-b border-white\/20 pb-2\">Die Use-Cases<\/h4>\n <ul class=\"text-sm text-blue-100 text-left space-y-2\">\n <li>\u2022 <strong class=\"text-white\">Verschlei\u00dfteil-Identifikation:<\/strong> Visuelle Pr\u00fcfung (\"Zeig mir mal kurz das Gewinde\") verhindert Falschbestellungen.<\/li>\n <li>\u2022 <strong class=\"text-white\">Montage-Hilfe:<\/strong> Kunden bei komplexen Baugruppen sofort visuell unterst\u00fctzen.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 6 -->\n <div class=\"flip-card cursor-pointer group\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front\">\n <div class=\"w-14 h-14 mx-auto bg-blue-100 text-brand rounded-full flex items-center justify-center mb-4\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg mb-2\">Werkschutz & Sicherheit<\/h3>\n <p class=\"text-slate-500 text-sm\">Gefahrenzonen, Inspektion, Freigaben<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <h4 class=\"font-bold text-white text-base mb-3 border-b border-white\/20 pb-2\">Die Use-Cases<\/h4>\n <ul class=\"text-sm text-blue-100 text-left space-y-2\">\n <li>\u2022 <strong class=\"text-white\">Gefahrenzonen-Support:<\/strong> Reparaturanleitungen aus sicherer Entfernung erhalten (weniger Personal in Hot-Zones).<\/li>\n <li>\u2022 <strong class=\"text-white\">Remote-Freigaben:<\/strong> Sicherheitsbeauftragte nehmen Anlagen\u00e4nderungen virtuell ab.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 9: USE CASES ACCORDION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"grid lg:grid-cols-[0.8fr_1.2fr] gap-10 lg:gap-16 items-start\">\n <div>\n <span class=\"text-sm font-extrabold text-slate-400 uppercase tracking-widest mb-3 block\">Service-Prozesse Optimieren<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-[#0a1e42] mb-5 leading-tight\">Typische H\u00fcrden im Anlagen-Service<\/h2>\n <p class=\"text-slate-600 text-lg md:text-xl leading-relaxed mb-6\">\n Ihre Herausforderungen in der Industrie und die L\u00f6sung durch den Einsatz von tele-LOOK.\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 border border-slate-200 rounded-2xl shadow-sm overflow-hidden\">\n <!-- Accordion Item 1 -->\n <div class=\"usecase-item border-b border-slate-200 active\">\n <button class=\"usecase-question w-full text-left p-5 md:p-6 flex justify-between items-center bg-transparent border-0 cursor-pointer font-bold text-slate-800 text-lg hover:bg-white transition-colors\" aria-expanded=\"true\">\n Hohe OEE-Verluste durch Reisezeiten\n <span class=\"text-3xl font-normal leading-none text-slate-800\">-<\/span>\n <\/button>\n <div class=\"usecase-answer block px-5 md:px-6 pb-6 text-slate-600 leading-relaxed bg-white\">\n Statt darauf zu warten, dass der Spezialist am Folgetag im Werk eintrifft, schaltet er sich in 60 Sekunden live auf das Smartphone des Anlagenf\u00fchrers. Die Maschine l\u00e4uft oft am selben Tag wieder.\n <\/div>\n <\/div>\n <!-- Accordion Item 2 -->\n <div class=\"usecase-item border-b border-slate-200\">\n <button class=\"usecase-question w-full text-left p-5 md:p-6 flex justify-between items-center bg-transparent border-0 cursor-pointer font-bold text-slate-800 text-lg hover:bg-white transition-colors\" aria-expanded=\"false\">\n Fehlende Teile & Zweitanfahrten\n <span class=\"text-3xl font-normal leading-none text-slate-400\">+<\/span>\n <\/button>\n <div class=\"usecase-answer hidden px-5 md:px-6 pb-6 text-slate-600 leading-relaxed bg-white\">\n Der \"blinde\" Erstbesuch zur reinen Fehlerdiagnose entf\u00e4llt. Durch das Live-Bild und HD-Fotos wissen Sie genau, welches Ventil oder Relais defekt ist, und bringen das richtige Teil direkt mit.\n <\/div>\n <\/div>\n <!-- Accordion Item 3 -->\n <div class=\"usecase-item border-b border-slate-200\">\n <button class=\"usecase-question w-full text-left p-5 md:p-6 flex justify-between items-center bg-transparent border-0 cursor-pointer font-bold text-slate-800 text-lg hover:bg-white transition-colors\" aria-expanded=\"false\">\n Fachkr\u00e4ftemangel in der Instandhaltung\n <span class=\"text-3xl font-normal leading-none text-slate-400\">+<\/span>\n <\/button>\n <div class=\"usecase-answer hidden px-5 md:px-6 pb-6 text-slate-600 leading-relaxed bg-white\">\n Die wenigen Top-Experten in Ihrer Zentrale betreuen via tele-LOOK weltweit mehrere Werke parallel, anstatt ihre wertvolle Zeit im Auto oder Flugzeug zu verbringen.\n <\/div>\n <\/div>\n <!-- Accordion Item 4 -->\n <div class=\"usecase-item border-b border-slate-200\">\n <button class=\"usecase-question w-full text-left p-5 md:p-6 flex justify-between items-center bg-transparent border-0 cursor-pointer font-bold text-slate-800 text-lg hover:bg-white transition-colors\" aria-expanded=\"false\">\n Strenge IT-Richtlinien im Werk\n <span class=\"text-3xl font-normal leading-none text-slate-400\">+<\/span>\n <\/button>\n <div class=\"usecase-answer hidden px-5 md:px-6 pb-6 text-slate-600 leading-relaxed bg-white\">\n Fremde Apps d\u00fcrfen auf Industrie-Ger\u00e4ten oft nicht installiert werden. tele-LOOK umgeht dieses Problem elegant, da es rein im sicheren Webbrowser l\u00e4uft \u2013 DSGVO- und BSI-konform.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 10: ROI \/ WIRTSCHAFTLICHKEIT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"roi\" class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"rounded-[32px] p-6 sm:p-10 md:p-12 bg-slate-950 text-white relative overflow-hidden shadow-2xl\">\n <div class=\"absolute inset-0 opacity-20 bg-[radial-gradient(circle_at_top_right,rgba(37,99,235,.45),transparent_40%)]\"><\/div>\n <div class=\"relative z-10 grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-center\">\n \n <div>\n <span class=\"inline-flex px-4 py-1.5 rounded-full bg-blue-500\/15 text-blue-300 border border-blue-500\/20 text-xs font-extrabold uppercase tracking-widest mb-6\">\n Wirtschaftlichkeit\n <\/span>\n <h2 class=\"text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black text-white mb-6 leading-tight\">\n Die Rechnung geht ab dem 1. Einsatz auf\n <\/h2>\n <p class=\"text-slate-300 text-base md:text-lg leading-relaxed mb-8\">\n In der Industrie kostet eine Stunde Anlagenstillstand schnell Tausende Euro. Reduzieren Sie unproduktive Fahrzeit, erh\u00f6hen Sie die Anlagenverf\u00fcgbarkeit und monetarisieren Sie Ihren Remote-Expertise.\n <\/p>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-4 text-slate-300 text-sm md:text-base\">\n <div class=\"w-8 h-8 bg-blue-500\/20 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-white border border-blue-400\/30\">1<\/div>\n <span><strong class=\"text-white\">OEE-Steigerung:<\/strong> Deutlich schnellere Reaktionszeiten.<\/span>\n <\/li>\n <li class=\"flex items-start gap-4 text-slate-300 text-sm md:text-base\">\n <div class=\"w-8 h-8 bg-blue-500\/20 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-white border border-blue-400\/30\">2<\/div>\n <span><strong class=\"text-white\">Flottenoptimierung:<\/strong> Deutlich weniger CO2 und Kilometer auf der Stra\u00dfe.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- Rechenbeispiel Box -->\n <div class=\"bg-white\/5 border border-white\/10 rounded-3xl p-6 md:p-8 backdrop-blur-sm\">\n <p class=\"text-xs md:text-sm font-black text-blue-300 uppercase tracking-widest mb-8 text-center md:text-left\">Beispiel: 1 Service-Techniker, 20 Arbeitstage<\/p>\n <div class=\"space-y-5\">\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-5\">\n <div>\n <span class=\"block text-slate-300 font-semibold text-sm md:text-base\">Vermiedene Anfahrten \/ Monat<\/span>\n <span class=\"block text-blue-200 text-[10px] md:text-xs mt-1\">\u00d8 1 Bagatelle pro Tag remote gel\u00f6st<\/span>\n <\/div>\n <span class=\"text-white font-black text-xl md:text-2xl\">20 \u00d7<\/span>\n <\/div>\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-5\">\n <div>\n <span class=\"block text-slate-300 font-semibold text-sm md:text-base\">Ersparnis pro Anfahrt<\/span>\n <span class=\"block text-blue-200 text-[10px] md:text-xs mt-1\">Fahrtkosten + Zeit (ohne OEE Gewinn)<\/span>\n <\/div>\n <span class=\"text-white font-black text-xl md:text-2xl\">150 \u20ac<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-brand rounded-2xl p-5 md:p-6 mt-4 shadow-lg border border-blue-400\/30\">\n <div>\n <p class=\"text-white font-black text-lg md:text-xl\">Monatliches Einsparpotenzial<\/p>\n <p class=\"text-blue-200 text-[10px] md:text-xs mt-1\">Pro Techniker \/ Monteur<\/p>\n <\/div>\n <span class=\"text-white font-black text-3xl md:text-4xl\">3.500 \u20ac<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 11: DIGITALISIERUNGSF\u00d6RDERUNG \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"py-12 md:py-16 bg-blue-50 border-b border-blue-100 relative overflow-hidden\">\n <div class=\"absolute -right-20 top-1\/2 -translate-y-1\/2 text-blue-100 opacity-50 pointer-events-none\">\n <svg class=\"w-96 h-96\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-2.82-1.41-3.21-2.92l2.36-.98c.21.94.88 1.48 1.94 1.48 1.07 0 1.63-.52 1.63-1.18 0-.82-.71-1.1-2.42-1.63-2.12-.66-3.22-1.75-3.22-3.22 0-1.45 1.12-2.58 2.65-2.92V5h2.67v1.92c1.47.33 2.5 1.25 2.82 2.62l-2.33.98c-.18-.76-.71-1.18-1.64-1.18-.87 0-1.4.45-1.4 1.09 0 .76.65 1.04 2.45 1.6 2.11.66 3.19 1.76 3.19 3.26 0 1.54-1.15 2.63-2.82 2.8z\"\/><\/svg>\n <\/div>\n <div class=\"container relative z-10\">\n <div class=\"bg-white rounded-3xl p-8 md:p-12 shadow-xl border border-blue-200\">\n <div class=\"grid md:grid-cols-[1fr_auto] gap-8 md:gap-12 items-center\">\n <div>\n <span class=\"inline-flex px-3 py-1 rounded-full bg-green-100 text-green-700 font-bold text-xs uppercase tracking-widest mb-4 border border-green-200\">KMU Zuschuss m\u00f6glich<\/span>\n <h3 class=\"text-2xl md:text-3xl font-black text-slate-900 mb-3 leading-tight\">Digitalisierungsf\u00f6rderung f\u00fcr die Industrie<\/h3>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed max-w-3xl\">\n Die Einf\u00fchrung von tele-LOOK zur Prozessoptimierung im Service und in der Fertigung wird durch staatliche F\u00f6rderprogramme f\u00fcr KMUs (z.B. \"go-digital\" oder Digitalboni) oft mit bis zu 50% bezuschusst.\n <\/p>\n <\/div>\n <div>\n <a href=\"https:\/\/www.tele-look.com\/web\/digitalisierungsfoerderung-software\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-primary w-full md:w-auto whitespace-nowrap !py-4 !px-8 text-lg\">\n F\u00f6rderung pr\u00fcfen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 12: PREISE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"preise\" class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"text-center max-w-3xl mx-auto mb-8 md:mb-12\">\n <span class=\"label-badge mb-4\">Transparente Tarife<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mt-4 mb-4 leading-tight\">Fair. Skalierbar. Professionell.<\/h2>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed\">\n Starten Sie mit 14 Tagen kostenlos \u2013 keine Kreditkarte, volle Industrie-Funktionen.\n <\/p>\n <\/div>\n\n <!-- Stripe Table -->\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"bg-white border border-slate-200 rounded-[28px] p-4 md:p-6 shadow-sm w-full overflow-x-auto\">\n <div class=\"min-w-[300px]\">\n <script async src=\"https:\/\/js.stripe.com\/v3\/pricing-table.js\"><\/script>\n <stripe-pricing-table\n pricing-table-id=\"prctbl_1RtRi3B2L3TAbnwpwyyrhp1k\"\n publishable-key=\"pk_live_51RU66OB2L3TAbnwpmggQVMB3Sc9mlwABaPCBz5uRvjJI0YhplrdaznomcbHNboMzup37zjTMUc1lq5Fr0iHosy0P00TSwRq5LH\">\n <\/stripe-pricing-table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 13: FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"faq\" class=\"py-16 md:py-24 bg-slate-50 border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"grid lg:grid-cols-[0.9fr_1.1fr] gap-8 lg:gap-12 items-start\">\n <div>\n <span class=\"label-badge mb-4\">H\u00e4ufige Fragen (FAQ)<\/span>\n <h2 class=\"text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight mb-4 md:mb-5 leading-tight\">Was Service-Leiter wissen sollten<\/h2>\n <p class=\"text-slate-600 text-sm md:text-lg leading-relaxed\">\n Die wichtigsten Fragen rund um IT-Sicherheit, Werksvorgaben und die praktische Anwendung in rauen Umgebungen.\n <\/p>\n <\/div>\n\n <div class=\"bg-white border border-slate-200 rounded-3xl p-4 md:p-6 shadow-sm\">\n <div class=\"faq-item active\">\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"true\">\n <span class=\"text-sm md:text-base font-bold\">Ben\u00f6tigen Mitarbeiter am Hochofen oder im Steinbruch eine App?<\/span>\n <svg class=\"w-5 h-5 chevron text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer text-sm md:text-base text-slate-600\">\n Nein, tele-LOOK ist 100% browserbasiert. Der Mitarbeiter klickt lediglich auf einen Link (per SMS oder Mail) und die verschl\u00fcsselte Video-Verbindung steht. Das umgeht strikte Installationsverbote auf Industrie-Smartphones.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"text-sm md:text-base font-bold\">Funktioniert der Support auch bei lautem Maschinenl\u00e4rm?<\/span>\n <svg class=\"w-5 h-5 chevron text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer text-sm md:text-base text-slate-600\">\n Ja. Wenn verbale Kommunikation durch L\u00e4rm unm\u00f6glich ist, leiten Sie den Anwender visuell \u00fcber den \"tele-Punkt\" (einen Live-Zeiger im Video) und das Screensharing von Schaltpl\u00e4nen sicher an.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"text-sm md:text-base font-bold\">Wie sicher sind die Video-Daten unserer Anlagen?<\/span>\n <svg class=\"w-5 h-5 chevron text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer text-sm md:text-base text-slate-600\">\n tele-LOOK hostet ausschlie\u00dflich auf ISO-zertifizierten deutschen Servern und arbeitet zu 100% DSGVO-konform. Die \u00dcbertragung ist Ende-zu-Ende verschl\u00fcsselt und erf\u00fcllt h\u00f6chste B2B-Standards.\n <\/div>\n <\/div>\n\n <div class=\"faq-item border-b-0\">\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\n <span class=\"text-sm md:text-base font-bold\">K\u00f6nnen wir Service-Eins\u00e4tze rechtssicher dokumentieren?<\/span>\n <svg class=\"w-5 h-5 chevron text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer text-sm md:text-base text-slate-600\">\n Ja. Der Experte kann im Leitstand per Mausklick HD-Fotos aus dem Live-Stream erstellen. Das System generiert daraus automatisch ein Service-Protokoll inklusive Zeitstempeln und Kundenunterschrift.\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 14: FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section id=\"cta\" class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <div class=\"rounded-[32px] p-8 sm:p-12 md:p-16 bg-slate-50 border border-slate-200 shadow-xl\">\n <span class=\"label-badge mb-6\">Effizienz ab Tag 1<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mt-2 mb-5 leading-tight\">\n Schluss mit dem R\u00e4tselraten an der Maschine.<br><span class=\"text-brand\">Jetzt Live-Video nutzen.<\/span>\n <\/h2>\n <p class=\"text-slate-500 text-base md:text-lg mb-10 max-w-2xl mx-auto leading-relaxed\">\n Testen Sie tele-LOOK 14 Tage lang unverbindlich in Ihrem Werk oder buchen Sie eine Demo mit unseren Experten f\u00fcr die Industrie.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-8\">\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" class=\"btn-primary w-full sm:w-auto !px-10 !py-4 text-lg\">Gratis testen<\/a>\n <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" class=\"btn-secondary w-full sm:w-auto !px-10 !py-4 text-lg !text-brand border-brand hover:!bg-blue-50 hover:!text-brand\" rel=\"noopener\">Anlagen-Demo vereinbaren<\/a>\n <\/div>\n <div class=\"flex flex-wrap justify-center gap-x-6 gap-y-3 text-xs sm:text-sm font-bold text-slate-400 uppercase tracking-widest\">\n <span>\u2713 Keine Kreditkarte n\u00f6tig<\/span>\n <span>\u2713 Keine IT-Installation<\/span>\n <span>\u2713 Made in Germany<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODUL 15: MOBILE STICKY CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"sticky-cta\">\n <div class=\"sticky-cta-inner\">\n <p>14 Tage kostenlos testen<\/p>\n <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" target=\"_blank\" class=\"btn-primary !py-3 !px-4 !min-h-[44px]\">Starten<\/a>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u2500\u2500 USE CASE ACCORDION \u2500\u2500\n document.querySelectorAll('.usecase-question').forEach((button) => {\n button.addEventListener('click', () => {\n const item = button.closest('.usecase-item');\n const isOpen = item.classList.contains('active');\n const answer = item.querySelector('.usecase-answer');\n const icon = button.querySelector('span');\n\n \/\/ Schlie\u00dfe alle anderen\n document.querySelectorAll('.usecase-item').forEach((uc) => {\n uc.classList.remove('active');\n uc.querySelector('.usecase-answer').classList.add('hidden');\n uc.querySelector('.usecase-answer').classList.remove('block');\n uc.querySelector('span').textContent = '+';\n uc.querySelector('span').classList.remove('text-slate-800');\n uc.querySelector('span').classList.add('text-slate-400');\n uc.querySelector('button').setAttribute('aria-expanded', 'false');\n });\n\n \/\/ \u00d6ffne das angeklickte, wenn es nicht schon offen war\n if (!isOpen) {\n item.classList.add('active');\n answer.classList.remove('hidden');\n answer.classList.add('block');\n icon.textContent = '-';\n icon.classList.remove('text-slate-400');\n icon.classList.add('text-slate-800');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ \u2500\u2500 FLIP CARDS (Touch) \u2500\u2500\n if (window.matchMedia('(hover: none)').matches) {\n document.querySelectorAll('.flip-card').forEach((card) => {\n card.addEventListener('click', () => card.classList.toggle('is-flipped'));\n });\n }\n\n \/\/ \u2500\u2500 FAQ \u2500\u2500\n document.querySelectorAll('.faq-question').forEach((button) => {\n button.addEventListener('click', () => {\n const item = button.closest('.faq-item');\n const isOpen = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach((faq) => {\n faq.classList.remove('active');\n faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n faq.querySelector('.faq-answer').style.display = 'none';\n });\n if (!isOpen) {\n item.classList.add('active');\n button.setAttribute('aria-expanded', 'true');\n item.querySelector('.faq-answer').style.display = 'block';\n }\n });\n });\n\n \/\/ Initialisiere FAQ CSS\n document.querySelectorAll('.faq-answer').forEach(el => {\n if(!el.closest('.faq-item').classList.contains('active')) {\n el.style.display = 'none';\n }\n });\n\n \/\/ \u2500\u2500 ANCHOR NAV ACTIVE STATE \u2500\u2500\n const sections = document.querySelectorAll('section[id]');\n const anchorLinks = document.querySelectorAll('.anchor-link[href^=\"#\"]');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n anchorLinks.forEach((link) => {\n link.classList.toggle('active', link.getAttribute('href') === '#' + entry.target.id);\n });\n }\n });\n }, { rootMargin: '-30% 0px -60% 0px' });\n sections.forEach((s) => observer.observe(s));\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Live Video Support f\u00fcr die Industrie | tele-LOOK Remote Service F\u00fcr OEM & Instandhaltung \u00b7 Made in Germany Anlagenstillstand minimieren. Maschinen per Live-Video warten. An Service-Leiter der Schwer- & Bauindustrie: Reduzieren Sie teure OEE-Verluste. Senden Sie einen SMS-Link an den Leitstand oder Instandhalter vor Ort \u2013 das Video startet sofort, g\u00e4nzlich ohne App. Keine IT-Barrieren. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15067","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15067","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=15067"}],"version-history":[{"count":25,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15067\/revisions"}],"predecessor-version":[{"id":15243,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15067\/revisions\/15243"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=15067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}