{"id":10546,"date":"2025-05-28T07:52:52","date_gmt":"2025-05-28T05:52:52","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=10546"},"modified":"2026-10-16T18:27:07","modified_gmt":"2026-10-16T16:27:07","slug":"roi-rechner","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/roi-rechner\/","title":{"rendered":"ROI-Rechner: Ihr Einsparpotenzial berechnen | tele-LOOK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10546\" class=\"elementor elementor-10546\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-roi_opt_container_10546 e-con-full e-flex e-con e-parent\" data-id=\"roi_opt_container_10546\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-roi_opt_widget_10546 elementor-widget elementor-widget-html\" data-id=\"roi_opt_widget_10546\" 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>.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\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10546\" class=\"elementor elementor-10546\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_modernized_sec_10546 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_modernized_sec_10546\" 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_modernized_col_10546\" data-id=\"tl_modernized_col_10546\" 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_modernized_widget_10546 elementor-widget elementor-widget-html\" data-id=\"tl_modernized_widget_10546\" 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<!DOCTYPE html>\n<html lang=\"de\" data-theme=\"light\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>ROI-Rechner | tele-LOOK Live-Video-Support<\/title>\n  <meta name=\"description\" content=\"Berechnen Sie Ihr Einsparpotenzial mit tele-LOOK in Echtzeit: Reduzieren Sie Fehlfahrten im Kundendienst und steigern Sie Ihre Service-Rendite.\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n  <style>:root { --tl-transition: 0.25s ease; } [data-theme=\"light\"] .tl-app, .tl-app { --tl-bg-base: #f8fafc; --tl-bg-surface: #f1f5f9; --tl-bg-card: #ffffff; --tl-bg-card-hover: #ffffff; --tl-border: #e2e8f0; --tl-border-brand: rgba(19, 93, 255, 0.35); --tl-text-primary: #0f172a; --tl-text-secondary: #475569; --tl-text-muted: #64748b; --tl-grad-text: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); --tl-grad-btn: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); --tl-logo-color: #0f172a; --tl-logo-sub: #64748b; --tl-pill-bg: #ffffff; --tl-pill-border: #cbd5e1; --tl-pill-text: #475569; --tl-nav-link: #475569; --tl-nav-link-hover: #0f172a; --tl-slider-track: #e2e8f0; --tl-slider-thumb: #0284c7; --tl-calc-box-bg: #f8fafc; --tl-calc-box-border:#e2e8f0; --tl-result-bg: linear-gradient(145deg, #f0fdf4, #ecfeff); --tl-result-border: #67e8f9; --tl-footer-bg: #0f172a; --tl-header-bg: rgba(255, 255, 255, 0.95); --tl-dark-section: #091326; --tl-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.06); --tl-shadow-card-h: 0 16px 36px rgba(15, 23, 42, 0.12); } [data-theme=\"dark\"] .tl-app { --tl-bg-base: #060c1a; --tl-bg-surface: #0b152d; --tl-bg-card: rgba(15, 27, 54, 0.65); --tl-bg-card-hover: rgba(20, 35, 70, 0.85); --tl-border: rgba(56, 189, 248, 0.15); --tl-border-brand: rgba(34, 211, 238, 0.4); --tl-text-primary: #ffffff; --tl-text-secondary: #94a3b8; --tl-text-muted: #64748b; --tl-grad-text: linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%); --tl-grad-btn: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); --tl-logo-color: #ffffff; --tl-logo-sub: #64748b; --tl-pill-bg: rgba(56, 189, 248, 0.08); --tl-pill-border: rgba(56, 189, 248, 0.2); --tl-pill-text: #94a3b8; --tl-nav-link: #94a3b8; --tl-nav-link-hover: #ffffff; --tl-slider-track: #1e293b; --tl-slider-thumb: #38bdf8; --tl-calc-box-bg: rgba(15, 23, 42, 0.6); --tl-calc-box-border:rgba(255, 255, 255, 0.08); --tl-result-bg: rgba(6, 182, 212, 0.08); --tl-result-border: rgba(34, 211, 238, 0.35); --tl-footer-bg: #030712; --tl-header-bg: rgba(6, 12, 26, 0.94); --tl-dark-section: #040915; --tl-shadow-card: 0 16px 40px rgba(0, 0, 0, 0.45); --tl-shadow-card-h: 0 22px 50px rgba(0, 0, 0, 0.6); } .tl-app { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--tl-bg-base); color: var(--tl-text-primary); font-size: 16px; line-height: 1.75; transition: background var(--tl-transition), color var(--tl-transition); position: relative; width: 100%; overflow-x: hidden; } .tl-app *, .tl-app *::before, .tl-app *::after { box-sizing: border-box; } .tl-app a { color: inherit; text-decoration: none; } .tl-container { width: min(100% - 40px, 1200px); margin-inline: auto; } .tl-app h1, .tl-app h2, .tl-app h3, .tl-app h4, .tl-app .logo-name, .tl-app .tl-eyebrow, .tl-app .btn, .tl-app .res-num { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; } .tl-app h1 { font-size: clamp(38px, 5.2vw, 68px); font-weight: 900 !important; line-height: 1.08; letter-spacing: -0.025em; margin: 0 0 24px 0; color: var(--tl-text-primary); } .tl-app h2 { font-size: clamp(24px, 3.2vw, 38px); font-weight: 800 !important; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 14px 0; color: var(--tl-text-primary); } .tl-app h3 { font-size: 20px; font-weight: 800 !important; line-height: 1.3; margin: 0 0 10px 0; color: var(--tl-text-primary); } .tl-app p { margin: 0 0 1rem 0; color: var(--tl-text-secondary); } .tl-app .text-gradient { background: var(--tl-grad-text) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; display: inline-block; } .tl-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #135dff; } [data-theme=\"dark\"] .tl-eyebrow { color: #38bdf8; } .tl-eyebrow::before { content: \"\"; width: 20px; height: 2.5px; border-radius: 99px; background: #135dff; flex-shrink: 0; } [data-theme=\"dark\"] .tl-eyebrow::before { background: #38bdf8; } .tl-header { position: sticky; top: 0; z-index: 50; background: var(--tl-header-bg); border-bottom: 1px solid var(--tl-border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: background var(--tl-transition), border-color var(--tl-transition); } .tl-header-inner { display: flex; align-items: center; min-height: 80px; gap: 24px; } .logo { display: flex; flex-direction: column; flex-shrink: 0; line-height: 1; } .logo-name { font-size: 24px; font-weight: 900; letter-spacing: -0.05em; color: var(--tl-logo-color); transition: color var(--tl-transition); } .logo-sub { margin-top: 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tl-logo-sub); } .tl-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; } .tl-nav a { position: relative; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tl-nav-link); transition: color var(--tl-transition); } .tl-nav a::after { content: \"\"; position: absolute; bottom: -6px; left: 0; right: 0; height: 2px; background: #135dff; transform: scaleX(0); transform-origin: center; transition: transform 0.2s; border-radius: 99px; } .tl-nav a:hover { color: var(--tl-nav-link-hover); } .tl-nav a:hover::after { transform: scaleX(1); } .nav-theme-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: transparent; border: 1px solid var(--tl-border); color: var(--tl-text-primary); cursor: pointer; font-size: 16px; transition: all 0.2s ease; margin-left: 6px; } .nav-theme-btn:hover { background: var(--tl-bg-surface); border-color: var(--tl-border-brand); transform: scale(1.05); } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 24px; border-radius: 999px; font-size: 13px; font-weight: 800; cursor: pointer; border: none; transition: transform 0.2s, box-shadow 0.2s; line-height: 1; text-decoration: none; } .btn-primary { background: var(--tl-grad-btn); color: #ffffff !important; box-shadow: 0 4px 16px rgba(6, 182, 212, 0.25); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(6, 182, 212, 0.4); } .btn-outline { background: var(--tl-bg-card); color: var(--tl-text-primary) !important; border: 1px solid var(--tl-border); backdrop-filter: blur(8px); } .btn-outline:hover { transform: translateY(-2px); border-color: var(--tl-border-brand); background: var(--tl-bg-card-hover); } .btn-sm { min-height: 40px; padding: 10px 18px; font-size: 12px; } .menu-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; background: transparent; border: none; cursor: pointer; padding: 8px; } .menu-toggle span { display: block; width: 24px; height: 2px; background: var(--tl-text-primary); border-radius: 2px; } .mobile-menu { display: none; flex-direction: column; gap: 18px; padding: 24px 20px 28px; border-top: 1px solid var(--tl-border); background: var(--tl-header-bg); } .mobile-menu.open { display: flex; } .mobile-menu a:not(.btn) { font-size: 15px; font-weight: 700; color: var(--tl-text-primary); } .mobile-menu .btn { width: 100%; } .tl-hero { position: relative; padding: 88px 0 54px; } .hero-center { text-align: center; max-width: 860px; margin: 0 auto; } .hero-text-lead { font-size: 19px; line-height: 1.75; margin-bottom: 24px; color: var(--tl-text-secondary); } .hero-badges-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 36px; } .hero-badge-pill { padding: 8px 18px; background: var(--tl-pill-bg); border: 1px solid var(--tl-pill-border); border-radius: 999px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--tl-text-primary); } .calc-card-main { background: var(--tl-bg-card); border: 1px solid var(--tl-border); border-radius: 28px; padding: 44px; box-shadow: var(--tl-shadow-card-h); margin-bottom: 48px; } .calc-inputs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 32px; } .calc-input-box { background: var(--tl-calc-box-bg); border: 1px solid var(--tl-calc-box-border); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; } .calc-label { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 800; color: var(--tl-text-primary); display: block; } .calc-sublabel { font-size: 12px; line-height: 1.5; color: var(--tl-text-muted); margin: 0; } .calc-input-wrap { position: relative; display: flex; align-items: center; } .calc-number-field { width: 100%; padding: 12px 36px 12px 16px; font-size: 18px; font-weight: 800; font-family: 'Montserrat', sans-serif; border-radius: 12px; border: 1px solid var(--tl-border); background: var(--tl-bg-card); color: var(--tl-text-primary); outline: none; transition: border-color 0.2s, box-shadow 0.2s; } .calc-number-field:focus { border-color: #135dff; box-shadow: 0 0 0 3px rgba(19, 93, 255, 0.15); } .calc-unit { position: absolute; right: 14px; font-weight: 800; color: var(--tl-text-muted); } .custom-slider { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; border-radius: 9999px; background: var(--tl-slider-track); outline: none; cursor: pointer; } .custom-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: var(--tl-slider-thumb); border: 3px solid #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.2); transition: transform 0.15s ease; } .custom-slider::-webkit-slider-thumb:hover { transform: scale(1.15); } .custom-slider::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--tl-slider-thumb); border: 3px solid #ffffff; } .slider-val-badge { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 800; background: var(--tl-bg-card); border: 1px solid var(--tl-border); padding: 6px 14px; border-radius: 10px; min-width: 50px; text-align: center; color: var(--tl-text-primary); } .calc-notice { background: var(--tl-bg-surface); border: 1px solid var(--tl-border); border-left: 4px solid #f59e0b; border-radius: 14px; padding: 16px 20px; font-size: 13px; line-height: 1.65; color: var(--tl-text-secondary); margin-bottom: 32px; } .calc-results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .result-card { background: var(--tl-calc-box-bg); border: 1px solid var(--tl-calc-box-border); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; } .result-card.highlight { background: var(--tl-result-bg); border: 2px solid var(--tl-result-border); } .res-title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 800; color: var(--tl-text-primary); display: flex; align-items: center; gap: 8px; margin: 0; } .res-val-wrap { display: flex; align-items: baseline; gap: 6px; padding-top: 12px; border-top: 1px solid var(--tl-border); } .res-num { font-size: 44px; font-weight: 900; line-height: 1; color: #10b981; } .res-curr { font-size: 22px; font-weight: 800; color: #10b981; } .res-roi-rate { font-size: 13px; font-weight: 700; color: var(--tl-text-secondary); margin-top: 6px; } .monetize-box { background: var(--tl-dark-section); border-radius: 28px; padding: 44px; color: #ffffff; display: flex; justify-content: space-between; align-items: center; gap: 40px; border: 1px solid rgba(56, 189, 248, 0.2); margin-bottom: 48px; box-shadow: var(--tl-shadow-card); } .monetize-box h2 { color: #ffffff; margin-bottom: 10px; } .monetize-box p { color: rgba(255,255,255,0.75); font-size: 15px; margin: 0; max-width: 600px; } .cta-section { padding: 80px 0; background: var(--tl-dark-section); position: relative; overflow: hidden; } .cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .cta-section h2 { color: #fff; margin-bottom: 12px; } .cta-section p { color: rgba(255,255,255,0.7); font-size: 17px; margin: 0; } .tl-footer { padding: 28px 0; background: var(--tl-footer-bg); border-top: 1px solid rgba(255,255,255,0.06); } .footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .footer-copy { font-size: 12px; color: #64748b; } @media (max-width: 960px) { .calc-inputs-grid { grid-template-columns: 1fr; } .calc-results-grid { grid-template-columns: 1fr; } .monetize-box { flex-direction: column; align-items: flex-start; } } @media (max-width: 840px) { .tl-nav, .tl-header-inner > .btn { display: none; } .menu-toggle { display: flex; } .cta-inner { flex-direction: column; align-items: flex-start; } .calc-card-main { padding: 26px 20px; } } @media (max-width: 580px) { .tl-container { width: min(100% - 32px, 1200px); } .tl-hero { padding: 64px 0 44px; } .res-num { font-size: 36px; } }<\/style>\n<\/head>\n<body>\n\n<div class=\"tl-app\" id=\"tlApp\">\n\n  <!-- \u2500\u2500 HEADER \u2500\u2500 -->\n  \n\n\n  <main>\n    <!-- \u2500\u2500 HERO SECTION \u2500\u2500 -->\n    <section class=\"tl-hero\">\n      <div class=\"tl-container hero-center\">\n        <span class=\"tl-eyebrow\">ROI-Rechner<\/span>\n\n        <h1>\n          Wie viel spart tele-LOOK<br>\n          <span class=\"text-gradient\">Ihrem Unternehmen?<\/span>\n        <\/h1>\n\n        <p class=\"hero-text-lead\">\n          Jede vermiedene Anfahrt spart wertvolle Zeit und direkte Fahrzeugkosten. Berechnen Sie Ihr Einsparpotenzial in Echtzeit und sehen Sie, ab wann sich tele-LOOK lohnt.\n        <\/p>\n\n        <div class=\"hero-badges-row\">\n          <span class=\"hero-badge-pill\">\u2713 Kostenlos &amp; unverbindlich<\/span>\n          <span class=\"hero-badge-pill\">\u2713 Ergebnis in Echtzeit<\/span>\n          <span class=\"hero-badge-pill\">\u2713 Individuell anpassbar<\/span>\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\">ROI-Rechner: Ihr Einsparpotenzial berechnen | tele-LOOK<\/span>\n      <\/nav>\n    <\/div>\n    \n\n\n\n    <!-- \u2500\u2500 RECHNER INTERAKTIV \u2500\u2500 -->\n    <section id=\"rechner\" style=\"padding-bottom: 60px;\">\n      <div class=\"tl-container\" style=\"max-width: 980px;\">\n\n        <div class=\"calc-card-main\">\n          \n          <div style=\"display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--tl-border);\">\n            <div style=\"width:44px;height:44px;border-radius:12px;background:var(--tl-bg-surface);color:#135dff;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"18\"\/><path d=\"M16 10h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M8 18h.01\"\/><\/svg>\n            <\/div>\n            <div>\n              <h2>Pers\u00f6nliche Potenzialberechnung<\/h2>\n              <p style=\"font-size:13px;color:var(--tl-text-muted);margin:0;\">Passen Sie die Regler an die Gegebenheiten in Ihrem Betrieb an.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Eingaben Grid -->\n          <div class=\"calc-inputs-grid\">\n            \n            <!-- Input 1: Kosten pro Einsatz -->\n            <div class=\"calc-input-box\">\n              <div>\n                <label for=\"cost-input\" class=\"calc-label\">Kosten pro Vor-Ort-Einsatz<\/label>\n                <p class=\"calc-sublabel\">\u00d8 Kosten f\u00fcr Kraftstoff, Fahrzeug &amp; Fahrzeit des Technikers.<\/p>\n              <\/div>\n              <div class=\"calc-input-wrap\">\n                <input type=\"number\" id=\"cost-input\" value=\"250\" class=\"calc-number-field\" min=\"50\" max=\"1000\">\n                <span class=\"calc-unit\">\u20ac<\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Input 2: Lizenzkosten -->\n            <div class=\"calc-input-box\">\n              <div>\n                <label for=\"license-cost-input\" class=\"calc-label\">Kosten pro Lizenz \/ Monat<\/label>\n                <p class=\"calc-sublabel\">Ihre monatliche Investition pro Support-Lizenz.<\/p>\n              <\/div>\n              <div class=\"calc-input-wrap\">\n                <input type=\"number\" id=\"license-cost-input\" value=\"95\" class=\"calc-number-field\" min=\"1\" max=\"500\">\n                <span class=\"calc-unit\">\u20ac<\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Input 3: Eins\u00e4tze pro Techniker (Slider) -->\n            <div class=\"calc-input-box\">\n              <div>\n                <label for=\"visits-slider\" class=\"calc-label\">Eins\u00e4tze pro Techniker \/ Monat<\/label>\n                <p class=\"calc-sublabel\">Wie oft f\u00e4hrt ein Techniker durchschnittlich zum Kunden vor Ort?<\/p>\n              <\/div>\n              <div style=\"display:flex;align-items:center;gap:12px;margin-top:6px;\">\n                <input type=\"range\" min=\"1\" max=\"100\" value=\"10\" class=\"custom-slider\" id=\"visits-slider\">\n                <span id=\"visits-value\" class=\"slider-val-badge\">10<\/span>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- Berechnungsgrundlage Info -->\n          <div class=\"calc-notice\">\n            <strong>Berechnungsgrundlage:<\/strong> Wir kalkulieren defensiv mit einer Reduktionsrate von <strong>65 %<\/strong> der Vor-Ort-Eins\u00e4tze durch tele-LOOK Video-Support. In der Praxis werden je nach Komplexit\u00e4t Ihrer Eins\u00e4tze oft bis zu 80 % erreicht.\n          <\/div>\n\n          <!-- Ergebnis Grid -->\n          <div class=\"calc-results-grid\">\n            \n            <!-- Monatliche Ersparnis -->\n            <div class=\"result-card\">\n              <div>\n                <h3 class=\"res-title\">\n                  <span style=\"width:8px;height:8px;border-radius:50%;background:#10b981;\"><\/span>\n                  Monatliche Netto-Ersparnis\n                <\/h3>\n                <p style=\"font-size:12px;color:var(--tl-text-muted);margin:4px 0 0;\">Ersparnis abz\u00fcglich der Lizenzkosten, berechnet pro Service-Techniker.<\/p>\n              <\/div>\n              <div class=\"res-val-wrap\">\n                <span id=\"monthly-savings\" class=\"res-num\">0<\/span>\n                <span class=\"res-curr\">\u20ac<\/span>\n              <\/div>\n            <\/div>\n\n            <!-- J\u00e4hrlicher ROI -->\n            <div class=\"result-card highlight\">\n              <div>\n                <h3 class=\"res-title\">\n                  <span style=\"width:8px;height:8px;border-radius:50%;background:#135dff;\"><\/span>\n                  J\u00e4hrlicher Gesamt-ROI\n                <\/h3>\n                <p style=\"font-size:12px;color:var(--tl-text-muted);margin:4px 0 0;\">Die j\u00e4hrliche Rendite auf Ihre Support-Investition.<\/p>\n              <\/div>\n              <div>\n                <div class=\"res-val-wrap\">\n                  <span id=\"yearly-savings\" class=\"res-num\">0<\/span>\n                  <span class=\"res-curr\">\u20ac<\/span>\n                <\/div>\n                <p class=\"res-roi-rate\">\n                  ROI: <strong id=\"roi-value\" style=\"color:#135dff;font-size:16px;\">0<\/strong> % Rendite p.a.\n                <\/p>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- Direkter \u00dcbergabe-CTA an \/kostenlos-testen\/ per E-Mail -->\n          <div style=\"margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--tl-border); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;\">\n            <p style=\"margin: 0; font-size: 14px; font-weight: 600; color: var(--tl-text-secondary);\">\n              Ersparnis berechnet? Fordern Sie jetzt Ihren kostenlosen 14-Tage-Testzugang per E-Mail an:\n            <\/p>\n            <a id=\"roi-direct-trial-btn\" class=\"btn btn-primary\" href=\"https:\/\/www.tele-look.com\/web\/kostenlos-testen\/?ersparnis=1.530\" style=\"white-space:nowrap;flex-shrink:0;\">\n              Einsparung sichern &amp; 14 Tage kostenlos testen \u2192\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- \u2500\u2500 MONETARISIERUNG BANNER \u2500\u2500 -->\n        <div class=\"monetize-box\" id=\"monetarisierung\">\n          <div>\n            <span class=\"tl-eyebrow\" style=\"color:#38bdf8;\">Tipp: Service monetarisieren<\/span>\n            <h2>tele-LOOK kann auch Umsatz bringen<\/h2>\n            <p>\n              Neben der Einsparung von Reisekosten k\u00f6nnen Sie mit tele-LOOK auch bezahlten Remote-Support als neue Serviceleistung etablieren. Kunden zahlen gerne f\u00fcr eine schnelle Online-Soforthilfe, die ihnen unn\u00f6tige Ausfallzeiten und teure Technikeranfahrten erspart.\n            <\/p>\n          <\/div>\n          <a class=\"btn btn-primary\" href=\"\/web\/service-monetarisierung-mit-tele-look\/\" style=\"white-space:nowrap;flex-shrink:0;\">\n            Mehr zur Monetarisierung \u2192\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n\n    <!-- \u2500\u2500 FINAL CTA \u2500\u2500 -->\n    <section class=\"cta-section\">\n      <div class=\"tl-container cta-inner\">\n        <div>\n          <span class=\"tl-eyebrow\" style=\"color:#38bdf8;\">Bereit f\u00fcr messbare Einsparungen?<\/span>\n          <h2>Sehen statt raten.<\/h2>\n          <p>Testen Sie tele-LOOK 14 Tage lang unverbindlich und erleben Sie die Kostenersparnis im eigenen Betrieb.<\/p>\n        <\/div>\n        <a id=\"roi-bottom-trial-btn\" class=\"btn btn-primary\" href=\"https:\/\/www.tele-look.com\/web\/kostenlos-testen\/?ersparnis=1.530\" style=\"white-space:nowrap;flex-shrink:0;\">\n          14 Tage kostenlos testen \u2192\n        <\/a>\n      <\/div>\n    <\/section>\n  <\/main>\n\n\n  <!-- \u2500\u2500 FOOTER \u2500\u2500 -->\n  \n\n<\/div><!-- \/tl-app -->\n\n<script>\n(function() {\n  const html = document.documentElement;\n  const themeToggle = document.getElementById('themeToggle');\n  const themeIcon = document.getElementById('themeIcon');\n  const mobileThemeToggle = document.getElementById('mobileThemeToggle');\n  const mobileThemeIcon = document.getElementById('mobileThemeIcon');\n\n  function updateThemeUI(theme) {\n    html.setAttribute('data-theme', theme);\n    const icon = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n    if (themeIcon) themeIcon.textContent = icon;\n    if (mobileThemeIcon) mobileThemeIcon.textContent = icon;\n    localStorage.setItem('tl-theme', theme);\n  }\n\n  const currentTheme = localStorage.getItem('tl-theme') || 'light';\n  updateThemeUI(currentTheme);\n\n  function toggleTheme() {\n    const isDark = html.getAttribute('data-theme') === 'dark';\n    updateThemeUI(isDark ? 'light' : 'dark');\n  }\n\n  if (themeToggle) themeToggle.addEventListener('click', toggleTheme);\n  if (mobileThemeToggle) mobileThemeToggle.addEventListener('click', toggleTheme);\n\n  const menuToggle = document.getElementById('menuToggle');\n  const mobileMenu = document.getElementById('mobileMenu');\n  if (menuToggle && mobileMenu) {\n    menuToggle.addEventListener('click', function() {\n      const isOpen = mobileMenu.classList.toggle('open');\n      menuToggle.setAttribute('aria-label', isOpen ? 'Men\u00fc schlie\u00dfen' : 'Men\u00fc \u00f6ffnen');\n    });\n  }\n})();\n\n\/\/ Real-time ROI Calculator Logic\n(function initROICalculator() {\n  const costInput        = document.getElementById('cost-input');\n  const visitsSlider     = document.getElementById('visits-slider');\n  const licenseCostInput = document.getElementById('license-cost-input');\n  const visitsValue      = document.getElementById('visits-value');\n  const monthlySavings   = document.getElementById('monthly-savings');\n  const yearlySavings    = document.getElementById('yearly-savings');\n  const roiValue         = document.getElementById('roi-value');\n  const directTrialBtn   = document.getElementById('roi-direct-trial-btn');\n  const bottomTrialBtn   = document.getElementById('roi-bottom-trial-btn');\n\n  const EFFICIENCY_FACTOR = 0.65;\n\n  function formatNumber(num) {\n    return num.toLocaleString('de-DE');\n  }\n\n  function calculateSavings() {\n    const costPerVisit  = parseFloat(costInput.value)        || 0;\n    const monthlyVisits = parseInt(visitsSlider.value)        || 0;\n    const licenseCost   = parseFloat(licenseCostInput.value)  || 0;\n\n    if (visitsValue) visitsValue.textContent = monthlyVisits;\n\n    if (costPerVisit <= 0 || monthlyVisits <= 0 || licenseCost <= 0) {\n      if (monthlySavings) monthlySavings.textContent = '0';\n      if (yearlySavings)  yearlySavings.textContent  = '0';\n      if (roiValue)       roiValue.textContent       = '0';\n      return;\n    }\n\n    const totalMonthlyCostWithout   = costPerVisit * monthlyVisits;\n    const potentialSavingsFromVisits = totalMonthlyCostWithout * EFFICIENCY_FACTOR;\n    const netMonthlySaving           = Math.round(potentialSavingsFromVisits - licenseCost);\n    const yearlySaving               = netMonthlySaving * 12;\n    const roi = (licenseCost > 0 && netMonthlySaving > 0)\n      ? Math.round((netMonthlySaving \/ licenseCost) * 100)\n      : 0;\n\n    const formattedMonthly = netMonthlySaving > 0 ? formatNumber(netMonthlySaving) : '0';\n    if (monthlySavings) monthlySavings.textContent = formattedMonthly;\n    if (yearlySavings)  yearlySavings.textContent  = yearlySaving    > 0 ? formatNumber(yearlySaving)      : '0';\n    if (roiValue)       roiValue.textContent       = formatNumber(roi);\n\n    const targetUrl = 'https:\/\/www.tele-look.com\/web\/kostenlos-testen\/?ersparnis=' + encodeURIComponent(formattedMonthly);\n    if (directTrialBtn) directTrialBtn.href = targetUrl;\n    if (bottomTrialBtn) bottomTrialBtn.href = targetUrl;\n    try { sessionStorage.setItem('tl_roi_saving', formattedMonthly + ' \u20ac'); } catch(e) {}\n  }\n\n  if (costInput)        costInput.addEventListener('input',        calculateSavings);\n  if (licenseCostInput) licenseCostInput.addEventListener('input',  calculateSavings);\n  if (visitsSlider)     visitsSlider.addEventListener('input',      calculateSavings);\n\n  calculateSavings();\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ROI-Rechner | tele-LOOK Live-Video-Support ROI-Rechner Wie viel spart tele-LOOK Ihrem Unternehmen? Jede vermiedene Anfahrt spart wertvolle Zeit und direkte Fahrzeugkosten. Berechnen Sie Ihr Einsparpotenzial in Echtzeit und sehen Sie, ab wann sich tele-LOOK lohnt. \u2713 Kostenlos &amp; unverbindlich \u2713 Ergebnis in Echtzeit \u2713 Individuell anpassbar \u25cf Startseite \/ ROI-Rechner: Ihr Einsparpotenzial berechnen | tele-LOOK Pers\u00f6nliche [&hellip;]<\/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-10546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546","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=10546"}],"version-history":[{"count":242,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546\/revisions"}],"predecessor-version":[{"id":18752,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10546\/revisions\/18752"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=10546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}