{"id":4292,"date":"2025-12-28T10:56:18","date_gmt":"2025-12-28T10:56:18","guid":{"rendered":"https:\/\/whiteraventech.com\/showcase\/"},"modified":"2025-12-28T12:35:56","modified_gmt":"2025-12-28T12:35:56","slug":"showcase","status":"publish","type":"page","link":"https:\/\/whiteraventech.com\/de\/showcase\/","title":{"rendered":"Showcase"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4292\" class=\"elementor elementor-4292 elementor-4290\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af16f05 e-con-full e-flex e-con e-parent\" data-id=\"af16f05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8f2ee1 elementor-widget elementor-widget-html\" data-id=\"a8f2ee1\" 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<div>\r\n\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"Breite=Ger\u00e4tebreite, Anfangsskalierung=1.0\">\r\n    <title>KI-Automatisierungsl\u00f6sungen | White Raven Technologies<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            \/* White Raven Brand Colors *\/\r\n            --color-lightest: #DADAE5;\r\n            --color-light: #A8B0BE;\r\n            --color-mid: #495F6D;\r\n            --color-dark: #344E59;\r\n            --color-darkest: #1E363A;\r\n            --color-accent: #7D1417;\r\n            \r\n            \/* Extended palette *\/\r\n            --bg-page: #f4f4f7;\r\n            --bg-white: #ffffff;\r\n            --shadow-sm: 0 1px 3px rgba(30, 54, 58, 0.06);\r\n            --shadow-md: 0 4px 20px rgba(30, 54, 58, 0.08);\r\n            --shadow-lg: 0 12px 40px rgba(30, 54, 58, 0.12);\r\n            --radius-sm: 6px;\r\n            --radius-md: 12px;\r\n            --radius-lg: 16px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            background: var(--bg-page);\r\n            color: var(--color-dark);\r\n            line-height: 1.6;\r\n            font-size: 15px;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5 {\r\n            font-weight: 600;\r\n            color: var(--color-darkest);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n        }\r\n\r\n        \/* ========== HERO ========== *\/\r\n        .hero {\r\n            background: var(--bg-white);\r\n            padding: 80px 0 60px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--color-accent), var(--color-dark));\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 720px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(125, 20, 23, 0.08);\r\n            padding: 8px 16px;\r\n            border-radius: 100px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: var(--color-accent);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .hero-tag::before {\r\n            content: '';\r\n            width: 6px;\r\n            height: 6px;\r\n            background: var(--color-accent);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(32px, 5vw, 48px);\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 17px;\r\n            color: var(--color-mid);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ========== MAIN CONTENT ========== *\/\r\n        .main-content {\r\n            padding: 60px 0 80px;\r\n        }\r\n\r\n        \/* ========== AUTOMATION CARD ========== *\/\r\n        .automation-card {\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-lg);\r\n            box-shadow: var(--shadow-md);\r\n            overflow: hidden;\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        \/* Workflow Image *\/\r\n        .workflow-visual {\r\n            background: linear-gradient(135deg, #f8f9fb 0%, #eef0f4 100%);\r\n            padding: 48px;\r\n            position: relative;\r\n        }\r\n\r\n        .workflow-visual::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 48px;\r\n            right: 48px;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--color-lightest), transparent);\r\n        }\r\n\r\n        .workflow-frame {\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-md);\r\n            box-shadow: var(--shadow-lg);\r\n            overflow: hidden;\r\n            max-width: 960px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .workflow-frame.svg-workflow {\r\n            padding: 40px 20px;\r\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);\r\n        }\r\n\r\n        .workflow-frame img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        \/* Production Status Line *\/\r\n        .production-status {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-top: 20px;\r\n            padding: 12px 20px;\r\n            background: rgba(30, 54, 58, 0.06);\r\n            border-radius: 100px;\r\n            font-size: 13px;\r\n            color: var(--color-mid);\r\n            max-width: fit-content;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .status-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #22c55e;\r\n            border-radius: 50%;\r\n            animation: pulse-green 2s infinite;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        @keyframes pulse-green {\r\n            0%, 100% { \r\n                opacity: 1; \r\n                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);\r\n            }\r\n            50% { \r\n                opacity: 0.8; \r\n                box-shadow: 0 0 0 6px rgba(34, 197, 94, 0);\r\n            }\r\n        }\r\n\r\n        \/* Card Body *\/\r\n        .card-body {\r\n            padding: 48px;\r\n        }\r\n\r\n        \/* Card Header *\/\r\n        .card-header {\r\n            margin-bottom: 40px;\r\n            padding-bottom: 32px;\r\n            border-bottom: 1px solid var(--color-lightest);\r\n        }\r\n\r\n        .card-eyebrow {\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: var(--color-accent);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.15em;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 28px;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .card-subtitle {\r\n            font-size: 16px;\r\n            color: var(--color-mid);\r\n            max-width: 640px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ========== TWO COLUMN SECTION ========== *\/\r\n        .two-col {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 32px;\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .two-col { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .info-card {\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-lg);\r\n            padding: 32px 36px;\r\n            position: relative;\r\n            box-shadow: 0 2px 16px rgba(30, 54, 58, 0.06);\r\n            border: 1px solid rgba(168, 176, 190, 0.2);\r\n        }\r\n\r\n        .info-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 16px;\r\n            border-bottom: 1px solid var(--color-lightest);\r\n        }\r\n\r\n        .info-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: white;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .problem .info-icon {\r\n            background: var(--color-mid);\r\n        }\r\n\r\n        .solution .info-icon {\r\n            background: var(--color-accent);\r\n        }\r\n\r\n        .info-card h4 {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        .problem h4 {\r\n            color: var(--color-mid);\r\n        }\r\n\r\n        .solution h4 {\r\n            color: var(--color-accent);\r\n        }\r\n\r\n        .info-card p {\r\n            font-size: 15px;\r\n            color: var(--color-dark);\r\n            line-height: 1.8;\r\n            letter-spacing: 0.01em;\r\n        }\r\n\r\n        .info-card ul {\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .info-card li {\r\n            font-size: 15px;\r\n            color: var(--color-dark);\r\n            line-height: 1.7;\r\n            padding: 8px 0;\r\n            padding-left: 24px;\r\n            position: relative;\r\n            border-bottom: 1px solid rgba(218, 218, 229, 0.5);\r\n        }\r\n\r\n        .info-card li:last-child {\r\n            border-bottom: none;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .info-card li::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 16px;\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .problem li::before {\r\n            background: var(--color-light);\r\n        }\r\n\r\n        .solution li::before {\r\n            background: var(--color-accent);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        \/* ========== SECTION TITLE ========== *\/\r\n        .section-title {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            color: var(--color-dark);\r\n            margin-bottom: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            flex: 1;\r\n            height: 1px;\r\n            background: var(--color-lightest);\r\n        }\r\n\r\n        \/* ========== STEPS GRID ========== *\/\r\n        .steps-section {\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .steps-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .steps-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .step-card {\r\n            background: var(--bg-page);\r\n            border-radius: var(--radius-md);\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid transparent;\r\n        }\r\n\r\n        .step-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-md);\r\n            border-color: var(--color-lightest);\r\n        }\r\n\r\n        .step-image {\r\n            height: 140px;\r\n            background: linear-gradient(135deg, var(--color-lightest) 0%, #e8e8ef 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .step-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .step-image-placeholder {\r\n            text-align: center;\r\n            padding: 20px;\r\n        }\r\n\r\n        .step-image-placeholder svg {\r\n            width: 32px;\r\n            height: 32px;\r\n            stroke: var(--color-light);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .step-image-placeholder span {\r\n            display: block;\r\n            font-size: 11px;\r\n            color: var(--color-light);\r\n        }\r\n\r\n        .step-body {\r\n            padding: 20px;\r\n        }\r\n\r\n        .step-number {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--color-accent);\r\n            color: white;\r\n            border-radius: 50%;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .step-body h5 {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .step-body p {\r\n            font-size: 13px;\r\n            color: var(--color-mid);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ========== RESULTS ========== *\/\r\n        .results-section {\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .results-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .results-grid { grid-template-columns: repeat(3, 1fr); }\r\n        }\r\n\r\n        @media (max-width: 500px) {\r\n            .results-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n\r\n        .result-card {\r\n            background: var(--color-darkest);\r\n            border-radius: var(--radius-md);\r\n            padding: 20px 16px;\r\n            text-align: center;\r\n            color: white;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .result-card:hover {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .result-card:nth-child(even) {\r\n            background: var(--color-accent);\r\n        }\r\n\r\n        .result-label {\r\n            font-size: 10px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            opacity: 0.7;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .result-value {\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            line-height: 1;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .result-detail {\r\n            font-size: 10px;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        \/* ========== BENEFITS ========== *\/\r\n        .benefits-section {\r\n            background: var(--bg-page);\r\n            border-radius: var(--radius-md);\r\n            padding: 28px;\r\n        }\r\n\r\n        .benefits-section h4 {\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .benefits-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            font-size: 14px;\r\n            color: var(--color-dark);\r\n            padding: 12px 16px;\r\n            background: var(--bg-white);\r\n            border-radius: var(--radius-sm);\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .benefit-item:hover {\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .benefit-check {\r\n            width: 20px;\r\n            height: 20px;\r\n            background: var(--color-darkest);\r\n            color: white;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 11px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* ========== OPERATIONS \/ IN PRODUCTION ========== *\/\r\n        .operations-section {\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .operations-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .operations-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        .ops-card {\r\n            background: linear-gradient(135deg, var(--color-darkest) 0%, var(--color-dark) 100%);\r\n            border-radius: var(--radius-md);\r\n            padding: 28px 24px;\r\n            text-align: center;\r\n            color: white;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .ops-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .ops-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 16px;\r\n        }\r\n\r\n        .ops-icon svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            stroke: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .ops-card h5 {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .ops-card p {\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ========== CTA ========== *\/\r\n        .cta-section {\r\n            padding: 0 0 80px;\r\n        }\r\n\r\n        .cta-card {\r\n            background: linear-gradient(135deg, var(--color-darkest) 0%, var(--color-dark) 100%);\r\n            border-radius: var(--radius-lg);\r\n            padding: 64px 48px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -25%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(125, 20, 23, 0.15) 0%, transparent 60%);\r\n        }\r\n\r\n        .cta-card h2 {\r\n            font-size: 32px;\r\n            color: white;\r\n            margin-bottom: 12px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-card p {\r\n            font-size: 16px;\r\n            color: rgba(255,255,255,0.7);\r\n            max-width: 480px;\r\n            margin: 0 auto 32px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            background: var(--color-accent);\r\n            color: white;\r\n            padding: 16px 32px;\r\n            border-radius: var(--radius-sm);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            background: #921a1e;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 24px rgba(125, 20, 23, 0.4);\r\n        }\r\n\r\n        .cta-button svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .cta-button:hover svg {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .cta-meta {\r\n            margin-top: 20px;\r\n            font-size: 13px;\r\n            color: rgba(255,255,255,0.5);\r\n            position: relative;\r\n        }\r\n\r\n        \/* ========== ANIMATIONS ========== *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .animate {\r\n            animation: fadeInUp 0.6s ease-out forwards;\r\n        }\r\n\r\n        .delay-1 { animation-delay: 0.1s; }\r\n        .delay-2 { animation-delay: 0.2s; }\r\n        .delay-3 { animation-delay: 0.3s; }\r\n    <\/style>\r\n\r\n\r\n\r\n    <!-- Hero -->\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <div class=\"hero-tag\">KI-Dienste<\/div>\r\n                <h1>Intelligente Automatisierungsl\u00f6sungen<\/h1>\r\n                <p>Individuelle Arbeitsabl\u00e4ufe, die wiederkehrende Aufgaben eliminieren, Fehler reduzieren und Ihre Abl\u00e4ufe skalieren. Unterst\u00fctzt durch KI und nahtlose Integrationen. <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Main Content -->\r\n    <main class=\"main-content\">\r\n        <div class=\"container\">\r\n\r\n            <!-- ==================== AUTOMATION 1 ==================== -->\r\n            <article class=\"automation-card\">\r\n                <div class=\"workflow-visual\">\r\n                    <div class=\"workflow-frame svg-workflow\">\r\n                        <!-- Embedded SVG Workflow Diagram for Appointment Booking -->\r\n                        <svg width=\"100%\" height=\"320\" viewbox=\"0 0 1000 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"max-width: 1000px; margin: 0 auto; display: block;\">\r\n                            <!-- Background decorative elements -->\r\n                            <defs>\r\n                                <!-- Shadow filter -->\r\n                                <filter id=\"shadow1\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                                    <fedropshadow dx=\"0\" dy=\"4\" stddeviation=\"8\" flood-color=\"#1E363A\" flood-opacity=\"0.15\"\/>\r\n                                <\/filter>\r\n                            <\/defs>\r\n                            \r\n                            <!-- Title -->\r\n                            <text x=\"500\" y=\"35\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#7D1417\" letter-spacing=\"0.1em\">AUTOMATED BOOKING WORKFLOW<\/text>\r\n                            \r\n                            <!-- Connection lines with animated dashes -->\r\n                            <g stroke=\"#DADAE5\" stroke-width=\"2\" stroke-dasharray=\"8 4\">\r\n                                <line x1=\"145\" y1=\"160\" x2=\"235\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"345\" y1=\"160\" x2=\"435\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"545\" y1=\"160\" x2=\"635\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"745\" y1=\"160\" x2=\"835\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                            <\/g>\r\n                            \r\n                            <!-- Arrow heads -->\r\n                            <g fill=\"#495F6D\">\r\n                                <polygon points=\"235,155 235,165 248,160\"\/>\r\n                                <polygon points=\"435,155 435,165 448,160\"\/>\r\n                                <polygon points=\"635,155 635,165 648,160\"\/>\r\n                                <polygon points=\"835,155 835,165 848,160\"\/>\r\n                            <\/g>\r\n                            \r\n                            <!-- Node 1: Webhook (Input) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"90\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"90\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <!-- Webhook icon -->\r\n                                <g transform=\"translate(90, 160)\">\r\n                                    <rect x=\"-24\" y=\"-24\" width=\"48\" height=\"48\" rx=\"10\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                    <circle cx=\"12\" cy=\"-10\" r=\"5\" fill=\"#1E363A\"\/>\r\n                                    <circle cx=\"-8\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                    <path d=\"M-8 10 L8 0 M8 0 L8 -6 M-8 10 L-14 2\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"90\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Webhook<\/text>\r\n                            <text x=\"90\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Receive Request<\/text>\r\n                            <circle cx=\"125\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"125\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">1<\/text>\r\n                            \r\n                            <!-- Node 2: Airtable (Check) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"290\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#FCBF00\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"290\" cy=\"160\" r=\"48\" fill=\"#fffef5\"\/>\r\n                                <!-- Airtable logo -->\r\n                                <g transform=\"translate(290, 155)\">\r\n                                    <path d=\"M-18 -15 L18 -15 L18 5 L-18 5 Z\" fill=\"#FCBF00\"\/>\r\n                                    <path d=\"M-18 -15 L0 -5 L0 15 L-18 5 Z\" fill=\"#18BFFF\"\/>\r\n                                    <path d=\"M18 -15 L0 -5 L0 15 L18 5 Z\" fill=\"#F82B60\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"290\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Airtable<\/text>\r\n                            <text x=\"290\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Check Availability<\/text>\r\n                            <circle cx=\"325\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"325\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">2<\/text>\r\n                            \r\n                            <!-- Node 3: Zoom -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"490\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#2D8CFF\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"490\" cy=\"160\" r=\"48\" fill=\"#f0f7ff\"\/>\r\n                                <!-- Zoom logo -->\r\n                                <rect x=\"462\" y=\"138\" width=\"56\" height=\"44\" rx=\"12\" fill=\"#2D8CFF\"\/>\r\n                                <rect x=\"472\" y=\"150\" width=\"24\" height=\"20\" rx=\"4\" fill=\"white\"\/>\r\n                                <path d=\"M496 155 L510 148 L510 172 L496 165 Z\" fill=\"white\"\/>\r\n                            <\/g>\r\n                            <text x=\"490\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Zoom<\/text>\r\n                            <text x=\"490\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Create Meeting<\/text>\r\n                            <circle cx=\"525\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"525\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">3<\/text>\r\n                            \r\n                            <!-- Node 4: Airtable (Save) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"690\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#FCBF00\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"690\" cy=\"160\" r=\"48\" fill=\"#fffef5\"\/>\r\n                                <!-- Airtable logo -->\r\n                                <g transform=\"translate(690, 155)\">\r\n                                    <path d=\"M-18 -15 L18 -15 L18 5 L-18 5 Z\" fill=\"#FCBF00\"\/>\r\n                                    <path d=\"M-18 -15 L0 -5 L0 15 L-18 5 Z\" fill=\"#18BFFF\"\/>\r\n                                    <path d=\"M18 -15 L0 -5 L0 15 L18 5 Z\" fill=\"#F82B60\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"690\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Airtable<\/text>\r\n                            <text x=\"690\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Save Booking<\/text>\r\n                            <circle cx=\"725\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"725\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">4<\/text>\r\n                            \r\n                            <!-- Node 5: Webhook (Response) -->\r\n                            <g filter=\"url(#shadow1)\">\r\n                                <circle cx=\"890\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"890\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <!-- Webhook icon with check -->\r\n                                <g transform=\"translate(890, 160)\">\r\n                                    <rect x=\"-24\" y=\"-24\" width=\"48\" height=\"48\" rx=\"10\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                    <circle cx=\"12\" cy=\"-10\" r=\"5\" fill=\"#1E363A\"\/>\r\n                                    <circle cx=\"-8\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                    <path d=\"M-8 10 L8 0 M8 0 L8 -6 M-8 10 L-14 2\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                                <\/g>\r\n                                <circle cx=\"910\" cy=\"175\" r=\"12\" fill=\"#22c55e\"\/>\r\n                                <path d=\"M904 175 L908 179 L916 171\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/g>\r\n                            <text x=\"890\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Webhook<\/text>\r\n                            <text x=\"890\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Send Confirmation<\/text>\r\n                            <circle cx=\"925\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"925\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">5<\/text>\r\n                            \r\n                            <!-- Bottom tagline -->\r\n                            <text x=\"500\" y=\"300\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"12\" fill=\"#A8B0BE\">From booking request to confirmed meeting in under 30 seconds<\/text>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"production-status\">\r\n                        <span class=\"status-dot\"><\/span>\r\n  Dieser Workflow l\u00e4uft im Produktivbetrieb mit Echtzeit\u00fcberwachung, Fehlerbehandlung und kontinuierlicher Optimierung.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-body\">\r\n                    <header class=\"card-header\">\r\n                        <div class=\"card-eyebrow\">Anwendungsfall 01<\/div>\r\n                        <h2 class=\"card-title\">Intelligente Terminbuchung und Zoom-Meeting-Automatisierung<\/h2>\r\n                        <p class=\"card-subtitle\">Ein vollautomatisiertes, rund um die Uhr verf\u00fcgbares Buchungssystem, das die Terminplanung von einem zeitaufw\u00e4ndigen manuellen Prozess in einen sofortigen, fehlerfreien Vorgang verwandelt.<\/p>\r\n                    <\/header>\r\n\r\n                    <!-- Problem \/ Solution -->\r\n                    <div class=\"two-col\">\r\n                        <div class=\"info-card problem\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">!<\/div>\r\n                                <h4>Das Problem<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>Teams verschwenden 20 bis 30 Minuten pro Termin mit der manuellen Koordination der Termine.<\/li>\r\n                                <li>Verf\u00fcgbarkeit pr\u00fcfen, Zoom-Links versenden und Daten in das CRM eingeben<\/li>\r\n                                <li>Um Doppelbuchungen zu vermeiden, ist st\u00e4ndige Wachsamkeit erforderlich.<\/li>\r\n                                <li>Dies f\u00fchrt zu verz\u00f6gerten Reaktionen, Terminkonflikten und Burnout beim Personal.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"info-card solution\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">\u2713<\/div>\r\n                                <h4>Die L\u00f6sung<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>Vollautomatisches Buchungssystem, das rund um die Uhr in Betrieb ist<\/li>\r\n                                <li>Kunden buchen online und alles Weitere l\u00e4uft automatisch ab.<\/li>\r\n                                <li>Validierung, Terminplanung, CRM-Aktualisierungen und Best\u00e4tigungen<\/li>\r\n                                <li>Kein manueller Eingriff erforderlich<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"steps-section\">\r\n                        <h3 class=\"section-title\">So funktioniert es<\/h3>\r\n                        <div class=\"steps-grid\">\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\r\n                                        <span>Screenshot des Buchungsformulars hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">1<\/div>\r\n                                    <h5>Kunden buchen online<\/h5>\r\n                                    <p>W\u00e4hlt Service, Berater, Datum, Uhrzeit und Zeitzone aus<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n                                        <span>F\u00fcgen Sie einen Screenshot der Validierung hinzu.<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">2<\/div>\r\n                                    <h5>Intelligente Validierung<\/h5>\r\n                                    <p>Verhindert Doppelbuchungen durch Duplikaterkennung<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n                                        <span>Zoom-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">3<\/div>\r\n                                    <h5>Zoom-Meeting erstellt<\/h5>\r\n                                    <p>Sofortige Termingenerierung mit allen Details<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\r\n                                        <span>Airtable-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">4<\/div>\r\n                                    <h5>CRM aktualisiert<\/h5>\r\n                                    <p>Kundeninformationen und Termindetails gespeichert<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                                        <span>E-Mail-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">5<\/div>\r\n                                    <h5>Best\u00e4tigung gesendet<\/h5>\r\n                                    <p>Der Kunde erh\u00e4lt eine E-Mail mit den Details zum Meeting.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n                                        <span>Benachrichtigungs-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">6<\/div>\r\n                                    <h5>Team benachrichtigt<\/h5>\r\n                                    <p>Interne Benachrichtigung zur Nachverfolgung und Vorbereitung<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Results -->\r\n                    <div class=\"results-section\">\r\n                        <h3 class=\"section-title\">Ergebnisse und Auswirkungen<\/h3>\r\n                        <div class=\"results-grid\">\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Buchungszeit<\/div>\r\n                                <div class=\"result-value\">95%<\/div>\r\n                                <div class=\"result-detail\">Schneller<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Genauigkeit<\/div>\r\n                                <div class=\"result-value\">100%<\/div>\r\n                                <div class=\"result-detail\">Keine Doppelbuchungen<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Zeitersparnis<\/div>\r\n                                <div class=\"result-value\">10 Uhr<\/div>\r\n                                <div class=\"result-detail\">pro Woche<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">J\u00e4hrliche Einsparungen<\/div>\r\n                                <div class=\"result-value\">25.000 US-Dollar<\/div>\r\n                                <div class=\"result-detail\">Arbeitskosten<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Antwort<\/div>\r\n                                <div class=\"result-value\">Sofort<\/div>\r\n                                <div class=\"result-detail\">Best\u00e4tigung<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Nichterscheinen<\/div>\r\n                                <div class=\"result-value\">67%<\/div>\r\n                                <div class=\"result-detail\">Reduktion<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- In Production -->\r\n                    <div class=\"operations-section\">\r\n                        <h3 class=\"section-title\">In Produktion<\/h3>\r\n                        <div class=\"operations-grid\">\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Kontinuierlicher Betrieb<\/h5>\r\n                                <p>L\u00e4uft rund um die Uhr mit automatischen Wiederholungsversuchen und Failover-Behandlung<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Fehlerbehandlung<\/h5>\r\n                                <p>Intelligente Ausweichl\u00f6sungen, Validierungspr\u00fcfungen und sofortige Benachrichtigungen<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Leistungs\u00fcberwachung<\/h5>\r\n                                <p>Echtzeit-Dashboards und w\u00f6chentliche Optimierungsberichte<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Benefits -->\r\n                    <div class=\"benefits-section\">\r\n                        <h4>Wer profitiert?<\/h4>\r\n                        <div class=\"benefits-grid\">\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Beratung und professionelle Dienstleistungen \u2013 Management von Erstgespr\u00e4chen\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Terminvereinbarung f\u00fcr Telemedizin im Bereich Gesundheitswesen und Wellness\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n SaaS- und Technologieunternehmen buchen Produktdemos\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Koordinierungssitzungen f\u00fcr Bildung und Ausbildung\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Kreativdienstleistungen: Terminplanung f\u00fcr Kundenberatungen\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Jedes Unternehmen mit mehr als 10 externen Meetings pro Woche\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- ==================== AUTOMATION 2 ==================== -->\r\n            <article class=\"automation-card\">\r\n                <div class=\"workflow-visual\">\r\n                    <div class=\"workflow-frame svg-workflow\">\r\n                        <!-- Embedded SVG Workflow Diagram -->\r\n                        <svg width=\"100%\" height=\"320\" viewbox=\"0 0 1000 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"max-width: 1000px; margin: 0 auto; display: block;\">\r\n                            <!-- Background decorative elements -->\r\n                            <defs>\r\n                                <!-- Shadow filter -->\r\n                                <filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n                                    <fedropshadow dx=\"0\" dy=\"4\" stddeviation=\"8\" flood-color=\"#1E363A\" flood-opacity=\"0.15\"\/>\r\n                                <\/filter>\r\n                            <\/defs>\r\n                            \r\n                            <!-- Title -->\r\n                            <text x=\"500\" y=\"35\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#7D1417\" letter-spacing=\"0.1em\">AI POWERED WORKFLOW<\/text>\r\n                            \r\n                            <!-- Connection lines with animated dashes -->\r\n                            <g stroke=\"#DADAE5\" stroke-width=\"2\" stroke-dasharray=\"8 4\">\r\n                                <line x1=\"145\" y1=\"160\" x2=\"235\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"345\" y1=\"160\" x2=\"435\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"545\" y1=\"160\" x2=\"635\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                                <line x1=\"745\" y1=\"160\" x2=\"835\" y2=\"160\">\r\n                                    <animate attributename=\"stroke-dashoffset\" from=\"24\" to=\"0\" dur=\"1s\" repeatcount=\"indefinite\"\/>\r\n                                <\/line>\r\n                            <\/g>\r\n                            \r\n                            <!-- Arrow heads -->\r\n                            <g fill=\"#495F6D\">\r\n                                <polygon points=\"235,155 235,165 248,160\"\/>\r\n                                <polygon points=\"435,155 435,165 448,160\"\/>\r\n                                <polygon points=\"635,155 635,165 648,160\"\/>\r\n                                <polygon points=\"835,155 835,165 848,160\"\/>\r\n                            <\/g>\r\n                            \r\n                            <!-- Node 1: Mail (Input) -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"90\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"90\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <rect x=\"62\" y=\"145\" width=\"56\" height=\"38\" rx=\"4\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                <path d=\"M62 149 L90 168 L118 149\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                            <\/g>\r\n                            <text x=\"90\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Email<\/text>\r\n                            <text x=\"90\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Incoming Request<\/text>\r\n                            <circle cx=\"125\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"125\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">1<\/text>\r\n                            \r\n                            <!-- Node 2: ChatGPT -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"290\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#10a37f\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"290\" cy=\"160\" r=\"48\" fill=\"#f0fdf9\"\/>\r\n                                <g transform=\"translate(290, 160)\">\r\n                                    <circle cx=\"0\" cy=\"0\" r=\"22\" fill=\"none\" stroke=\"#10a37f\" stroke-width=\"3\"\/>\r\n                                    <circle cx=\"0\" cy=\"-14\" r=\"4\" fill=\"#10a37f\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\" fill=\"#10a37f\"\/>\r\n                                    <circle cx=\"-12\" cy=\"7\" r=\"4\" fill=\"#10a37f\"\/>\r\n                                    <line x1=\"0\" y1=\"-10\" x2=\"0\" y2=\"0\" stroke=\"#10a37f\" stroke-width=\"2.5\"\/>\r\n                                    <line x1=\"9\" y1=\"5\" x2=\"0\" y2=\"0\" stroke=\"#10a37f\" stroke-width=\"2.5\"\/>\r\n                                    <line x1=\"-9\" y1=\"5\" x2=\"0\" y2=\"0\" stroke=\"#10a37f\" stroke-width=\"2.5\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"290\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">ChatGPT<\/text>\r\n                            <text x=\"290\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">AI Classification<\/text>\r\n                            <circle cx=\"325\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"325\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">2<\/text>\r\n                            \r\n                            <!-- Node 3: Jira -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"490\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#0052CC\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"490\" cy=\"160\" r=\"48\" fill=\"#f0f7ff\"\/>\r\n                                <rect x=\"462\" y=\"138\" width=\"56\" height=\"44\" rx=\"8\" fill=\"#0052CC\"\/>\r\n                                <path d=\"M480 150 L490 140 L500 150 L490 160 Z\" fill=\"white\"\/>\r\n                                <path d=\"M490 160 L500 170 L490 180 L480 170 Z\" fill=\"white\" opacity=\"0.7\"\/>\r\n                            <\/g>\r\n                            <text x=\"490\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Jira<\/text>\r\n                            <text x=\"490\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Create Ticket<\/text>\r\n                            <circle cx=\"525\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"525\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">3<\/text>\r\n                            \r\n                            <!-- Node 4: Slack -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"690\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#4A154B\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"690\" cy=\"160\" r=\"48\" fill=\"#fdf4ff\"\/>\r\n                                <g transform=\"translate(690, 160)\">\r\n                                    <rect x=\"-20\" y=\"-12\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#E01E5A\"\/>\r\n                                    <rect x=\"-20\" y=\"10\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#E01E5A\"\/>\r\n                                    <rect x=\"-8\" y=\"-20\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#36C5F0\"\/>\r\n                                    <rect x=\"-8\" y=\"2\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#36C5F0\"\/>\r\n                                    <rect x=\"4\" y=\"-8\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#2EB67D\"\/>\r\n                                    <rect x=\"4\" y=\"-18\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#2EB67D\"\/>\r\n                                    <rect x=\"14\" y=\"0\" width=\"8\" height=\"20\" rx=\"4\" fill=\"#ECB22E\"\/>\r\n                                    <rect x=\"14\" y=\"-10\" width=\"8\" height=\"8\" rx=\"4\" fill=\"#ECB22E\"\/>\r\n                                <\/g>\r\n                            <\/g>\r\n                            <text x=\"690\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Slack<\/text>\r\n                            <text x=\"690\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Notify Team<\/text>\r\n                            <circle cx=\"725\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"725\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">4<\/text>\r\n                            \r\n                            <!-- Node 5: Mail (Output) -->\r\n                            <g filter=\"url(#shadow)\">\r\n                                <circle cx=\"890\" cy=\"160\" r=\"55\" fill=\"white\" stroke=\"#1E363A\" stroke-width=\"2\"\/>\r\n                                <circle cx=\"890\" cy=\"160\" r=\"48\" fill=\"#f8f9fa\"\/>\r\n                                <rect x=\"862\" y=\"145\" width=\"56\" height=\"38\" rx=\"4\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                <path d=\"M862 149 L890 168 L918 149\" fill=\"none\" stroke=\"#1E363A\" stroke-width=\"2.5\"\/>\r\n                                <circle cx=\"910\" cy=\"175\" r=\"12\" fill=\"#22c55e\"\/>\r\n                                <path d=\"M904 175 L908 179 L916 171\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/g>\r\n                            <text x=\"890\" y=\"240\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"15\" font-weight=\"600\" fill=\"#1E363A\">Email<\/text>\r\n                            <text x=\"890\" y=\"258\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" fill=\"#495F6D\">Confirmation Sent<\/text>\r\n                            <circle cx=\"925\" cy=\"115\" r=\"14\" fill=\"#7D1417\"\/>\r\n                            <text x=\"925\" y=\"120\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"white\">5<\/text>\r\n                            \r\n                            <!-- Bottom tagline -->\r\n                            <text x=\"500\" y=\"300\" text-anchor=\"middle\" font-family=\"Inter, system-ui, sans-serif\" font-size=\"12\" fill=\"#A8B0BE\">Fully automated ticket routing in under 30 seconds<\/text>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"production-status\">\r\n                        <span class=\"status-dot\"><\/span>\r\n  Dieser Workflow l\u00e4uft im Produktivbetrieb mit Echtzeit\u00fcberwachung, Fehlerbehandlung und kontinuierlicher Optimierung.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-body\">\r\n                    <header class=\"card-header\">\r\n                        <div class=\"card-eyebrow\">Anwendungsfall 02<\/div>\r\n                        <h2 class=\"card-title\">KI-gest\u00fctzte Automatisierung von IT-Support-Tickets<\/h2>\r\n                        <p class=\"card-subtitle\">Ein intelligenter, durchg\u00e4ngiger Workflow, der die Bearbeitung von Support-E-Mails von einem manuellen Engpass in einen nahtlosen, sofortigen Vorgang verwandelt.<\/p>\r\n                    <\/header>\r\n\r\n                    <!-- Problem \/ Solution -->\r\n                    <div class=\"two-col\">\r\n                        <div class=\"info-card problem\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">!<\/div>\r\n                                <h4>Das Problem<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>IT-Supportteams verbringen Stunden damit, eingehende E-Mails manuell zu bearbeiten.<\/li>\r\n                                <li>Das Lesen jeder Anfrage und die Festlegung der Priorit\u00e4t kosten wertvolle Zeit.<\/li>\r\n                                <li>Die richtige Abteilung identifizieren und Jira-Tickets manuell erstellen<\/li>\r\n                                <li>F\u00fchrt zu Verz\u00f6gerungen, falsch weitergeleiteten Tickets und \u00fcberlastetem Personal<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"info-card solution\">\r\n                            <div class=\"info-card-header\">\r\n                                <div class=\"info-icon\">\u2713<\/div>\r\n                                <h4>Die L\u00f6sung<\/h4>\r\n                            <\/div>\r\n                            <ul>\r\n                                <li>KI analysiert eingehende E-Mails, um deren Inhalt sofort zu klassifizieren.<\/li>\r\n                                <li>Ermittelt automatisch die Priorit\u00e4t und leitet die Daten an das richtige Team weiter.<\/li>\r\n                                <li>Jira-Tickets mit korrekten Labels und Zuweisungen erstellt<\/li>\r\n                                <li>Teams werden \u00fcber Slack benachrichtigt und Kunden erhalten eine sofortige Best\u00e4tigung<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"steps-section\">\r\n                        <h3 class=\"section-title\">So funktioniert es<\/h3>\r\n                        <div class=\"steps-grid\">\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                                        <span>E-Mail-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">1<\/div>\r\n                                    <h5>E-Mail trifft ein<\/h5>\r\n                                    <p>Support-E-Mails werden vom Automatisierungssystem erfasst<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n                                        <span>Screenshot der KI-Analyse hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">2<\/div>\r\n                                    <h5>KI-Analyse<\/h5>\r\n                                    <p>Legt Priorit\u00e4ten und Abteilungsrouten fest<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><path d=\"M14 2v6h6\"\/><\/svg>\r\n                                        <span>Jira-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">3<\/div>\r\n                                    <h5>Ticket erstellt<\/h5>\r\n                                    <p>Jira-Ticket mit korrekten Labels und Zuweisung<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n                                        <span>Slack-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">4<\/div>\r\n                                    <h5>Team benachrichtigt<\/h5>\r\n                                    <p>Sofortige Slack-Benachrichtigung mit Ticketdetails<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"step-card\">\r\n                                <div class=\"step-image\">\r\n                                    <div class=\"step-image-placeholder\">\r\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"m9 11 3 3L22 4\"\/><\/svg>\r\n                                        <span>Best\u00e4tigungs-Screenshot hinzuf\u00fcgen<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"step-body\">\r\n                                    <div class=\"step-number\">5<\/div>\r\n                                    <h5>Kunde best\u00e4tigt<\/h5>\r\n                                    <p>Automatische E-Mail mit Ticketnummer und Details<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Results -->\r\n                    <div class=\"results-section\">\r\n                        <h3 class=\"section-title\">Ergebnisse und Auswirkungen<\/h3>\r\n                        <div class=\"results-grid\">\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Antwort<\/div>\r\n                                <div class=\"result-value\">80%<\/div>\r\n                                <div class=\"result-detail\">schnellere Routenf\u00fchrung<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Genauigkeit<\/div>\r\n                                <div class=\"result-value\">95%<\/div>\r\n                                <div class=\"result-detail\">korrekte Zuordnung<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Zeitersparnis<\/div>\r\n                                <div class=\"result-value\">15 m<\/div>\r\n                                <div class=\"result-detail\">pro Ticket<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Monatlich<\/div>\r\n                                <div class=\"result-value\">1,2 Tsd. USD<\/div>\r\n                                <div class=\"result-detail\">Ersparnisse<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">Aufstellen<\/div>\r\n                                <div class=\"result-value\">3 bis 4 Stunden<\/div>\r\n                                <div class=\"result-detail\">Durchf\u00fchrung<\/div>\r\n                            <\/div>\r\n                            <div class=\"result-card\">\r\n                                <div class=\"result-label\">ROI<\/div>\r\n                                <div class=\"result-value\">1400%<\/div>\r\n                                <div class=\"result-detail\">zur\u00fcckkehren<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- In Production -->\r\n                    <div class=\"operations-section\">\r\n                        <h3 class=\"section-title\">In Produktion<\/h3>\r\n                        <div class=\"operations-grid\">\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Kontinuierlicher Betrieb<\/h5>\r\n                                <p>L\u00e4uft rund um die Uhr mit automatischen Wiederholungsversuchen und Failover-Behandlung<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Fehlerbehandlung<\/h5>\r\n                                <p>Intelligente Ausweichl\u00f6sungen, Validierungspr\u00fcfungen und sofortige Benachrichtigungen<\/p>\r\n                            <\/div>\r\n                            <div class=\"ops-card\">\r\n                                <div class=\"ops-icon\">\r\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\r\n                                <\/div>\r\n                                <h5>Leistungs\u00fcberwachung<\/h5>\r\n                                <p>Echtzeit-Dashboards und w\u00f6chentliche Optimierungsberichte<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Benefits -->\r\n                    <div class=\"benefits-section\">\r\n                        <h4>Wer profitiert?<\/h4>\r\n                        <div class=\"benefits-grid\">\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n SaaS- und Technologieunternehmen, die Support in gro\u00dfem Umfang verwalten\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n IT-Dienstleister, die mehrere Kunden betreuen\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n E-Commerce-Unternehmen mit hohem Warenkorbvolumen\r\n                            <\/div>\r\n                            <div class=\"benefit-item\">\r\n                                <span class=\"benefit-check\">\u2713<\/span>\r\n Organisationen, die Jira und Slack f\u00fcr den Support nutzen\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- CTA -->\r\n    <section class=\"cta-section\">\r\n        <div class=\"container\">\r\n            <div class=\"cta-card\">\r\n                <h2>Sind Sie bereit, Ihre Arbeitsabl\u00e4ufe zu automatisieren?<\/h2>\r\n                <p>Lassen Sie uns dar\u00fcber sprechen, wie ma\u00dfgeschneiderte Automatisierung Ihre Abl\u00e4ufe ver\u00e4ndern und Ihr Team entlasten kann, damit es sich auf das Wesentliche konzentrieren kann.<\/p>\r\n                <a href=\"https:\/\/whiteraventech.com\/de\/termin-vereinbaren\/\" class=\"cta-button\">\r\n  Vereinbaren Sie einen Beratungstermin\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/a>\r\n                <p class=\"cta-meta\">Vollst\u00e4ndig anpassbar | Implementierung in 3 bis 4 Stunden<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\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>KI-Automatisierungsl\u00f6sungen | White Raven Technologies KI-Dienste Intelligente Automatisierungsl\u00f6sungen Individuelle Arbeitsabl\u00e4ufe, die wiederkehrende Aufgaben eliminieren, Fehler reduzieren und Ihre Abl\u00e4ufe skalieren. Unterst\u00fctzt durch KI und nahtlose Integrationen. AUTOMATED BOOKING WORKFLOW Webhook Receive Request 1 Airtable Check Availability 2 Zoom Create Meeting 3 Airtable Save Booking 4 Webhook Send Confirmation 5 From booking request to confirmed meeting&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-4292","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/pages\/4292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/comments?post=4292"}],"version-history":[{"count":8,"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/pages\/4292\/revisions"}],"predecessor-version":[{"id":4311,"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/pages\/4292\/revisions\/4311"}],"wp:attachment":[{"href":"https:\/\/whiteraventech.com\/de\/wp-json\/wp\/v2\/media?parent=4292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}