{"id":16308,"date":"2026-08-18T21:59:32","date_gmt":"2026-08-18T19:59:32","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/visuelle-triage-disposition\/"},"modified":"2026-11-12T21:21:40","modified_gmt":"2026-11-12T20:21:40","slug":"visuelle-auftragsvorklaerung-disposition","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/visuelle-auftragsvorklaerung-disposition\/","title":{"rendered":"Visuelle Auftragsvorkl\u00e4rung in der Disposition: Der 3-Minuten-Workflow vor jeder Transporter-Abfahrt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16308\" class=\"elementor elementor-16308 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_bc_sec_16308 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_bc_sec_16308\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-tl_bc_col_16308\" data-id=\"tl_bc_col_16308\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-tl_bc_widget_16308 elementor-widget elementor-widget-html\" data-id=\"tl_bc_widget_16308\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <style id=\"tl-light-mode-harmonization\">.bg-brand{background-color:#135dff !important}.text-brand{color:#135dff !important}.font-sans,.font-sans *{font-family:'Raleway',sans-serif}.font-heading,h1,h2,h3,h4{font-family:'Montserrat',sans-serif !important}html:not(.dark) .tl-app{background-color:#f8fafc !important;color:#334155 !important}html.dark .tl-app{background-color:#060b13 !important;color:#e2e8f0 !important}html:not(.dark) .tl-app section{border-color:#e2e8f0 !important}html:not(.dark) .tl-app [class*=\"bg-[#060b13]\"],html:not(.dark) .tl-app [class*=\"bg-[#070d19]\"],html:not(.dark) .tl-app .bg-navy-950{background-color:#f8fafc !important}html:not(.dark) .tl-app .clean-card:not(.tl-dark-keep):not(.flip-card-back),html:not(.dark) .tl-app .bento-card:not(.tl-dark-keep),html:not(.dark) .tl-app .faq-card,html:not(.dark) .tl-app details,html:not(.dark) .tl-app [class*=\"bg-[#0b1329]\"]:not(.tl-dark-keep):not(.flip-card-back),html:not(.dark) .tl-app [class*=\"bg-slate-900\"]:not(.tl-dark-keep):not(.flip-card-back),html:not(.dark) .tl-app [class*=\"bg-slate-950\"]:not(.tl-dark-keep):not(.flip-card-back),html:not(.dark) .tl-app [class*=\"bg-navy-900\"]:not(.tl-dark-keep):not(.flip-card-back),html:not(.dark) .tl-app [class*=\"bg-navy-800\"]:not(.tl-dark-keep):not(.flip-card-back){background:#ffffff !important;background-color:#ffffff !important;border-color:#e2e8f0 !important;box-shadow:0 4px 20px rgba(15,23,42,0.05) !important;color:#334155 !important}html:not(.dark) .tl-app .geo-box,html:not(.dark) .tl-app .geo-snippet-box{background:#f0f9ff !important;border-color:#bae6fd !important;border-left:4px solid #135dff !important;color:#1e293b !important}html:not(.dark) .tl-app h1,html:not(.dark) .tl-app h2:not(.tl-dark-keep h2),html:not(.dark) .tl-app h3:not(.tl-dark-keep h3):not(.flip-card-back h3),html:not(.dark) .tl-app h4:not(.tl-dark-keep h4):not(.flip-card-back h4),html:not(.dark) .tl-app summary,html:not(.dark) .tl-app th{color:#0f172a !important}html:not(.dark) .tl-app:not(.btn-gradient):not(.bg-brand):not(.bg-emerald-500):not(.bg-cyan-500):not(.bg-blue-600):not(.tl-dark-keep):not(.tl-dark-keep *):not(.flip-card-back):not(.flip-card-back *)>.text-white,html:not(.dark) .tl-app .text-white:not(a):not(button):not(span.bg-brand):not(.tl-dark-keep *):not(.flip-card-back *){color:#0f172a !important}html:not(.dark) .tl-app .text-slate-100:not(.tl-dark-keep *):not(.flip-card-back *),html:not(.dark) .tl-app .text-slate-200:not(.tl-dark-keep *):not(.flip-card-back *),html:not(.dark) .tl-app .text-slate-300:not(.tl-dark-keep *):not(.flip-card-back *){color:#334155 !important}html:not(.dark) .tl-app .text-slate-400:not(.tl-dark-keep *):not(.flip-card-back *),html:not(.dark) .tl-app .text-slate-500:not(.tl-dark-keep *):not(.flip-card-back *){color:#475569 !important}html:not(.dark) .tl-app .text-cyan-400:not(.tl-dark-keep *):not(.flip-card-back *),html:not(.dark) .tl-app .text-sky-400:not(.tl-dark-keep *):not(.flip-card-back *){color:#0284c7 !important}html:not(.dark) .tl-app .text-emerald-400:not(.tl-dark-keep *):not(.flip-card-back *){color:#059669 !important}html:not(.dark) .tl-app .text-amber-200{color:#78350f !important}html:not(.dark) .tl-app .text-amber-400{color:#b45309 !important}html:not(.dark) .tl-app [class*=\"bg-amber-500\/10\"]{background-color:#fffbeb !important;border-color:#fde68a !important}html:not(.dark) .tl-app .btn-secondary{background:#ffffff !important;color:#0f172a !important;border:1px solid #cbd5e1 !important}html:not(.dark) .tl-app input[type=\"range\"]{background:#cbd5e1}html:not(.dark) .tl-app table,html:not(.dark) .tl-app tr,html:not(.dark) .tl-app td,html:not(.dark) .tl-app th,html:not(.dark) .tl-app [class*=\"border-slate-800\"],html:not(.dark) .tl-app [class*=\"border-slate-700\"]{border-color:#e2e8f0 !important}html:not(.dark) .tl-app .tl-dark-keep{background:linear-gradient(135deg,#0b1329 0%,#0f1e3d 100%) !important;color:#f8fafc !important}html:not(.dark) .tl-app .tl-dark-keep h2,html:not(.dark) .tl-app .tl-dark-keep .text-white{color:#ffffff !important}html:not(.dark) .tl-app .tl-dark-keep p{color:#cbd5e1 !important}html:not(.dark) .tl-app .tl-dark-keep .btn-secondary{background:rgba(255,255,255,0.08) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.25) !important}html:not(.dark) .tl-app [class*=\"bg-[#0c1630]\"]{background-color:#f0f9ff !important;border-color:#bae6fd !important;border-left:4px solid #135dff !important;color:#1e293b !important;box-shadow:0 4px 16px rgba(15,23,42,0.04) !important}html:not(.dark) .tl-app [class*=\"bg-[#090e1a]\"]{background-color:#f1f5f9 !important;border-color:#cbd5e1 !important;color:#0f172a !important}html:not(.dark) .tl-app .text-brand-light{color:#135dff !important}html:not(.dark) .tl-app .text-indigo-400{color:#4f46e5 !important}html:not(.dark) .tl-app .text-amber-300,html:not(.dark) .tl-app .text-amber-400{color:#b45309 !important}html:not(.dark) .tl-app tbody tr[class*=\"bg-slate-900\"],html:not(.dark) .tl-app tbody tr[class*=\"bg-slate-800\"],html:not(.dark) .tl-app tbody tr[class*=\"bg-[#0\"]{background-color:#f8fafc !important;color:#334155 !important}html:not(.dark) .tl-app tfoot tr,html:not(.dark) .tl-app tr[class*=\"bg-cyan-950\"],html:not(.dark) .tl-app tr[class*=\"bg-emerald-950\"],html:not(.dark) .tl-app tr[class*=\"bg-slate-800\"]{background-color:#f0f9ff !important;color:#0f172a !important}html:not(.dark) .tl-app [class*=\"bg-emerald-950\"],html:not(.dark) .tl-app [class*=\"bg-emerald-900\"]{background-color:#ecfdf5 !important;border-color:#a7f3d0 !important;color:#065f46 !important}html:not(.dark) .tl-app [class*=\"bg-cyan-950\"],html:not(.dark) .tl-app [class*=\"bg-sky-950\"]{background-color:#f0f9ff !important;border-color:#bae6fd !important;color:#0c4a6e !important}html:not(.dark) .tl-app [class*=\"bg-amber-950\"],html:not(.dark) .tl-app [class*=\"bg-amber-900\"]{background-color:#fffbeb !important;border-color:#fde68a !important;color:#92400e !important}html:not(.dark) .tl-app [class*=\"bg-rose-950\"],html:not(.dark) .tl-app [class*=\"bg-red-950\"],html:not(.dark) .tl-app [class*=\"bg-rose-900\"]{background-color:#fff1f2 !important;border-color:#fecdd3 !important;color:#9f1239 !important}html:not(.dark) .tl-app [class*=\"bg-emerald-950\"] *,html:not(.dark) .tl-app [class*=\"bg-emerald-900\"] *{color:#065f46 !important}html:not(.dark) .tl-app [class*=\"bg-cyan-950\"] *,html:not(.dark) .tl-app [class*=\"bg-sky-950\"] *{color:#0c4a6e !important}html:not(.dark) .tl-app [class*=\"bg-amber-950\"] *,html:not(.dark) .tl-app [class*=\"bg-amber-900\"] *{color:#92400e !important}html:not(.dark) .tl-app [class*=\"bg-rose-950\"] *,html:not(.dark) .tl-app [class*=\"bg-red-950\"] *,html:not(.dark) .tl-app [class*=\"bg-rose-900\"] *{color:#9f1239 !important}html:not(.dark) .tl-app .text-emerald-300,html:not(.dark) .tl-app .text-emerald-400{color:#047857 !important}html:not(.dark) .tl-app .text-cyan-300,html:not(.dark) .tl-app .text-cyan-400{color:#0369a1 !important}html:not(.dark) .tl-app .text-rose-300,html:not(.dark) .tl-app .text-rose-400{color:#be123c !important}<\/style>\n    \n<style>.breadcrumb-wrap{display:flex !important;justify-content:center !important;width:100% !important;margin:1.25rem 0 2rem 0 !important;position:relative !important;z-index:20 !important}.breadcrumb-pill{display:inline-flex !important;align-items:center !important;gap:0.6rem !important;background:var(--tl-bg-card,#ffffff) !important;border:1px solid var(--tl-border,#cbd5e1) !important;border-radius:9999px !important;padding:0.45rem 1.15rem !important;font-family:'Montserrat',sans-serif !important;font-size:0.78rem !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;color:var(--tl-text-muted,#64748b) !important;box-shadow:0 4px 14px rgba(0,0,0,0.05) !important;transition:all 0.25s ease !important}.breadcrumb-pill a{color:var(--tl-text-secondary,#475569) !important;text-decoration:none !important;transition:color 0.2s ease !important}.breadcrumb-pill a:hover{color:#135dff !important}.breadcrumb-pill .sep{color:var(--tl-text-muted,#94a3b8) !important;opacity:0.6 !important}.breadcrumb-pill .current{color:#135dff !important;font-weight:800 !important}[data-theme=\"dark\"] .breadcrumb-pill,html.dark .breadcrumb-pill,body.dark .breadcrumb-pill,.dark .breadcrumb-pill{background:#0f172a !important;border-color:rgba(56,189,248,0.3) !important;color:#94a3b8 !important;box-shadow:0 4px 20px rgba(0,0,0,0.4) !important}[data-theme=\"dark\"] .breadcrumb-pill a,html.dark .breadcrumb-pill a,body.dark .breadcrumb-pill a,.dark .breadcrumb-pill a{color:#cbd5e1 !important}[data-theme=\"dark\"] .breadcrumb-pill a:hover,html.dark .breadcrumb-pill a:hover,body.dark .breadcrumb-pill a:hover,.dark .breadcrumb-pill a:hover{color:#38bdf8 !important}[data-theme=\"dark\"] .breadcrumb-pill .current,html.dark .breadcrumb-pill .current,body.dark .breadcrumb-pill .current,.dark .breadcrumb-pill .current{color:#38bdf8 !important}<\/style>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@graph\": [{\"@type\": \"TechArticle\", \"headline\": \"Visuelle Auftragsvorkl\u00e4rung in der Disposition: Der 3-Minuten-Workflow vor jeder Transporter-Abfahrt\", \"description\": \"Umfassender Leitfaden f\u00fcr Serviceleiter, Disponenten und Handwerksmeister zur Implementierung standardisierter visueller Live-Auftragsvorkl\u00e4rung vor der Auftragsdisposition im technischen Kundendienst.\", \"author\": {\"@type\": \"Organization\", \"name\": \"tele-LOOK Fachredaktion (Solutiness GmbH)\", \"url\": \"https:\/\/www.tele-look.com\"}, \"publisher\": {\"@type\": \"Organization\", \"name\": \"Solutiness GmbH\", \"url\": \"https:\/\/www.tele-look.com\", \"logo\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2025\/08\/Logo-tele-LOOK-LiveVideo-Support.png\"}, \"datePublished\": \"2026-08-18\", \"dateModified\": \"2026-08-18\", \"mainEntityOfPage\": \"https:\/\/www.tele-look.com\/web\/visuelle-Auftragsvorkl\u00e4rung & Disposition\/\"}, {\"@type\": \"SoftwareApplication\", \"name\": \"tele-LOOK Live-Video Auftragsvorkl\u00e4rung\", \"applicationCategory\": \"BusinessApplication\", \"operatingSystem\": \"Browser (iOS, Android, Windows, macOS)\", \"description\": \"Software f\u00fcr visuelle Auftragsvorkl\u00e4rung im Kundendienst, Live-Fehlercode-Analyse, Typenschild-Dokumentation und Fernanleitung ohne App-Download.\", \"offers\": {\"@type\": \"AggregateOffer\", \"priceCurrency\": \"EUR\", \"lowPrice\": \"39\", \"highPrice\": \"95\", \"offerCount\": \"3\"}}, {\"@type\": \"BreadcrumbList\", \"itemListElement\": [{\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Startseite\", \"item\": \"https:\/\/www.tele-look.com\/web\/\"}, {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Fachberichte\", \"item\": \"https:\/\/www.tele-look.com\/web\/#fachberichte\"}, {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"Visuelle Auftragsvorkl\u00e4rung Disposition\", \"item\": \"https:\/\/www.tele-look.com\/web\/visuelle-Auftragsvorkl\u00e4rung & Disposition\/\"}]}, {\"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Was versteht man unter visueller Auftragsvorkl\u00e4rung in der Kundendienst-Disposition?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Unter visueller Auftragsvorkl\u00e4rung versteht man die standardisierte Vorab-Pr\u00fcfung einer gemeldeten St\u00f6rung per Live-Video im Smartphone-Browser des Kunden (Dauer: ca. 2\u20133 Minuten). Ziel ist es, vor der Fahrzeugdisposition den Fehlercode, das Typenschild und die Dringlichkeit exakt zu erfassen, Bagatellen sofort remote zu beheben oder den Techniker mit 100% passenden Ersatzteilen auszustatten.\"}}, {\"@type\": \"Question\", \"name\": \"Wie viel Zeit und Geld spart die visuelle Auftragsvorkl\u00e4rung pro Service-Einsatz?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Die visuelle Auftragsvorkl\u00e4rung spart durchschnittlich 45 bis 90 Minuten Transporter-Fahrzeit und ca. 160 \u20ac bis 180 \u20ac pro vermiedener Fehlfahrt ein. Durch die Vorab-Sichtung entfallen bis zu 42% aller Bagatell-Eins\u00e4tze (z.B. Heizungsdruck nachf\u00fcllen, Reset), w\u00e4hrend die First-Time-Fix-Rate bei echten Vor-Ort-Eins\u00e4tzen von unter 65% auf \u00fcber 90% steigt.\"}}, {\"@type\": \"Question\", \"name\": \"M\u00fcssen Kunden oder Mieter eine App installieren?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Nein. tele-LOOK l\u00e4uft zu 100% browserbasiert (WebRTC). Der Disponent sendet einen Link per SMS oder E-Mail, der Kunde tippt darauf und ist in Sekundenschnelle live verbunden \u2013 ohne Download, ohne Passwort und DSGVO-konform auf deutschen Servern.\"}}]}]}<\/script>\n<style>#tele-look-Auftragsvorkl\u00e4rung-page,#tele-look-Auftragsvorkl\u00e4rung-page *{box-sizing:border-box}.font-sans,.font-sans *{font-family:'Raleway',sans-serif !important}.font-heading,.font-heading *{font-family:'Montserrat',sans-serif !important}#tele-look-Auftragsvorkl\u00e4rung-page button,#tele-look-Auftragsvorkl\u00e4rung-page input[type=\"button\"],#tele-look-Auftragsvorkl\u00e4rung-page input[type=\"submit\"],#tele-look-Auftragsvorkl\u00e4rung-page .btn,#btn-monthly,#btn-yearly{border:0 solid transparent !important;border-width:0 !important;border-style:none !important;outline:none !important;box-shadow:none !important;-webkit-appearance:none !important;-moz-appearance:none !important}#btn-monthly:focus,#btn-yearly:focus,#btn-monthly:active,#btn-yearly:active,#btn-monthly:hover,#btn-yearly:hover{border:0 solid transparent !important;border-width:0 !important;border-style:none !important;outline:none !important;box-shadow:none !important}.hero-glow-bg{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:1000px;max-width:100vw;height:650px;background:radial-gradient(circle at 50% 30%,rgba(6,182,212,0.22) 0%,rgba(19,93,255,0.16) 45%,transparent 75%);filter:blur(80px);pointer-events:none;z-index:0}@keyframes gradient-shift{0%{background-position:0% center}50%{background-position:100% center}100%{background-position:0% center}}.text-gradient{background:linear-gradient(90deg,#38bdf8 0%,#22d3ee 50%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;background-size:200% auto;animation:gradient-shift 4s ease infinite}.btn-gradient{background:linear-gradient(90deg,#135dff 0%,#22d3ee 50%,#34d399 100%);background-size:200% auto;transition:all 0.35s ease;color:#ffffff !important;font-weight:800;border-radius:9999px;text-decoration:none !important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -5px rgba(6,182,212,0.5),0 0 20px rgba(34,211,238,0.3)}.btn-gradient:hover{background-position:right center;box-shadow:0 0 35px rgba(6,182,212,0.8),0 0 70px rgba(16,185,129,0.5);transform:translateY(-2px);color:#ffffff !important}.btn-secondary{background:#0f172a;color:#f1f5f9 !important;border:1px solid #334155 !important;font-weight:700;border-radius:9999px;transition:all 0.25s ease;text-decoration:none !important;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:#1e293b;border-color:#64748b !important;transform:translateY(-2px)}.clean-card{background-color:#0f172a;border:1px solid #1e293b;border-radius:1.25rem;transition:all 0.25s ease}.clean-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(6,182,212,0.15)}.icon-badge{width:3.25rem;height:3.25rem;border-radius:0.875rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(15,23,42,0.9) 0%,rgba(30,41,59,0.5) 100%);border:1px solid rgba(51,65,85,0.8);color:#38bdf8;transition:all 0.25s ease}.clean-card:hover .icon-badge{border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 20px rgba(56,189,248,0.25);transform:scale(1.05)}.glass-pill-nav{position:sticky;top:20px;z-index:50;max-width:fit-content;margin:0 auto;background:rgba(11,19,41,0.88) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,0.25) !important;border-radius:50px !important;padding:0.5rem 1rem !important;display:flex;align-items:center;gap:0.5rem;box-shadow:0 10px 30px -5px rgba(0,0,0,0.5) !important;overflow-x:auto;scrollbar-width:none}.glass-pill-nav::-webkit-scrollbar{display:none}.glass-pill-nav a{color:#94a3b8 !important;text-decoration:none !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;font-size:0.75rem !important;padding:0.45rem 0.85rem !important;text-transform:uppercase !important;letter-spacing:0.06em !important;border-radius:9999px;transition:all 0.2s ease;white-space:nowrap}.glass-pill-nav a:hover,.glass-pill-nav a.active{color:#ffffff !important;background-color:rgba(56,189,248,0.18);border:1px solid rgba(56,189,248,0.3) !important}.flip-card{perspective:1000px;height:295px}.flip-card-inner{position:relative;width:100%;height:100%;border-radius:1.25rem;transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(0.4,0.2,0.2,1)}.flip-card-front,.flip-card-back{position:absolute;inset:0;border-radius:1.25rem;padding:1.6rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.flip-card-front{background:linear-gradient(145deg,#0b1329 0%,#0f172a 100%) !important;border:1px solid #1e293b !important;box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}.flip-card:hover .flip-card-front{border-color:#38bdf8 !important;box-shadow:0 0 25px rgba(56,189,248,0.25)}.flip-card-back{background:linear-gradient(145deg,#091e3a 0%,#0369a1 100%) !important;border:1px solid rgba(56,189,248,0.5) !important;color:#e0f2fe !important;transform:rotateY(180deg);box-shadow:0 16px 40px -10px rgba(19,93,255,0.6)}.flip-card:hover .flip-card-inner,.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.faq-btn{background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;text-align:left !important;color:#ffffff !important;cursor:pointer !important;font-family:'Montserrat',sans-serif !important}.faq-btn:focus,.faq-btn:active,.faq-btn:hover{outline:none !important;border:none !important;box-shadow:none !important}.faq-card{background:#0b1329 !important;border:1px solid #1e293b !important;border-radius:1.25rem !important;padding:1.5rem !important;transition:all 0.25s ease !important}.faq-card:hover{border-color:#38bdf8 !important;box-shadow:0 10px 30px -10px rgba(6,182,212,0.15) !important}input[type=range]{accent-color:#06b6d4}<\/style>\n\n<div id=\"tele-look-dispo-page\" class=\"tl-app antialiased bg-[#060b13] text-slate-100 transition-colors duration-300\">\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 1. HERO SECTION \u2550\u2550\u2550\u2550\u2550\u2550\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=\"relative pt-28 pb-20 md:pt-36 md:pb-28 overflow-hidden border-b border-slate-800\/80\">\n      \n      <!-- Ambient Glow Orb -->\n      <div class=\"hero-glow-bg\"><\/div>\n\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 relative z-10\">\n        <div class=\"grid lg:grid-cols-12 gap-12 items-center\">\n          \n          <div class=\"lg:col-span-7 space-y-6 text-left\">\n            \n            <!-- Pill Badge -->\n            <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-cyan-950\/70 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider shadow-sm font-heading\">\n              <span class=\"w-2 h-2 rounded-full bg-cyan-400 animate-ping\"><\/span>\n              Disposition &bull; Einsatzplanung &bull; Auftragsvorkl\u00e4rung-Protokoll\n            <\/div>\n\n            <!-- Main Headline -->\n            <h1 class=\"font-heading text-3xl sm:text-5xl lg:text-6xl font-black tracking-tight text-white leading-[1.1]\">\n              Visuelle Auftragsvorkl\u00e4rung in der Disposition:<br>\n              <span class=\"text-gradient\">Erst sehen, dann fahren.<\/span>\n            <\/h1>\n\n            <!-- GEO \/ Inverted Pyramid AI Definition Snippet -->\n            <div class=\"p-5 rounded-2xl bg-[#0c1630] border border-cyan-500\/30 text-left shadow-xl border-l-4 border-l-cyan-400\">\n              <p class=\"text-[11px] font-black text-cyan-300 uppercase tracking-widest mb-1.5 font-heading\">Auf einen Blick:<\/p>\n              <p class=\"text-sm sm:text-base text-slate-200 leading-relaxed font-medium\">\n                Unter <strong>visueller Auftragsvorkl\u00e4rung in der Kundendienst-Disposition<\/strong> versteht man den standardisierten <strong>3-Minuten-Vorab-Check per Live-Video<\/strong> im Smartphone-Browser des Kunden, um vor der Transporter-Abfahrt Fehlercode, Dringlichkeit und ben\u00f6tigte Ersatzteile exakt zu verifizieren. Dies verhindert bis zu <strong>42% aller unn\u00f6tigen Fehlfahrten<\/strong> und hebt die First-Time-Fix-Rate auf \u00fcber 90%.\n              <\/p>\n            <\/div>\n\n            <p class=\"text-slate-300 text-base sm:text-lg leading-relaxed\">\n              Trennen Sie echte St\u00f6rungen von 2-Minuten-Bagatellen: Statt Monteure auf Verdacht durch den Berufsverkehr zu schicken, schaltet sich die Disposition per Einmal-Link direkt auf das Smartphone des Kunden. So werden Baugruppen und Typenschilder vorab gepr\u00fcft, Fehlteile eliminiert und bis zu <strong>180 \u20ac pro vermiedener Fehlfahrt<\/strong> gespart.\n            <\/p>\n\n            <p class=\"text-cyan-300 text-sm sm:text-base font-bold\">\n              \u2713 Kein App-Download f\u00fcr den Kunden. &nbsp;\u2713 100% passende Ersatzteile. &nbsp;\u2713 Entlastung der Meister im B\u00fcro.\n            <\/p>\n\n            <!-- Action Buttons -->\n            <div class=\"flex flex-col sm:flex-row items-center gap-4 pt-2\">\n              <a href=\"https:\/\/www.tele-look.com\/web\/produktinfo-tele-look\/\" class=\"btn-gradient px-9 py-4 text-sm w-full sm:w-auto uppercase tracking-wider font-heading\">\n                14 Tage kostenlos testen \u2192\n              <\/a>\n              <a href=\"#rechner\" class=\"btn-secondary px-8 py-4 text-sm w-full sm:w-auto uppercase tracking-wider font-heading\">\n                Fehlfahrten-Rechner\n              <\/a>\n            <\/div>\n\n            <!-- 3 Glass Highlights -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3.5 pt-4\">\n              <div class=\"clean-card p-4 text-center sm:text-left bg-[#0c1630]\/80 border-slate-800\">\n                <div class=\"font-black text-white text-sm font-heading\">&gt; 90 %<\/div>\n                <div class=\"text-xs text-slate-400 mt-0.5\">First-Time-Fix-Rate<\/div>\n              <\/div>\n              <div class=\"clean-card p-4 text-center sm:text-left bg-[#0c1630]\/80 border-slate-800\">\n                <div class=\"font-black text-white text-sm font-heading\">3 Min.<\/div>\n                <div class=\"text-xs text-slate-400 mt-0.5\">Auftragsvorkl\u00e4rung-Dauer<\/div>\n              <\/div>\n              <div class=\"clean-card p-4 text-center sm:text-left bg-[#0c1630]\/80 border-slate-800\">\n                <div class=\"font-black text-white text-sm font-heading\">\u221240 %<\/div>\n                <div class=\"text-xs text-slate-400 mt-0.5\">Fahrzeit &amp; Diesel<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- Hero Graphic: Disponentin \/ Meister im B\u00fcro Visual -->\n          <div class=\"lg:col-span-5 relative mt-6 lg:mt-0\">\n            <div class=\"absolute inset-0 bg-cyan-500\/20 blur-3xl rounded-full\"><\/div>\n            <div class=\"relative bg-[#090e1a] border border-slate-800 rounded-3xl p-3 shadow-2xl\">\n              <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2026\/11\/flow_b2b_disposition_leitstand_2026.webp\" alt=\"Deutscher Dispositions-Arbeitsplatz im technischen Kundendienst mit Live-Video-\u00dcbertragung einer Industrieanlage und tele-Punkt Markierung\" title=\"Visuelle Auftragsvorkl\u00e4rung in der Disposition per Live-Video im Browser\" width=\"1376\" height=\"768\" class=\"rounded-2xl w-full object-cover shadow-inner h-[320px] sm:h-[380px]\" loading=\"eager\" \/><span style=\"display:block;font-size:11px;color:#64748b;text-align:right;margin-top:6px;\">Symbolabbildung (KI-generiert)<\/span>\n              <div class=\"absolute -bottom-5 left-4 right-4 bg-[#0b1329]\/95 border border-cyan-500\/30 backdrop-blur-md rounded-2xl p-4 shadow-2xl\">\n                <div class=\"flex items-center gap-3 text-left\">\n                  <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/20 text-cyan-300 flex items-center justify-center font-black shrink-0 border border-cyan-400\/30\">\n                    <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n                  <\/div>\n                  <div>\n                    <p class=\"text-[10px] uppercase tracking-widest text-cyan-300 font-extrabold font-heading\">Auftragsvorkl\u00e4rung-Protokoll erstellt<\/p>\n                    <p class=\"text-white text-xs sm:text-sm font-bold leading-tight\">Typenschild und Fehlerbild erfasst \u2013 Techniker f\u00e4hrt mit 100% passendem Teil los!<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"breadcrumb-wrap\">\n      <nav class=\"breadcrumb-pill\" aria-label=\"Breadcrumb\">\n        <span style=\"color: #38bdf8; font-size: 0.85rem;\">\u25cf<\/span>\n        <a href=\"https:\/\/www.tele-look.com\/web\/\">Startseite<\/a>\n        <span class=\"sep\">\/<\/span>\n        <span class=\"current\">Visuelle Auftragsvorkl\u00e4rung in der Disposition: Der 3-Minuten-Workflow vor jeder Transporter-Abfahrt | tele-LOOK<\/span>\n      <\/nav>\n    <\/div>\n    \n\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 2. STICKY 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    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. KPIS & BENCHMARKS \u2550\u2550\u2550\u2550\u2550\u2550\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 bg-[#0b1329] border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-center\">\n          <div class=\"clean-card p-6 border-slate-800\">\n            <div class=\"font-heading text-3xl sm:text-4xl font-black text-cyan-400\">42 %<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">Bagatell-Quote bei St\u00f6rungen<\/div>\n          <\/div>\n          <div class=\"clean-card p-6 border-slate-800\">\n            <div class=\"font-heading text-3xl sm:text-4xl font-black text-white\">180 \u20ac<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">\u00d8 Kosten einer Fehlfahrt<\/div>\n          <\/div>\n          <div class=\"clean-card p-6 border-slate-800\">\n            <div class=\"font-heading text-3xl sm:text-4xl font-black text-cyan-400\">&gt; 90 %<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">First-Time-Fix-Quote<\/div>\n          <\/div>\n          <div class=\"clean-card p-6 border-slate-800\">\n            <div class=\"font-heading text-3xl sm:text-4xl font-black text-white\">3\u20134<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">Mehr Eins\u00e4tze pro Tag<\/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 4. DAS 4-STUFEN AMPELSYSTEM \u2550\u2550\u2550\u2550\u2550\u2550\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=\"ampel\" class=\"py-20 md:py-28 border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        \n        <div class=\"text-center max-w-3xl mx-auto mb-16\">\n          <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-cyan-950\/60 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Entscheidungsmatrix\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white mb-4\">\n            Das 4-Stufen-Ampelsystem der visuellen Auftragsvorkl\u00e4rung\n          <\/h2>\n          <p class=\"text-slate-300 text-base sm:text-lg\">\n            So teilt Ihr Dispositions-Team eingehende St\u00f6rungen in unter 3 Minuten treffsicher ein:\n          <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n          \n          <!-- Stufe 1: Gr\u00fcn -->\n          <div class=\"clean-card p-8 bg-emerald-950\/20 border-emerald-500\/40 text-left\">\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-900\/60 text-emerald-300 text-xs font-bold uppercase tracking-wider font-heading\">\n                <span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#10b981;margin-right:6px;vertical-align:middle;\"><\/span>Stufe 1: Sofortige Remotel\u00f6sung\n              <\/span>\n              <span class=\"text-xs font-bold text-emerald-400 font-heading\">0 \u20ac Fuhrparkkosten<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-xl font-bold text-white mb-2\">Bagatellen &amp; Fernanleitung<\/h3>\n            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\n              Wasserdruck nachf\u00fcllen, Reset-Taste bet\u00e4tigen, Absperrhahn \u00f6ffnen, Thermoschutz zur\u00fccksetzen.\n            <\/p>\n            <div class=\"text-xs text-emerald-300 font-semibold bg-emerald-950\/60 p-3 rounded-xl border border-emerald-800\/50\">\n              \u2713 <strong>Ergebnis:<\/strong> Problem in 2 Min. gel\u00f6st. Transporter bleibt auf dem Hof, Kunde ist begeistert.\n            <\/div>\n          <\/div>\n\n          <!-- Stufe 2: Gelb -->\n          <div class=\"clean-card p-8 bg-cyan-950\/20 border-cyan-500\/40 text-left\">\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-cyan-900\/60 text-cyan-300 text-xs font-bold uppercase tracking-wider font-heading\">\n                <span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#eab308;margin-right:6px;vertical-align:middle;\"><\/span>Stufe 2: First-Time-Fix Einsatz\n              <\/span>\n              <span class=\"text-xs font-bold text-cyan-400 font-heading\">100% Trefferquote<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-xl font-bold text-white mb-2\">Einsatz mit verifiziertem Teil<\/h3>\n            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\n              Echtes Ersatzteil defekt (z.B. Pumpe, Sensor, Z\u00fcndelektrode). Typenschild und Baugruppe sind per HD-Foto erfasst.\n            <\/p>\n            <div class=\"text-xs text-cyan-300 font-semibold bg-cyan-950\/60 p-3 rounded-xl border border-cyan-800\/50\">\n              \u2713 <strong>Ergebnis:<\/strong> Monteur packt vor Abfahrt das exakt passende Teil ein. Keine Zweitanfahrt.\n            <\/div>\n          <\/div>\n\n          <!-- Stufe 3: Orange -->\n          <div class=\"clean-card p-8 bg-amber-950\/20 border-amber-500\/40 text-left\">\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-amber-900\/60 text-amber-300 text-xs font-bold uppercase tracking-wider font-heading\">\n                <span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#f59e0b;margin-right:6px;vertical-align:middle;\"><\/span>Stufe 3: Qualifikations-Matching\n              <\/span>\n              <span class=\"text-xs font-bold text-amber-400 font-heading\">Optimale Personal-Nutzung<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-xl font-bold text-white mb-2\">Meister vs. Geselle vs. Azubi<\/h3>\n            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\n              Komplexe Steuerungs-\/Regelungsprobleme verlangen Spezialisten; Routine-Wartungen werden an Gesellen\/Azubis disponiert.\n            <\/p>\n            <div class=\"text-xs text-amber-300 font-semibold bg-amber-950\/60 p-3 rounded-xl border border-amber-800\/50\">\n              \u2713 <strong>Ergebnis:<\/strong> Meisterressourcen werden nicht f\u00fcr Standard-Handgriffe vergeudet.\n            <\/div>\n          <\/div>\n\n          <!-- Stufe 4: Rot -->\n          <div class=\"clean-card p-8 bg-red-950\/20 border-red-500\/40 text-left\">\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-900\/60 text-red-300 text-xs font-bold uppercase tracking-wider font-heading\">\n                <span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;margin-right:6px;vertical-align:middle;\"><\/span>Stufe 4: Akute Havarie \/ Notfall\n              <\/span>\n              <span class=\"text-xs font-bold text-red-400 font-heading\">Sofort-Eind\u00e4mmung<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-xl font-bold text-white mb-2\">Gefahr &amp; Wasserschaden<\/h3>\n            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\n              Rohrbruch, Gasgeruch, Ausfall industrieller K\u00fchlung. Disponent leitet den Kunden sofort zur Notabschaltung an.\n            <\/p>\n            <div class=\"text-xs text-red-300 font-semibold bg-red-950\/60 p-3 rounded-xl border border-red-800\/50\">\n              \u2713 <strong>Ergebnis:<\/strong> tele-Punkt zeigt den Haupthahn. Schaden minimiert, w\u00e4hrend Express-Fahrzeug anrollt.\n            <\/div>\n          <\/div>\n\n        <\/div>\n\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 5. DIE 5 KONTROLLPUNKTE \u2550\u2550\u2550\u2550\u2550\u2550\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=\"kontrollpunkte\" class=\"py-20 md:py-28 bg-[#0b1329] border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        \n        <div class=\"text-center max-w-3xl mx-auto mb-16\">\n          <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-cyan-950\/60 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Auftragsvorkl\u00e4rung-Checkliste\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white mb-4\">\n            Die 5 Kontrollpunkte der visuellen Auftragsvorkl\u00e4rung\n          <\/h2>\n          <p class=\"text-slate-300 text-base sm:text-lg\">\n            In 3 Minuten am Bildschirm alle einsatzkritischen Parameter erfassen:\n          <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 text-left\">\n          \n          <div class=\"clean-card p-6 bg-[#060b13] border-slate-800\">\n            <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/20 text-cyan-300 flex items-center justify-center font-black text-lg mb-4 font-heading border border-cyan-500\/30\">1<\/div>\n            <h3 class=\"font-heading font-bold text-white text-base mb-2\">Display &amp; Fehlercode<\/h3>\n            <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed\">\n              Exakte Diagnose von Fehlercodes und Blinkmustern (z.B. Vaillant F.28, Viessmann F4, Buderus 6A). Kein Raten am Telefon.\n            <\/p>\n          <\/div>\n\n          <div class=\"clean-card p-6 bg-[#060b13] border-slate-800\">\n            <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/20 text-cyan-300 flex items-center justify-center font-black text-lg mb-4 font-heading border border-cyan-500\/30\">2<\/div>\n            <h3 class=\"font-heading font-bold text-white text-base mb-2\">Typenschild &amp; Baujahr<\/h3>\n            <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed\">\n              HD-Foto der Seriennummer direkt ins ERP \u00fcbertragen. Verhindert falsche Baugruppen-Bestellungen zu 100%.\n            <\/p>\n          <\/div>\n\n          <div class=\"clean-card p-6 bg-[#060b13] border-slate-800\">\n            <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/20 text-cyan-300 flex items-center justify-center font-black text-lg mb-4 font-heading border border-cyan-500\/30\">3<\/div>\n            <h3 class=\"font-heading font-bold text-white text-base mb-2\">Manometer &amp; Druckwerte<\/h3>\n            <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed\">\n              Liegt der Druck unter 1,0 bar? Anleitung zum Nachf\u00fcllen \u00fcber tele-Punkt spart die gesamte Anfahrt.\n            <\/p>\n          <\/div>\n\n          <div class=\"clean-card p-6 bg-[#060b13] border-slate-800\">\n            <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/20 text-cyan-300 flex items-center justify-center font-black text-lg mb-4 font-heading border border-cyan-500\/30\">4<\/div>\n            <h3 class=\"font-heading font-bold text-white text-base mb-2\">Bauliche Zug\u00e4nglichkeit<\/h3>\n            <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed\">\n              Kriechkeller, Dachschr\u00e4ge, Deckenh\u00f6he? Der Techniker wei\u00df vorab, ob Leitern, Hebeb\u00fchnen oder 2 Mann n\u00f6tig sind.\n            <\/p>\n          <\/div>\n\n          <div class=\"clean-card p-6 bg-[#060b13] border-slate-800\">\n            <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/20 text-cyan-300 flex items-center justify-center font-black text-lg mb-4 font-heading border border-cyan-500\/30\">5<\/div>\n            <h3 class=\"font-heading font-bold text-white text-base mb-2\">Sicherheitspr\u00fcfung<\/h3>\n            <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed\">\n              Stromlos schalten, Leckagemengen einsch\u00e4tzen und Schutzma\u00dfnahmen verifizieren, bevor jemand den Gefahrenbereich betritt.\n            <\/p>\n          <\/div>\n\n          <div class=\"clean-card p-6 bg-[#060b13] border-cyan-500\/40 flex flex-col justify-center text-center\">\n            <div class=\"text-cyan-400 font-heading font-black text-2xl mb-1\">&lt; 3 Minuten<\/div>\n            <div class=\"text-xs text-slate-300 uppercase tracking-wider font-heading font-bold\">Gesamter Auftragsvorkl\u00e4rung-Ablauf<\/div>\n            <p class=\"text-[11px] text-slate-400 mt-2\">Spart bis zu 90 Minuten Transporter-Fahrzeit pro Einsatz!<\/p>\n          <\/div>\n\n        <\/div>\n\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 6. INTERAKTIVER FEHLFAHRTEN-RECHNER \u2550\u2550\u2550\u2550\u2550\u2550\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=\"rechner\" class=\"py-20 md:py-28 border-b border-slate-800\/80\">\n      <div class=\"max-w-5xl mx-auto px-6\">\n        \n        <div class=\"text-center max-w-3xl mx-auto mb-14\">\n          <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-cyan-950\/60 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Dispositions-ROI\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white mb-4\">\n            Fehlfahrten- &amp; Fuhrparkkosten-Rechner\n          <\/h2>\n          <p class=\"text-slate-400 text-base sm:text-lg\">\n            Ermitteln Sie das j\u00e4hrliche Einsparpotenzial f\u00fcr Ihren Betrieb durch visuelle Auftragsvorkl\u00e4rung.\n          <\/p>\n        <\/div>\n\n        <div class=\"clean-card p-8 sm:p-10 bg-[#0b1329] border-cyan-500\/30 text-left shadow-2xl\">\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n            \n            <!-- Slider Inputs -->\n            <div class=\"space-y-6\">\n              <div>\n                <div class=\"flex justify-between items-center mb-2\">\n                  <label class=\"text-xs font-bold uppercase tracking-wider text-slate-300 font-heading\">Anzahl Service-Fahrzeuge:<\/label>\n                  <span id=\"Auftragsvorkl\u00e4rung-fleet-val\" class=\"text-cyan-400 font-black text-lg font-heading\">5 Fahrzeuge<\/span>\n                <\/div>\n                <input id=\"Auftragsvorkl\u00e4rung-fleet\" type=\"range\" min=\"1\" max=\"50\" value=\"5\" step=\"1\" class=\"w-full h-2 bg-slate-800 rounded-lg cursor-pointer\" oninput=\"updateDispositionCalc()\">\n              <\/div>\n\n              <div>\n                <div class=\"flex justify-between items-center mb-2\">\n                  <label class=\"text-xs font-bold uppercase tracking-wider text-slate-300 font-heading\">Eins\u00e4tze pro Fahrzeug &amp; Tag:<\/label>\n                  <span id=\"Auftragsvorkl\u00e4rung-orders-val\" class=\"text-cyan-400 font-black text-lg font-heading\">4 Eins\u00e4tze<\/span>\n                <\/div>\n                <input id=\"Auftragsvorkl\u00e4rung-orders\" type=\"range\" min=\"1\" max=\"10\" value=\"4\" step=\"1\" class=\"w-full h-2 bg-slate-800 rounded-lg cursor-pointer\" oninput=\"updateDispositionCalc()\">\n              <\/div>\n\n              <div>\n                <div class=\"flex justify-between items-center mb-2\">\n                  <label class=\"text-xs font-bold uppercase tracking-wider text-slate-300 font-heading\">Kosten pro Fehlfahrt \/ Zweitanfahrt:<\/label>\n                  <span id=\"Auftragsvorkl\u00e4rung-cost-val\" class=\"text-cyan-400 font-black text-lg font-heading\">160 \u20ac<\/span>\n                <\/div>\n                <input id=\"Auftragsvorkl\u00e4rung-cost\" type=\"range\" min=\"80\" max=\"300\" value=\"160\" step=\"10\" class=\"w-full h-2 bg-slate-800 rounded-lg cursor-pointer\" oninput=\"updateDispositionCalc()\">\n              <\/div>\n            <\/div>\n\n            <!-- Result Display -->\n            <div class=\"clean-card p-6 bg-[#060b13] border-cyan-500\/40 text-center space-y-4\">\n              <div class=\"text-xs uppercase tracking-widest text-slate-400 font-heading font-black\">J\u00e4hrliche Ersparnis durch visuelle Auftragsvorkl\u00e4rung:<\/div>\n              <div id=\"Auftragsvorkl\u00e4rung-yearly-savings\" class=\"font-heading text-4xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-sky-300 to-emerald-400\">\n                57.600 \u20ac\n              <\/div>\n              <div class=\"text-xs text-slate-400 border-t border-slate-800 pt-4 space-y-1\">\n                <p>\u2713 Vermiedene Fehlfahrten: <strong id=\"Auftragsvorkl\u00e4rung-saved-trips\" class=\"text-white\">360 Fahrten \/ Jahr<\/strong><\/p>\n                <p>\u2713 Amortisation der Lizenz: <strong class=\"text-emerald-400 font-bold\">&lt; 3 Tage<\/strong><\/p>\n              <\/div>\n              <a href=\"#preise\" class=\"btn-gradient w-full py-3 text-xs uppercase tracking-wider font-heading block mt-4\">\n                Jetzt Fuhrpark entlasten \u2192\n              <\/a>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\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 7. DIE 6 3D-FLIP KACHELN F\u00dcR PRAXIS-SZENARIEN \u2550\u2550\u2550\u2550\u2550\u2550\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=\"use-cases\" class=\"py-20 md:py-28 bg-[#0b1329] border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        <div class=\"text-center max-w-3xl mx-auto mb-16\">\n          <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-cyan-950\/60 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Praxis-Szenarien\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-5xl font-black tracking-tight text-white mb-4\">\n            Typische F\u00e4lle der Auftragsvorkl\u00e4rung in der Disposition\n          <\/h2>\n          <p class=\"text-slate-300 text-base sm:text-lg\">\n            So entscheidet die Disposition am Bildschirm \u00fcber Ausfahrt vs. Sofortl\u00f6sung.<br>\n            <span class=\"text-cyan-400 font-semibold text-xs uppercase tracking-wider\">(Kachel ber\u00fchren oder mit der Maus \u00fcberfahren \u21bb)<\/span>\n          <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n          \n          <!-- 1. SHK Heizungsausfall -->\n          <div class=\"flip-card cursor-pointer\">\n            <div class=\"flip-card-inner\">\n              <div class=\"flip-card-front text-center\">\n                <div class=\"icon-badge mx-auto mb-3\">\n                  <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Heizungsst\u00f6rung im Winter<\/h3>\n                <p class=\"text-xs text-emerald-400 font-bold uppercase tracking-wider font-heading mb-3\"><span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#10b981;margin-right:6px;vertical-align:middle;\"><\/span>Ampel Gr\u00fcn: Druckmangel<\/p>\n                <span class=\"inline-block text-[11px] text-slate-400 font-medium\">Hover \/ Tippen f\u00fcr Details \u21bb<\/span>\n              <\/div>\n              <div class=\"flip-card-back text-left\">\n                <p class=\"font-heading font-black text-cyan-300 text-sm uppercase tracking-wider mb-2 border-b border-cyan-400\/30 pb-2\">SHK Kundendienst<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Manometer zeigt 0,6 bar. Disponent leitet den Kunden per Laserzeiger zum Nachf\u00fcllhahn. Heizung l\u00e4uft nach 3 Minuten wieder.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 180 \u20ac Fehlfahrt eingespart<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 2. K\u00e4lte & Klima -->\n          <div class=\"flip-card cursor-pointer\">\n            <div class=\"flip-card-inner\">\n              <div class=\"flip-card-front text-center\">\n                <div class=\"icon-badge mx-auto mb-3\">\n                  <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><path d=\"M12 2v20M2 12h20M4.93 4.93l14.14 14.14M4.93 19.07l14.14-14.14\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Gewerbek\u00fchlung Ausfall<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\"><span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#eab308;margin-right:6px;vertical-align:middle;\"><\/span>Ampel Gelb: FTF-Einsatz<\/p>\n                <span class=\"inline-block text-[11px] text-slate-400 font-medium\">Hover \/ Tippen f\u00fcr Details \u21bb<\/span>\n              <\/div>\n              <div class=\"flip-card-back text-left\">\n                <p class=\"font-heading font-black text-cyan-300 text-sm uppercase tracking-wider mb-2 border-b border-cyan-400\/30 pb-2\">K\u00e4lte- &amp; Klimatechnik<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Kondensatpumpe blockiert. Typenschild per Video fotografiert. Techniker nimmt direkt das passende Ersatzaggregat mit.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 100% First-Time-Fix<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 3. Aufzugstechnik -->\n          <div class=\"flip-card cursor-pointer\">\n            <div class=\"flip-card-inner\">\n              <div class=\"flip-card-front text-center\">\n                <div class=\"icon-badge mx-auto mb-3\">\n                  <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><path d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Aufzugsst\u00f6rung &amp; Schacht<\/h3>\n                <p class=\"text-xs text-red-400 font-bold uppercase tracking-wider font-heading mb-3\"><span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;margin-right:6px;vertical-align:middle;\"><\/span>Ampel Rot: Express-Einsatz<\/p>\n                <span class=\"inline-block text-[11px] text-slate-400 font-medium\">Hover \/ Tippen f\u00fcr Details \u21bb<\/span>\n              <\/div>\n              <div class=\"flip-card-back text-left\">\n                <p class=\"font-heading font-black text-cyan-300 text-sm uppercase tracking-wider mb-2 border-b border-cyan-400\/30 pb-2\">Aufzugsservice<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">T\u00fcrkontakt verklemmt. Disponent erfasst die Etagenposition und entsendet sofort den n\u00e4chstgelegenen Notdienst-Techniker.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Maximale Reaktionszeit<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 4. Elektrotechnik -->\n          <div class=\"flip-card cursor-pointer\">\n            <div class=\"flip-card-inner\">\n              <div class=\"flip-card-front text-center\">\n                <div class=\"icon-badge mx-auto mb-3\">\n                  <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">FI-Schalter l\u00f6st aus<\/h3>\n                <p class=\"text-xs text-emerald-400 font-bold uppercase tracking-wider font-heading mb-3\"><span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#10b981;margin-right:6px;vertical-align:middle;\"><\/span>Ampel Gr\u00fcn: Verbraucher<\/p>\n                <span class=\"inline-block text-[11px] text-slate-400 font-medium\">Hover \/ Tippen f\u00fcr Details \u21bb<\/span>\n              <\/div>\n              <div class=\"flip-card-back text-left\">\n                <p class=\"font-heading font-black text-cyan-300 text-sm uppercase tracking-wider mb-2 border-b border-cyan-400\/30 pb-2\">Elektro-Kundendienst<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Fehlerhafter Au\u00dfenstrahler per Ausschlussverfahren in 3 Min. isoliert. FI bleibt drin, Stromversorgung im Haus wiederhergestellt.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Notdienst-Anfahrt abgewendet<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 5. Maschinenbau -->\n          <div class=\"flip-card cursor-pointer\">\n            <div class=\"flip-card-inner\">\n              <div class=\"flip-card-front text-center\">\n                <div class=\"icon-badge mx-auto mb-3\">\n                  <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.6 9a1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Anlagenstillstand OEM<\/h3>\n                <p class=\"text-xs text-amber-400 font-bold uppercase tracking-wider font-heading mb-3\"><span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#f59e0b;margin-right:6px;vertical-align:middle;\"><\/span>Ampel Orange: SPS-Experte<\/p>\n                <span class=\"inline-block text-[11px] text-slate-400 font-medium\">Hover \/ Tippen f\u00fcr Details \u21bb<\/span>\n              <\/div>\n              <div class=\"flip-card-back text-left\">\n                <p class=\"font-heading font-black text-cyan-300 text-sm uppercase tracking-wider mb-2 border-b border-cyan-400\/30 pb-2\">Maschinenbau &amp; Automation<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Blinkcodes der SPS per HD-Snapshot analysiert. Disponent schickt gezielt den Software-Ingenieur statt des Mechanikers.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Stillstandzeit halbiert<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 6. Wohnungswirtschaft -->\n          <div class=\"flip-card cursor-pointer\">\n            <div class=\"flip-card-inner\">\n              <div class=\"flip-card-front text-center\">\n                <div class=\"icon-badge mx-auto mb-3\">\n                  <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Mieter-Meldung \/ Hausverwaltung<\/h3>\n                <p class=\"text-xs text-emerald-400 font-bold uppercase tracking-wider font-heading mb-3\"><span style=\"display:inline-block;width:9px;height:9px;border-radius:50%;background:#10b981;margin-right:6px;vertical-align:middle;\"><\/span>Ampel Gr\u00fcn: Bedienung<\/p>\n                <span class=\"inline-block text-[11px] text-slate-400 font-medium\">Hover \/ Tippen f\u00fcr Details \u21bb<\/span>\n              <\/div>\n              <div class=\"flip-card-back text-left\">\n                <p class=\"font-heading font-black text-cyan-300 text-sm uppercase tracking-wider mb-2 border-b border-cyan-400\/30 pb-2\">SHK &amp; Geb\u00e4udetechnik<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Thermostatventil im Sommerbetrieb arretiert. Disponent zeigt die Entriegelung per Video. Handwerkeranfahrt entf\u00e4llt komplett.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 150 \u20ac Handwerkerrechnung gespart<\/div>\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 8. EXAKTE PREISTABELLE \u2550\u2550\u2550\u2550\u2550\u2550\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-20 md:py-28 border-b border-slate-800\/80\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        \n        <div class=\"text-center max-w-3xl mx-auto mb-10\">\n          <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-cyan-950\/60 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Tarife &amp; Konditionen\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-4xl md:text-5xl font-black text-white mt-2 mb-4 leading-tight\">\n            Transparente Preise f\u00fcr Ihre Disposition\n          <\/h2>\n          <p class=\"text-slate-300 text-sm md:text-base leading-relaxed\">\n            Bereits ab der ersten vermiedenen Fehlfahrt hat sich tele-LOOK im Monat vollst\u00e4ndig bezahlt gemacht.\n          <\/p>\n        <\/div>\n\n        <!-- Billing Toggle (Clean Container with 0px button borders) -->\n        <div class=\"flex items-center justify-center mb-12\">\n          <div class=\"inline-flex items-center rounded-full p-1 border border-slate-800 bg-[#090e1a] shadow-inner\" style=\"border:1px solid #1e293b!important;\">\n            <button\n              id=\"btn-monthly\"\n              type=\"button\"\n              onclick=\"setBilling(false)\"\n              style=\"border:0!important;outline:none!important;box-shadow:none!important;\"\n              class=\"px-6 py-2.5 text-xs font-bold rounded-full transition-all duration-300 bg-cyan-500 text-slate-950 shadow-md cursor-pointer font-heading\"\n            >Monatlich<\/button>\n            <button\n              id=\"btn-yearly\"\n              type=\"button\"\n              onclick=\"setBilling(true)\"\n              style=\"border:0!important;outline:none!important;box-shadow:none!important;\"\n              class=\"px-6 py-2.5 text-xs font-semibold rounded-full transition-all duration-300 flex items-center gap-2 bg-transparent text-slate-400 shadow-none hover:text-white cursor-pointer font-heading\"\n            >J\u00e4hrlich <span class=\"bg-emerald-900\/50 text-emerald-300 text-[10px] font-black uppercase px-2 py-0.5 rounded-full border border-emerald-500\/30\">Spare ~15%<\/span><\/button>\n          <\/div>\n        <\/div>\n\n        <!-- 5 Tiers Grid -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-5 items-stretch mb-12 text-left\">\n          <!-- Core -->\n          <div class=\"clean-card p-5 flex flex-col justify-between shadow-sm bg-[#060b13]\">\n            <div>\n              <div class=\"inline-block bg-slate-800 text-cyan-300 text-[11px] font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-3 font-heading\">Core<\/div>\n              <div class=\"flex items-end gap-1 mb-1\">\n                <span class=\"text-3xl font-black text-white font-heading\" id=\"price-core\">39<\/span>\n                <span class=\"text-lg font-bold text-white mb-1\">\u20ac<\/span>\n                <span class=\"text-slate-400 text-xs mb-1\" id=\"period-core\">\/ Monat<\/span>\n              <\/div>\n              <p class=\"text-slate-400 text-xs leading-snug mb-4\">Perfekt f\u00fcr kleine Handwerksbetriebe.<\/p>\n              <ul class=\"space-y-2.5 mb-6 text-xs text-slate-300\">\n                <li class=\"flex gap-2 font-bold text-white\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Live-Video, tele-Punkt &amp; HD-Fern-Fotos<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Screensharing<\/li>\n                <li class=\"flex gap-2 font-bold text-white\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> 25 Calls pro Monat<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Team-Sharing m\u00f6glich<\/li>\n              <\/ul>\n            <\/div>\n            <a id=\"link-core\" href=\"https:\/\/buy.stripe.com\/6oU9ASbiK0bIcPjddk8k801\" target=\"_blank\" class=\"block text-center border-2 border-slate-700 text-slate-300 hover:border-cyan-400 hover:text-cyan-400 py-2.5 rounded-full font-bold text-xs uppercase tracking-wider transition-colors font-heading\" rel=\"noopener\">Testversion starten<\/a>\n          <\/div>\n\n          <!-- Power (Am beliebtesten) -->\n          <div class=\"clean-card p-5 flex flex-col justify-between shadow-2xl border-2 border-cyan-400 bg-[#060b13] text-white relative\">\n            <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-max z-10\">\n              <span class=\"bg-cyan-400 text-slate-950 text-[10px] font-black uppercase tracking-wider px-3.5 py-1.5 rounded-full shadow-md font-heading\">Am beliebtesten<\/span>\n            <\/div>\n            <div>\n              <div class=\"inline-block bg-white\/10 text-white text-[11px] font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-3 pt-1 font-heading\">Power<\/div>\n              <div class=\"flex items-end gap-1 mb-1\">\n                <span class=\"text-3xl font-black text-white font-heading\" id=\"price-power\">69<\/span>\n                <span class=\"text-lg font-bold text-white mb-1\">\u20ac<\/span>\n                <span class=\"text-slate-400 text-xs mb-1\" id=\"period-power\">\/ Monat<\/span>\n              <\/div>\n              <p class=\"text-slate-300 text-xs leading-snug mb-4\">Mehr Auftragsvorkl\u00e4rung-Calls &amp; Kunden-SMS.<\/p>\n              <ul class=\"space-y-2.5 mb-6 text-xs text-slate-200\">\n                <li class=\"flex gap-2 font-bold text-white\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Alles aus Core<\/li>\n                <li class=\"flex gap-2 font-bold text-cyan-300\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> 50 Calls pro Monat<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Custom Messaging &amp; SMS<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Team-Sharing m\u00f6glich<\/li>\n              <\/ul>\n            <\/div>\n            <a id=\"link-power\" href=\"https:\/\/buy.stripe.com\/6oUbJ09aCe2yeXr8X48k803\" target=\"_blank\" class=\"block text-center bg-cyan-400 hover:bg-cyan-300 text-slate-950 py-2.5 rounded-full font-bold text-xs uppercase tracking-wider shadow-md transition-colors font-heading\" rel=\"noopener\">Testversion starten<\/a>\n          <\/div>\n\n          <!-- Ultimate -->\n          <div class=\"clean-card p-5 flex flex-col justify-between shadow-sm bg-[#060b13]\">\n            <div>\n              <div class=\"inline-block bg-slate-800 text-cyan-300 text-[11px] font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-3 font-heading\">Ultimate<\/div>\n              <div class=\"flex items-end gap-1 mb-1\">\n                <span class=\"text-3xl font-black text-white font-heading\" id=\"price-ultimate\">95<\/span>\n                <span class=\"text-lg font-bold text-white mb-1\">\u20ac<\/span>\n                <span class=\"text-slate-400 text-xs mb-1\" id=\"period-ultimate\">\/ Monat<\/span>\n              <\/div>\n              <p class=\"text-slate-400 text-xs leading-snug mb-4\">Unlimitierte Auftragsvorkl\u00e4rung f\u00fcr Kundendienst-Flotten.<\/p>\n              <ul class=\"space-y-2.5 mb-6 text-xs text-slate-300\">\n                <li class=\"flex gap-2 font-bold text-white\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Alles aus Power<\/li>\n                <li class=\"flex gap-2 font-bold text-cyan-400\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Unlimitierte Calls<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Priority 24\/7 Support<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> 14 Tage kostenlos testen<\/li>\n              <\/ul>\n            <\/div>\n            <a id=\"link-ultimate\" href=\"https:\/\/buy.stripe.com\/cNifZg2Me1fM9D77T08k80i\" target=\"_blank\" class=\"block text-center border-2 border-slate-700 text-slate-300 hover:border-cyan-400 hover:text-cyan-400 py-2.5 rounded-full font-bold text-xs uppercase tracking-wider transition-colors font-heading\" rel=\"noopener\">Testversion starten<\/a>\n          <\/div>\n\n          <!-- Enterprise -->\n          <div class=\"clean-card p-5 flex flex-col justify-between shadow-sm bg-[#060b13]\">\n            <div>\n              <div class=\"inline-block bg-slate-800 text-slate-300 text-[11px] font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-3 font-heading\">Enterprise<\/div>\n              <div class=\"flex items-end gap-1 mb-1\">\n                <span class=\"text-2xl font-black text-white tracking-tight font-heading\">Auf Anfrage<\/span>\n              <\/div>\n              <p class=\"text-slate-400 text-xs leading-snug mb-4\">F\u00fcr Leitst\u00e4nde &amp; \u00fcberregionale Flotten.<\/p>\n              <ul class=\"space-y-2.5 mb-6 text-xs text-slate-300\">\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Unbegrenzte Nutzer<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Alle Ultimate-Features<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> ERP- &amp; Disposition-API<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Individuelles Onboarding<\/li>\n              <\/ul>\n            <\/div>\n            <a href=\"mailto:sales@tele-look.com?subject=Anfrage%20Enterprise%20Disposition%20Auftragsvorklaerung\" class=\"block text-center border-2 border-cyan-400 text-cyan-400 hover:bg-cyan-400 hover:text-slate-950 py-2.5 rounded-full font-bold text-xs uppercase tracking-wider transition-colors font-heading\">Anfrage senden<\/a>\n          <\/div>\n        <\/div>\n\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 9. FAQ AKKORDEON \u2550\u2550\u2550\u2550\u2550\u2550\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-20 md:py-28 bg-[#060b13] border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        <div class=\"grid lg:grid-cols-12 gap-12 items-start\">\n          \n          <div class=\"lg:col-span-5 space-y-4 text-left\">\n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-cyan-950\/70 border border-cyan-500\/30 text-cyan-300 text-xs font-bold uppercase tracking-wider font-heading\">\n              H\u00e4ufige Fragen\n            <\/div>\n            <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white leading-tight\">\n              Visuelle Auftragsvorkl\u00e4rung in der Kundendienst-Praxis\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              Die wichtigsten Fragen rund um Auftragsvorkl\u00e4rung-Protokoll, Fehlfahrten-Reduktion und Disposition.\n            <\/p>\n          <\/div>\n\n          <div class=\"lg:col-span-7 space-y-4 text-left\">\n            <!-- FAQ 1 -->\n            <div class=\"faq-card\">\n              <button type=\"button\" class=\"faq-btn\" onclick=\"toggleFaq(this)\">\n                <span class=\"font-bold text-white text-base md:text-lg pr-4 leading-snug\">Was versteht man unter visueller Auftragsvorkl\u00e4rung in der Kundendienst-Disposition?<\/span>\n                <span class=\"w-9 h-9 rounded-full bg-slate-800 text-cyan-400 border border-slate-700 flex items-center justify-center shrink-0 font-bold text-lg faq-icon\">+<\/span>\n              <\/button>\n              <div class=\"faq-content hidden mt-4 pt-4 border-t border-slate-800 text-sm md:text-base text-slate-300 leading-relaxed\">\n                Unter visueller Auftragsvorkl\u00e4rung versteht man die standardisierte Vorab-Pr\u00fcfung einer gemeldeten St\u00f6rung per Live-Video im Smartphone-Browser des Kunden (Dauer: ca. 2\u20133 Minuten). Ziel ist es, vor der Fahrzeugdisposition den Fehlercode, das Typenschild und die Dringlichkeit exakt zu erfassen, Bagatellen sofort remote zu beheben oder den Techniker mit 100% passenden Ersatzteilen auszustatten.\n              <\/div>\n            <\/div>\n\n            <!-- FAQ 2 -->\n            <div class=\"faq-card\">\n              <button type=\"button\" class=\"faq-btn\" onclick=\"toggleFaq(this)\">\n                <span class=\"font-bold text-white text-base md:text-lg pr-4 leading-snug\">Wie viel Zeit spart die visuelle Auftragsvorkl\u00e4rung pro Service-Einsatz?<\/span>\n                <span class=\"w-9 h-9 rounded-full bg-slate-800 text-cyan-400 border border-slate-700 flex items-center justify-center shrink-0 font-bold text-lg faq-icon\">+<\/span>\n              <\/button>\n              <div class=\"faq-content hidden mt-4 pt-4 border-t border-slate-800 text-sm md:text-base text-slate-300 leading-relaxed\">\n                Die visuelle Auftragsvorkl\u00e4rung spart durchschnittlich 45 bis 90 Minuten pro Auftrag ein: Einerseits entfallen bis zu 25% aller Vor-Ort-Fahrten durch Sofortl\u00f6sung am Bildschirm (z.B. Heizungsdruck nachf\u00fcllen, Reset), andererseits steigt die First-Time-Fix-Rate bei echten Eins\u00e4tzen von unter 65% auf \u00fcber 90%, da Fehlfahrten wegen falscher Ersatzteile komplett vermieden werden.\n              <\/div>\n            <\/div>\n\n            <!-- FAQ 3 -->\n            <div class=\"faq-card\">\n              <button type=\"button\" class=\"faq-btn\" onclick=\"toggleFaq(this)\">\n                <span class=\"font-bold text-white text-base md:text-lg pr-4 leading-snug\">M\u00fcssen Kunden eine App installieren oder sich registrieren?<\/span>\n                <span class=\"w-9 h-9 rounded-full bg-slate-800 text-cyan-400 border border-slate-700 flex items-center justify-center shrink-0 font-bold text-lg faq-icon\">+<\/span>\n              <\/button>\n              <div class=\"faq-content hidden mt-4 pt-4 border-t border-slate-800 text-sm md:text-base text-slate-300 leading-relaxed\">\n                Nein. tele-LOOK l\u00e4uft zu 100% browserbasiert. Der Disponent sendet einen Link per SMS oder E-Mail, der Kunde tippt darauf und ist in Sekundenschnelle live verbunden \u2013 ohne Download, ohne Passwort und DSGVO-konform auf deutschen Servern.\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 10. E-E-A-T REDAKTION \u2550\u2550\u2550\u2550\u2550\u2550\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=\"max-w-4xl mx-auto px-6 py-12\">\n      <div class=\"p-6 md:p-8 rounded-3xl bg-[#0b1329] border border-slate-800 flex flex-col sm:flex-row items-center sm:items-start gap-5 shadow-sm text-left\">\n        <div class=\"icon-badge shrink-0 text-cyan-400\">\n          <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z\"\/><\/svg>\n        <\/div>\n        <div class=\"space-y-1.5 text-center sm:text-left\">\n          <div class=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n            <span class=\"font-heading font-black text-white text-sm\">tele-LOOK Fachredaktion<\/span>\n            <span class=\"text-[10px] text-cyan-300 font-bold uppercase tracking-wider bg-blue-950 px-2.5 py-0.5 rounded-full inline-block border border-blue-800\">Disposition &amp; Einsatzplanung<\/span>\n          <\/div>\n          <p class=\"text-xs text-slate-300 leading-relaxed\">\n            Fachbeitrag der tele-LOOK Redaktion (Solutiness GmbH) unter fachlicher Leitung von <strong>Regina Keller<\/strong>. Praxiswissen f\u00fcr Disponenten, Serviceleiter und Handwerksmeister zur Vermeidung von Fehlfahrten und Optimierung der First-Time-Fix-Rate im technischen Kundendienst.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    \/\/ \u2500\u2500 FAQ TOGGLE \u2500\u2500\n    function toggleFaq(button) {\n      const content = button.nextElementSibling;\n      const icon = button.querySelector('.faq-icon');\n      const isHidden = content.classList.contains('hidden');\n      \n      document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));\n      document.querySelectorAll('.faq-icon').forEach(i => i.textContent = '+');\n\n      if (isHidden) {\n        content.classList.remove('hidden');\n        icon.textContent = '\u2715';\n      }\n    }\n\n    \/\/ \u2500\u2500 FLIP CARDS TOUCH SUPPORT \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 RECHNER LOGIK \u2500\u2500\n    function updateDispositionCalc() {\n      const fleet = parseInt(document.getElementById('Auftragsvorkl\u00e4rung-fleet').value);\n      const orders = parseInt(document.getElementById('Auftragsvorkl\u00e4rung-orders').value);\n      const cost = parseInt(document.getElementById('Auftragsvorkl\u00e4rung-cost').value);\n\n      document.getElementById('Auftragsvorkl\u00e4rung-fleet-val').textContent = fleet + (fleet === 1 ? ' Fahrzeug' : ' Fahrzeuge');\n      document.getElementById('Auftragsvorkl\u00e4rung-orders-val').textContent = orders + (orders === 1 ? ' Einsatz' : ' Eins\u00e4tze');\n      document.getElementById('Auftragsvorkl\u00e4rung-cost-val').textContent = cost + ' \u20ac';\n\n      \/\/ Berechnung: Pro Fahrzeug 220 Arbeitstage * Eins\u00e4tze * 15% Fehlfahrtenquote vermieden\n      const totalOrdersYear = fleet * orders * 220;\n      const savedTripsYear = Math.round(totalOrdersYear * 0.15);\n      const savingsYear = Math.round(savedTripsYear * cost);\n\n      document.getElementById('Auftragsvorkl\u00e4rung-saved-trips').textContent = savedTripsYear.toLocaleString('de-DE') + ' Fahrten \/ Jahr';\n      document.getElementById('Auftragsvorkl\u00e4rung-yearly-savings').textContent = savingsYear.toLocaleString('de-DE') + ' \u20ac';\n    }\n\n    \/\/ \u2500\u2500 ANCHOR NAV ACTIVE STATE \u2500\u2500\n    const sections = document.querySelectorAll('section[id]');\n    const anchorLinks = document.querySelectorAll('.glass-pill-nav a[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: '-20% 0px -60% 0px' });\n    sections.forEach((s) => observer.observe(s));\n\n    \/\/ \u2500\u2500 BILLING TOGGLE \u2500\u2500\n    var billingYearly = false;\n    function setBilling(yearly) {\n      billingYearly = yearly;\n      var btnM = document.getElementById('btn-monthly');\n      var btnY = document.getElementById('btn-yearly');\n\n      if (yearly) {\n        btnM.className = 'px-6 py-2.5 text-xs font-semibold rounded-full transition-all duration-300 bg-transparent text-slate-400 shadow-none hover:text-white cursor-pointer font-heading';\n        btnY.className = 'px-6 py-2.5 text-xs font-bold rounded-full transition-all duration-300 flex items-center gap-2 bg-cyan-500 text-slate-950 shadow-md cursor-pointer font-heading';\n        \n        document.getElementById('price-core').textContent    = '390';\n        document.getElementById('period-core').textContent   = '\/ Jahr';\n        document.getElementById('price-power').textContent   = '690';\n        document.getElementById('period-power').textContent  = '\/ Jahr';\n        \n        document.getElementById('link-core').href = 'https:\/\/buy.stripe.com\/7sYcN44UmcYucPjc9g8k80j';\n        document.getElementById('link-power').href = 'https:\/\/buy.stripe.com\/9B64gygD47EadTnb5c8k80k';\n        document.getElementById('link-ultimate').href = 'https:\/\/buy.stripe.com\/bJefZg72u3nU7uZ2yG8k80l';\n      } else {\n        btnY.className = 'px-6 py-2.5 text-xs font-semibold rounded-full transition-all duration-300 flex items-center gap-2 bg-transparent text-slate-400 shadow-none hover:text-white cursor-pointer font-heading';\n        btnM.className = 'px-6 py-2.5 text-xs font-bold rounded-full transition-all duration-300 bg-cyan-500 text-slate-950 shadow-md cursor-pointer font-heading';\n        \n        document.getElementById('price-core').textContent    = '39';\n        document.getElementById('period-core').textContent   = '\/ Monat';\n        document.getElementById('price-power').textContent   = '69';\n        document.getElementById('period-power').textContent  = '\/ Monat';\n        document.getElementById('price-ultimate').textContent  = '95';\n        document.getElementById('period-ultimate').textContent = '\/ Monat';\n        \n        document.getElementById('link-core').href = 'https:\/\/buy.stripe.com\/6oU9ASbiK0bIcPjddk8k801';\n        document.getElementById('link-power').href = 'https:\/\/buy.stripe.com\/6oUbJ09aCe2yeXr8X48k803';\n        document.getElementById('link-ultimate').href = 'https:\/\/buy.stripe.com\/cNifZg2Me1fM9D77T08k80i';\n      }\n    }\n  <\/script>\n\n<script>\n(function() {\n  function syncTheme() {\n    var html = document.documentElement;\n    var theme = html.getAttribute('data-theme') || (html.classList.contains('dark') ? 'dark' : 'light') || localStorage.getItem('tl-theme') || 'light';\n    var apps = document.querySelectorAll('.tl-app, #tele-look-main-wrapper');\n    apps.forEach(function(app) {\n      if (theme === 'dark') {\n        app.classList.add('dark');\n        app.setAttribute('data-theme', 'dark');\n      } else {\n        app.classList.remove('dark');\n        app.setAttribute('data-theme', 'light');\n      }\n    });\n  }\n  syncTheme();\n  var observer = new MutationObserver(function(mutations) {\n    mutations.forEach(function(mutation) {\n      if (mutation.attributeName === 'class' || mutation.attributeName === 'data-theme') {\n        syncTheme();\n      }\n    });\n  });\n  observer.observe(document.documentElement, { attributes: true });\n  window.addEventListener('storage', syncTheme);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qualifizierte Disposition im technischen Kundendienst: St\u00f6rungen in 3 Minuten per Live-Video einsch\u00e4tzen, Ersatzteile vorab bestimmen und Touren optimieren.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16308","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16308","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=16308"}],"version-history":[{"count":18,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16308\/revisions"}],"predecessor-version":[{"id":19407,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16308\/revisions\/19407"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=16308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}