{"id":15057,"date":"2026-03-16T15:08:03","date_gmt":"2026-03-16T14:08:03","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=15057"},"modified":"2026-08-22T17:47:44","modified_gmt":"2026-08-22T15:47:44","slug":"live-video-support-fuer-die-immobilienwirtschaft","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/live-video-support-fuer-die-immobilienwirtschaft\/","title":{"rendered":"Live-Video-Support f\u00fcr die Immobilienwirtschaft | tele-LOOK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15057\" class=\"elementor elementor-15057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_dual_container_15057_2026 e-con-full e-flex e-con e-parent\" data-id=\"tl_dual_container_15057_2026\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tl_dual_widget_15057_2026 elementor-widget elementor-widget-html\" data-id=\"tl_dual_widget_15057_2026\" 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<script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@graph\": [\n      {\n        \"@type\": \"SoftwareApplication\",\n        \"name\": \"tele-LOOK\",\n        \"applicationCategory\": \"BusinessApplication\",\n        \"operatingSystem\": \"Browser (iOS, Android, Windows, macOS)\",\n        \"description\": \"Browserbasierter Live-Video-Support f\u00fcr die Immobilienwirtschaft, Facility Management, Hausverwaltungen und Projektierer. Erm\u00f6glicht visuelle Schadensaufnahme und Fern-Diagnose ohne App-Installation.\",\n        \"offers\": {\n          \"@type\": \"AggregateOffer\",\n          \"priceCurrency\": \"EUR\",\n          \"lowPrice\": \"0\",\n          \"highPrice\": \"95\",\n          \"offerCount\": \"5\"\n        },\n        \"url\": \"https:\/\/www.tele-look.com\/web\/live-video-support-fuer-die-immobilienwirtschaft\/\"\n      },\n      {\n        \"@type\": \"Organization\",\n        \"name\": \"Solutiness GmbH (tele-LOOK)\",\n        \"url\": \"https:\/\/www.tele-look.com\",\n        \"logo\": \"https:\/\/www.tele-look.com\/web\/wp-content\/uploads\/2024\/05\/tele-look-logo.svg\",\n        \"awards\": [\"Freiburger Innovationspreis\", \"Service Management Preis\"]\n      },\n      {\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [\n          { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Startseite\", \"item\": \"https:\/\/www.tele-look.com\/web\/\" },\n          { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Branchen\", \"item\": \"https:\/\/www.tele-look.com\/web\/#branchen\" },\n          { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Immobilienwirtschaft\", \"item\": \"https:\/\/www.tele-look.com\/web\/live-video-support-fuer-die-immobilienwirtschaft\/\" }\n        ]\n      },\n      {\n        \"@type\": \"FAQPage\",\n        \"mainEntity\": [\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Ben\u00f6tigen meine Mieter oder Fremdhandwerker eine spezielle App?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Nein, Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App. tele-LOOK funktioniert g\u00e4nzlich ohne Installation direkt im mobilen Standard-Browser (Chrome, Safari, etc.). Sie senden nur einen Link per SMS oder E-Mail, der per Klick ge\u00f6ffnet wird.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Ist der Einsatz in Mietwohnungen datenschutzrechtlich sicher?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Ja. Wir haben einen strikten Consent-Workflow integriert. Der Mieter muss aktiv zustimmen, bevor Kamera und Mikrofon freigegeben werden. Zudem werden keine Videostreams gespeichert, sondern nur die Bilder, die Sie gezielt f\u00fcr Ihre Objektakte aufnehmen. 100% DSGVO-konformes Hosting in Deutschland.\"\n            }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Wieviel Datenvolumen wird bei einem Anruf verbraucht?\",\n            \"acceptedAnswer\": {\n              \"@type\": \"Answer\",\n              \"text\": \"Der Verbrauch ist vergleichbar mit einem normalen Videoanruf (z.B. WhatsApp) und liegt bei etwa 100 bis 300 MB pro Stunde. Da eine Begutachtung durch einen Verwalter meist in wenigen Minuten abgeschlossen ist, f\u00e4llt der tats\u00e4chliche Verbrauch kaum ins Gewicht.\"\n            }\n          }\n        ]\n      }\n    ]\n  }\n  <\/script>\n<!-- tele-LOOK Master Landingpage (2026 Dual-Theme B2B Standard) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ==========================================================================\n   TELE-LOOK MASTER DUAL THEME SYSTEM (SCOPED TO .tl-app)\n   ========================================================================== *\/\n\n\/* LIGHT THEME (Standard) *\/\n[data-theme=\"light\"] .tl-app,\nhtml:not(.dark) .tl-app,\n.tl-app {\n  --tl-ink:          #0f172a;\n  --tl-navy:         #091326;\n  --tl-brand:        #0284c7;\n  --tl-brand-hover:  #0369a1;\n  --tl-cyan:         #06b6d4;\n  --tl-emerald:      #10b981;\n  \n  --tl-bg-base:      #f8fafc;\n  --tl-bg-surface:   #f1f5f9;\n  --tl-bg-card:      #ffffff;\n  --tl-bg-card-hover:#ffffff;\n  --tl-bg-hero:      linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  --tl-bg-dark-sec:  #091326;\n  \n  --tl-border:       #e2e8f0;\n  --tl-border-hover: #cbd5e1;\n  --tl-border-brand: rgba(2, 132, 199, 0.35);\n  \n  --tl-text-primary: #0f172a;\n  --tl-text-secondary:#475569;\n  --tl-text-muted:   #64748b;\n  \n  --tl-shadow-sm:    0 2px 8px rgba(15, 23, 42, 0.04);\n  --tl-shadow-md:    0 8px 24px rgba(15, 23, 42, 0.06);\n  --tl-shadow-lg:    0 16px 36px rgba(15, 23, 42, 0.09);\n  \n  --tl-grad-text:    linear-gradient(90deg, #0284c7 0%, #06b6d4 50%, #10b981 100%);\n  --tl-grad-btn:     linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);\n  \n  --tl-pill-bg:        #ffffff;\n  --tl-pill-border:    #cbd5e1;\n  --tl-pill-text:      #475569;\n}\n\n\/* DARK THEME *\/\n[data-theme=\"dark\"] .tl-app,\nhtml.dark .tl-app,\nbody.dark .tl-app {\n  --tl-ink:          #f8fafc;\n  --tl-navy:         #060c1a;\n  --tl-brand:        #38bdf8;\n  --tl-brand-hover:  #7dd3fc;\n  --tl-cyan:         #22d3ee;\n  --tl-emerald:      #34d399;\n  \n  --tl-bg-base:      #060c1a;\n  --tl-bg-surface:   #0b152d;\n  --tl-bg-card:      rgba(15, 27, 54, 0.75);\n  --tl-bg-card-hover:rgba(20, 35, 70, 0.9);\n  --tl-bg-hero:      linear-gradient(180deg, #060c1a 0%, #0b152d 100%);\n  --tl-bg-dark-sec:  #040812;\n  \n  --tl-border:       rgba(56, 189, 248, 0.18);\n  --tl-border-hover: rgba(56, 189, 248, 0.35);\n  --tl-border-brand: rgba(56, 189, 248, 0.5);\n  \n  --tl-text-primary: #f8fafc;\n  --tl-text-secondary:#cbd5e1;\n  --tl-text-muted:   #94a3b8;\n  \n  --tl-shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.3);\n  --tl-shadow-md:    0 8px 24px rgba(0, 0, 0, 0.4);\n  --tl-shadow-lg:    0 16px 36px rgba(0, 0, 0, 0.5);\n  \n  --tl-grad-text:    linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%);\n  --tl-grad-btn:     linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);\n  \n  --tl-pill-bg:        rgba(56, 189, 248, 0.08);\n  --tl-pill-border:    rgba(56, 189, 248, 0.2);\n  --tl-pill-text:      #94a3b8;\n}\n\n.tl-app {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n  background-color: var(--tl-bg-base);\n  color: var(--tl-text-primary);\n  font-size: 16px;\n  line-height: 1.7;\n  width: 100%;\n  overflow-x: hidden;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n.tl-app *, .tl-app *::before, .tl-app *::after {\n  box-sizing: border-box;\n}\n\n.tl-app a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.tl-container {\n  width: min(100% - 40px, 1180px);\n  margin-inline: auto;\n}\n\n.tl-app h1, .tl-app h2, .tl-app h3, .tl-app h4, .tl-app .tl-eyebrow, .tl-app .tl-btn {\n  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n  color: var(--tl-text-primary);\n  letter-spacing: -0.025em;\n}\n\n.tl-app h1 {\n  font-size: clamp(32px, 4.5vw, 54px);\n  font-weight: 900 !important;\n  line-height: 1.15;\n  margin: 0 0 20px 0;\n}\n\n.tl-app h2 {\n  font-size: clamp(24px, 3.2vw, 38px);\n  font-weight: 800 !important;\n  line-height: 1.2;\n  margin: 0 0 14px 0;\n}\n\n.tl-app h3 {\n  font-size: 20px;\n  font-weight: 800 !important;\n  line-height: 1.35;\n  margin: 0 0 10px 0;\n}\n\n.tl-app p {\n  margin: 0 0 1.2rem 0;\n  color: var(--tl-text-secondary);\n  font-size: 1.05rem;\n}\n\n.tl-app .text-gradient {\n  background: var(--tl-grad-text) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  display: inline-block;\n}\n\n.tl-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n  font-size: 11.5px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--tl-brand);\n}\n\n.tl-eyebrow::before {\n  content: \"\";\n  width: 18px;\n  height: 2.5px;\n  border-radius: 99px;\n  background: var(--tl-brand);\n  flex-shrink: 0;\n}\n\n.tl-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 50px;\n  padding: 13px 26px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 800;\n  cursor: pointer;\n  border: 1px solid transparent;\n  line-height: 1;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n  text-decoration: none !important;\n}\n\n.tl-btn-primary {\n  background: var(--tl-grad-btn);\n  color: #ffffff !important;\n  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35);\n}\n\n.tl-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.5);\n}\n\n.tl-card, .tl-app .bento-card, .tl-app .pricing-card {\n  background: var(--tl-bg-card) !important;\n  border: 1px solid var(--tl-border) !important;\n  border-radius: 18px !important;\n  padding: 32px !important;\n  box-shadow: var(--tl-shadow-md) !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;\n}\n\n.tl-card:hover, .tl-app .bento-card:hover, .tl-app .pricing-card:hover {\n  transform: translateY(-3px) !important;\n  border-color: var(--tl-border-hover) !important;\n  box-shadow: var(--tl-shadow-lg) !important;\n}\n\n\/* Form Styles *\/\n.tl-input, .tl-textarea, .tl-select,\n.tl-app input[type=\"text\"], .tl-app input[type=\"email\"], .tl-app input[type=\"tel\"], .tl-app textarea {\n  width: 100%;\n  padding: 14px 18px;\n  border-radius: 12px;\n  border: 1px solid var(--tl-border) !important;\n  background: var(--tl-bg-card) !important;\n  color: var(--tl-text-primary) !important;\n  font-family: inherit;\n  font-size: 15px;\n  margin-bottom: 16px;\n  transition: border-color 0.2s ease;\n}\n\n.tl-input:focus, .tl-textarea:focus, .tl-select:focus,\n.tl-app input:focus, .tl-app textarea:focus {\n  outline: none;\n  border-color: var(--tl-brand) !important;\n}\n\n\/* FAQ Details *\/\n.tl-app details {\n  padding: 20px 24px;\n  border-radius: 14px;\n  border: 1px solid var(--tl-border) !important;\n  background: var(--tl-bg-card) !important;\n  box-shadow: var(--tl-shadow-sm) !important;\n  margin-bottom: 12px;\n  transition: border-color 0.2s ease;\n}\n\n.tl-app details[open] {\n  border-color: var(--tl-brand) !important;\n}\n\n.tl-app summary {\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  cursor: pointer;\n  list-style: none;\n  position: relative;\n  padding-right: 36px;\n  color: var(--tl-text-primary) !important;\n}\n\n.tl-app summary::-webkit-details-marker {\n  display: none;\n}\n\n.tl-app summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 22px;\n  font-weight: 900;\n  color: var(--tl-brand);\n}\n\n.tl-app details[open] summary::after {\n  content: \"\u2212\";\n}\n\n.tl-app details p {\n  margin: 14px 0 0;\n  font-size: 15px;\n  color: var(--tl-text-secondary) !important;\n}\n<\/style>\n\n<div class=\"tl-app\" id=\"tlApp\">\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15057\" class=\"elementor elementor-15057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-immo_master_dark_container_2026 e-con-full e-flex e-con e-parent\" data-id=\"immo_master_dark_container_2026\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-immo_master_dark_widget_2026 elementor-widget elementor-widget-html\" data-id=\"immo_master_dark_widget_2026\" 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\n\n\n\n  <div id=\"tele-look-immo-page\" class=\"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 Light 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            <!-- Trust Badge -->\n            <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-950\/70 border border-blue-800 text-blue-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              F\u00fcr Verwalter, Makler, Facility &amp; Projektierer\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              Objektbetreuung in Echtzeit.<br>\n              <span class=\"text-gradient\">Ohne Vor-Ort-Termin.<\/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\">Direktantwort f\u00fcr Hausverwaltungen &amp; Facility Management:<\/p>\n              <p class=\"text-sm sm:text-base text-slate-200 leading-relaxed font-medium\">\n                <strong>Live-Video-Support f\u00fcr die Immobilienwirtschaft<\/strong> erm\u00f6glicht es Verwaltern, Facility Managern und Maklern, Mieter-Schadensmeldungen (Wassersch\u00e4den, Heizungsausf\u00e4lle, Fensterdefekte) sofort per Smartphone-Kamera des Mieters <strong>ohne App-Download<\/strong> in HD zu begutachten, rechtssicher zu protokollieren und Handwerker-Fehlfahrten um bis zu 60% zu senken.\n              <\/p>\n            <\/div>\n\n            <p class=\"text-slate-300 text-base sm:text-lg leading-relaxed\">\n              Ob Rohrbruch, Wohnungs\u00fcbergabe oder externe Handwerkersteuerung: Nutzen Sie <strong class=\"text-white\">Live-Video-Support f\u00fcr die Immobilienwirtschaft<\/strong>, um Sch\u00e4den sofort visuell zu erfassen und Prozesse drastisch zu beschleunigen. Sehen Sie das Problem live durch die Smartphone-Kamera des Mieters oder Technikers.\n            <\/p>\n\n            <p class=\"text-cyan-300 text-sm sm:text-base font-bold\">\n              \u2713 Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App. &nbsp;\u2713 100% DSGVO-konform. &nbsp;\u2713 Sofort einsatzbereit.\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                Zur Produktinfo \u2192\n              <\/a>\n              <a href=\"#preise\" class=\"btn-secondary px-8 py-4 text-sm w-full sm:w-auto uppercase tracking-wider font-heading\">\n                Preise ansehen\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\">Keine Software<\/div>\n                <div class=\"text-xs text-slate-400 mt-0.5\">Integration n\u00f6tig<\/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\">Beweissichere<\/div>\n                <div class=\"text-xs text-slate-400 mt-0.5\">Foto-Dokumentation<\/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\">Kosten senken<\/div>\n                <div class=\"text-xs text-slate-400 mt-0.5\">Weniger Anfahrten<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <!-- Hero Visual with Tablet Graphic & Floating Badge -->\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 decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Live-Video-Support f\u00fcr die Immobilienwirtschaft auf einem Tablet\" class=\"rounded-2xl w-full object-cover shadow-inner h-[320px] sm:h-[380px]\" loading=\"eager\" title=\"\">\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=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\/><\/svg>\n                  <\/div>\n                  <div>\n                    <p class=\"text-[10px] uppercase tracking-widest text-cyan-300 font-extrabold font-heading\">tele-LOOK in Aktion<\/p>\n                    <p class=\"text-white text-xs sm:text-sm font-bold leading-tight\">Sofortige Klarheit: Live durch die Smartphone-Kamera des Mieters \u2013 ohne App!<\/p>\n                  <\/div>\n                <\/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 2. STICKY GLASS-PILL NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <nav class=\"glass-pill-nav\" aria-label=\"Seitennavigation\">\n      <a href=\"#vorteile\">Vorteile<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#funktionsweise\">Funktionsweise<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#tgm-features\">TGM Features<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#use-cases\">Use Cases<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#datenschutz\">Datenschutz<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#wirtschaftlichkeit\">Wirtschaftlichkeit<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#preise\">Preise<\/a>\n      <span class=\"text-slate-600 text-xs select-none\">\u203a<\/span>\n      <a href=\"#faq\">FAQ<\/a>\n    <\/nav>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 3. KPIs 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 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\">35%<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">Weniger Anfahrten<\/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\">0<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">App-Installationen<\/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\">100%<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">DSGVO-Konform<\/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\">Sofort<\/div>\n            <div class=\"text-xs sm:text-sm font-bold text-slate-300 uppercase tracking-wider mt-2 font-heading\">Visuelle Klarheit<\/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. VORHER \/ NACHHER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"vorteile\" class=\"py-20 md:py-28 border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n          \n          <div class=\"lg:col-span-6 space-y-6 text-left\">\n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider font-heading\">\n              Der Alltag\n            <\/div>\n            <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white leading-tight\">\n              Vage Schadensmeldungen kosten Geld.<br>\n              <span class=\"text-gradient\">Live-Video bringt sofortige Klarheit.<\/span>\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              \u201eDie Heizung tropft\u201c oder \u201eEin Fenster klemmt\u201c \u2013 ungenaue Beschreibungen von Mietern f\u00fchren oft dazu, dass Objektleiter oder Handwerker umsonst anfahren oder das falsche Werkzeug dabeihaben. Das bindet unn\u00f6tig Ressourcen.\n            <\/p>\n            <p class=\"text-slate-400 text-sm md:text-base leading-relaxed\">\n              Mit tele-LOOK \u00fcberbr\u00fccken Sie die Distanz in Sekunden und sehen mit eigenen Augen, was vor Ort passiert, ohne Ihren Schreibtisch zu verlassen.\n            <\/p>\n          <\/div>\n\n          <div class=\"lg:col-span-6 space-y-6\">\n            <!-- Problem Box -->\n            <div class=\"clean-card p-8 bg-red-950\/15 border-red-900\/40 text-left\">\n              <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-900\/50 text-red-300 text-xs font-bold uppercase tracking-wider mb-5 font-heading\">\n                &times; Das traditionelle Facility Management\n              <\/div>\n              <ul class=\"space-y-4 text-slate-300 text-sm sm:text-base\">\n                <li class=\"flex items-start gap-3\">\n                  <span class=\"text-red-400 font-black text-lg leading-none\">&times;<\/span>\n                  <span>Zeitaufw\u00e4ndige Vor-Ort-Termine zur reinen Erstbegutachtung.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-3\">\n                  <span class=\"text-red-400 font-black text-lg leading-none\">&times;<\/span>\n                  <span>Handwerker m\u00fcssen mehrfach anr\u00fccken (Fehlfahrten).<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-3\">\n                  <span class=\"text-red-400 font-black text-lg leading-none\">&times;<\/span>\n                  <span>Kommunikationsprobleme und endlose Telefonate mit Mietern.<\/span>\n                <\/li>\n              <\/ul>\n            <\/div>\n\n            <!-- Solution Box -->\n            <div class=\"clean-card p-8 bg-blue-950\/20 border-cyan-500\/40 text-left shadow-lg\">\n              <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-900\/50 text-cyan-300 text-xs font-bold uppercase tracking-wider mb-5 font-heading\">\n                &check; Mit tele-LOOK Objektbetreuung\n              <\/div>\n              <ul class=\"space-y-4 text-slate-200 text-sm sm:text-base\">\n                <li class=\"flex items-start gap-3\">\n                  <span class=\"text-cyan-400 font-black text-lg leading-none\">&check;<\/span>\n                  <span><strong>Bagatell-Filterung:<\/strong> Erkennen Sie Bedienfehler aus der Ferne.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-3\">\n                  <span class=\"text-cyan-400 font-black text-lg leading-none\">&check;<\/span>\n                  <span><strong>Exakte Beauftragung:<\/strong> Den richtigen Handwerksbetrieb beim ersten Mal senden.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-3\">\n                  <span class=\"text-cyan-400 font-black text-lg leading-none\">&check;<\/span>\n                  <span><strong class=\"text-white\">Beweissichere Akten:<\/strong> Erstellen Sie HD-Fotos direkt aus dem Videostream f\u00fcr Ihre Verwaltung.<\/span>\n                <\/li>\n              <\/ul>\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 5. 3-SCHRITTE FUNKTIONSWEISE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"funktionsweise\" class=\"py-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=\"grid lg:grid-cols-12 gap-12 items-center\">\n          \n          <div class=\"lg:col-span-5 space-y-5 text-left\">\n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider font-heading\">\n              Absolut H\u00fcrdenfrei\n            <\/div>\n            <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white leading-tight\">\n              So funktioniert der Live-Video-Support f\u00fcr die Immobilienwirtschaft\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              Keine technischen Kenntnisse beim Mieter, Eigent\u00fcmer oder Hausmeister vor Ort erforderlich. Der Prozess ist auf maximale Pragmatik ausgelegt.\n            <\/p>\n            <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-funktionsweise-live-video-support\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-cyan-400 hover:text-cyan-300 font-bold text-sm md:text-base transition-colors\">\n              Gesamte Funktionsweise im Detail ansehen <span>\u2192<\/span>\n            <\/a>\n          <\/div>\n\n          <div class=\"lg:col-span-7 grid gap-5\">\n            <div class=\"clean-card p-6 md:p-7 flex items-start gap-5 text-left\">\n              <div class=\"w-12 h-12 rounded-2xl bg-cyan-500\/20 text-cyan-300 border border-cyan-400\/30 flex items-center justify-center font-black text-xl shrink-0 font-heading\">1<\/div>\n              <div>\n                <h3 class=\"font-heading text-lg md:text-xl font-bold text-white mb-1.5\">Einladungs-Link senden<\/h3>\n                <p class=\"text-slate-300 text-sm md:text-base leading-relaxed\">Sie senden aus Ihrem tele-LOOK Dashboard ganz einfach einen sicheren Link per SMS, WhatsApp oder E-Mail an die Person vor Ort.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"clean-card p-6 md:p-7 flex items-start gap-5 text-left\">\n              <div class=\"w-12 h-12 rounded-2xl bg-cyan-500\/20 text-cyan-300 border border-cyan-400\/30 flex items-center justify-center font-black text-xl shrink-0 font-heading\">2<\/div>\n              <div>\n                <h3 class=\"font-heading text-lg md:text-xl font-bold text-white mb-1.5\">Klick &amp; Start (Keine App)<\/h3>\n                <p class=\"text-slate-300 text-sm md:text-base leading-relaxed\">Der Empf\u00e4nger klickt auf den Link. Die Verbindung \u00f6ffnet sich direkt im mobilen Browser. <strong class=\"text-white\">Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App.<\/strong><\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"clean-card p-6 md:p-7 flex items-start gap-5 text-left\">\n              <div class=\"w-12 h-12 rounded-2xl bg-cyan-500\/20 text-cyan-300 border border-cyan-400\/30 flex items-center justify-center font-black text-xl shrink-0 font-heading\">3<\/div>\n              <div>\n                <h3 class=\"font-heading text-lg md:text-xl font-bold text-white mb-1.5\">Schaden begutachten &amp; dokumentieren<\/h3>\n                <p class=\"text-slate-300 text-sm md:text-base leading-relaxed\">Sie sehen live, was die Person vor Ort sieht. Erstellen Sie Schnappsch\u00fcsse, nutzen Sie den Laserpointer und kl\u00e4ren Sie den Sachverhalt abschlie\u00dfend.<\/p>\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 6. 4 TGM FEATURE-KARTEN \u2550\u2550\u2550\u2550\u2550\u2550\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=\"tgm-features\" class=\"py-20 md:py-28 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-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            TGM &amp; Verwaltung\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white mb-4\">\n            Ma\u00dfgeschneidert f\u00fcr Makler, Verwalter &amp; TGM\n          <\/h2>\n          <p class=\"text-slate-400 text-base sm:text-lg\">\n            Die t\u00e4glichen Herausforderungen der Immobilienbranche gel\u00f6st mit visuellem Support.\n          <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n          <!-- Feature 1 -->\n          <div class=\"clean-card p-8 text-left space-y-4\">\n            <div class=\"icon-badge\">\n              <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"flex items-center gap-2\">\n              <span class=\"text-cyan-400 font-bold text-xs uppercase tracking-wider font-heading\">01<\/span>\n              <h3 class=\"font-heading text-xl font-bold text-white\">Bagatell-Filterung &amp; TGM<\/h3>\n            <\/div>\n            <p class=\"text-slate-300 text-sm sm:text-base leading-relaxed\">\n              \u00dcberpr\u00fcfen Sie gemeldete Defekte (z.B. \u201eHeizung kalt\u201c) vorab per Video mit dem Mieter oder Hausmeister. Kl\u00e4ren Sie Bedienfehler sofort auf, ohne einen Handwerker zu entsenden.\n            <\/p>\n          <\/div>\n\n          <!-- Feature 2 -->\n          <div class=\"clean-card p-8 text-left space-y-4\">\n            <div class=\"icon-badge\">\n              <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"flex items-center gap-2\">\n              <span class=\"text-cyan-400 font-bold text-xs uppercase tracking-wider font-heading\">02<\/span>\n              <h3 class=\"font-heading text-xl font-bold text-white\">Wohnungs\u00fcbergaben begleiten<\/h3>\n            <\/div>\n            <p class=\"text-slate-300 text-sm sm:text-base leading-relaxed\">\n              Protokollieren Sie den Zustand von Immobilien beim Mieterwechsel aus der Ferne. M\u00e4ngel wie Kratzer im Boden werden in HD-Qualit\u00e4t direkt f\u00fcr die Objektakte gesichert.\n            <\/p>\n          <\/div>\n\n          <!-- Feature 3 -->\n          <div class=\"clean-card p-8 text-left space-y-4\">\n            <div class=\"icon-badge\">\n              <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"flex items-center gap-2\">\n              <span class=\"text-cyan-400 font-bold text-xs uppercase tracking-wider font-heading\">03<\/span>\n              <h3 class=\"font-heading text-xl font-bold text-white\">Au\u00dfenanlagen &amp; Verkehrssicherheit<\/h3>\n            <\/div>\n            <p class=\"text-slate-300 text-sm sm:text-base leading-relaxed\">\n              Pr\u00fcfen Sie nach St\u00fcrmen visuell, ob von abgebrochenen \u00c4sten oder Dachziegeln Gefahr ausgeht, und minimieren Sie Haftungsrisiken ohne langwierige Anfahrten.\n            <\/p>\n          <\/div>\n\n          <!-- Feature 4 -->\n          <div class=\"clean-card p-8 text-left space-y-4\">\n            <div class=\"icon-badge\">\n              <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"flex items-center gap-2\">\n              <span class=\"text-cyan-400 font-bold text-xs uppercase tracking-wider font-heading\">04<\/span>\n              <h3 class=\"font-heading text-xl font-bold text-white\">Externe Handwerker-Steuerung<\/h3>\n            <\/div>\n            <p class=\"text-slate-300 text-sm sm:text-base leading-relaxed\">\n              Befindet sich ein beauftragter Fremdhandwerker im Geb\u00e4ude, k\u00f6nnen Sie ihn per Video zielgerichtet zum Sicherungskasten oder Heizraum navigieren.\n            <\/p>\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 \u2550\u2550\u2550\u2550\u2550\u2550\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-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Industrielle Use Cases\n          <\/div>\n          <h2 class=\"font-heading text-3xl sm:text-5xl font-black tracking-tight text-white mb-4\">\n            Ein Tool, zahllose Anwendungsbereiche\n          <\/h2>\n          <p class=\"text-slate-300 text-base sm:text-lg\">\n            Entdecken Sie, wie verschiedene Akteure der Branche tele-LOOK in ihren Alltag integrieren.<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. Hausverwalter -->\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n                    <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n                  <\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Hausverwalter<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\">Mieter-Support<\/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\">Mieter-Support<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Begutachten Sie Wasser- oder Heizungsausf\u00e4lle direkt per Video mit dem Mieter vor der Handwerker-Beauftragung.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Triage in unter 3 Min.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 2. Facility Manager -->\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n                  <\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Facility Manager<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\">TGM-Kontrolle<\/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\">TGM-Kontrolle<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Steuern Sie Reinigungskr\u00e4fte oder Fremdgewerke in Technikr\u00e4umen visuell aus der Ferne.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Keine Schl\u00fcssel\u00fcbergabe<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 3. Immobilienmakler -->\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n                    <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n                    <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n                  <\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Immobilienmakler<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\">Remote Begutachtung<\/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\">Remote Begutachtung<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Verschaffen Sie sich bei Erstkontakten f\u00fcr neue Verkaufsobjekte einen visuellen Eindruck, ohne hinzufahren.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Schnelle Einwertung<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 4. Projektierer -->\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/>\n                    <polyline points=\"2 17 12 22 22 17\"\/>\n                    <polyline points=\"2 12 12 17 22 12\"\/>\n                  <\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Projektierer<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\">Baufortschritt<\/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\">Baufortschritt<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Lassen Sie sich von Bauleitern den tagesaktuellen Fortschritt oder Problemstellen live vom Bauzaun aus zeigen.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 M\u00e4ngelerfassung in Echtzeit<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 5. Schadensregulierer -->\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                  <\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Schadensregulierer<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\">Sofort-Gutachten<\/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\">Sofort-Gutachten<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Elementarsch\u00e4den oder Leitungswassersch\u00e4den sofort sichten und Trocknungsfirmen anfordern.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Sofortige Schadenseind\u00e4mmung<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- 6. Objektbetreuer -->\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                    <circle cx=\"8.5\" cy=\"7\" r=\"4\"\/>\n                    <polyline points=\"17 11 19 13 23 9\"\/>\n                  <\/svg>\n                <\/div>\n                <h3 class=\"font-heading text-lg font-bold text-white mb-1\">Objektbetreuer<\/h3>\n                <p class=\"text-xs text-cyan-400 font-bold uppercase tracking-wider font-heading mb-3\">\u00dcbergaben<\/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\">\u00dcbergaben<\/p>\n                <p class=\"text-xs sm:text-sm text-cyan-100 leading-relaxed\">Begleiten Sie Wohnungsabnahmen virtuell und sichern Sie den Zustand beweissicher per Snapshot in der Cloud.<\/p>\n                <div class=\"text-[11px] text-cyan-200 mt-auto font-bold\">\u2713 Beweissicher nach \u00a7 536 BGB<\/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. DATENSCHUTZ & PRIVACY \u2550\u2550\u2550\u2550\u2550\u2550\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=\"datenschutz\" class=\"py-20 md:py-28 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-center\">\n          \n          <div class=\"lg:col-span-6 order-2 lg:order-1\">\n            <div class=\"clean-card p-8 md:p-10 bg-[#0b1329] border-cyan-500\/30 text-left shadow-2xl relative overflow-hidden\">\n              <div class=\"icon-badge mb-6 text-cyan-400\">\n                <svg class=\"w-7 h-7 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n                  <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n                <\/svg>\n              <\/div>\n              <h3 class=\"font-heading text-2xl font-black text-white mb-4\">Privacy by Design<\/h3>\n              <p class=\"text-base text-slate-300 leading-relaxed mb-6\">\n                Besonders bei Eins\u00e4tzen in vermieteten Privatr\u00e4umen oder Firmengeb\u00e4uden ist der Datenschutz die h\u00f6chste regulatorische Priorit\u00e4t. tele-LOOK wurde explizit nach den Prinzipien der Datensparsamkeit konzipiert.\n              <\/p>\n              <div class=\"bg-blue-950\/80 text-cyan-300 text-xs font-black py-3 px-5 rounded-xl inline-block border border-cyan-500\/30 tracking-wider uppercase font-heading\">\n                Hosting in Deutschland &bull; 100% DSGVO\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"lg:col-span-6 order-1 lg:order-2 space-y-6 text-left\">\n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider font-heading\">\n              Sicher &amp; Zertifiziert\n            <\/div>\n            <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white leading-tight\">\n              100% DSGVO-konform in Privatr\u00e4umen\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              Eine rechtssichere L\u00f6sung f\u00fcr die professionelle Objektverwaltung. Wir setzen auf Transparenz und Sicherheit bei jeder Verbindung.\n            <\/p>\n            <ul class=\"space-y-4 text-slate-300\">\n              <li class=\"flex items-start gap-4 text-sm md:text-base\">\n                <span class=\"w-6 h-6 rounded-full bg-emerald-950 text-emerald-400 border border-emerald-800 flex items-center justify-center font-bold text-sm shrink-0 mt-0.5\">\u2713<\/span>\n                <span><strong class=\"text-white\">Aktiver Consent-Workflow:<\/strong> Der Endkunde muss aktiv zustimmen, bevor Kamera oder Mikrofon \u00fcberhaupt freigegeben werden.<\/span>\n              <\/li>\n              <li class=\"flex items-start gap-4 text-sm md:text-base\">\n                <span class=\"w-6 h-6 rounded-full bg-emerald-950 text-emerald-400 border border-emerald-800 flex items-center justify-center font-bold text-sm shrink-0 mt-0.5\">\u2713<\/span>\n                <span><strong class=\"text-white\">Keine Aufzeichnung:<\/strong> Es findet keine serverseitige Speicherung der Videostreams statt. Es werden nur die Fotos gespeichert, die Sie aktiv aufnehmen.<\/span>\n              <\/li>\n            <\/ul>\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 9. WIRTSCHAFTLICHKEIT & ROI \u2550\u2550\u2550\u2550\u2550\u2550\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=\"wirtschaftlichkeit\" 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=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n          \n          <div class=\"lg:col-span-6 space-y-6 text-left\">\n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider font-heading\">\n              Wirtschaftlichkeit\n            <\/div>\n            <h2 class=\"font-heading text-3xl sm:text-4xl lg:text-5xl font-black tracking-tight text-white leading-tight\">\n              Reduzieren Sie Ihre Objektbetreuungs-Kosten\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              Weniger Anfahrten bedeuten nicht nur eine Reduzierung der Fahrzeug- und Benzinkosten, sondern auch mehr Zeit f\u00fcr Ihre Projektleiter und Facility Manager. So k\u00f6nnen mit demselben Personalbestand mehr Objekte effizient betreut werden.\n            <\/p>\n            <ul class=\"space-y-4 text-slate-300\">\n              <li class=\"flex items-start gap-4 text-sm md:text-base\">\n                <span class=\"text-cyan-400 font-black text-lg\">\u2713<\/span>\n                <span><strong class=\"text-white\">Skalierbarkeit:<\/strong> Objektleiter k\u00f6nnen Vorg\u00e4nge zentral vom B\u00fcro aus qualifizieren.<\/span>\n              <\/li>\n              <li class=\"flex items-start gap-4 text-sm md:text-base\">\n                <span class=\"text-cyan-400 font-black text-lg\">\u2713<\/span>\n                <span><strong class=\"text-white\">CO2-Reduktion:<\/strong> Verbessern Sie die Umweltbilanz Ihres Unternehmens durch drastisch gesenkte Fahrten.<\/span>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- Original Rechenbeispiel Box in Master Dark Design -->\n          <div class=\"lg:col-span-6\">\n            <div class=\"clean-card p-6 sm:p-8 bg-[#060b13] border-cyan-500\/30 text-left shadow-2xl\">\n              <p class=\"text-xs font-black text-cyan-300 uppercase tracking-widest mb-6 font-heading\">Beispielrechnung (Pro Monat &amp; Mitarbeiter)<\/p>\n              <div class=\"space-y-5\">\n                <div class=\"flex justify-between items-center border-b border-slate-800 pb-4\">\n                  <div>\n                    <p class=\"text-white font-bold text-base\">Eingesparte Anfahrten<\/p>\n                    <p class=\"text-slate-400 text-xs mt-0.5\">ca. 10 vermiedene Termine \u00e0 45\u20ac (Zeit\/Fahrzeug)<\/p>\n                  <\/div>\n                  <span class=\"text-white font-black text-xl font-heading\">450 \u20ac<\/span>\n                <\/div>\n                <div class=\"flex justify-between items-center border-b border-slate-800 pb-4\">\n                  <div>\n                    <p class=\"text-white font-bold text-base\">Kosten tele-LOOK Lizenz<\/p>\n                    <p class=\"text-slate-400 text-xs mt-0.5\">Ungef\u00e4hrer Richtwert ab<\/p>\n                  <\/div>\n                  <span class=\"text-cyan-400 font-black text-xl font-heading\">- 24,90 \u20ac<\/span>\n                <\/div>\n                <div class=\"flex justify-between items-center bg-gradient-to-r from-blue-900 via-sky-800 to-cyan-700 rounded-2xl p-5 shadow-lg border border-cyan-400\/30\">\n                  <div>\n                    <p class=\"text-white font-black text-lg font-heading\">Netto-Ersparnis<\/p>\n                    <p class=\"text-cyan-100 text-xs mt-0.5\">Positiver ROI ab der ersten Fahrt<\/p>\n                  <\/div>\n                  <span class=\"text-white font-black text-3xl font-heading\">&gt; 400 \u20ac<\/span>\n                <\/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 10. WER WIR SIND & TRUST \u2550\u2550\u2550\u2550\u2550\u2550\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-20 md:py-28 border-b border-slate-800\/80\">\n      <div class=\"max-w-6xl mx-auto px-6\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n          \n          <div class=\"lg:col-span-6 space-y-6 text-left\">\n            <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider font-heading\">\n              Wer wir sind\n            <\/div>\n            <h2 class=\"font-heading text-3xl sm:text-4xl font-black tracking-tight text-white leading-tight\">\n              Pragmatischer Support f\u00fcr Macher\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              tele-LOOK ist ein Produkt der Solutiness GmbH. Wir entwickeln Kommunikationsl\u00f6sungen, die sich nicht in technologischen Spielereien verlieren, sondern echte, allt\u00e4gliche Probleme im Kundenservice und Facility Management l\u00f6sen. Mehrfach ausgezeichnet (u.a. Freiburger Innovationspreis) und mit starkem Fokus auf Barrierefreiheit.\n            <\/p>\n            <a href=\"http:\/\/www.linkedin.com\/company\/telelook\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-cyan-400 hover:text-cyan-300 font-bold text-base transition-colors\">\n              Folgen Sie uns auf LinkedIn <span>\u2192<\/span>\n            <\/a>\n          <\/div>\n\n          <div class=\"lg:col-span-6 space-y-5\">\n            <!-- Trust Badge 1 -->\n            <div class=\"clean-card p-6 flex items-center gap-5 text-left bg-[#0b1329]\">\n              <div class=\"icon-badge shrink-0\">\n                <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/>\n                  <path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/>\n                  <path d=\"M4 22h16\"\/>\n                  <path d=\"M10 14.66V17c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-2.34c-1.2-.55-2-1.74-2-3.16 0-1.93 1.57-3.5 3.5-3.5h9c1.93 0 3.5 1.57 3.5 3.5 0 1.42-.8 2.61-2 3.16V17c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2.34\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <p class=\"font-heading font-bold text-white text-base md:text-lg mb-0.5\">Mehrfach Pr\u00e4miert<\/p>\n                <p class=\"text-xs sm:text-sm text-slate-400\">Gewinner Freiburger Innovationspreis &amp; Service Management Preis.<\/p>\n              <\/div>\n            <\/div>\n\n            <!-- Trust Badge 2 -->\n            <div class=\"clean-card p-6 flex items-center gap-5 text-left bg-[#0b1329]\">\n              <div class=\"icon-badge shrink-0\">\n                <svg class=\"w-6 h-6 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <p class=\"font-heading font-bold text-white text-base md:text-lg mb-0.5\">Hosting &amp; Entwicklung in DE<\/p>\n                <p class=\"text-xs sm:text-sm text-slate-400\">100% DSGVO-konform, deutsche Server, h\u00f6chste Sicherheitsstandards.<\/p>\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 11. 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              Was Sie vor dem Einsatz wissen sollten\n            <\/h2>\n            <p class=\"text-slate-300 text-base md:text-lg leading-relaxed\">\n              Die wichtigsten Fragen rund um Einf\u00fchrung, Anwendung, Datenschutz und Nutzen im Facility Management.\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\">Ben\u00f6tigen meine Mieter oder Fremdhandwerker eine spezielle App?<\/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, Ihr Gespr\u00e4chspartner ben\u00f6tigt keine App. tele-LOOK funktioniert g\u00e4nzlich ohne Installation direkt im mobilen Standard-Browser (Chrome, Safari, etc.). Sie senden nur einen Link per SMS oder E-Mail, der per Klick ge\u00f6ffnet wird.\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\">Ist der Einsatz in Mietwohnungen datenschutzrechtlich sicher?<\/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                Ja. Wir haben einen strikten \u201eConsent-Workflow\u201c integriert. Der Mieter muss aktiv zustimmen, bevor Kamera und Mikrofon freigegeben werden. Zudem werden keine Videostreams gespeichert, sondern nur die Bilder, die Sie gezielt f\u00fcr Ihre Objektakte aufnehmen. 100% DSGVO-konformes Hosting in Deutschland.\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\">Wieviel Datenvolumen wird bei einem Anruf verbraucht?<\/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                Der Verbrauch ist vergleichbar mit einem normalen Videoanruf (z.B. WhatsApp) und liegt bei etwa 100 bis 300 MB pro Stunde. Da eine Begutachtung durch einen Facility Manager meist in wenigen Minuten abgeschlossen ist, f\u00e4llt der tats\u00e4chliche Verbrauch kaum ins Gewicht.\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 12. 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        <!-- Header f\u00fcr Tarife -->\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-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider mb-4 font-heading\">\n            Preise &amp; Tarife\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            Alle Tarife im \u00dcberblick\n          <\/h2>\n          <p class=\"text-slate-300 text-sm md:text-base leading-relaxed\">\n            W\u00e4hlen Sie Ihr Modell \u2013 Start innerhalb eines Werktags nach Buchung.\n          <\/p>\n        <\/div>\n\n        <!-- Info Box -->\n        <div class=\"mb-10 bg-[#0b1329] border border-slate-800 rounded-2xl border-l-4 border-l-cyan-400 text-center py-4 px-6 max-w-4xl mx-auto text-xs text-slate-300 shadow-sm\">\n          <p class=\"italic mb-1 text-slate-200\">* Preise pro Nutzer \/ Monat zzgl. MwSt.<\/p>\n          <p>Tipp f\u00fcr Teams: In den Tarifen POWER und ULTIMATE k\u00f6nnen sich mehrere Mitarbeiter eine Lizenz teilen. Schreiben Sie uns an <a href=\"mailto:sales@tele-look.com\" class=\"text-cyan-400 hover:underline font-bold\">sales@tele-look.com<\/a>.<\/p>\n        <\/div>\n\n        <!-- Billing Toggle -->\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\">\n            <button\n              id=\"btn-monthly\" style=\"border:0!important;outline:none!important;box-shadow:none!important;\"\n              type=\"button\"\n              onclick=\"setBilling(false)\"\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\" style=\"border:0!important;outline:none!important;box-shadow:none!important;\"\n              type=\"button\"\n              onclick=\"setBilling(true)\"\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-5 gap-5 items-stretch mb-12 text-left\">\n          <!-- Free -->\n          <div class=\"clean-card p-5 flex flex-col justify-between shadow-sm bg-[#0b1329]\">\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\">Free<\/div>\n              <div class=\"flex items-end gap-1 mb-1\">\n                <span class=\"text-3xl font-black text-white font-heading\">0<\/span>\n                <span class=\"text-lg font-bold text-white mb-1\">\u20ac<\/span>\n                <span class=\"text-slate-400 text-xs mb-1\">\/ Monat<\/span>\n              <\/div>\n              <p class=\"text-slate-400 text-xs leading-snug mb-4\">Ideal f\u00fcr erste Tests im Mieter-Support.<\/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> Browserbasiert (Keine App)<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> Live-Video + Audio<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> HD-Fernfotos &amp; Protokoll<\/li>\n                <li class=\"flex gap-2\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> tele-Punkt Live-Zeiger<\/li>\n                <li class=\"flex gap-2 font-bold text-white\"><span class=\"text-cyan-400 font-bold\">\u2713<\/span> 5 Calls pro Monat<\/li>\n              <\/ul>\n            <\/div>\n            <a id=\"link-free\" href=\"https:\/\/buy.stripe.com\/9B63cubiK4rY7uZddk8k80h\" 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\">Abonnieren<\/a>\n          <\/div>\n\n          <!-- Core -->\n          <div class=\"clean-card p-5 flex flex-col justify-between shadow-sm bg-[#0b1329]\">\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\">Die Basis f\u00fcr den Verwalter-Alltag.<\/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 Free<\/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 Calls &amp; eigenes Branding.<\/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-[#0b1329]\">\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\">Unlimitierter Support ohne Limits.<\/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-[#0b1329]\">\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 gro\u00dfe Wohnungsgesellschaften.<\/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> API &amp; ERP-Integration<\/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%20L%C3%B6sung%20Immobilienwirtschaft\" 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 class=\"text-center mb-16\">\n          <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" class=\"inline-flex items-center gap-2 text-cyan-400 hover:text-cyan-300 font-bold text-sm transition-colors\">\n            Alle Details zu den Preisen &amp; Funktionen ansehen <span>\u2192<\/span>\n          <\/a>\n        <\/div>\n\n        <!-- Final CTA (Bereit f\u00fcr effizientes Facility Management?) -->\n        <div class=\"max-w-4xl mx-auto text-center\">\n          <div class=\"rounded-[32px] p-8 sm:p-12 md:p-16 bg-gradient-to-b from-blue-900 to-[#0b1329] text-white border border-slate-800 shadow-2xl relative overflow-hidden\">\n            <div class=\"relative z-10 space-y-6\">\n              <div class=\"inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-blue-950\/60 border border-blue-800 text-blue-300 text-xs font-bold uppercase tracking-wider font-heading\">\n                Jetzt optimieren\n              <\/div>\n              <h2 class=\"font-heading text-3xl md:text-5xl font-black text-white leading-tight\">\n                Bereit f\u00fcr effizientes<br><span class=\"text-gradient\">Facility Management?<\/span>\n              <\/h2>\n              <p class=\"text-slate-200 text-base md:text-lg max-w-2xl mx-auto leading-relaxed\">\n                Sparen Sie ab sofort wertvolle Zeit und reduzieren Sie unn\u00f6tige Anfahrten zu Ihren Objekten. \u00dcberzeugen Sie sich selbst von der pragmatischen L\u00f6sung.\n              <\/p>\n              <div class=\"flex flex-col sm:flex-row gap-4 justify-center pt-4\">\n                <a href=\"#preise\" class=\"btn-gradient px-10 py-4 text-sm font-heading\">Tarife vergleichen<\/a>\n                <a href=\"https:\/\/www.tele-look.com\/web\/produktinfo-tele-look\/\" class=\"btn-secondary px-10 py-4 text-sm font-heading\">Mehr erfahren<\/a>\n              <\/div>\n            <\/div>\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 13. 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\">Immobilienwirtschaft &amp; Facility Management<\/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 digitale Mieter-Triage, Remote-Schadensaufnahme, Wohnungs\u00fcbergaben und Prozessbeschleunigung in Wohnungsbaugesellschaften und Hausverwaltungen.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- MOBILE STICKY CTA -->\n  <div class=\"sticky-cta\">\n    <div class=\"sticky-cta-inner\">\n      <p class=\"text-xs sm:text-sm font-bold text-white leading-tight\">14 Tage kostenlos testen<\/p>\n      <a href=\"#preise\" class=\"px-5 py-2.5 rounded-xl bg-cyan-400 text-slate-950 font-black text-xs uppercase tracking-wider shadow-md shrink-0 font-heading\">Starten<\/a>\n    <\/div>\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      \/\/ Close all FAQs\n      document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));\n      document.querySelectorAll('.faq-icon').forEach(i => {\n        i.textContent = '+';\n      });\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 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        \/\/ Monatlich Inactive\n        btnM.classList.remove('bg-brand', 'text-white', 'shadow-glow');\n        btnM.classList.add('bg-transparent', 'text-slate-500', 'dark:text-slate-400', 'shadow-none');\n        \n        \/\/ J\u00e4hrlich Active\n        btnY.classList.remove('bg-transparent', 'text-slate-500', 'dark:text-slate-400', 'shadow-none');\n        btnY.classList.add('bg-brand', 'text-white', 'shadow-glow');\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        document.getElementById('price-ultimate').textContent = '950';\n        document.getElementById('period-ultimate').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        \/\/ J\u00e4hrlich Inactive\n        btnY.classList.remove('bg-brand', 'text-white', 'shadow-glow');\n        btnY.classList.add('bg-transparent', 'text-slate-500', 'dark:text-slate-400', 'shadow-none');\n        \n        \/\/ Monatlich Active\n        btnM.classList.remove('bg-transparent', 'text-slate-500', 'dark:text-slate-400', 'shadow-none');\n        btnM.classList.add('bg-brand', 'text-white', 'shadow-glow');\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\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\n<\/div>\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>F\u00fcr Verwalter, Makler, Facility &amp; Projektierer Objektbetreuung in Echtzeit. Ohne Vor-Ort-Termin. Direktantwort f\u00fcr Hausverwaltungen &amp; Facility Management: Live-Video-Support f\u00fcr die Immobilienwirtschaft erm\u00f6glicht es Verwaltern, Facility Managern und Maklern, Mieter-Schadensmeldungen (Wassersch\u00e4den, Heizungsausf\u00e4lle, Fensterdefekte) sofort per Smartphone-Kamera des Mieters ohne App-Download in HD zu begutachten, rechtssicher zu protokollieren und Handwerker-Fehlfahrten um bis zu 60% zu senken. Ob [&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-15057","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15057","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=15057"}],"version-history":[{"count":25,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15057\/revisions"}],"predecessor-version":[{"id":16500,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/15057\/revisions\/16500"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=15057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}