tele-LOOK | Live-Video-Support f\u00fcr Aufzughersteller<\/title>\n <meta name=\"description\" content=\"Maximale Effizienz in der Aufzugstechnik. Reduzieren Sie Zweitanfahrten, unterst\u00fctzen Sie Techniker im Schacht per Video und verbessern Sie die First-Time-Fix-Rate.\" \/>\n <meta property=\"og:title\" content=\"Aufzug-Service 2.0: Effizienz durch Live-Video\" \/>\n <meta property=\"og:description\" content=\"Vom Steuerungsausfall bis zur Erstinbetriebnahme: tele-LOOK optimiert den Service-Alltag f\u00fcr Hersteller von Aufz\u00fcgen.\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n\n \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 Live-Video-Support f\u00fcr die Aufzug-Branche. Erm\u00f6glicht Ferndiagnose im Schacht ohne App-Installation.\",\n \"featureList\": [\n \"Kein App-Download f\u00fcr Techniker\",\n \"Low-Bandwidth Mode f\u00fcr schlechten Empfang im Schacht\",\n \"HD-Foto-Funktion zur Ersatzteil-Identifikation\",\n \"Live-Zeiger (tele-Punkt) f\u00fcr technische Anweisungen\",\n \"DSGVO-konforme Daten\u00fcbertragung\"\n ]\n }\n <\/script>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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; }\n \n \/* Wichtige Basis-Stile vor WP sch\u00fctzen *\/\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 { 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, #020617 0%, #0b2a7a 58%, #125dff 100%) !important;\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 .card {\n background: #fff !important;\n border: 1px solid var(--line) !important;\n border-radius: 24px;\n transition: .25s ease;\n }\n .card:hover {\n transform: translateY(-4px);\n box-shadow: 0 18px 50px -24px rgba(15, 23, 42, .18);\n border-color: rgba(18,93,255,.28) !important;\n }\n\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: 270px; }\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.4rem; 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 }\n\n .flip-card-back {\n background: linear-gradient(145deg, #0b2a7a 0%, #125dff 100%) !important;\n border: 1px solid rgba(255,255,255,.12) !important;\n color: #e0eaff !important;\n transform: rotateY(180deg);\n font-size: .9rem; overflow-y: auto;\n box-shadow: 0 8px 32px -8px rgba(18,93,255,.5);\n }\n\n .flip-card:hover .flip-card-inner,\n .flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }\n\n .icon-box {\n width: 56px; height: 56px; border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;\n color: var(--brand) !important; margin-bottom: 1rem;\n }\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: 290px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <main>\n\n \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\">Speziall\u00f6sung f\u00fcr Aufzughersteller<\/span>\n <\/div>\n\n <h1 class=\"text-white text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold leading-[1.05] md:leading-[1.02] tracking-tight mb-6\">\n Support-Kosten senken.\n <span class=\"block text-blue-300\">Aufz\u00fcge schneller starten.<\/span>\n <\/h1>\n\n <p class=\"text-slate-200 text-base sm:text-lg md:text-xl leading-relaxed max-w-2xl mb-4\">\n Ob im Schacht, im Maschinenraum oder an der Kabine: <br class=\"hidden md:block\">\n Unterst\u00fctzen Sie Ihre Servicetechniker live per Video, identifizieren Sie Steuerungsfehler aus der Ferne und <strong class=\"text-white font-extrabold\">vermeiden Sie unn\u00f6tige Zweitanfahrten.<\/strong>\n <\/p>\n\n <p class=\"text-slate-300 text-sm sm:text-base leading-relaxed max-w-2xl mb-8\">\n <strong class=\"text-white font-extrabold\">Ihre Techniker und Kunden ben\u00f6tigen keine App. 100% DSGVO-konform und sofort einsatzbereit.<\/strong>\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-4 mb-8\">\n <a href=\"#cta\" class=\"btn-primary w-full sm:w-auto\">Kostenlos testen \u2192<\/a>\n <a href=\"#use-cases\" class=\"btn-secondary w-full sm:w-auto\">Einsatzbereiche ansehen<\/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\">0 Sek.<\/div>\n <div class=\"text-slate-300\">Installationsaufwand<\/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\">Stabilit\u00e4t<\/div>\n <div class=\"text-slate-300\">Auch im Schacht<\/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\">Live<\/div>\n <div class=\"text-slate-300\">Fehler schnell l\u00f6sen<\/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\/03\/Aufzughersteller-1024x724.png\"\n alt=\"Aufzughersteller Video Support im industriellen Umfeld\"\n class=\"relative rounded-[28px] border border-white\/15 shadow-2xl w-full object-cover\"\n loading=\"eager\"\n \/>\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\">tele-LOOK in Aktion<\/p>\n <p class=\"font-extrabold text-base sm:text-lg mb-1\">Sofortige Diagnose<\/p>\n <p class=\"text-xs sm:text-sm text-white\">Vom Schacht bis zur Steuerung \u2013 f\u00fchren Sie den Techniker visuell zum Ziel.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <nav class=\"anchor-nav\" aria-label=\"Seitennavigation\">\n <div class=\"container\">\n <div class=\"anchor-nav-inner\">\n <a href=\"#kpis\" class=\"anchor-link\">Effizienz<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#erlebnis\" class=\"anchor-link\">Erlebnis<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#technik\" class=\"anchor-link\">Technologie<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#use-cases\" class=\"anchor-link\">Einsatzbereiche<\/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=\"#cta\" class=\"anchor-link\">Kontakt<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <section id=\"kpis\" 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\">-35 %<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Zweitanfahrten<\/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\">App-Installationen<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-brand kpi-num\">100%<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Hardware-kompatibel<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-slate-800 kpi-num\">Sofort<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Visuelle Klarheit<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"erlebnis\" 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-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 Exzellente Customer Experience:<br>\n <span class=\"text-brand\">Begeistern Sie Kunden<\/span>\n <\/h2>\n <\/div>\n <div>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed\">\n Statt zeitraubender Telefonate und abstrakter Erkl\u00e4rungen bieten Sie Ihren Kunden mit tele-LOOK eine sofortige, visuelle L\u00f6sung per Live-Video. Die intuitive Handhabung erm\u00f6glicht eine pr\u00e4zise Probleml\u00f6sung direkt vor Ort, was die Kundenzufriedenheit signifikant steigert.\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\">\n <video src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/tele-LOOK__Digitaler_Hebel.mp4\" autoplay loop muted playsinline class=\"w-full object-cover max-h-[500px]\"><\/video>\n <\/div>\n\n <div class=\"text-center max-w-4xl mx-auto\">\n <p class=\"text-lg md:text-xl font-bold text-slate-800 leading-relaxed\">\n Durch unseren l\u00f6sungsorientierten Ansatz wandelt sich Ihr Support in k\u00fcrzester Zeit vom reinen Kostenfaktor zu einem echten Wettbewerbsvorteil. Sie bieten einen modernen, zukunftssicheren Kunden-Service ohne technische Barrieren.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"technik\" 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\">Technologie<\/span>\n <h2 class=\"text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mb-4 leading-tight\">Browserbasiert. Sicher. Branchenf\u00fchrend.<\/h2>\n <p class=\"text-slate-500 max-w-xl mx-auto text-base md:text-lg leading-relaxed\">Wir beseitigen technische H\u00fcrden, damit Ihr Aufzug-Service direkt starten kann.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8\">\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">Kein App notwendig<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Video Support per tele-LOOK geht direkt \u00fcber den Browser \u00fcber einen sicheren Link. Denn Techniker oder Hausmeister installieren ungern fremde Apps.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">DSGVO & Sicherheit<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Deutsche Server, Programmierung in Deutschland, Datensparsamkeit: Freitextfelder statt Vorgaben.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">Low-Bandwidth Mode<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">In Kellern oder Aufzugssch\u00e4chten sinkt die Bitrate oft ab. Unser Algorithmus priorisiert Stabilit\u00e4t vor 4K-Aufl\u00f6sung, damit die Verbindung h\u00e4lt.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">Remote HD-Fotos<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Selbst bei geringer Bandbreite nehmen Sie Remote-Fotos in voller Aufl\u00f6sung auf. Diese werden zur Dokumentation automatisch im Service-Protokoll gespeichert.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"use-cases\" 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\">Einsatzszenarien<\/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\">Maximale Effizienz in jeder Phase<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto text-base md:text-lg leading-relaxed\">\n tele-LOOK ist mehr als nur Video \u2013 es ist das digitale Auge Ihres besten Technikers im Schacht oder Maschinenraum.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 lg:gap-8\">\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Schacht-Support<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Steuerung & Antrieb<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Ihr Monteur streamt Fehlerbilder an der Steuerung oder am Frequenzumrichter direkt an den 2nd-Level-Support in der Zentrale.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01m-.01 4h.01\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Ersatzteil-Identifikation<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Platinen & Sensoren<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Welches Relais ist verbaut? Nutzen Sie die <strong class=\"text-white\">HD-Foto-Funktion<\/strong>, um Seriennummern zweifelsfrei zu erkennen. Keine zweite Anfahrt n\u00f6tig.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Erstinbetriebnahme<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Remote Abnahme<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Unterst\u00fctzen Sie Teams vor Ort virtuell bei der Steuerungsprogrammierung, bei Parameter-Checks und der finalen Anlagenfreigabe.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Fremdfirmen-Steuerung<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Subunternehmer anleiten<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Wenn externe Elektriker oder Schlosser am Aufzug arbeiten, navigieren Sie diese sicher und effizient per Video zum Ziel.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.691.387a2 2 0 01-1.132.252 2 2 0 01-1.132-.252l-.69-.387a6 6 0 00-3.86-.517l-2.387.477a2 2 0 00-1.022.547V10a2 2 0 012-2h12a2 2 0 012 2v5.428z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Visuelle Triage<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Vor-Ort Einsch\u00e4tzung<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Lassen Sie sich von einem Hausmeister die Situation an den Schachtt\u00fcren zeigen, bevor Sie Spezialisten entsenden. Vermeiden Sie Leerfahrten.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Live-Support f\u00fcrs Team<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Senior zu Junior<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Ein Junior-Techniker steht vor einem unbekannten Problem? Der Experte schaltet sich auf und gibt via <strong class=\"text-white\">tele-Punkt<\/strong> pr\u00e4zise Anweisungen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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\">TELE-LOOK USE-CASES<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-[#0a1e42] mb-5 leading-tight\">Flexibel f\u00fcr unz\u00e4hlige Anwendungsf\u00e4lle<\/h2>\n <p class=\"text-slate-600 text-lg md:text-xl leading-relaxed mb-6\">\n Ihre Herausforderungen und die L\u00f6sung durch den Einsatz von tele-LOOK\n <\/p>\n <\/div>\n \n <div class=\"bg-white border border-slate-200 rounded-2xl shadow-sm overflow-hidden\">\n \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-slate-50 transition-colors\" aria-expanded=\"false\">\n Fehlfahrten & unn\u00f6tige Eins\u00e4tze\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\">\n Kl\u00e4ren Sie Bagatellen sofort per Video. Sie fahren nur noch raus, wenn es wirklich brennt \u2013 und haben direkt das richtige Ersatzteil dabei.\n <\/div>\n <\/div>\n \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-slate-50 transition-colors\" aria-expanded=\"true\">\n Fachkr\u00e4ftemangel\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\">\n Techniker l\u00f6st per Remote deutlich mehr F\u00e4lle pro Tag. Ihre erfahrensten Mitarbeiter unterst\u00fctzen Junior-Techniker live aus der Zentrale, ohne wertvolle Reisezeit zu verschwenden.\n <\/div>\n <\/div>\n \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-slate-50 transition-colors\" aria-expanded=\"false\">\n Lange Reaktionszeiten\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\">\n Bieten Sie Premium-SLAs mit sofortiger Video-Reaktion. Kunden und Anlagenbetreiber f\u00fchlen sich sofort betreut, w\u00e4hrend Anfahrtszeiten komplett entfallen.\n <\/div>\n <\/div>\n \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-slate-50 transition-colors\" aria-expanded=\"false\">\n Dokumentationspflicht\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\">\n Mit Remote-HD-Fotos und automatisierten Service-Protokollen sichern Sie den Ist-Zustand oder vollendete Inbetriebnahmen rechtssicher und manipulationsgesch\u00fctzt ab.\n <\/div>\n <\/div>\n \n <div class=\"usecase-item\">\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-slate-50 transition-colors\" aria-expanded=\"false\">\n Schulung & Einweisung\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\">\n F\u00fchren Sie virtuelle Anlagen-Abnahmen (Remote FAT) durch oder weisen Sie neues Hausmeister-Personal direkt an der Aufzugssteuerung per Video ein.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"roi\" class=\"py-16 md:py-24 bg-slate-50 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 Machen Sie Ihren Support zum Profit-Center.\n <\/h2>\n <p class=\"text-slate-300 text-base md:text-lg leading-relaxed mb-8\">\n Jede unn\u00f6tige Anfahrt im Aufzug-Service kostet extrem viel Geld und bindet wertvolle Fachkr\u00e4fte. Mit tele-LOOK reduzieren Sie Fahrzeiten, steigern die Anlagenverf\u00fcgbarkeit und entlasten Ihre Disposition.\n <\/p>\n <ul class=\"space-y-4\">\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\">Ressourcen schonen:<\/strong> Ihre besten Experten helfen bundesweit vom Schreibtisch aus.<\/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\">Premium-Wartung:<\/strong> Sichern Sie sich Wettbewerbsvorteile durch schnellere Reaktionszeiten im SLA.<\/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\">3<\/div>\n <span><strong class=\"text-white\">Beweissicherung:<\/strong> PDF-Protokoll mit HD-Fotos zur sauberen Dokumentation des Ist-Zustands.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \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-Kalkulation (Pro Techniker\/Monat)<\/p>\n <div class=\"space-y-5\">\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-5\">\n <span class=\"text-slate-300 font-semibold text-sm md:text-base\">Vermeidbare Fahrten<\/span>\n <span class=\"text-white font-black text-xl md:text-2xl\">8<\/span>\n <\/div>\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-5\">\n <span class=\"text-slate-300 font-semibold text-sm md:text-base\">Kosten pro Fahrt (\u00d8)<\/span>\n <span class=\"text-white font-black text-xl md:text-2xl\">250 \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\">Brutto-Ersparnis<\/p>\n <p class=\"text-blue-200 text-[10px] md:text-xs mt-1\">*Positiver ROI ab der ersten Fahrt<\/p>\n <\/div>\n <span class=\"text-white font-black text-3xl md:text-4xl\">2.000 \u20ac<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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\">Zuschuss m\u00f6glich<\/span>\n <h3 class=\"text-2xl md:text-3xl font-black text-slate-900 mb-3 leading-tight\">Profitieren Sie von der Digitalisierungsf\u00f6rderung<\/h3>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed max-w-3xl\">\n Die Einf\u00fchrung von tele-LOOK als innovative Softwarel\u00f6sung zur Prozessoptimierung im Service wird durch verschiedene staatliche F\u00f6rderprogramme f\u00fcr KMUs (wie z.B. \"go-digital\" oder landesspezifische Digitalboni) 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 Mehr zur F\u00f6rderung erfahren\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"cta\" class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n \n \n <div class=\"max-w-3xl mx-auto text-center mb-12\">\n <span class=\"label-badge mb-6\">Serviceleiter aufgepasst<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mt-2 mb-6 leading-tight\">\n Bereit f\u00fcr den digitalen Sprung?\n <\/h2>\n <p class=\"text-slate-500 text-base md:text-lg leading-relaxed\">\n Reduzieren Sie Stress in Ihrem Team, beenden Sie endlose Telefon-Fehlersuchen und erh\u00f6hen Sie die Marge Ihres Servicegesch\u00e4fts. Starten Sie jetzt ohne Risiko.\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-x-6 gap-y-3 mt-8 text-[11px] sm:text-xs font-bold text-slate-400 uppercase tracking-widest\">\n <span>\u2713 Sofort-Freischaltung<\/span>\n <span>\u2713 Keine Installation<\/span>\n <span>\u2713 Support aus Freiburg<\/span>\n <span>\u2713 Monatlich k\u00fcndbar<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-4xl mx-auto\">\n <div class=\"rounded-[28px] p-6 sm:p-8 md:p-10 bg-slate-950 text-white relative overflow-hidden shadow-xl\">\n <div class=\"absolute inset-0 opacity-20 bg-[radial-gradient(circle_at_top_right,rgba(37,99,235,.35),transparent_30%)]\"><\/div>\n <div class=\"relative z-10\">\n <span class=\"inline-flex px-3 py-1 rounded-full bg-blue-500\/15 text-blue-300 border border-blue-500\/20 text-xs font-extrabold uppercase tracking-[0.16em] mb-4 sm:mb-5\">\n Individuelles Setup\n <\/span>\n <h3 class=\"text-xl sm:text-2xl md:text-4xl font-extrabold tracking-tight mb-4 leading-tight\">F\u00fcr Aufzughersteller mit hohem Serviceaufkommen<\/h3>\n <p class=\"text-slate-300 text-sm sm:text-base md:text-lg leading-relaxed max-w-3xl mb-6 sm:mb-8\">\n Wenn Sie ein individuelles Angebot oder eine pers\u00f6nliche Live-Demo f\u00fcr Ihr Setup ben\u00f6tigen, senden Sie uns bitte eine E-Mail mit Ihrem Anliegen.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n <a href=\"mailto:sales@tele-look.com?subject=Individuelles%20Angebot%20Aufzug-Service&body=Guten%20Tag%2C%0A%0Abitte%20erstellen%20Sie%20uns%20ein%20individuelles%20Angebot%20f%C3%BCr%20tele-LOOK.%0A%0AFirma%3A%0AAnzahl%20Service-Techniker%3A%0AMonatliches%20Service-Aufkommen%3A%0AWeitere%20Anforderungen%3A%0A\" class=\"btn-primary w-full sm:w-auto\">\n Angebot per E-Mail anfragen\n <\/a>\n <\/div>\n <p class=\"text-xs uppercase tracking-[0.16em] text-slate-500 font-bold mt-4 md:mt-5 text-center sm:text-left\">Klick \u00f6ffnet Ihr E-Mail-Programm<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <div class=\"sticky-cta\">\n <div class=\"sticky-cta-inner\">\n <p>14 Tage kostenlos testen<\/p>\n <a href=\"#cta\" 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 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>tele-LOOK | Live-Video-Support f\u00fcr Aufzughersteller Speziall\u00f6sung f\u00fcr Aufzughersteller Support-Kosten senken. Aufz\u00fcge schneller starten. Ob im Schacht, im Maschinenraum oder an der Kabine: Unterst\u00fctzen Sie Ihre Servicetechniker live per Video, identifizieren Sie Steuerungsfehler aus der Ferne und vermeiden Sie unn\u00f6tige Zweitanfahrten. Ihre Techniker und Kunden ben\u00f6tigen keine App. 100% DSGVO-konform und sofort einsatzbereit. Kostenlos testen \u2192 […]<\/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-14695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14695","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=14695"}],"version-history":[{"count":25,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14695\/revisions"}],"predecessor-version":[{"id":15216,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14695\/revisions\/15216"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=14695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n tele-LOOK | Live-Video-Support f\u00fcr Aufzughersteller<\/title>\n <meta name=\"description\" content=\"Maximale Effizienz in der Aufzugstechnik. Reduzieren Sie Zweitanfahrten, unterst\u00fctzen Sie Techniker im Schacht per Video und verbessern Sie die First-Time-Fix-Rate.\" \/>\n <meta property=\"og:title\" content=\"Aufzug-Service 2.0: Effizienz durch Live-Video\" \/>\n <meta property=\"og:description\" content=\"Vom Steuerungsausfall bis zur Erstinbetriebnahme: tele-LOOK optimiert den Service-Alltag f\u00fcr Hersteller von Aufz\u00fcgen.\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n\n \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 Live-Video-Support f\u00fcr die Aufzug-Branche. Erm\u00f6glicht Ferndiagnose im Schacht ohne App-Installation.\",\n \"featureList\": [\n \"Kein App-Download f\u00fcr Techniker\",\n \"Low-Bandwidth Mode f\u00fcr schlechten Empfang im Schacht\",\n \"HD-Foto-Funktion zur Ersatzteil-Identifikation\",\n \"Live-Zeiger (tele-Punkt) f\u00fcr technische Anweisungen\",\n \"DSGVO-konforme Daten\u00fcbertragung\"\n ]\n }\n <\/script>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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; }\n \n \/* Wichtige Basis-Stile vor WP sch\u00fctzen *\/\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 { 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, #020617 0%, #0b2a7a 58%, #125dff 100%) !important;\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 .card {\n background: #fff !important;\n border: 1px solid var(--line) !important;\n border-radius: 24px;\n transition: .25s ease;\n }\n .card:hover {\n transform: translateY(-4px);\n box-shadow: 0 18px 50px -24px rgba(15, 23, 42, .18);\n border-color: rgba(18,93,255,.28) !important;\n }\n\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: 270px; }\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.4rem; 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 }\n\n .flip-card-back {\n background: linear-gradient(145deg, #0b2a7a 0%, #125dff 100%) !important;\n border: 1px solid rgba(255,255,255,.12) !important;\n color: #e0eaff !important;\n transform: rotateY(180deg);\n font-size: .9rem; overflow-y: auto;\n box-shadow: 0 8px 32px -8px rgba(18,93,255,.5);\n }\n\n .flip-card:hover .flip-card-inner,\n .flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }\n\n .icon-box {\n width: 56px; height: 56px; border-radius: 16px;\n display: flex; align-items: center; justify-content: center;\n background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;\n color: var(--brand) !important; margin-bottom: 1rem;\n }\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: 290px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <main>\n\n \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\">Speziall\u00f6sung f\u00fcr Aufzughersteller<\/span>\n <\/div>\n\n <h1 class=\"text-white text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold leading-[1.05] md:leading-[1.02] tracking-tight mb-6\">\n Support-Kosten senken.\n <span class=\"block text-blue-300\">Aufz\u00fcge schneller starten.<\/span>\n <\/h1>\n\n <p class=\"text-slate-200 text-base sm:text-lg md:text-xl leading-relaxed max-w-2xl mb-4\">\n Ob im Schacht, im Maschinenraum oder an der Kabine: <br class=\"hidden md:block\">\n Unterst\u00fctzen Sie Ihre Servicetechniker live per Video, identifizieren Sie Steuerungsfehler aus der Ferne und <strong class=\"text-white font-extrabold\">vermeiden Sie unn\u00f6tige Zweitanfahrten.<\/strong>\n <\/p>\n\n <p class=\"text-slate-300 text-sm sm:text-base leading-relaxed max-w-2xl mb-8\">\n <strong class=\"text-white font-extrabold\">Ihre Techniker und Kunden ben\u00f6tigen keine App. 100% DSGVO-konform und sofort einsatzbereit.<\/strong>\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-4 mb-8\">\n <a href=\"#cta\" class=\"btn-primary w-full sm:w-auto\">Kostenlos testen \u2192<\/a>\n <a href=\"#use-cases\" class=\"btn-secondary w-full sm:w-auto\">Einsatzbereiche ansehen<\/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\">0 Sek.<\/div>\n <div class=\"text-slate-300\">Installationsaufwand<\/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\">Stabilit\u00e4t<\/div>\n <div class=\"text-slate-300\">Auch im Schacht<\/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\">Live<\/div>\n <div class=\"text-slate-300\">Fehler schnell l\u00f6sen<\/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\/03\/Aufzughersteller-1024x724.png\"\n alt=\"Aufzughersteller Video Support im industriellen Umfeld\"\n class=\"relative rounded-[28px] border border-white\/15 shadow-2xl w-full object-cover\"\n loading=\"eager\"\n \/>\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\">tele-LOOK in Aktion<\/p>\n <p class=\"font-extrabold text-base sm:text-lg mb-1\">Sofortige Diagnose<\/p>\n <p class=\"text-xs sm:text-sm text-white\">Vom Schacht bis zur Steuerung \u2013 f\u00fchren Sie den Techniker visuell zum Ziel.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <nav class=\"anchor-nav\" aria-label=\"Seitennavigation\">\n <div class=\"container\">\n <div class=\"anchor-nav-inner\">\n <a href=\"#kpis\" class=\"anchor-link\">Effizienz<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#erlebnis\" class=\"anchor-link\">Erlebnis<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#technik\" class=\"anchor-link\">Technologie<\/a>\n <span class=\"anchor-sep\">\u203a<\/span>\n <a href=\"#use-cases\" class=\"anchor-link\">Einsatzbereiche<\/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=\"#cta\" class=\"anchor-link\">Kontakt<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <section id=\"kpis\" 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\">-35 %<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Zweitanfahrten<\/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\">App-Installationen<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-brand kpi-num\">100%<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Hardware-kompatibel<\/div>\n <\/div>\n <div>\n <div class=\"text-4xl sm:text-5xl font-black text-slate-800 kpi-num\">Sofort<\/div>\n <div class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-widest mt-2\">Visuelle Klarheit<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"erlebnis\" 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-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 Exzellente Customer Experience:<br>\n <span class=\"text-brand\">Begeistern Sie Kunden<\/span>\n <\/h2>\n <\/div>\n <div>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed\">\n Statt zeitraubender Telefonate und abstrakter Erkl\u00e4rungen bieten Sie Ihren Kunden mit tele-LOOK eine sofortige, visuelle L\u00f6sung per Live-Video. Die intuitive Handhabung erm\u00f6glicht eine pr\u00e4zise Probleml\u00f6sung direkt vor Ort, was die Kundenzufriedenheit signifikant steigert.\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\">\n <video src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/03\/tele-LOOK__Digitaler_Hebel.mp4\" autoplay loop muted playsinline class=\"w-full object-cover max-h-[500px]\"><\/video>\n <\/div>\n\n <div class=\"text-center max-w-4xl mx-auto\">\n <p class=\"text-lg md:text-xl font-bold text-slate-800 leading-relaxed\">\n Durch unseren l\u00f6sungsorientierten Ansatz wandelt sich Ihr Support in k\u00fcrzester Zeit vom reinen Kostenfaktor zu einem echten Wettbewerbsvorteil. Sie bieten einen modernen, zukunftssicheren Kunden-Service ohne technische Barrieren.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"technik\" 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\">Technologie<\/span>\n <h2 class=\"text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mb-4 leading-tight\">Browserbasiert. Sicher. Branchenf\u00fchrend.<\/h2>\n <p class=\"text-slate-500 max-w-xl mx-auto text-base md:text-lg leading-relaxed\">Wir beseitigen technische H\u00fcrden, damit Ihr Aufzug-Service direkt starten kann.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8\">\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">Kein App notwendig<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Video Support per tele-LOOK geht direkt \u00fcber den Browser \u00fcber einen sicheren Link. Denn Techniker oder Hausmeister installieren ungern fremde Apps.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">DSGVO & Sicherheit<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Deutsche Server, Programmierung in Deutschland, Datensparsamkeit: Freitextfelder statt Vorgaben.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">Low-Bandwidth Mode<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">In Kellern oder Aufzugssch\u00e4chten sinkt die Bitrate oft ab. Unser Algorithmus priorisiert Stabilit\u00e4t vor 4K-Aufl\u00f6sung, damit die Verbindung h\u00e4lt.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"soft-card overflow-hidden\">\n <div class=\"bg-white border-b border-blue-100 flex justify-center p-8 lg:p-10\">\n <svg class=\"w-12 h-12 text-blue-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"p-6 md:p-8\">\n <h3 class=\"font-black text-slate-800 text-lg md:text-xl mb-3\">Remote HD-Fotos<\/h3>\n <p class=\"text-sm md:text-base text-slate-600 leading-relaxed\">Selbst bei geringer Bandbreite nehmen Sie Remote-Fotos in voller Aufl\u00f6sung auf. Diese werden zur Dokumentation automatisch im Service-Protokoll gespeichert.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"use-cases\" 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\">Einsatzszenarien<\/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\">Maximale Effizienz in jeder Phase<\/h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto text-base md:text-lg leading-relaxed\">\n tele-LOOK ist mehr als nur Video \u2013 es ist das digitale Auge Ihres besten Technikers im Schacht oder Maschinenraum.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 lg:gap-8\">\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Schacht-Support<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Steuerung & Antrieb<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Ihr Monteur streamt Fehlerbilder an der Steuerung oder am Frequenzumrichter direkt an den 2nd-Level-Support in der Zentrale.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01m-.01 4h.01\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Ersatzteil-Identifikation<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Platinen & Sensoren<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Welches Relais ist verbaut? Nutzen Sie die <strong class=\"text-white\">HD-Foto-Funktion<\/strong>, um Seriennummern zweifelsfrei zu erkennen. Keine zweite Anfahrt n\u00f6tig.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Erstinbetriebnahme<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Remote Abnahme<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Unterst\u00fctzen Sie Teams vor Ort virtuell bei der Steuerungsprogrammierung, bei Parameter-Checks und der finalen Anlagenfreigabe.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Fremdfirmen-Steuerung<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Subunternehmer anleiten<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Wenn externe Elektriker oder Schlosser am Aufzug arbeiten, navigieren Sie diese sicher und effizient per Video zum Ziel.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.691.387a2 2 0 01-1.132.252 2 2 0 01-1.132-.252l-.69-.387a6 6 0 00-3.86-.517l-2.387.477a2 2 0 00-1.022.547V10a2 2 0 012-2h12a2 2 0 012 2v5.428z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Visuelle Triage<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Vor-Ort Einsch\u00e4tzung<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Lassen Sie sich von einem Hausmeister die Situation an den Schachtt\u00fcren zeigen, bevor Sie Spezialisten entsenden. Vermeiden Sie Leerfahrten.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-card cursor-pointer\">\n <div class=\"flip-card-inner shadow-md\">\n <div class=\"flip-card-front text-center\">\n <div class=\"icon-box mx-auto\">\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"font-black text-slate-800 text-lg\">Live-Support f\u00fcrs Team<\/h3>\n <p class=\"text-xs text-slate-400 mt-2\">Hover \/ Tippen f\u00fcr Details<\/p>\n <\/div>\n <div class=\"flip-card-back\">\n <p class=\"font-black text-blue-200 text-base mb-3 border-b border-blue-400\/30 pb-2 w-full\">Senior zu Junior<\/p>\n <p class=\"text-sm text-blue-100 leading-relaxed\">Ein Junior-Techniker steht vor einem unbekannten Problem? Der Experte schaltet sich auf und gibt via <strong class=\"text-white\">tele-Punkt<\/strong> pr\u00e4zise Anweisungen.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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\">TELE-LOOK USE-CASES<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-[#0a1e42] mb-5 leading-tight\">Flexibel f\u00fcr unz\u00e4hlige Anwendungsf\u00e4lle<\/h2>\n <p class=\"text-slate-600 text-lg md:text-xl leading-relaxed mb-6\">\n Ihre Herausforderungen und die L\u00f6sung durch den Einsatz von tele-LOOK\n <\/p>\n <\/div>\n \n <div class=\"bg-white border border-slate-200 rounded-2xl shadow-sm overflow-hidden\">\n \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-slate-50 transition-colors\" aria-expanded=\"false\">\n Fehlfahrten & unn\u00f6tige Eins\u00e4tze\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\">\n Kl\u00e4ren Sie Bagatellen sofort per Video. Sie fahren nur noch raus, wenn es wirklich brennt \u2013 und haben direkt das richtige Ersatzteil dabei.\n <\/div>\n <\/div>\n \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-slate-50 transition-colors\" aria-expanded=\"true\">\n Fachkr\u00e4ftemangel\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\">\n Techniker l\u00f6st per Remote deutlich mehr F\u00e4lle pro Tag. Ihre erfahrensten Mitarbeiter unterst\u00fctzen Junior-Techniker live aus der Zentrale, ohne wertvolle Reisezeit zu verschwenden.\n <\/div>\n <\/div>\n \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-slate-50 transition-colors\" aria-expanded=\"false\">\n Lange Reaktionszeiten\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\">\n Bieten Sie Premium-SLAs mit sofortiger Video-Reaktion. Kunden und Anlagenbetreiber f\u00fchlen sich sofort betreut, w\u00e4hrend Anfahrtszeiten komplett entfallen.\n <\/div>\n <\/div>\n \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-slate-50 transition-colors\" aria-expanded=\"false\">\n Dokumentationspflicht\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\">\n Mit Remote-HD-Fotos und automatisierten Service-Protokollen sichern Sie den Ist-Zustand oder vollendete Inbetriebnahmen rechtssicher und manipulationsgesch\u00fctzt ab.\n <\/div>\n <\/div>\n \n <div class=\"usecase-item\">\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-slate-50 transition-colors\" aria-expanded=\"false\">\n Schulung & Einweisung\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\">\n F\u00fchren Sie virtuelle Anlagen-Abnahmen (Remote FAT) durch oder weisen Sie neues Hausmeister-Personal direkt an der Aufzugssteuerung per Video ein.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"roi\" class=\"py-16 md:py-24 bg-slate-50 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 Machen Sie Ihren Support zum Profit-Center.\n <\/h2>\n <p class=\"text-slate-300 text-base md:text-lg leading-relaxed mb-8\">\n Jede unn\u00f6tige Anfahrt im Aufzug-Service kostet extrem viel Geld und bindet wertvolle Fachkr\u00e4fte. Mit tele-LOOK reduzieren Sie Fahrzeiten, steigern die Anlagenverf\u00fcgbarkeit und entlasten Ihre Disposition.\n <\/p>\n <ul class=\"space-y-4\">\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\">Ressourcen schonen:<\/strong> Ihre besten Experten helfen bundesweit vom Schreibtisch aus.<\/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\">Premium-Wartung:<\/strong> Sichern Sie sich Wettbewerbsvorteile durch schnellere Reaktionszeiten im SLA.<\/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\">3<\/div>\n <span><strong class=\"text-white\">Beweissicherung:<\/strong> PDF-Protokoll mit HD-Fotos zur sauberen Dokumentation des Ist-Zustands.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \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-Kalkulation (Pro Techniker\/Monat)<\/p>\n <div class=\"space-y-5\">\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-5\">\n <span class=\"text-slate-300 font-semibold text-sm md:text-base\">Vermeidbare Fahrten<\/span>\n <span class=\"text-white font-black text-xl md:text-2xl\">8<\/span>\n <\/div>\n <div class=\"flex justify-between items-center border-b border-white\/10 pb-5\">\n <span class=\"text-slate-300 font-semibold text-sm md:text-base\">Kosten pro Fahrt (\u00d8)<\/span>\n <span class=\"text-white font-black text-xl md:text-2xl\">250 \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\">Brutto-Ersparnis<\/p>\n <p class=\"text-blue-200 text-[10px] md:text-xs mt-1\">*Positiver ROI ab der ersten Fahrt<\/p>\n <\/div>\n <span class=\"text-white font-black text-3xl md:text-4xl\">2.000 \u20ac<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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\">Zuschuss m\u00f6glich<\/span>\n <h3 class=\"text-2xl md:text-3xl font-black text-slate-900 mb-3 leading-tight\">Profitieren Sie von der Digitalisierungsf\u00f6rderung<\/h3>\n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed max-w-3xl\">\n Die Einf\u00fchrung von tele-LOOK als innovative Softwarel\u00f6sung zur Prozessoptimierung im Service wird durch verschiedene staatliche F\u00f6rderprogramme f\u00fcr KMUs (wie z.B. \"go-digital\" oder landesspezifische Digitalboni) 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 Mehr zur F\u00f6rderung erfahren\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"cta\" class=\"py-16 md:py-24 bg-white border-b border-slate-200\">\n <div class=\"container\">\n \n \n <div class=\"max-w-3xl mx-auto text-center mb-12\">\n <span class=\"label-badge mb-6\">Serviceleiter aufgepasst<\/span>\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-slate-800 mt-2 mb-6 leading-tight\">\n Bereit f\u00fcr den digitalen Sprung?\n <\/h2>\n <p class=\"text-slate-500 text-base md:text-lg leading-relaxed\">\n Reduzieren Sie Stress in Ihrem Team, beenden Sie endlose Telefon-Fehlersuchen und erh\u00f6hen Sie die Marge Ihres Servicegesch\u00e4fts. Starten Sie jetzt ohne Risiko.\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-x-6 gap-y-3 mt-8 text-[11px] sm:text-xs font-bold text-slate-400 uppercase tracking-widest\">\n <span>\u2713 Sofort-Freischaltung<\/span>\n <span>\u2713 Keine Installation<\/span>\n <span>\u2713 Support aus Freiburg<\/span>\n <span>\u2713 Monatlich k\u00fcndbar<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-4xl mx-auto\">\n <div class=\"rounded-[28px] p-6 sm:p-8 md:p-10 bg-slate-950 text-white relative overflow-hidden shadow-xl\">\n <div class=\"absolute inset-0 opacity-20 bg-[radial-gradient(circle_at_top_right,rgba(37,99,235,.35),transparent_30%)]\"><\/div>\n <div class=\"relative z-10\">\n <span class=\"inline-flex px-3 py-1 rounded-full bg-blue-500\/15 text-blue-300 border border-blue-500\/20 text-xs font-extrabold uppercase tracking-[0.16em] mb-4 sm:mb-5\">\n Individuelles Setup\n <\/span>\n <h3 class=\"text-xl sm:text-2xl md:text-4xl font-extrabold tracking-tight mb-4 leading-tight\">F\u00fcr Aufzughersteller mit hohem Serviceaufkommen<\/h3>\n <p class=\"text-slate-300 text-sm sm:text-base md:text-lg leading-relaxed max-w-3xl mb-6 sm:mb-8\">\n Wenn Sie ein individuelles Angebot oder eine pers\u00f6nliche Live-Demo f\u00fcr Ihr Setup ben\u00f6tigen, senden Sie uns bitte eine E-Mail mit Ihrem Anliegen.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n <a href=\"mailto:sales@tele-look.com?subject=Individuelles%20Angebot%20Aufzug-Service&body=Guten%20Tag%2C%0A%0Abitte%20erstellen%20Sie%20uns%20ein%20individuelles%20Angebot%20f%C3%BCr%20tele-LOOK.%0A%0AFirma%3A%0AAnzahl%20Service-Techniker%3A%0AMonatliches%20Service-Aufkommen%3A%0AWeitere%20Anforderungen%3A%0A\" class=\"btn-primary w-full sm:w-auto\">\n Angebot per E-Mail anfragen\n <\/a>\n <\/div>\n <p class=\"text-xs uppercase tracking-[0.16em] text-slate-500 font-bold mt-4 md:mt-5 text-center sm:text-left\">Klick \u00f6ffnet Ihr E-Mail-Programm<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <div class=\"sticky-cta\">\n <div class=\"sticky-cta-inner\">\n <p>14 Tage kostenlos testen<\/p>\n <a href=\"#cta\" 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 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>tele-LOOK | Live-Video-Support f\u00fcr Aufzughersteller Speziall\u00f6sung f\u00fcr Aufzughersteller Support-Kosten senken. Aufz\u00fcge schneller starten. Ob im Schacht, im Maschinenraum oder an der Kabine: Unterst\u00fctzen Sie Ihre Servicetechniker live per Video, identifizieren Sie Steuerungsfehler aus der Ferne und vermeiden Sie unn\u00f6tige Zweitanfahrten. Ihre Techniker und Kunden ben\u00f6tigen keine App. 100% DSGVO-konform und sofort einsatzbereit. Kostenlos testen \u2192 […]<\/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-14695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14695","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=14695"}],"version-history":[{"count":25,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14695\/revisions"}],"predecessor-version":[{"id":15216,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/14695\/revisions\/15216"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=14695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}