{"id":10787,"date":"2025-09-24T06:30:56","date_gmt":"2025-09-24T04:30:56","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/?page_id=10787"},"modified":"2026-07-13T09:53:38","modified_gmt":"2026-07-13T07:53:38","slug":"tele-look-preise","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/tele-look-preise\/","title":{"rendered":"tele-LOOK-Preise"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10787\" class=\"elementor elementor-10787\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa34a7a e-con-full e-flex e-con e-parent\" data-id=\"aa34a7a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49a416d elementor-widget elementor-widget-html\" data-id=\"49a416d\" 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<!-- GEO\/SEO: JSON-LD Schema.org -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"BreadcrumbList\",\n      \"itemListElement\": [{\n        \"@type\": \"ListItem\",\n        \"position\": 1,\n        \"name\": \"Startseite\",\n        \"item\": \"https:\/\/www.tele-look.com\/\"\n      },{\n        \"@type\": \"ListItem\",\n        \"position\": 2,\n        \"name\": \"Preise\",\n        \"item\": \"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\"\n      }]\n    }\n    <\/script>\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Gibt es eine Mindestvertragslaufzeit?\",\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein. Beim Monatsabo gibt es keine Mindestlaufzeit \u2013 Sie k\u00f6nnen jederzeit k\u00fcndigen. Das Jahresabo l\u00e4uft 12 Monate und verl\u00e4ngert sich automatisch, sofern nicht rechtzeitig gek\u00fcndigt wird.\" }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Brauchen meine Kunden eine App?\",\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein. Ihre Kunden ben\u00f6tigen ausschlie\u00dflich ein Smartphone mit Browser und Internetverbindung. Ein Klick auf den SMS-Link gen\u00fcgt \u2013 ohne App-Download, ohne Konto.\" }\n        }\n      ]\n    }\n    <\/script>\n\n<!-- Tailwind CSS -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        important: true,\n        corePlugins: { preflight: false },\n        darkMode: 'class',\n        theme: {\n            extend: {\n                colors: {\n                    brand: { DEFAULT: '#135dff', dark: '#0f52df', soft: '#eff6ff' },\n                    slate: { 850: '#0f172a', 950: '#040b16' }\n                },\n                fontFamily: {\n                    sans: ['Manrope', 'sans-serif'],\n                    montserrat: ['Montserrat', 'sans-serif']\n                },\n                boxShadow: {\n                    'soft': '0 20px 40px -10px rgba(0,0,0,0.03)',\n                    'glow': '0 10px 25px -5px rgba(19, 93, 255, 0.4)'\n                }\n            }\n        }\n    }\n<\/script>\n\n<!-- Google Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\n\n<!-- AOS Animation CSS -->\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n<style>\n    \/* Elementor-Editor Fix *\/\n    body.elementor-editor-active [data-aos] { opacity: 1 !important; transform: none !important; }\n\n    \/* Globale Typografie & Dark Mode Transitions *\/\n    #tele-look-main-wrapper { \n        font-family: 'Manrope', sans-serif; \n        overflow-x: hidden; \n        line-height: 1.7; \n        transition: background-color 0.4s ease, color 0.4s ease; \n    }\n\n    \/* Premium Text Gradient with Glow *\/\n    @keyframes glow-pulse-light {\n        0%, 100% { filter: drop-shadow(0 0 2px rgba(6,182,212,0.15)); }\n        50%       { filter: drop-shadow(0 0 4px rgba(6,182,212,0.25)); }\n    }\n    @keyframes glow-pulse-dark {\n        0%, 100% { filter: drop-shadow(0 0 8px rgba(6,182,212,0.45)) drop-shadow(0 0 20px rgba(16,185,129,0.2)); }\n        50%       { filter: drop-shadow(0 0 14px rgba(6,182,212,0.65)) drop-shadow(0 0 32px rgba(16,185,129,0.35)); }\n    }\n    @keyframes gradient-shift {\n        0%   { background-position: 0% center; }\n        50%  { background-position: 100% center; }\n        100% { background-position: 0% center; }\n    }\n    .text-gradient {\n        background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        background-clip: text; color: transparent; background-size: 200% auto; animation: gradient-shift 4s ease infinite;\n    }\n    .dark .text-gradient {\n        background: linear-gradient(90deg, #135dff 0%, #22d3ee 50%, #34d399 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n    .text-glow-wrap { display: inline-block; animation: glow-pulse-light 3s ease-in-out infinite; }\n    .dark .text-glow-wrap { animation: glow-pulse-dark 3s ease-in-out infinite; }\n\n    \/* Glass Pill Nav *\/\n    .glass-pill-nav { position: sticky; top: 20px; z-index: 50; max-width: fit-content; margin: 0 auto; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border: 1px solid rgba(226, 232, 240, 0.8); border-radius: 999px; padding: 0.5rem 1rem; box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.08); display: flex; gap: 0.25rem; font-weight: 700; transition: all 0.3s ease; }\n    .dark .glass-pill-nav { background: rgba(15, 23, 42, 0.7); border-color: rgba(30, 41, 59, 0.8); box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.3); }\n\n    \/* Buttons *\/\n    .btn-gradient { background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%); background-size: 200% auto; transition: background-position 0.4s ease, transform 0.2s ease, box-shadow 0.3s ease; text-decoration: none; }\n    .btn-gradient:hover { background-position: right center; box-shadow: 0 0 25px rgba(6,182,212,0.5), 0 0 60px rgba(16,185,129,0.2); transform: translateY(-1px); }\n    .dark .btn-gradient { background: linear-gradient(90deg, #135dff 0%, #22d3ee 50%, #34d399 100%); }\n    .dark .btn-gradient:hover { box-shadow: 0 0 30px rgba(6,182,212,0.6), 0 0 70px rgba(16,185,129,0.3); }\n\n    \/* Feature Box & Cards *\/\n    .feature-box, .card { background: white; border: 1px solid #e2e8f0; border-radius: 1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n    .dark .feature-box, .dark .card { background: #0f172a; border-color: #1e293b; }\n    .feature-box:hover, .card:hover { border-color: rgba(19, 93, 255, 0.3); transform: translateY(-2px); box-shadow: 0 20px 40px -15px rgba(19, 93, 255, 0.1); }\n    .dark .feature-box:hover, .dark .card:hover { border-color: rgba(34, 211, 238, 0.4); box-shadow: 0 20px 40px -15px rgba(34, 211, 238, 0.1); }\n\n    \/* Dot Pattern Background *\/\n    .dot-bg { background-color: #f8fafc; background-image: radial-gradient(circle, #e2e8f0 1.2px, transparent 1.2px); background-size: 24px 24px; }\n    .dark .dot-bg { background-color: #040b16; background-image: radial-gradient(circle, #1e293b 1.2px, transparent 1.2px); }\n\n    \/* Text Content *\/\n    .content-prose h2 { font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 900; color: #1e293b; margin-top: 2.5rem; margin-bottom: 1rem; }\n    .dark .content-prose h2 { color: #f1f5f9; }\n    .content-prose h3 { font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; color: #334155; margin-top: 2rem; margin-bottom: 0.75rem; }\n    .dark .content-prose h3 { color: #e2e8f0; }\n    .content-prose p { color: #475569; line-height: 1.75; margin-bottom: 1.25rem; }\n    .dark .content-prose p { color: #94a3b8; }\n    .content-prose ul { list-style-type: disc; padding-left: 1.5rem; color: #475569; margin-bottom: 1.25rem; }\n    .dark .content-prose ul { color: #94a3b8; }\n    .content-prose a { color: #135dff; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\n    .dark .content-prose a { color: #60a5fa; }\n    .content-prose a:hover { color: #0f52df; }\n    .dark .content-prose a:hover { color: #93c5fd; }\n\n    \/* Labels *\/\n    .label-badge { display: inline-block; background: #eff6ff; color: #135dff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.3rem 0.9rem; border-radius: 9999px; border: 1px solid #bfdbfe; }\n    .dark .label-badge { background: rgba(19,93,255,0.15); border-color: rgba(19,93,255,0.3); color: #60a5fa; }\n\n    \/* FAQ *\/\n    .faq-item { border-color: #e2e8f0 !important; box-shadow: none !important; background-color: transparent !important; border-bottom: 1px solid #e2e8f0; }\n    .dark .faq-item { border-color: #1e293b !important; }\n    \n    .faq-question { width: 100%; text-align: left; padding: 1.25rem 0; font-weight: 700; color: #1e293b; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: color 0.3s ease; }\n    .dark .faq-question { color: #f8fafc; }\n    \n    .faq-question:hover { color: #135dff; }\n    .dark .faq-question:hover { color: #22d3ee; }\n\n    .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease; opacity: 0; padding-left: 1rem; padding-right: 1rem; color: #64748b; font-size: 0.95rem; line-height: 1.6; }\n    .dark .faq-answer { color: #94a3b8; }\n    .faq-item.active .faq-answer { max-height: 500px; opacity: 1; padding-bottom: 1.25rem; }\n    .faq-item.active .faq-icon { transform: rotate(180deg); color: #135dff; }\n    .dark .faq-item.active .faq-icon { color: #22d3ee; }\n\n<\/style>\n\n<div id=\"tele-look-main-wrapper\" class=\"bg-white dark:bg-slate-950 text-slate-800 dark:text-slate-200\">\n    <button id=\"theme-toggle\" class=\"fixed bottom-6 left-6 z-50 p-3 rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 shadow-lg text-slate-600 dark:text-slate-300 hover:text-brand dark:hover:text-cyan-400 transition-colors\" aria-label=\"Toggle Dark Mode\">\n        <svg id=\"theme-toggle-light-icon\" class=\"hidden w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><\/path><\/svg>\n        <svg id=\"theme-toggle-dark-icon\" class=\"hidden w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z\"><\/path><\/svg>\n    <\/button>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 1: PREMIUM HERO -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"pt-24 pb-16 lg:pt-36 lg:pb-24 flex items-center relative bg-slate-50 dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800 overflow-hidden\" data-aos=\"fade-up\">\n    <div class=\"absolute w-[600px] h-[600px] top-[-200px] left-[-150px] bg-brand\/10 dark:bg-cyan-900\/20 rounded-full blur-[80px]\"><\/div>\n    <div class=\"absolute w-[400px] h-[400px] bottom-0 right-[-100px] bg-cyan-400\/10 dark:bg-emerald-900\/10 rounded-full blur-[80px]\"><\/div>\n\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 relative z-10 text-center\">\n        <span class=\"inline-block bg-brand\/10 dark:bg-cyan-900\/30 text-brand dark:text-cyan-400 text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded-full mb-5 border border-brand\/20 dark:border-cyan-400\/20 shadow-glow\">\n            Flexible Tarife f\u00fcr jede Unternehmensgr\u00f6\u00dfe\n        <\/span>\n        \n        <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-montserrat font-black text-slate-900 dark:text-white leading-tight mb-5\">\n            Die optimale L\u00f6sung f\u00fcr<br>\n            <span class=\"text-glow-wrap\"><span class=\"text-gradient\">jeden Einsatz.<\/span><\/span>\n        <\/h1>\n        \n        <p class=\"text-lg md:text-xl text-slate-600 dark:text-slate-300 leading-relaxed mb-8 max-w-2xl mx-auto\">\n            Flexible Tarife f\u00fcr Live-Video-Support \u2013 <strong class=\"text-slate-900 dark:text-white\">monatlich oder j\u00e4hrlich, ohne Startgeb\u00fchren.<\/strong> In unter einem Werktag einsatzbereit.\n        <\/p>\n        \n        <div class=\"flex flex-wrap justify-center gap-3 text-sm text-slate-700 dark:text-slate-300 font-bold\">\n            <span class=\"bg-white\/50 dark:bg-white\/5 px-4 py-2 rounded-full border border-slate-200 dark:border-slate-700 shadow-sm\">\u2713 14 Tage kostenlos testen<\/span>\n            <span class=\"bg-white\/50 dark:bg-white\/5 px-4 py-2 rounded-full border border-slate-200 dark:border-slate-700 shadow-sm\">\u2713 Keine Kreditkarte n\u00f6tig<\/span>\n            <span class=\"bg-amber-100\/50 dark:bg-amber-900\/30 text-amber-600 dark:text-amber-400 px-4 py-2 rounded-full border border-amber-200 dark:border-amber-800 shadow-sm\">\u2713 F\u00f6rderf\u00e4hig bis 50 %<\/span>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- SEO BREADCRUMBS & IN-PAGE NAVIGATION -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"glass-pill-nav\">\n            \n            <a href=\"#tarife\" class=\"hover:text-brand dark:hover:text-cyan-400 text-slate-700 dark:text-slate-200 whitespace-nowrap transition-colors px-4 py-2 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800\">Alle Tarife<\/a>\n            <a href=\"#special-block\" class=\"hover:text-brand dark:hover:text-cyan-400 text-slate-700 dark:text-slate-200 whitespace-nowrap transition-colors px-4 py-2 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800\">Enterprise<\/a>\n            <a href=\"#faq\" class=\"hover:text-brand dark:hover:text-cyan-400 text-slate-700 dark:text-slate-200 whitespace-nowrap transition-colors px-4 py-2 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800\">FAQ<\/a>\n        <\/div>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 3: 4 USPs -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"bg-slate-50\/50 dark:bg-slate-950 pb-16 pt-12 relative overflow-hidden\">\n    <!-- Mesh Gradients for USPs -->\n    <div class=\"absolute w-[600px] h-[600px] top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-brand\/10 dark:bg-cyan-900\/20 rounded-full blur-[100px] pointer-events-none z-0\"><\/div>\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 relative z-10\">\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n            <div class=\"bg-white\/70 dark:bg-slate-900\/70 backdrop-blur-md border border-slate-200\/50 dark:border-slate-800 rounded-2xl p-6 text-center feature-box relative overflow-hidden group\" data-aos=\"fade-up\">\n                <div class=\"absolute inset-0 bg-gradient-to-br from-brand\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-0\"><\/div>\n                <div class=\"relative z-10\">\n                <div class=\"w-12 h-12 bg-white dark:bg-slate-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-sm text-brand dark:text-cyan-400 group-hover:shadow-glow transition-all\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n                <\/div>\n                <p class=\"font-black text-slate-700 dark:text-slate-300 text-[0.7rem] uppercase tracking-wider leading-snug\">Monatlich oder<br>j\u00e4hrlich buchbar<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white\/70 dark:bg-slate-900\/70 backdrop-blur-md border border-slate-200\/50 dark:border-slate-800 rounded-2xl p-6 text-center feature-box relative overflow-hidden group\" data-aos=\"fade-up\">\n                <div class=\"absolute inset-0 bg-gradient-to-br from-brand\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-0\"><\/div>\n                <div class=\"relative z-10\">\n                <div class=\"w-12 h-12 bg-white dark:bg-slate-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-sm text-brand dark:text-cyan-400 group-hover:shadow-glow transition-all\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"><\/line><\/svg>\n                <\/div>\n                <p class=\"font-black text-slate-700 dark:text-slate-300 text-[0.7rem] uppercase tracking-wider leading-snug\">Keine Start- oder<br>Einf\u00fchrungsgeb\u00fchren<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white\/70 dark:bg-slate-900\/70 backdrop-blur-md border border-slate-200\/50 dark:border-slate-800 rounded-2xl p-6 text-center feature-box relative overflow-hidden group\" data-aos=\"fade-up\">\n                <div class=\"absolute inset-0 bg-gradient-to-br from-brand\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-0\"><\/div>\n                <div class=\"relative z-10\">\n                <div class=\"w-12 h-12 bg-white dark:bg-slate-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-sm text-brand dark:text-cyan-400 group-hover:shadow-glow transition-all\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n                <\/div>\n                <p class=\"font-black text-slate-700 dark:text-slate-300 text-[0.7rem] uppercase tracking-wider leading-snug\">Kein IT-Aufwand \u2013<br>sofort einsatzbereit<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white\/70 dark:bg-slate-900\/70 backdrop-blur-md border border-slate-200\/50 dark:border-slate-800 rounded-2xl p-6 text-center feature-box relative overflow-hidden group\" data-aos=\"fade-up\">\n                <div class=\"absolute inset-0 bg-gradient-to-br from-brand\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-0\"><\/div>\n                <div class=\"relative z-10\">\n                <div class=\"w-12 h-12 bg-white dark:bg-slate-800 rounded-xl flex items-center justify-center mx-auto mb-4 shadow-sm text-brand dark:text-cyan-400 group-hover:shadow-glow transition-all\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <\/div>\n                <p class=\"font-black text-slate-700 dark:text-slate-300 text-[0.7rem] uppercase tracking-wider leading-snug\">Individuelle Angebote<br>f\u00fcr Digi-F\u00f6rderung<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 4: PRICING TABLE -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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-32 bg-slate-50 dark:bg-slate-900 border-y border-slate-200 dark:border-slate-800\">\n    <div class=\"max-w-7xl mx-auto px-6\">\n      <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n        <span class=\"text-brand dark:text-cyan-400 font-bold uppercase tracking-widest text-sm mb-4 block\">Preise<\/span>\n        <h2 class=\"font-montserrat text-4xl lg:text-5xl font-black mb-6 leading-tight\">\n          <span class=\"text-glow-wrap\"><span class=\"text-gradient\">Alle Tarife im \u00dcberblick<\/span><\/span>\n        <\/h2>\n        <p class=\"text-xl text-slate-500 dark:text-slate-400 font-light max-w-2xl mx-auto\">\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-slate-100 dark:bg-slate-900 border border-slate-200 dark:border-transparent rounded border-l-[3px] border-l-brand dark:border-l-cyan-400 text-center py-5 px-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n        <p class=\"text-slate-600 dark:text-slate-300 text-sm italic mb-1.5 font-light\">\n          * Preise pro Nutzer \/ Monat.\n        <\/p>\n        <p class=\"text-slate-600 dark:text-slate-300 text-sm font-light\">\n          Tipp f\u00fcr kleine Teams: In den Tarifen POWER und ULTIMATE k\u00f6nnen sich bei geringem Ticketaufkommen mehrere namentlich genannte Mitarbeiter eine Lizenz teilen. Schreiben Sie uns in diesem Falle eine Mail an <a href=\"mailto:sales@tele-look.com\" class=\"text-brand dark:text-cyan-400 hover:underline transition-colors font-medium\">sales@tele-look.com<\/a>.\n        <\/p>\n      <\/div>\n      <!-- Billing Toggle -->\n      <div class=\"flex items-center justify-center mb-14\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n        <div class=\"inline-flex items-center rounded-full p-1 border border-slate-200 dark:border-slate-700\/50 bg-slate-100 dark:bg-slate-800\">\n          <button\n            id=\"btn-monthly\"\n            onclick=\"setBilling(false)\"\n            class=\"px-6 py-2.5 text-sm font-bold rounded-full transition-all duration-300 bg-brand text-white shadow-glow\"\n          >Monatlich<\/button>\n          <button\n            id=\"btn-yearly\"\n            onclick=\"setBilling(true)\"\n            class=\"px-6 py-2.5 text-sm font-semibold rounded-full transition-all duration-300 flex items-center gap-2 bg-transparent text-slate-500 dark:text-slate-400 shadow-none\"\n          >J\u00e4hrlich <span class=\"bg-emerald-100 dark:bg-emerald-900\/50 text-emerald-700 dark:text-emerald-400 text-[10px] font-black uppercase px-2 py-0.5 rounded-full\">Spare ~15%<\/span><\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"flex flex-wrap justify-center items-stretch gap-6\">\n        <!-- Free -->\n        <div class=\"w-full md:max-w-[300px] xl:max-w-none xl:flex-1 bg-white dark:bg-slate-800\/80 backdrop-blur-sm rounded-3xl border border-slate-200 dark:border-slate-700\/50 p-6 flex flex-col hover:-translate-y-2 hover:shadow-2xl dark:hover:shadow-cyan-900\/20 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n          <div class=\"mb-6\">\n            <div class=\"inline-block bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-4\">Free<\/div>\n            <div class=\"flex items-end gap-1 mb-2\">\n              <span class=\"text-4xl font-black text-slate-900 dark:text-white font-montserrat\">0<\/span>\n              <span class=\"text-xl font-bold text-slate-900 dark:text-white mb-1\">\u20ac<\/span>\n              <span class=\"text-slate-500 dark:text-slate-400 text-xs mb-1\">\/ Monat<\/span>\n            <\/div>\n            <p class=\"text-slate-500 dark:text-slate-400 text-xs\">Ideal, um Kunden schnell und pers\u00f6nlich zu unterst\u00fctzen.<\/p>\n          <\/div>\n          <ul class=\"space-y-3 mb-6 flex-1 text-xs text-slate-700 dark:text-slate-300\">\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Browserbasiert<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Nutzt vorhandene Infrastruktur<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Live-Video \u00dcbertragung + Audio Kommunikation<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Servicecall in wenigen Klicks<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Aufnahme von Fern-Fotos<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Service-Protokoll zur einfachen Abrechnung<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> tele-Punkt Live-Zeiger<\/li>\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> 5 Calls pro Monat<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Keine Initialkosten<\/li>\n          <\/ul>\n          <a id=\"link-free\" href=\"https:\/\/buy.stripe.com\/dRm8wOdqS6A616B4GO8k800\" target=\"_blank\" class=\"block text-center border-2 border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:border-brand dark:hover:border-cyan-400 hover:text-brand dark:hover:text-cyan-400 py-3 rounded-full font-bold text-sm transition-colors text-decoration-none\" rel=\"noopener\">Abonnieren<\/a>\n        <\/div>\n\n        <!-- Core -->\n        <div class=\"w-full md:max-w-[300px] xl:max-w-none xl:flex-1 bg-white dark:bg-slate-800\/80 backdrop-blur-sm rounded-3xl border border-slate-200 dark:border-slate-700\/50 p-6 flex flex-col hover:-translate-y-2 hover:shadow-2xl dark:hover:shadow-cyan-900\/20 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n          <div class=\"mb-6\">\n            <div class=\"inline-block bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-4\">Core<\/div>\n            <div class=\"flex items-end gap-1 mb-2\">\n              <span class=\"text-4xl font-black text-slate-900 dark:text-white font-montserrat\" id=\"price-core\">39<\/span>\n              <span class=\"text-xl font-bold text-slate-900 dark:text-white mb-1\">\u20ac<\/span>\n              <span class=\"text-slate-500 dark:text-slate-400 text-xs mb-1\" id=\"period-core\">\/ Monat<\/span>\n            <\/div>\n            <p class=\"text-slate-500 dark:text-slate-400 text-xs\">Die wichtigsten Funktionen f\u00fcr professionellen Support.<\/p>\n          <\/div>\n          <ul class=\"space-y-3 mb-6 flex-1 text-xs text-slate-700 dark:text-slate-300\">\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Alles aus Free<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Screensharing<\/li>\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> 25 Calls pro Monat<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> F\u00fcr individuelle Team-L\u00f6sungen sprechen Sie uns gerne an!<\/li>\n          <\/ul>\n          <a id=\"link-core\" href=\"https:\/\/buy.stripe.com\/6oU9ASbiK0bIcPjddk8k801\" target=\"_blank\" class=\"block text-center border-2 border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:border-brand dark:hover:border-cyan-400 hover:text-brand dark:hover:text-cyan-400 py-3 rounded-full font-bold text-sm transition-colors text-decoration-none\" rel=\"noopener\">Testversion starten<\/a>\n        <\/div>\n\n        <!-- Power \u2013 highlighted -->\n        <div class=\"w-full md:max-w-[300px] xl:max-w-none xl:flex-1 bg-slate-900 dark:bg-slate-800 rounded-3xl border-2 border-brand dark:border-cyan-400 p-6 flex flex-col relative shadow-[0_0_20px_rgba(34,211,238,0.15)] hover:shadow-[0_0_40px_rgba(34,211,238,0.3)] hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"200\">\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-brand text-white text-[10px] font-black uppercase tracking-wider px-3 py-1.5 rounded-full shadow-glow\">Am beliebtesten<\/span>\n          <\/div>\n          <div class=\"mb-6 pt-3\">\n            <div class=\"inline-block bg-white\/10 border border-white\/20 text-white text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-4\">Power<\/div>\n            <div class=\"flex items-end gap-1 mb-2\">\n              <span class=\"text-4xl font-black text-white font-montserrat\" id=\"price-power\">69<\/span>\n              <span class=\"text-xl 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-400 text-xs\">Mehr Calls und Custom Messaging f\u00fcr Ihre Marke.<\/p>\n          <\/div>\n          <ul class=\"space-y-3 mb-6 flex-1 text-xs text-slate-200\">\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Alles aus Core<\/li>\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> 50 Calls pro Monat<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Custom Messaging (einheitlicher Markenauftritt im Jahresabo)<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> F\u00fcr individuelle Team-L\u00f6sungen sprechen Sie uns gerne an!<\/li>\n          <\/ul>\n          <a id=\"link-power\" href=\"https:\/\/buy.stripe.com\/6oUbJ09aCe2yeXr8X48k803\" target=\"_blank\" class=\"block text-center btn-gradient text-white py-3 rounded-full font-bold text-sm shadow-glow text-decoration-none\" rel=\"noopener\">Testversion starten<\/a>\n        <\/div>\n\n        <!-- Ultimate -->\n        <div class=\"w-full md:max-w-[300px] xl:max-w-none xl:flex-1 bg-white dark:bg-slate-800\/80 backdrop-blur-sm rounded-3xl border border-slate-200 dark:border-slate-700\/50 p-6 flex flex-col hover:-translate-y-2 hover:shadow-2xl dark:hover:shadow-cyan-900\/20 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n          <div class=\"mb-6\">\n            <div class=\"inline-block bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-4\">Ultimate<\/div>\n            <div class=\"flex items-end gap-1 mb-2\">\n              <span class=\"text-4xl font-black text-slate-900 dark:text-white font-montserrat\" id=\"price-ultimate\">95<\/span>\n              <span class=\"text-xl font-bold text-slate-900 dark:text-white mb-1\">\u20ac<\/span>\n              <span class=\"text-slate-500 dark:text-slate-400 text-xs mb-1\" id=\"period-ultimate\">\/ Monat<\/span>\n            <\/div>\n            <p class=\"text-slate-500 dark:text-slate-400 text-xs\">Alle Funktionen ohne Limits. Testen Sie 14 Tage kostenlos!<\/p>\n          <\/div>\n          <ul class=\"space-y-3 mb-6 flex-1 text-xs text-slate-700 dark:text-slate-300\">\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Alles aus Power<\/li>\n            <li class=\"flex gap-2 font-bold\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Unlimitierte Nutzung<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Priority Support<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> F\u00fcr individuelle Team-L\u00f6sungen sprechen Sie uns gerne an!<\/li>\n          <\/ul>\n          <a id=\"link-ultimate\" href=\"https:\/\/buy.stripe.com\/5kQ6oG9aCe2ydTnddk8k805\" target=\"_blank\" class=\"block text-center border-2 border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:border-brand dark:hover:border-cyan-400 hover:text-brand dark:hover:text-cyan-400 py-3 rounded-full font-bold text-sm transition-colors text-decoration-none\" rel=\"noopener\">Testversion starten<\/a>\n        <\/div>\n\n        <!-- Enterprise -->\n        <div class=\"w-full md:max-w-[300px] xl:max-w-none xl:flex-1 bg-white dark:bg-slate-800\/80 backdrop-blur-sm rounded-3xl border border-slate-200 dark:border-slate-700\/50 p-6 flex flex-col hover:-translate-y-2 hover:shadow-2xl dark:hover:shadow-cyan-900\/20 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n          <div class=\"mb-6\">\n            <div class=\"inline-block bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full mb-4\">Enterprise<\/div>\n            <div class=\"flex items-end gap-1 mb-2\">\n              <span class=\"text-3xl font-black text-slate-900 dark:text-white font-montserrat tracking-tight\">Auf Anfrage<\/span>\n            <\/div>\n            <p class=\"text-slate-500 dark:text-slate-400 text-xs\">F\u00fcr Unternehmen mit individuellem Bedarf und hohem Volumen.<\/p>\n          <\/div>\n          <ul class=\"space-y-3 mb-6 flex-1 text-xs text-slate-700 dark:text-slate-300\">\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Unbegrenzte Nutzer<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Alle Ultimate-Features<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> API-Integration &amp; Webhooks<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> Individuelles Onboarding<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> SLA &amp; dedizierter Support<\/li>\n            <li class=\"flex gap-2\"><svg class=\"w-4 h-4 text-brand dark:text-cyan-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg> White-Label m\u00f6glich<\/li>\n          <\/ul>\n          <a href=\"mailto:sales@tele-look.com?subject=Anfrage%20Enterprise%20L%C3%B6sung&body=Guten%20Tag%2C%20wir%20interessieren%20uns%20f%C3%BCr%20eine%20Enterprise%20L%C3%B6sung%2C%0A%0AAnzahl%20Lizenzen%3A%20%0AAnzahl%20gesch%C3%A4tzer%20Calls%20pro%20Monat%3A%20%0Aweiteres%3A%20%0A%0AName%20Ansprechpartner%3A%20\" class=\"block text-center border-2 border-brand dark:border-cyan-400 text-brand dark:text-cyan-400 hover:bg-brand hover:text-white dark:hover:bg-cyan-400 dark:hover:text-slate-900 py-3 rounded-full font-bold text-sm transition-colors text-decoration-none\">Anfrage senden<\/a>\n        <\/div>\n      <\/div>\n\n      <p class=\"text-center text-slate-400 dark:text-slate-500 text-sm mt-8\">\n        Alle Preise zzgl. MwSt. \u00b7 Staatliche F\u00f6rderung bis zu 50% m\u00f6glich \u00b7\n        <a href=\"https:\/\/www.tele-look.com\/web\/digitalisierungsfoerderung-software\/\" class=\"text-brand dark:text-cyan-400 hover:underline font-semibold\">Jetzt F\u00f6rdermittel pr\u00fcfen \u2192<\/a>\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <script>\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        \n        document.getElementById('link-core').href = 'https:\/\/buy.stripe.com\/14AdR872u4rY3eJ1uC8k802';\n        document.getElementById('link-power').href = 'https:\/\/buy.stripe.com\/3cI7sK5Yqf6Cg1v4GO8k804';\n        document.getElementById('link-ultimate').href = 'https:\/\/buy.stripe.com\/3cIeVceuW0bI4iN8X48k806';\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\/5kQ6oG9aCe2ydTnddk8k805';\n      }\n    }     <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n  <\/script>\n     <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 5: SPECIAL BOX (Enterprise) -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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     \n <section id=\"special-block\" class=\"bg-white dark:bg-slate-950 pb-20 transition-colors\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"bg-brand dark:bg-slate-900 rounded-2xl p-8 md:p-10 border-t-4 border-blue-300 dark:border-slate-800 shadow-glow relative overflow-hidden\" data-aos=\"fade-up\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n                <div>\n                    <span class=\"inline-block bg-white\/20 text-white text-xs font-black uppercase tracking-widest px-3 py-1.5 rounded mb-4\">Gr\u00f6\u00dfere Teams<\/span>\n                    <h2 class=\"text-2xl font-montserrat font-black text-white mb-3 leading-tight\">\n                        Pool- oder Enterprise-Lizenz?\n                    <\/h2>\n                    <p class=\"text-blue-100 text-sm leading-relaxed mb-5\">\n                        F\u00fcr <strong class=\"text-white\">gr\u00f6\u00dfere Teams, gemeinsam genutzte Lizenzen oder Enterprise-Anforderungen<\/strong> mit API-Integration erstellen wir Ihnen ein ma\u00dfgeschneidertes Angebot.\n                    <\/p>\n                    <ul class=\"space-y-2 mb-6\">\n                        <li class=\"flex items-center gap-3 text-blue-100 text-sm\">\n                            <span class=\"text-blue-300 font-black flex-shrink-0\">\u2713<\/span>\n                            <span><strong class=\"text-white\">Pool-Lizenzen:<\/strong> Accounts gemeinsam im Team nutzen.<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3 text-blue-100 text-sm\">\n                            <span class=\"text-blue-300 font-black flex-shrink-0\">\u2713<\/span>\n                            <span><strong class=\"text-white\">Enterprise:<\/strong> API-Anbindung an CRM\/ERP Systeme.<\/span>\n                        <\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"btn-gradient text-white font-bold py-3.5 px-8 rounded-full shadow-glow inline-block transition-transform hover:-translate-y-1 text-sm\">\n                        Individuelles Angebot anfragen \u2192\n                    <\/a>\n                <\/div>\n                <div class=\"grid grid-cols-1 gap-4\">\n                    <div class=\"bg-white\/10 dark:bg-white\/5 border border-white\/20 dark:border-white\/10 rounded-xl p-5 flex items-start gap-4\">\n                        <div class=\"w-12 h-12 bg-white\/20 dark:bg-cyan-400\/20 rounded-xl flex items-center justify-center text-white dark:text-cyan-400 flex-shrink-0 shadow-glow dark:shadow-[0_0_15px_rgba(34,211,238,0.3)]\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"font-black text-white dark:text-slate-100 text-sm mb-1\">Effizienz im Team<\/p>\n                            <p class=\"text-blue-200 dark:text-slate-400 text-[0.8rem] leading-relaxed\">Flexibel f\u00fcr saisonale oder wechselnde Teams durch geteilte Lizenzen.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-white\/10 dark:bg-white\/5 border border-white\/20 dark:border-white\/10 rounded-xl p-5 flex items-start gap-4\">\n                        <div class=\"w-12 h-12 bg-white\/20 dark:bg-cyan-400\/20 rounded-xl flex items-center justify-center text-white dark:text-cyan-400 flex-shrink-0 shadow-glow dark:shadow-[0_0_15px_rgba(34,211,238,0.3)]\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" 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\" ry=\"2\"><\/rect><line x1=\"9\" y1=\"22\" x2=\"9\" y2=\"2\"><\/line><line x1=\"15\" y1=\"22\" x2=\"15\" y2=\"2\"><\/line><line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"><\/line><line x1=\"4\" y1=\"10\" x2=\"20\" y2=\"10\"><\/line><line x1=\"4\" y1=\"14\" x2=\"20\" y2=\"14\"><\/line><line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"><\/line><\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"font-black text-white dark:text-slate-100 text-sm mb-1\">Enterprise-Compliance<\/p>\n                            <p class=\"text-blue-200 dark:text-slate-400 text-[0.8rem] leading-relaxed\">Spezifische Anforderungen f\u00fcr Standorte und IT-Sicherheit werden erf\u00fcllt.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 6: TEXT CONTENT (F\u00f6rderung) -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"details\" class=\"bg-slate-50 dark:bg-slate-950 py-24 border-y border-slate-200 dark:border-slate-800 transition-colors\">\n    <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n        <div class=\"content-prose bg-white\/80 dark:bg-slate-900\/80 backdrop-blur-xl p-10 md:p-14 rounded-3xl border border-slate-100 dark:border-slate-800 shadow-soft dark:shadow-glow relative overflow-hidden\" data-aos=\"fade-up\">\n            <!-- Mesh Gradients -->\n            <div class=\"absolute w-[400px] h-[400px] top-[-150px] right-[-150px] bg-brand\/10 dark:bg-cyan-900\/20 rounded-full blur-[80px] pointer-events-none z-0\"><\/div>\n            <div class=\"absolute w-[300px] h-[300px] bottom-[-100px] left-[-100px] bg-emerald-400\/10 dark:bg-emerald-900\/10 rounded-full blur-[60px] pointer-events-none z-0\"><\/div>\n            \n            <div class=\"relative z-10\">\n                <span class=\"inline-block bg-brand\/5 text-brand dark:bg-cyan-900\/30 dark:text-cyan-400 text-xs font-black uppercase tracking-widest px-4 py-2 rounded-full mb-6 border border-brand\/10 dark:border-cyan-400\/20 shadow-sm backdrop-blur-sm\">\n                    Investitionshilfe\n                <\/span>\n                \n                <h2 class=\"text-3xl md:text-4xl font-montserrat font-black text-slate-900 dark:text-white mt-0 mb-6 leading-tight\">\n                    Digitalisierungsf\u00f6rderung nutzen\n                <\/h2>\n                \n                <p class=\"text-slate-600 dark:text-slate-300 text-base md:text-lg leading-relaxed mb-6\">\n                    Mit <strong>tele-LOOK<\/strong> investieren Sie in die Digitalisierung Ihres Unternehmens. Daf\u00fcr gibt es von Bund und L\u00e4ndern attraktive F\u00f6rderprogramme wie zum Beispiel <a href=\"https:\/\/www.tele-look.com\/web\/digitalisierungsfoerderung-software\/\" target=\"_blank\" rel=\"noopener\" class=\"text-brand dark:text-cyan-400 font-bold hover:underline\">\"Digital Jetzt\"<\/a> oder \"go-digital\".\n                <\/p>\n                <p class=\"text-slate-600 dark:text-slate-300 text-base md:text-lg leading-relaxed mb-8\">\n                    Wir beraten Sie gerne unverbindlich dazu, wie Sie bis zu <strong>50 % der Lizenzkosten erstattet bekommen k\u00f6nnen<\/strong>.\n                <\/p>\n                \n                <a href=\"https:\/\/www.tele-look.com\/web\/digitalisierungsfoerderung-software\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-gradient inline-flex items-center gap-2 text-white font-bold py-3.5 px-8 rounded-full shadow-glow hover:-translate-y-1 transition-transform\">\n                    Mehr zur F\u00f6rderung erfahren \u2192\n                <\/a>\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 7: INFO \/ VERWALTUNG CARDS -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"bg-white dark:bg-slate-950 py-20 transition-colors\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n            <div class=\"bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-xl p-6 feature-box flex items-start gap-5\" data-aos=\"fade-up\">\n                <div class=\"w-14 h-14 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl flex items-center justify-center text-brand dark:text-cyan-400 flex-shrink-0 shadow-glow dark:shadow-[0_0_15px_rgba(34,211,238,0.3)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <h3 class=\"font-montserrat font-black text-slate-800 dark:text-white text-base mb-1\">Abo verwalten<\/h3>\n                    <p class=\"text-slate-600 dark:text-slate-400 text-sm leading-relaxed mb-4\">\n                        Rechnungen laden, Tarife anpassen oder Zahlungsdaten im Stripe-Portal aktualisieren.\n                    <\/p>\n                    <a href=\"https:\/\/billing.stripe.com\/p\/login\/dRm8wOdqS6A616B4GO8k800\" target=\"_blank\" rel=\"noopener\" class=\"btn-gradient inline-flex items-center gap-2 text-white font-bold text-sm py-2.5 px-5 rounded-lg shadow-glow hover:-translate-y-1\">\n                        Zum Kundenportal \u2192\n                    <\/a>\n                <\/div>\n            <\/div>\n            <div class=\"bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-xl p-6 feature-box flex items-start gap-5\" data-aos=\"fade-up\">\n                <div class=\"w-14 h-14 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl flex items-center justify-center text-brand dark:text-cyan-400 flex-shrink-0 shadow-glow dark:shadow-[0_0_15px_rgba(34,211,238,0.3)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                <\/div>\n                <div>\n                    <h3 class=\"font-montserrat font-black text-slate-800 dark:text-white text-base mb-1\">AGB & Nutzungsrecht<\/h3>\n                    <p class=\"text-slate-600 dark:text-slate-400 text-sm leading-relaxed mb-4\">\n                        Alle rechtlichen Informationen zu Ihrem tele-LOOK Abonnement und Datenschutz.\n                    <\/p>\n                    <a href=\"https:\/\/www.tele-look.com\/web\/agb\/\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 border border-slate-300 dark:border-slate-700 text-slate-600 dark:text-slate-300 bg-white dark:bg-slate-800 font-bold text-sm py-2.5 px-5 rounded-lg hover:border-brand dark:hover:border-cyan-400 hover:text-brand dark:hover:text-cyan-400 transition-colors\">\n                        Rechtliches lesen \u2192\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 9: FINAL CTA -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"dot-bg dark:bg-slate-950 py-24 transition-colors\">\n    <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n        <div class=\"bg-white\/80 dark:bg-slate-900\/80 backdrop-blur-xl rounded-3xl p-10 md:p-16 text-center shadow-soft dark:shadow-glow border border-white\/50 dark:border-slate-800 relative overflow-hidden\" data-aos=\"zoom-in\">\n            <div class=\"absolute w-[300px] h-[300px] top-[-100px] left-[-100px] bg-brand\/10 dark:bg-cyan-900\/30 rounded-full blur-[60px] pointer-events-none z-0\"><\/div>\n            <div class=\"absolute w-[300px] h-[300px] bottom-[-100px] right-[-100px] bg-cyan-400\/20 dark:bg-emerald-900\/20 rounded-full blur-[60px] pointer-events-none z-0\"><\/div>\n            \n            <div class=\"relative z-10\">\n                <span class=\"inline-block bg-white dark:bg-white\/10 text-brand dark:text-cyan-400 text-xs font-black uppercase tracking-widest px-4 py-2 rounded-full mb-6 border border-brand\/20 dark:border-white\/10 shadow-sm backdrop-blur-sm\">\n                    Unverbindlich Kennenlernen\n                <\/span>\n                <h2 class=\"text-4xl md:text-5xl font-montserrat font-black text-slate-800 dark:text-white mt-2 mb-6 leading-tight\">\n                    Schauen Sie es sich live an.<br><span class=\"text-gradient\">Pers\u00f6nlich & kostenlos.<\/span>\n                <\/h2>\n                <p class=\"text-slate-600 dark:text-slate-300 text-base md:text-lg mb-10 max-w-xl mx-auto leading-relaxed\">\n                    In einer 30-min\u00fctigen Live-Demo zeigen wir Ihnen tele-LOOK an einem Praxisbeispiel aus Ihrer Branche.\n                <\/p>\n                <div class=\"flex justify-center\">\n                    <a href=\"https:\/\/outlook.office.com\/book\/teleLOOKLiveVideoSupport@tele-look.de\/?ismsaljsauthenabled\" target=\"_blank\" rel=\"noopener\" class=\"btn-gradient inline-flex items-center gap-3 text-white font-bold py-4 px-10 rounded-full shadow-glow transition-transform hover:-translate-y-1 text-lg\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n                        Live-Demo buchen\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<!-- BLOCK 8: FAQ -->\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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=\"bg-slate-50 dark:bg-slate-900\/50 py-20 border-t border-slate-200 dark:border-slate-800 transition-colors\">\n    <div class=\"max-w-3xl mx-auto px-4 sm:px-6\">\n        <div class=\"mb-10 text-center\">\n            <h2 class=\"text-3xl font-black text-slate-800 dark:text-white mb-2 font-montserrat\">H\u00e4ufige Fragen<\/h2>\n            <p class=\"text-slate-500 text-sm\">Alles Wichtige rund um Tarife und Abrechnung.<\/p>\n        <\/div>\n\n        <div class=\"bg-white dark:bg-slate-950 border border-slate-200 dark:border-slate-800 rounded-xl p-2 shadow-soft\">\n            <div class=\"faq-item active p-4\">\n                <div class=\"faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\n                    Gibt es eine Mindestvertragslaufzeit?\n                    <svg class=\"w-5 h-5 faq-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                <\/div>\n                <div class=\"faq-answer\">\n                    Nein. Beim Monatsabo gibt es keine Mindestlaufzeit \u2013 Sie k\u00f6nnen jederzeit k\u00fcndigen. Das Jahresabo l\u00e4uft 12 Monate und verl\u00e4ngert sich automatisch.\n                <\/div>\n            <\/div>\n            <div class=\"faq-item p-4\">\n                <div class=\"faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\n                    Brauchen meine Kunden eine App?\n                    <svg class=\"w-5 h-5 faq-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                <\/div>\n                <div class=\"faq-answer\">\n                    Nein. Ihre Kunden ben\u00f6tigen ausschlie\u00dflich ein Smartphone mit Browser und Internetverbindung. Ein Klick auf den SMS-Link gen\u00fcgt.\n                <\/div>\n            <\/div>\n            <div class=\"faq-item p-4 border-b-0\">\n                <div class=\"faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\n                    Wie sicher sind meine Daten?\n                    <svg class=\"w-5 h-5 faq-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n                <\/div>\n                <div class=\"faq-answer\">\n                    Alle Daten werden auf deutschen Servern gespeichert und sind vollst\u00e4ndig DSGVO-konform. Videodaten werden nicht aufgezeichnet.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/div>\n\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script>\n    \/\/ Theme Switcher Logic\n    if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n        document.documentElement.classList.add('dark');\n        document.getElementById('theme-toggle-light-icon').classList.remove('hidden');\n    } else {\n        document.documentElement.classList.remove('dark');\n        document.getElementById('theme-toggle-dark-icon').classList.remove('hidden');\n    }\n\n    const themeToggleBtn = document.getElementById('theme-toggle');\n    const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');\n    const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');\n\n    themeToggleBtn.addEventListener('click', function() {\n        themeToggleDarkIcon.classList.toggle('hidden');\n        themeToggleLightIcon.classList.toggle('hidden');\n\n        if (localStorage.getItem('theme')) {\n            if (localStorage.getItem('theme') === 'light') {\n                document.documentElement.classList.add('dark');\n                localStorage.setItem('theme', 'dark');\n            } else {\n                document.documentElement.classList.remove('dark');\n                localStorage.setItem('theme', 'light');\n            }\n        } else {\n            if (document.documentElement.classList.contains('dark')) {\n                document.documentElement.classList.remove('dark');\n                localStorage.setItem('theme', 'light');\n            } else {\n                document.documentElement.classList.add('dark');\n                localStorage.setItem('theme', 'dark');\n            }\n        }\n    });\n\n    \/\/ Initialize Animations\n    AOS.init({\n        once: true,\n        offset: 50,\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>Flexible Tarife f\u00fcr jede Unternehmensgr\u00f6\u00dfe Die optimale L\u00f6sung f\u00fcr jeden Einsatz. Flexible Tarife f\u00fcr Live-Video-Support \u2013 monatlich oder j\u00e4hrlich, ohne Startgeb\u00fchren. In unter einem Werktag einsatzbereit. \u2713 14 Tage kostenlos testen \u2713 Keine Kreditkarte n\u00f6tig \u2713 F\u00f6rderf\u00e4hig bis 50 % Alle Tarife Enterprise FAQ Monatlich oderj\u00e4hrlich buchbar Keine Start- oderEinf\u00fchrungsgeb\u00fchren Kein IT-Aufwand \u2013sofort einsatzbereit Individuelle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10787","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=10787"}],"version-history":[{"count":117,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10787\/revisions"}],"predecessor-version":[{"id":15517,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/10787\/revisions\/15517"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=10787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}