{"id":82266,"date":"2026-07-07T10:23:17","date_gmt":"2026-07-07T09:23:17","guid":{"rendered":"https:\/\/apicstaging.wpengine.com\/apicbase-mcp\/"},"modified":"2026-07-07T10:23:24","modified_gmt":"2026-07-07T09:23:24","slug":"apicbase-mcp","status":"publish","type":"page","link":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/","title":{"rendered":"Apicbase MCP"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Apicbase MCP: Chatten Sie mit Ihren Restaurantdaten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Fragen Sie Claude, ChatGPT, Gemini oder Copilot nach Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Erhalten Sie sofort Antworten aus Ihren Live-Apicbase-Daten.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSprechen Sie mit unserem Team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"AB\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"ai-logos\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Vertraut von Cateringunternehmen, die Betriebe mit mehreren Standorten und hohem Volumen steuern.<\/h6>\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Was sich \u00e4ndert<\/h2>\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSchneller entscheiden\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tDie Antworten, die Sie brauchen, sind da, wenn die Frage aufkommt. Kein Warten mehr auf Reports, kein Starren auf Dashboards.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tKeine Schulung n\u00f6tig\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tStellen Sie Fragen in normaler Sprache. Sie brauchen keinen Datenanalysten, keine SQL-Kenntnisse und keine BI-Tools.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tAntworten mit Kontext\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tWeil MCP Ihre Rezepturen, Kosten, Best\u00e4nde und Ums\u00e4tze versteht, spiegelt jede Antwort die Logik Ihres laufenden Betriebs wider. Keine generische Analyse.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tPasst in Ihren bestehenden Workflow\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tIhr Team muss keine neue Software lernen. MCP arbeitet mit den Tools, die Sie bereits nutzen \u2013 ChatGPT, Claude, Microsoft Copilot oder jeden MCP-kompatiblen Assistenten.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"claude-question\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Steuern Sie Ihren Restaurantbetrieb mit erstklassiger KI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Lassen Sie KI direkt mit Ihren Rezepturen, Zutaten und Kosten arbeiten, damit Ihre Restaurantteams Probleme l\u00f6sen, sobald sie auftreten \u2013 und k\u00fcnftige vermeiden.<\/p>\n

Mit unserem MCP arbeitet Ihr KI-Assistent direkt mit Ihren Daten in Apicbase \u2013 der gesteuerten Datengrundlage, die KI in der Gastronomie zuverl\u00e4ssig macht<\/a>. ChatGPT, Claude, Gemini, Microsoft Copilot: Was auch immer Sie nutzen, es zieht Echtzeit-Antworten aus Ihrem Betrieb.<\/p>\n

Keine Exporte. Keine Dashboards. Nur nat\u00fcrliche Fragen und echte Antworten aus Live-Betriebsdaten.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"apic-menu-claude\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Was Sie schon jetzt tun k\u00f6nnen<\/h1>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mitarbeitende mit den passenden Berechtigungen stellen Fragen in normaler Sprache. Die KI greift auf Live-Daten zu und liefert Antworten in Sekunden. Diese Erkenntnisse auf Abruf \u00f6ffnen die T\u00fcr zu einer neuen Art zu arbeiten.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dienstagmorgen. Der Preis einer wichtigen Zutat schie\u00dft nach oben.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Fragen Sie: <\/span>\u201eH\u00e4hnchen ist um 15 % teurer geworden. Welche Gerichte trifft es am h\u00e4rtesten?\u201c<\/span><\/i><\/p>\n

\u2192 Die KI berechnet die Kosten sofort \u00fcber alle Rezepturen neu.<\/span>
<\/span>\u2192 Sortiert Gerichte nach Margen-Auswirkung.<\/span>
<\/span>\u2192 Schl\u00e4gt Alternativen vor, die Sie bereits verwenden.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-chicken-animation-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-chicken-animation-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-mac-window {\n width: 100%;\n max-width: 500px;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-spacer {\n width: 36px;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-content-area {\n background-color: white;\n padding: 0.7875rem;\n padding-bottom: 0.675rem;\n min-height: 340px;\n display: flex;\n align-items: flex-start;\n padding-top: 0.675rem;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 300px;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.5s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-chat-layer.apicbase-chicken-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message {\n display: flex;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-chicken-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-chicken-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-response-text {\n color: #111827;\n margin-bottom: 1rem;\n line-height: 1.5;\n opacity: 0;\n font-weight: 500;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-answer-list {\n opacity: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.45rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.45rem;\n overflow: hidden;\n transition: all 0.2s;\n cursor: pointer;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card:hover {\n background-color: #f3f4f6;\n border-color: #d1d5db;\n transform: translateY(-1.8px);\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-image {\n width: 100%;\n height: 3.6rem;\n object-fit: cover;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-content {\n padding: 0.45rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.6875rem;\n margin-bottom: 0.3375rem;\n line-height: 1.3;\n min-height: 1.8rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-metrics {\n display: flex;\n flex-direction: column;\n gap: 0.27rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-margin-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.625rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-margin-label {\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-margin-value {\n color: #111827;\n font-weight: 600;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-alternative {\n color: #6b7280;\n font-weight: 500;\n font-size: 0.625rem;\n margin-top: 0.27rem;\n }\n\n \/* Animations *\/\n @keyframes apicbase-chicken-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-chicken-animation-container {\n padding: 1rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-chicken-animation-container\">\n <div class=\"apicbase-chicken-mac-window\">\n <div class=\"apicbase-chicken-window-container\">\n <div class=\"apicbase-chicken-title-bar\">\n <div class=\"apicbase-chicken-traffic-lights\">\n <button class=\"apicbase-chicken-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-chicken-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-chicken-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-chicken-window-title\"><\/div>\n <div class=\"apicbase-chicken-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-chicken-content-area\">\n <div class=\"apicbase-chicken-chat-container\" id=\"apicbase-chicken-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-chicken-animation-container');\n const chatContainer = document.getElementById('apicbase-chicken-chat-container');\n \n \/\/ Data - dishes hit by 15% chicken price increase\n const chickenImpactData = [\n { \n name: \"H\u00e4hnchen Tikka Masala\", \n currentMargin: 64.2, \n newMargin: 58.8, \n impact: -5.4,\n totalCosts: \"\u20ac8.45\",\n newMarginPercent: \"58.8%\",\n alternative: \"\u2192 H\u00e4hnchenschenkel verwenden\",\n image: \"https:\/\/images.unsplash.com\/photo-1707448829764-9474458021ed?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaGlja2VuJTIwdGlra2ElMjBtYXNhbGElMjBjdXJyeXxlbnwxfHx8fDE3NzA3MzU3MTV8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n name: \"Caesar Salad mit gegrilltem H\u00e4hnchen\", \n currentMargin: 68.5, \n newMargin: 63.7, \n impact: -4.8,\n totalCosts: \"\u20ac6.20\",\n newMarginPercent: \"63.7%\",\n alternative: \"\u2192 Portionsgr\u00f6\u00dfe reduzieren\",\n image: \"https:\/\/images.unsplash.com\/photo-1582034986517-30d163aa1da9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxncmlsbGVkJTIwY2hpY2tlbiUyMGNhZXNhciUyMHNhbGFkfGVufDF8fHx8MTc3MDgwNTY1M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n name: \"H\u00e4hnchen-Alfredo-Pasta\", \n currentMargin: 62.1, \n newMargin: 56.9, \n impact: -5.2,\n totalCosts: \"\u20ac7.80\",\n newMarginPercent: \"56.9%\",\n alternative: \"\u2192 G\u00fcnstigere Pasta einsetzen\",\n image: \"https:\/\/images.unsplash.com\/photo-1748012199657-3f34292cdf70?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaGlja2VuJTIwYWxmcmVkbyUyMHBhc3RhJTIwY3JlYW15fGVufDF8fHx8MTc3MDgwNTY1M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n name: \"BBQ-H\u00e4hnchenfl\u00fcgel\", \n currentMargin: 71.3, \n newMargin: 65.1, \n impact: -6.2,\n totalCosts: \"\u20ac9.15\",\n newMarginPercent: \"65.1%\",\n alternative: \"\u2192 Verkaufspreis erh\u00f6hen\",\n image: \"https:\/\/images.unsplash.com\/photo-1766589221606-08bc21fa1acd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYnElMjBjaGlja2VuJTIwd2luZ3MlMjBjcmlzcHl8ZW58MXx8fHwxNzcwODA1NjU0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isTyping = false;\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-chicken-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-chicken-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 30);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 500);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-chicken-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startQuestion1() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n isTyping = false;\n \n const timeout1 = setTimeout(() => {\n let cardsHTML = '';\n chickenImpactData.slice(0, 4).forEach(dish => {\n cardsHTML += '<div class=\"apicbase-chicken-dish-card\">' +\n '<img src=\"' + dish.image + '\" class=\"apicbase-chicken-dish-card-image\" alt=\"' + dish.name + '\">' +\n '<div class=\"apicbase-chicken-dish-card-content\">' +\n '<div class=\"apicbase-chicken-dish-card-name\">' + dish.name + '<\/div>' +\n '<div class=\"apicbase-chicken-dish-card-metrics\">' +\n '<div class=\"apicbase-chicken-dish-card-margin-row\">' +\n '<span class=\"apicbase-chicken-dish-card-margin-label\">Gesamtkosten<\/span>' +\n '<span class=\"apicbase-chicken-dish-card-margin-value\">' + dish.totalCosts + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-chicken-dish-card-margin-row\">' +\n '<span class=\"apicbase-chicken-dish-card-margin-label\">Margen-Auswirkung<\/span>' +\n '<span class=\"apicbase-chicken-dish-card-margin-value\">' + dish.impact + '%<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-chicken-dish-card-alternative\">' + dish.alternative + '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-chicken-chat-layer';\n newLayer.id = 'apicbase-chicken-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-chicken-message user\" id=\"apicbase-chicken-q1-user-' + layerCounter + '\"><div class=\"apicbase-chicken-message-bubble\"><p class=\"apicbase-chicken-q1-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-chicken-message ai\" id=\"apicbase-chicken-q1-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-chicken-ai-response\"><div class=\"apicbase-chicken-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-chicken-response-content\"><div class=\"apicbase-chicken-answer-list\">' + cardsHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const q1User = document.getElementById('apicbase-chicken-q1-user-' + layerCounter);\n const q1AI = document.getElementById('apicbase-chicken-q1-ai-' + layerCounter);\n const answerList = newLayer.querySelector('.apicbase-chicken-answer-list');\n \n q1User.style.animation = 'apicbase-chicken-slideInRight 0.6s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-chicken-q1-typewriter');\n typeWriterGeneric(typewriterEl, \"H\u00e4hnchen ist um 15 % teurer geworden. Welche Gerichte trifft es am h\u00e4rtesten?\", () => {\n const timeout3 = setTimeout(() => {\n q1AI.style.transition = 'opacity 0.6s';\n q1AI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n answerList.style.transition = 'opacity 0.4s';\n answerList.style.opacity = '1';\n \/\/ Wait 5 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startQuestion1);\n }, 5000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6498d5d5 apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"6498d5d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f7b4e0b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f7b4e0b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b9f98b exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"0b9f98b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-stock-animation-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-stock-animation-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-mac-window {\n width: 100%;\n max-width: 500px;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-spacer {\n width: 36px;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-content-area {\n background-color: white;\n padding: 0.7875rem;\n padding-bottom: 0.675rem;\n min-height: 340px;\n display: flex;\n align-items: flex-start;\n padding-top: 0.675rem;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 300px;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.5s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-chat-layer.apicbase-stock-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message {\n display: flex;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-stock-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-stock-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-stock-animation-container .apicbase-stock-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-stock-animation-container .apicbase-stock-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-response-text {\n color: #111827;\n margin-bottom: 1rem;\n line-height: 1.5;\n opacity: 0;\n font-weight: 500;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-answer-list {\n opacity: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.45rem;\n overflow: hidden;\n transition: all 0.2s;\n cursor: pointer;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card:hover {\n background-color: #f3f4f6;\n border-color: #d1d5db;\n transform: translateY(-1.8px);\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-header {\n display: flex;\n align-items: center;\n padding: 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-image {\n width: 2.7rem;\n height: 2.7rem;\n border-radius: 0.3375rem;\n object-fit: cover;\n margin-right: 0.45rem;\n flex-shrink: 0;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-icon {\n font-size: 1.575rem;\n margin-right: 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-title {\n flex: 1;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-location {\n color: #111827;\n font-weight: 600;\n font-size: 0.6875rem;\n margin-bottom: 0.3375rem;\n line-height: 1.3;\n min-height: 1.8rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-ingredient {\n color: #6b7280;\n font-weight: 500;\n font-size: 0.625rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-metrics {\n display: flex;\n flex-direction: column;\n gap: 0.27rem;\n padding: 0 0.45rem 0.45rem 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-stock-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.625rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-stock-bar {\n height: 0.3375rem;\n background-color: #e5e7eb;\n border-radius: 0.225rem;\n overflow: hidden;\n position: relative;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-stock-fill {\n height: 100%;\n background: linear-gradient(90deg, #fbbf24, #f59e0b);\n border-radius: 0.225rem;\n transition: width 0.6s ease-out;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-label {\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-value {\n color: #111827;\n font-weight: 600;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-value-muted {\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-reorder {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.225rem;\n padding: 0.225rem 0.45rem;\n border-radius: 0.225rem;\n font-size: 0.61875rem;\n font-weight: 700;\n }\n\n \/* Animations *\/\n @keyframes apicbase-stock-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes apicbase-stock-slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes apicbase-stock-scaleIn {\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes apicbase-stock-fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-stock-animation-container {\n padding: 1rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-stock-animation-container\">\n <div class=\"apicbase-stock-mac-window\">\n <div class=\"apicbase-stock-window-container\">\n <div class=\"apicbase-stock-title-bar\">\n <div class=\"apicbase-stock-traffic-lights\">\n <button class=\"apicbase-stock-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-stock-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-stock-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-stock-window-title\"><\/div>\n <div class=\"apicbase-stock-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-stock-content-area\">\n <div class=\"apicbase-stock-chat-container\" id=\"apicbase-stock-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-stock-animation-container');\n const chatContainer = document.getElementById('apicbase-stock-chat-container');\n \n \/\/ Data - locations running short on key ingredients this weekend\n const stockShortageData = [\n { \n location: \"K\u00fcche Innenstadt\", \n ingredient: \"H\u00e4hnchenbrust\",\n currentStock: \"12 kg\",\n parLevel: \"45 kg\",\n reorderAmount: \"35 kg\",\n urgency: \"high\",\n stockPercent: 27,\n image: \"https:\/\/images.unsplash.com\/photo-1604503468506-a8da13d82791?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxyYXclMjBjaGlja2VuJTIwYnJlYXN0JTIwbWVhdHxlbnwxfHx8fDE3NzA4ODY0MDF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n location: \"Bistro Hafenviertel\", \n ingredient: \"Frisches Basilikum\",\n currentStock: \"3 kg\",\n parLevel: \"8 kg\",\n reorderAmount: \"6 kg\",\n urgency: \"medium\",\n stockPercent: 38,\n image: \"https:\/\/images.unsplash.com\/photo-1625004674402-e291c2d335a3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmcmVzaCUyMGJhc2lsJTIwaGVyYnMlMjBncmVlbnxlbnwxfHx8fDE3NzA4Nzc3NjJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n location: \"Pizzeria Weststadt\", \n ingredient: \"Mozzarella\",\n currentStock: \"8 kg\",\n parLevel: \"25 kg\",\n reorderAmount: \"18 kg\",\n urgency: \"high\",\n stockPercent: 32,\n image: \"https:\/\/images.unsplash.com\/photo-1723473620176-8d26dc6314cf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb3p6YXJlbGxhJTIwY2hlZXNlJTIwYmFsbHxlbnwxfHx8fDE3NzA4ODY0MDF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n location: \"Caf\u00e9 Hauptbahnhof\", \n ingredient: \"Oliven\u00f6l\",\n currentStock: \"6 L\",\n parLevel: \"15 L\",\n reorderAmount: \"10 L\",\n urgency: \"medium\",\n stockPercent: 40,\n image: \"https:\/\/images.unsplash.com\/photo-1759749597968-d9f3a5057405?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvbGl2ZSUyMG9pbCUyMGJvdHRsZSUyMGtpdGNoZW58ZW58MXx8fHwxNzcwODg2NDAyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isTyping = false;\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-stock-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-stock-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 30);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 500);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-stock-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startQuestion1() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n isTyping = false;\n \n const timeout1 = setTimeout(() => {\n let cardsHTML = '';\n stockShortageData.forEach(location => {\n const urgencyColor = location.urgency === 'high' ? '#fee2e2' : '#fef3c7';\n const urgencyTextColor = location.urgency === 'high' ? '#dc2626' : '#d97706';\n const stockBarColor = location.urgency === 'high' ? 'linear-gradient(90deg, #ef4444, #dc2626)' : 'linear-gradient(90deg, #fbbf24, #f59e0b)';\n \n cardsHTML += '<div class=\"apicbase-stock-location-card\">' +\n '<div class=\"apicbase-stock-location-card-header\">' +\n '<img src=\"' + location.image + '\" alt=\"' + location.ingredient + '\" class=\"apicbase-stock-location-card-image\">' +\n '<div class=\"apicbase-stock-location-card-title\">' +\n '<div class=\"apicbase-stock-location-card-location\">' + location.location + '<\/div>' +\n '<div class=\"apicbase-stock-location-card-ingredient\">' + location.ingredient + '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-metrics\">' +\n '<div class=\"apicbase-stock-location-card-stock-row\">' +\n '<span class=\"apicbase-stock-location-card-label\">Aktueller Bestand<\/span>' +\n '<span class=\"apicbase-stock-location-card-value\">' + location.currentStock + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-stock-bar\">' +\n '<div class=\"apicbase-stock-location-card-stock-fill\" style=\"width: ' + location.stockPercent + '%; background: ' + stockBarColor + ';\"><\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-stock-row\">' +\n '<span class=\"apicbase-stock-location-card-label\">Sollbestand<\/span>' +\n '<span class=\"apicbase-stock-location-card-value-muted\">' + location.parLevel + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-reorder\" style=\"background-color: ' + urgencyColor + '; color: ' + urgencyTextColor + ';\">' +\n '\ud83d\udce6 Nachbestellen ' + location.reorderAmount +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-stock-chat-layer';\n newLayer.id = 'apicbase-stock-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-stock-message user\" id=\"apicbase-stock-q1-user-' + layerCounter + '\"><div class=\"apicbase-stock-message-bubble\"><p class=\"apicbase-stock-q1-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-stock-message ai\" id=\"apicbase-stock-q1-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-stock-ai-response\"><div class=\"apicbase-stock-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-stock-response-content\"><div class=\"apicbase-stock-answer-list\">' + cardsHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const q1User = document.getElementById('apicbase-stock-q1-user-' + layerCounter);\n const q1AI = document.getElementById('apicbase-stock-q1-ai-' + layerCounter);\n const answerList = newLayer.querySelector('.apicbase-stock-answer-list');\n \n q1User.style.animation = 'apicbase-stock-slideInRight 0.6s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-stock-q1-typewriter');\n typeWriterGeneric(typewriterEl, \"An welchen Standorten gehen an diesem Wochenende wichtige Zutaten zur Neige?\", () => {\n const timeout3 = setTimeout(() => {\n q1AI.style.transition = 'opacity 0.6s';\n q1AI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n answerList.style.transition = 'opacity 0.4s';\n answerList.style.opacity = '1';\n \/\/ Wait 5 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startQuestion1);\n }, 5000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view OR on load if already in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n \/\/ Don't unobserve - animation will loop infinitely\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1 \/\/ Start when 10% of element is visible\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Also start immediately if in viewport\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-10e78b4b e-con-full e-flex e-con e-child\" data-id=\"10e78b4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d0235ed ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"1d0235ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Donnerstag, Teammeeting. In zwei Tagen beginnt der Wochenendservice.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46a474dc ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"46a474dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Fragen Sie: <\/span><i><span style=\"font-weight: 400;\">\u201eAn welchen Standorten gehen an diesem Wochenende wichtige Zutaten zur Neige?\u201c<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Pr\u00fcft aktuellen Bestand, Sollbest\u00e4nde (Par-Level) und Verbrauchstrends.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Zeigt konkrete Artikel und Standorte.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Sagt Ihnen, was Sie nachbestellen sollten und wie viel.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2046eb3f apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"2046eb3f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-46f969fe e-con-full e-flex e-con e-child\" data-id=\"46f969fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beea1e ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"beea1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Men\u00fcplanung. Der K\u00fcchenchef braucht den Kontext zur Profitabilit\u00e4t.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-365af866 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"365af866\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Fragen Sie: <\/span><i><span style=\"font-weight: 400;\">\u201eZeig mir alle Gerichte mit H\u00e4hnchenbrust und ihre aktuelle Profitabilit\u00e4t.\u201c<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Ruft Live-Rezepturen, Portionen und Lieferantenpreise ab.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Zeigt die Marge pro Gericht.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Unterst\u00fctzt Men\u00fcentscheidungen direkt vor Ort.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ed275e0 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ed275e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad16b7d exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"ad16b7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-profitability-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-profitability-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-profitability-container .apicbase-profitability-mac-window {\n width: 100%;\n max-width: 500px;\n }\n\n .apicbase-profitability-container .apicbase-profitability-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-profitability-container .apicbase-profitability-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-profitability-container .apicbase-profitability-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-profitability-container .apicbase-profitability-spacer {\n width: 36px;\n }\n\n .apicbase-profitability-container .apicbase-profitability-content-area {\n background-color: white;\n padding: 0.7875rem;\n padding-bottom: 0.675rem;\n min-height: 340px;\n display: flex;\n align-items: flex-start;\n padding-top: 0.675rem;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-profitability-container .apicbase-profitability-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 300px;\n }\n\n .apicbase-profitability-container .apicbase-profitability-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.5s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-profitability-container .apicbase-profitability-chat-layer.apicbase-profitability-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message {\n display: flex;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-profitability-container .apicbase-profitability-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-profitability-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-profitability-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-profitability-container .apicbase-profitability-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-profitability-container .apicbase-profitability-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-profitability-container .apicbase-profitability-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-profitability-container .apicbase-profitability-bullet-list {\n opacity: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.5rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-row {\n display: flex;\n flex-direction: column;\n gap: 0;\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n overflow: hidden;\n transition: all 0.2s;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-row:hover {\n background-color: #f3f4f6;\n border-color: #d1d5db;\n transform: translateY(-2px);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-image {\n width: 100%;\n height: 4.5rem;\n object-fit: cover;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-content {\n padding: 0.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 1.3;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-portion {\n color: #6b7280;\n font-weight: 500;\n font-size: 0.625rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-metrics {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 0.4rem;\n font-size: 0.625rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-metric {\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-metric-label {\n color: #9ca3af;\n font-weight: 500;\n text-transform: uppercase;\n font-size: 0.5625rem;\n letter-spacing: 0.02em;\n }\n\n .apicbase-profitability-container .apicbase-profitability-metric-value {\n color: #111827;\n font-weight: 600;\n font-size: 0.6875rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-bar {\n margin-top: 0.25rem;\n height: 0.35rem;\n background-color: #e5e7eb;\n border-radius: 0.2rem;\n overflow: hidden;\n position: relative;\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-fill {\n height: 100%;\n border-radius: 0.2rem;\n transition: width 0.6s ease-out;\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-high {\n background: linear-gradient(90deg, #10b981, #059669);\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-medium {\n background: linear-gradient(90deg, #fbbf24, #f59e0b);\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-low {\n background: linear-gradient(90deg, #f87171, #ef4444);\n }\n\n \/* Animations *\/\n @keyframes apicbase-profitability-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-profitability-container {\n padding: 1rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-profitability-container\">\n <div class=\"apicbase-profitability-mac-window\">\n <div class=\"apicbase-profitability-window-container\">\n <div class=\"apicbase-profitability-title-bar\">\n <div class=\"apicbase-profitability-traffic-lights\">\n <button class=\"apicbase-profitability-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-profitability-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-profitability-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-profitability-window-title\"><\/div>\n <div class=\"apicbase-profitability-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-profitability-content-area\">\n <div class=\"apicbase-profitability-chat-container\" id=\"apicbase-profitability-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-profitability-container');\n const chatContainer = document.getElementById('apicbase-profitability-chat-container');\n \n \/\/ Data - dishes with chicken breast profitability\n const chickenBreastDishes = [\n { \n name: \"Gegrillte H\u00e4hnchenbrust\", \n portion: \"180g\",\n cost: \"\u20ac4.20\",\n price: \"\u20ac12.50\",\n margin: 66.4,\n marginClass: \"high\",\n image: \"https:\/\/images.unsplash.com\/photo-1532550907401-a500c9a57435?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=400\"\n },\n { \n name: \"H\u00e4hnchen-Pesto-Pasta\", \n portion: \"140g\",\n cost: \"\u20ac7.20\",\n price: \"\u20ac14.00\",\n margin: 48.6,\n marginClass: \"medium\",\n image: \"https:\/\/images.unsplash.com\/photo-1621996346565-e3dbc646d9a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=400\"\n }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-profitability-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-profitability-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 25);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 400);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-profitability-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 500);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startQuestion1() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n let dishesHTML = '';\n chickenBreastDishes.forEach(dish => {\n dishesHTML += '<div class=\"apicbase-profitability-dish-row\">' +\n '<img src=\"' + dish.image + '\" alt=\"' + dish.name + '\" class=\"apicbase-profitability-dish-image\">' +\n '<div class=\"apicbase-profitability-dish-content\">' +\n '<div class=\"apicbase-profitability-dish-header\">' +\n '<span class=\"apicbase-profitability-dish-name\">' + dish.name + '<\/span>' +\n '<span class=\"apicbase-profitability-dish-portion\">' + dish.portion + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-dish-metrics\">' +\n '<div class=\"apicbase-profitability-metric\">' +\n '<span class=\"apicbase-profitability-metric-label\">Kosten<\/span>' +\n '<span class=\"apicbase-profitability-metric-value\">' + dish.cost + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-metric\">' +\n '<span class=\"apicbase-profitability-metric-label\">Preis<\/span>' +\n '<span class=\"apicbase-profitability-metric-value\">' + dish.price + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-metric\">' +\n '<span class=\"apicbase-profitability-metric-label\">Marge<\/span>' +\n '<span class=\"apicbase-profitability-metric-value\">' + dish.margin + '%<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-margin-bar\">' +\n '<div class=\"apicbase-profitability-margin-fill apicbase-profitability-margin-' + dish.marginClass + '\" style=\"width: ' + dish.margin + '%;\"><\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-profitability-chat-layer';\n newLayer.id = 'apicbase-profitability-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-profitability-message user\" id=\"apicbase-profitability-q1-user-' + layerCounter + '\"><div class=\"apicbase-profitability-message-bubble\"><p class=\"apicbase-profitability-q1-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-profitability-message ai\" id=\"apicbase-profitability-q1-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-profitability-ai-response\"><div class=\"apicbase-profitability-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-profitability-response-content\"><div class=\"apicbase-profitability-bullet-list\">' + dishesHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const q1User = document.getElementById('apicbase-profitability-q1-user-' + layerCounter);\n const q1AI = document.getElementById('apicbase-profitability-q1-ai-' + layerCounter);\n const bulletList = newLayer.querySelector('.apicbase-profitability-bullet-list');\n \n q1User.style.animation = 'apicbase-profitability-slideInRight 0.6s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-profitability-q1-typewriter');\n typeWriterGeneric(typewriterEl, \"Zeig mir alle Gerichte mit H\u00e4hnchenbrust und ihre aktuelle Profitabilit\u00e4t.\", () => {\n const timeout3 = setTimeout(() => {\n q1AI.style.transition = 'opacity 0.5s';\n q1AI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n bulletList.style.transition = 'opacity 0.5s';\n bulletList.style.opacity = '1';\n \/\/ Wait 6 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startQuestion1);\n }, 6000);\n allTimeouts.push(timeout5);\n }, 350);\n allTimeouts.push(timeout4);\n }, 250);\n allTimeouts.push(timeout3);\n });\n }, 250);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-593b3679 apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"593b3679\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9280a22 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9280a22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3984940 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"3984940\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-variance-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-variance-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-variance-container .apicbase-variance-mac-window {\n width: 100%;\n max-width: 550px;\n }\n\n .apicbase-variance-container .apicbase-variance-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-variance-container .apicbase-variance-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-variance-container .apicbase-variance-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-variance-container .apicbase-variance-spacer {\n width: 36px;\n }\n\n .apicbase-variance-container .apicbase-variance-content-area {\n background-color: white;\n padding: 1.125rem;\n min-height: 420px;\n display: flex;\n align-items: flex-start;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-variance-container .apicbase-variance-chat-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 380px;\n }\n\n .apicbase-variance-container .apicbase-variance-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.6s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-variance-container .apicbase-variance-chat-layer.apicbase-variance-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-variance-container .apicbase-variance-message {\n display: flex;\n }\n\n .apicbase-variance-container .apicbase-variance-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-variance-container .apicbase-variance-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-variance-container .apicbase-variance-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-variance-container .apicbase-variance-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-variance-container .apicbase-variance-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-variance-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-variance-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-variance-container .apicbase-variance-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-variance-container .apicbase-variance-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-variance-container .apicbase-variance-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-variance-container .apicbase-variance-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-dashboard {\n opacity: 0;\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n }\n\n \/* Sections *\/\n .apicbase-variance-container .apicbase-variance-section {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n \/* Two Column Layout *\/\n .apicbase-variance-container .apicbase-variance-two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.875rem;\n margin-bottom: 0.125rem;\n }\n\n \/* Top Items Section *\/\n .apicbase-variance-container .apicbase-variance-section-title {\n color: #6b7280;\n font-weight: 600;\n font-size: 0.625rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-items-grid {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-item-card {\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n padding: 0.5rem 0.55rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n transition: all 0.2s;\n }\n\n .apicbase-variance-container .apicbase-variance-item-card:hover {\n border-color: #d1d5db;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n .apicbase-variance-container .apicbase-variance-item-image {\n width: 2.75rem;\n height: 2.75rem;\n border-radius: 0.3rem;\n flex-shrink: 0;\n background-size: cover;\n background-position: center;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-variance-container .apicbase-variance-item-content {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n justify-content: center;\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-item-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 1.2;\n }\n\n .apicbase-variance-container .apicbase-variance-item-change {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n }\n\n .apicbase-variance-container .apicbase-variance-change-icon {\n width: 0;\n height: 0;\n border-left: 0.25rem solid transparent;\n border-right: 0.25rem solid transparent;\n }\n\n .apicbase-variance-container .apicbase-variance-change-icon.up {\n border-bottom: 0.3rem solid #ef4444;\n }\n\n .apicbase-variance-container .apicbase-variance-change-icon.down {\n border-top: 0.3rem solid #10b981;\n }\n\n .apicbase-variance-container .apicbase-variance-change-value {\n font-weight: 600;\n font-size: 0.6875rem;\n }\n\n .apicbase-variance-container .apicbase-variance-change-value.up {\n color: #ef4444;\n }\n\n .apicbase-variance-container .apicbase-variance-change-value.down {\n color: #10b981;\n }\n\n \/* Location Section *\/\n .apicbase-variance-container .apicbase-variance-location-list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-location-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem 0.6rem;\n background-color: #ffffff;\n border-radius: 0.4rem;\n border: 1px solid #e5e7eb;\n transition: all 0.2s;\n }\n\n .apicbase-variance-container .apicbase-variance-location-row:hover {\n border-color: #d1d5db;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n .apicbase-variance-container .apicbase-variance-location-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.75rem;\n }\n\n .apicbase-variance-container .apicbase-variance-location-value {\n font-weight: 600;\n font-size: 0.75rem;\n color: #ef4444;\n }\n\n \/* Trend Chart *\/\n .apicbase-variance-container .apicbase-variance-trend-chart {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.35rem;\n padding: 0.5rem;\n display: flex;\n align-items: flex-end;\n gap: 0.25rem;\n height: 3.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-bar {\n flex: 1;\n background: linear-gradient(180deg, #3b82f6, #2563eb);\n border-radius: 0.15rem;\n transition: all 0.4s ease-out;\n min-height: 0.5rem;\n position: relative;\n }\n\n .apicbase-variance-container .apicbase-variance-bar:nth-child(1) { height: 45%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(2) { height: 60%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(3) { height: 75%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(4) { height: 55%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(5) { height: 85%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(6) { height: 100%; background: linear-gradient(180deg, #ef4444, #dc2626); }\n\n \/* Animations *\/\n @keyframes apicbase-variance-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-variance-container {\n padding: 1rem;\n }\n\n .apicbase-variance-container .apicbase-variance-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-variance-container\">\n <div class=\"apicbase-variance-mac-window\">\n <div class=\"apicbase-variance-window-container\">\n <div class=\"apicbase-variance-title-bar\">\n <div class=\"apicbase-variance-traffic-lights\">\n <button class=\"apicbase-variance-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-variance-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-variance-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-variance-window-title\"><\/div>\n <div class=\"apicbase-variance-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-variance-content-area\">\n <div class=\"apicbase-variance-chat-container\" id=\"apicbase-variance-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-variance-container');\n const chatContainer = document.getElementById('apicbase-variance-chat-container');\n \n \/\/ Data - Food cost variance items\n const varianceItems = [\n { \n name: \"Lachsfilet\", \n change: \"+\u20ac2.8\/kg\", \n direction: \"up\",\n image: \"https:\/\/images.unsplash.com\/photo-1610294394708-7053ca773103?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n },\n { \n name: \"Rinderfilet\", \n change: \"+\u20ac4.2\/kg\", \n direction: \"up\",\n image: \"https:\/\/images.unsplash.com\/photo-1666013942642-b7b54ecafd7d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n },\n { \n name: \"Frisches Basilikum\", \n change: \"-\u20ac0.6\/kg\", \n direction: \"down\",\n image: \"https:\/\/images.unsplash.com\/photo-1662422325326-19089df23d98?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n },\n { \n name: \"Oliven\u00f6l\", \n change: \"+\u20ac1.1\/L\", \n direction: \"up\",\n image: \"https:\/\/images.unsplash.com\/photo-1474979266404-7eaacbcd87c5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n }\n ];\n\n const locationVariance = [\n { name: \"Amsterdam\", value: \"+8.2%\" },\n { name: \"Rotterdam\", value: \"+5.4%\" },\n { name: \"Utrecht\", value: \"+6.8%\" }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-variance-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-variance-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 20);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 350);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-variance-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startVarianceQuestion() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n \/\/ Build Items HTML\n let itemsHTML = '';\n varianceItems.forEach(item => {\n itemsHTML += '<div class=\"apicbase-variance-item-card\">' +\n '<div class=\"apicbase-variance-item-image\" style=\"background-image: url(' + item.image + ');\"><\/div>' +\n '<div class=\"apicbase-variance-item-content\">' +\n '<div class=\"apicbase-variance-item-name\">' + item.name + '<\/div>' +\n '<div class=\"apicbase-variance-item-change\">' +\n '<div class=\"apicbase-variance-change-icon ' + item.direction + '\"><\/div>' +\n '<span class=\"apicbase-variance-change-value ' + item.direction + '\">' + item.change + '<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n \/\/ Build Locations HTML\n let locationsHTML = '';\n locationVariance.forEach(loc => {\n locationsHTML += '<div class=\"apicbase-variance-location-row\">' +\n '<span class=\"apicbase-variance-location-name\">' + loc.name + '<\/span>' +\n '<span class=\"apicbase-variance-location-value\">' + loc.value + '<\/span>' +\n '<\/div>';\n });\n\n \/\/ Build Trend Chart HTML\n let trendHTML = '<div class=\"apicbase-variance-trend-chart\">' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<\/div>';\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-variance-chat-layer';\n newLayer.id = 'apicbase-variance-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-variance-message user\" id=\"apicbase-variance-q-user-' + layerCounter + '\"><div class=\"apicbase-variance-message-bubble\"><p class=\"apicbase-variance-q-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-variance-message ai\" id=\"apicbase-variance-q-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-variance-ai-response\"><div class=\"apicbase-variance-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-variance-response-content\"><div class=\"apicbase-variance-dashboard\"><div class=\"apicbase-variance-two-col\"><div class=\"apicbase-variance-section\"><div class=\"apicbase-variance-section-title\">Gr\u00f6\u00dfte Abweichungen<\/div><div class=\"apicbase-variance-items-grid\">' + itemsHTML + '<\/div><\/div><div class=\"apicbase-variance-section\"><div class=\"apicbase-variance-section-title\">Abweichung nach Standort<\/div><div class=\"apicbase-variance-location-list\">' + locationsHTML + '<\/div><\/div><\/div><div class=\"apicbase-variance-section\"><div class=\"apicbase-variance-section-title\">6-Wochen-Trend<\/div>' + trendHTML + '<\/div><\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const qUser = document.getElementById('apicbase-variance-q-user-' + layerCounter);\n const qAI = document.getElementById('apicbase-variance-q-ai-' + layerCounter);\n const dashboard = newLayer.querySelector('.apicbase-variance-dashboard');\n \n qUser.style.animation = 'apicbase-variance-slideInRight 0.7s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-variance-q-typewriter');\n typeWriterGeneric(typewriterEl, \"Was treibt unsere Wareneinsatzabweichung in diesem Quartal?\", () => {\n const timeout3 = setTimeout(() => {\n qAI.style.transition = 'opacity 0.6s';\n qAI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n dashboard.style.transition = 'opacity 0.6s';\n dashboard.style.opacity = '1';\n \/\/ Wait 7 seconds (longer for more data), then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startVarianceQuestion);\n }, 7000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startVarianceQuestion();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startVarianceQuestion();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6315d98e e-con-full e-flex e-con e-child\" data-id=\"6315d98e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f2e1743 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"2f2e1743\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Der CFO kommt herein, 10 Minuten vor der Vorstandssitzung.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3c9868 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"1f3c9868\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Fragen Sie: <\/span><i><span style=\"font-weight: 400;\">\u201eWas treibt unsere Wareneinsatzabweichung (food cost variance) in diesem Quartal?\u201c<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Analysiert die Abweichung nach Artikel, Standort und Trend.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Liefert eine Management-Zusammenfassung, ohne eine einzige Tabelle zu \u00f6ffnen.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Zeigt, was die Zahlen wirklich bewegt.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-20fef54 apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"20fef54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-473ebc3d e-con-full e-flex e-con e-child\" data-id=\"473ebc3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22bb8d92 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"22bb8d92\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Einkaufs-Review. Sie pr\u00fcfen einen Lieferantenwechsel.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-753bbc3d ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"753bbc3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Fragen Sie: <\/span><i><span style=\"font-weight: 400;\">\u201eWenn wir den K\u00e4selieferanten wechseln, ist Lasagne dann noch profitabel?\u201c<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Simuliert die \u00c4nderung, ohne Ihre Live-Daten anzutasten.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Zeigt sofort die Margen-Auswirkung.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Hilft Ihnen, sicher zu entscheiden.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-546fa28 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"546fa28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e9595e exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"7e9595e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-sim-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-sim-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-sim-container .apicbase-sim-mac-window {\n width: 100%;\n max-width: 550px;\n }\n\n .apicbase-sim-container .apicbase-sim-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-sim-container .apicbase-sim-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-sim-container .apicbase-sim-spacer {\n width: 36px;\n }\n\n .apicbase-sim-container .apicbase-sim-content-area {\n background-color: white;\n padding: 1.125rem;\n min-height: 420px;\n display: flex;\n align-items: flex-start;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-sim-container .apicbase-sim-chat-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 380px;\n }\n\n .apicbase-sim-container .apicbase-sim-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.6s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-sim-container .apicbase-sim-chat-layer.apicbase-sim-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-sim-container .apicbase-sim-message {\n display: flex;\n }\n\n .apicbase-sim-container .apicbase-sim-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-sim-container .apicbase-sim-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-sim-container .apicbase-sim-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-sim-container .apicbase-sim-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-sim-container .apicbase-sim-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-sim-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-sim-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-sim-container .apicbase-sim-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-sim-container .apicbase-sim-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-sim-container .apicbase-sim-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-sim-container .apicbase-sim-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-sim-container .apicbase-sim-dashboard {\n opacity: 0;\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n }\n\n \/* Product Header *\/\n .apicbase-sim-container .apicbase-sim-product-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n background-color: #f9fafb;\n border-radius: 0.4rem;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-product-thumb {\n width: 2.5rem;\n height: 2.5rem;\n object-fit: cover;\n border-radius: 0.35rem;\n flex-shrink: 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-sim-container .apicbase-sim-product-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n\n .apicbase-sim-container .apicbase-sim-product-name {\n font-size: 0.75rem;\n font-weight: 600;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-product-subtitle {\n font-size: 0.625rem;\n color: #6b7280;\n font-weight: 500;\n }\n\n \/* Supplier Comparison Layout *\/\n .apicbase-sim-container .apicbase-sim-comparison-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.625rem;\n margin-bottom: 0.75rem;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-card {\n background-color: #ffffff;\n border: 2px solid #e5e7eb;\n border-radius: 0.5rem;\n padding: 0.65rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n transition: all 0.2s;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-card.current {\n border-color: #3b82f6;\n background-color: #eff6ff;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-card.new {\n border-color: #10b981;\n background-color: #f0fdf4;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-header {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-badge {\n font-size: 0.625rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n padding: 0.2rem 0.4rem;\n border-radius: 0.25rem;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-badge.current {\n background-color: #3b82f6;\n color: white;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-badge.new {\n background-color: #10b981;\n color: white;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-name {\n font-size: 0.75rem;\n font-weight: 600;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.35rem 0;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-row:last-child {\n border-bottom: none;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-label {\n font-size: 0.6875rem;\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-value {\n font-size: 0.75rem;\n font-weight: 700;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-margin-total {\n background-color: white;\n border-radius: 0.35rem;\n padding: 0.45rem;\n margin-top: 0.25rem;\n }\n\n .apicbase-sim-container .apicbase-sim-margin-total .apicbase-sim-cost-label {\n font-weight: 600;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-margin-total .apicbase-sim-cost-value {\n font-size: 0.875rem;\n }\n\n .apicbase-sim-container .apicbase-sim-profit-verdict {\n background: linear-gradient(135deg, #10b981, #059669);\n border-radius: 0.5rem;\n padding: 0.75rem;\n text-align: center;\n color: white;\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);\n }\n\n .apicbase-sim-container .apicbase-sim-profit-icon {\n font-size: 1.5rem;\n margin-bottom: 0.25rem;\n }\n\n .apicbase-sim-container .apicbase-sim-profit-title {\n font-size: 0.875rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.15rem;\n }\n\n .apicbase-sim-container .apicbase-sim-profit-subtitle {\n font-size: 0.6875rem;\n opacity: 0.95;\n font-weight: 500;\n }\n\n \/* Animations *\/\n @keyframes apicbase-sim-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-sim-container {\n padding: 1rem;\n }\n\n .apicbase-sim-container .apicbase-sim-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-sim-container .apicbase-sim-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-sim-container\">\n <div class=\"apicbase-sim-mac-window\">\n <div class=\"apicbase-sim-window-container\">\n <div class=\"apicbase-sim-title-bar\">\n <div class=\"apicbase-sim-traffic-lights\">\n <button class=\"apicbase-sim-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-sim-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-sim-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-sim-window-title\"><\/div>\n <div class=\"apicbase-sim-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-sim-content-area\">\n <div class=\"apicbase-sim-chat-container\" id=\"apicbase-sim-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-sim-container');\n const chatContainer = document.getElementById('apicbase-sim-chat-container');\n \n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-sim-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-sim-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 20);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 350);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-sim-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startSupplierSimulation() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n \/\/ Build Supplier Comparison HTML\n const supplierHTML = \n '<div class=\"apicbase-sim-product-header\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1762631883229-95cfb6a063ad?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Lasagne\" class=\"apicbase-sim-product-thumb\">' +\n '<div class=\"apicbase-sim-product-info\">' +\n '<div class=\"apicbase-sim-product-name\">Klassische Lasagne<\/div>' +\n '<div class=\"apicbase-sim-product-subtitle\">Simulation Lieferantenwechsel<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-comparison-grid\">' +\n '<div class=\"apicbase-sim-supplier-card current\">' +\n '<div class=\"apicbase-sim-supplier-header\">' +\n '<span class=\"apicbase-sim-supplier-badge current\">Aktuell<\/span>' +\n '<span class=\"apicbase-sim-supplier-name\">Molkerei Co.<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">K\u00e4sekosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac3.80<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Weitere Zutaten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac4.20<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Personalkosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac2.50<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-margin-total\">' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Marge<\/span>' +\n '<span class=\"apicbase-sim-cost-value\" style=\"color: #3b82f6;\">32%<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-supplier-card new\">' +\n '<div class=\"apicbase-sim-supplier-header\">' +\n '<span class=\"apicbase-sim-supplier-badge new\">Neu<\/span>' +\n '<span class=\"apicbase-sim-supplier-name\">FrischK\u00e4se GmbH<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">K\u00e4sekosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac3.20<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Weitere Zutaten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac4.20<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Personalkosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac2.50<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-margin-total\">' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Marge<\/span>' +\n '<span class=\"apicbase-sim-cost-value\" style=\"color: #10b981;\">38%<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-profit-verdict\">' +\n '<div class=\"apicbase-sim-profit-icon\">\u2713<\/div>' +\n '<div class=\"apicbase-sim-profit-title\">Ja, weiterhin profitabel<\/div>' +\n '<div class=\"apicbase-sim-profit-subtitle\">+6 % Margenverbesserung \u2022 Keine \u00c4nderung an Live-Daten<\/div>' +\n '<\/div>';\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-sim-chat-layer';\n newLayer.id = 'apicbase-sim-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-sim-message user\" id=\"apicbase-sim-q-user-' + layerCounter + '\"><div class=\"apicbase-sim-message-bubble\"><p class=\"apicbase-sim-q-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-sim-message ai\" id=\"apicbase-sim-q-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-sim-ai-response\"><div class=\"apicbase-sim-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-sim-response-content\"><div class=\"apicbase-sim-dashboard\">' + supplierHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const qUser = document.getElementById('apicbase-sim-q-user-' + layerCounter);\n const qAI = document.getElementById('apicbase-sim-q-ai-' + layerCounter);\n const dashboard = newLayer.querySelector('.apicbase-sim-dashboard');\n \n qUser.style.animation = 'apicbase-sim-slideInRight 0.7s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-sim-q-typewriter');\n typeWriterGeneric(typewriterEl, \"Wenn wir den K\u00e4selieferanten wechseln, ist Lasagne dann noch profitabel?\", () => {\n const timeout3 = setTimeout(() => {\n qAI.style.transition = 'opacity 0.6s';\n qAI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n dashboard.style.transition = 'opacity 0.6s';\n dashboard.style.opacity = '1';\n \/\/ Wait 6 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startSupplierSimulation);\n }, 6000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startSupplierSimulation();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startSupplierSimulation();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-384033d apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"384033d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-970d1dd e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"970d1dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-940f08b exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"940f08b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n min-height: 0;\n }\n\n .apicbase-waste-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem 1rem 0 1rem;\n }\n\n .apicbase-waste-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-waste-container .apicbase-waste-mac-window {\n width: 100%;\n max-width: 550px;\n }\n\n .apicbase-waste-container .apicbase-waste-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-waste-container .apicbase-waste-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-waste-container .apicbase-waste-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-waste-container .apicbase-waste-spacer {\n width: 36px;\n }\n\n .apicbase-waste-container .apicbase-waste-content-area {\n background-color: white;\n padding: 0.875rem 1rem 1.5rem 1rem;\n min-height: 310px;\n display: flex;\n align-items: flex-start;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-waste-container .apicbase-waste-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 290px;\n }\n\n .apicbase-waste-container .apicbase-waste-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.6s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-waste-container .apicbase-waste-chat-layer.apicbase-waste-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-waste-container .apicbase-waste-message {\n display: flex;\n }\n\n .apicbase-waste-container .apicbase-waste-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-waste-container .apicbase-waste-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-waste-container .apicbase-waste-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-waste-container .apicbase-waste-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-waste-container .apicbase-waste-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-waste-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-waste-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-waste-container .apicbase-waste-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-waste-container .apicbase-waste-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-waste-container .apicbase-waste-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-waste-container .apicbase-waste-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-dashboard {\n opacity: 0;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0;\n align-items: start;\n }\n\n \/* Month Comparison Section *\/\n .apicbase-waste-container .apicbase-waste-comparison-section {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n padding-right: 1.25rem;\n border-right: 1px solid #e5e7eb;\n }\n\n \/* Items Section *\/\n .apicbase-waste-container .apicbase-waste-items-section {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n padding-left: 1.25rem;\n }\n\n \/* Section Titles *\/\n .apicbase-waste-container .apicbase-waste-section-title {\n font-size: 0.625rem;\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.05em;\n color: #6b7280;\n margin-bottom: 0.1rem;\n }\n\n \/* Month Comparison *\/\n .apicbase-waste-container .apicbase-waste-month-comparison {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n padding: 0.55rem;\n text-align: center;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card.current {\n background-color: #fef2f2;\n border-color: #fecaca;\n }\n\n .apicbase-waste-container .apicbase-waste-month-label {\n font-size: 0.625rem;\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.03em;\n color: #6b7280;\n margin-bottom: 0.25rem;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card.current .apicbase-waste-month-label {\n color: #dc2626;\n }\n\n .apicbase-waste-container .apicbase-waste-month-value {\n font-size: 1.25rem;\n font-weight: 700;\n color: #111827;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card.current .apicbase-waste-month-value {\n color: #dc2626;\n }\n\n .apicbase-waste-container .apicbase-waste-month-change {\n font-size: 0.625rem;\n color: #6b7280;\n margin-top: 0.15rem;\n font-weight: 500;\n }\n\n .apicbase-waste-container .apicbase-waste-delta-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.2rem;\n background-color: #dc2626;\n color: white;\n padding: 0.15rem 0.4rem;\n border-radius: 0.25rem;\n font-size: 0.625rem;\n font-weight: 700;\n margin-top: 0.25rem;\n }\n\n \/* Waste Items by Location *\/\n .apicbase-waste-container .apicbase-waste-items-list {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.7rem;\n }\n\n .apicbase-waste-container .apicbase-waste-item-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.55rem;\n padding: 0.6rem 0.65rem;\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n transition: all 0.2s;\n }\n\n .apicbase-waste-container .apicbase-waste-item-row:hover {\n border-color: #d1d5db;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n .apicbase-waste-container .apicbase-waste-item-thumb {\n width: 2.25rem;\n height: 2.25rem;\n object-fit: cover;\n border-radius: 0.325rem;\n flex-shrink: 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-waste-container .apicbase-waste-item-details {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n min-width: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-item-name {\n font-size: 0.625rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.25;\n }\n\n .apicbase-waste-container .apicbase-waste-item-location {\n font-size: 0.5625rem;\n color: #6b7280;\n font-weight: 500;\n line-height: 1.25;\n }\n\n .apicbase-waste-container .apicbase-waste-item-badge {\n padding: 0.15rem 0.3rem;\n border-radius: 0.25rem;\n font-size: 0.5rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.01em;\n white-space: nowrap;\n flex-shrink: 0;\n align-self: center;\n }\n\n .apicbase-waste-container .apicbase-waste-item-badge.over-prep {\n background-color: #fef3c7;\n color: #92400e;\n }\n\n .apicbase-waste-container .apicbase-waste-item-badge.spoilage {\n background-color: #fee2e2;\n color: #991b1b;\n }\n\n \/* Action Banner *\/\n .apicbase-waste-container .apicbase-waste-action-banner {\n background: linear-gradient(135deg, #f59e0b, #d97706);\n border-radius: 0.4rem;\n padding: 0.65rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);\n }\n\n .apicbase-waste-container .apicbase-waste-action-icon {\n font-size: 1.25rem;\n flex-shrink: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-action-content {\n flex: 1;\n }\n\n .apicbase-waste-container .apicbase-waste-action-title {\n font-size: 0.75rem;\n font-weight: 700;\n color: white;\n margin-bottom: 0.1rem;\n }\n\n .apicbase-waste-container .apicbase-waste-action-text {\n font-size: 0.625rem;\n color: white;\n opacity: 0.95;\n font-weight: 500;\n }\n\n \/* Animations *\/\n @keyframes apicbase-waste-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-waste-container {\n padding: 1rem;\n }\n\n .apicbase-waste-container .apicbase-waste-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-waste-container .apicbase-waste-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-waste-container\">\n <div class=\"apicbase-waste-mac-window\">\n <div class=\"apicbase-waste-window-container\">\n <div class=\"apicbase-waste-title-bar\">\n <div class=\"apicbase-waste-traffic-lights\">\n <button class=\"apicbase-waste-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-waste-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-waste-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-waste-window-title\"><\/div>\n <div class=\"apicbase-waste-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-waste-content-area\">\n <div class=\"apicbase-waste-chat-container\" id=\"apicbase-waste-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-waste-container');\n const chatContainer = document.getElementById('apicbase-waste-chat-container');\n \n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-waste-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-waste-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 20);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 350);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-waste-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startWasteComparison() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n \/\/ Build Waste Comparison HTML\n const wasteHTML = \n '<div class=\\\"apicbase-waste-comparison-section\\\">' +\n '<div class=\\\"apicbase-waste-section-title\\\">Monatsvergleich<\/div>' +\n '<div class=\\\"apicbase-waste-month-comparison\\\">' +\n '<div class=\"apicbase-waste-month-card\">' +\n '<div class=\"apicbase-waste-month-label\">Letzter Monat<\/div>' +\n '<div class=\"apicbase-waste-month-value\">\u20ac842<\/div>' +\n '<div class=\"apicbase-waste-month-change\">Basiswert<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-month-card current\">' +\n '<div class=\"apicbase-waste-month-label\">Dieser Monat<\/div>' +\n '<div class=\"apicbase-waste-month-value\">\u20ac1,127<\/div>' +\n '<div class=\"apicbase-waste-delta-badge\">\u2191 +34%<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-items-section\">' +\n '<div class=\"apicbase-waste-section-title\">Gr\u00f6\u00dfte Verlustposten<\/div>' +\n '<div class=\"apicbase-waste-items-list\">' +\n '<div class=\"apicbase-waste-item-row\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1590531711560-43d7a9bc4e6c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Salat\" class=\"apicbase-waste-item-thumb\">' +\n '<div class=\"apicbase-waste-item-details\">' +\n '<div class=\"apicbase-waste-item-name\">R\u00f6mersalat<\/div>' +\n '<div class=\"apicbase-waste-item-location\">Amsterdam \u2022 12.4 kg<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-badge spoilage\">Verderb<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-row\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1631292171396-26a654f51c48?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Tomaten\" class=\"apicbase-waste-item-thumb\">' +\n '<div class=\"apicbase-waste-item-details\">' +\n '<div class=\"apicbase-waste-item-name\">Kirschtomaten<\/div>' +\n '<div class=\"apicbase-waste-item-location\">Rotterdam \u2022 8.7 kg<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-badge over-prep\">\u00dcberproduktion<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-row\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1759147877000-1ff5530da05b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Gem\u00fcse\" class=\"apicbase-waste-item-thumb\">' +\n '<div class=\"apicbase-waste-item-details\">' +\n '<div class=\"apicbase-waste-item-name\">Gemischtes Gem\u00fcse<\/div>' +\n '<div class=\"apicbase-waste-item-location\">Utrecht \u2022 6.2 kg<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-badge spoilage\">Verderb<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-waste-chat-layer';\n newLayer.id = 'apicbase-waste-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-waste-message user\" id=\"apicbase-waste-q-user-' + layerCounter + '\"><div class=\"apicbase-waste-message-bubble\"><p class=\"apicbase-waste-q-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-waste-message ai\" id=\"apicbase-waste-q-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-waste-ai-response\"><div class=\"apicbase-waste-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-waste-response-content\"><div class=\"apicbase-waste-dashboard\">' + wasteHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const qUser = document.getElementById('apicbase-waste-q-user-' + layerCounter);\n const qAI = document.getElementById('apicbase-waste-q-ai-' + layerCounter);\n const dashboard = newLayer.querySelector('.apicbase-waste-dashboard');\n \n qUser.style.animation = 'apicbase-waste-slideInRight 0.7s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-waste-q-typewriter');\n typeWriterGeneric(typewriterEl, \"Vergleiche den Warenverlust in diesem Monat mit dem letzten Monat.\", () => {\n const timeout3 = setTimeout(() => {\n qAI.style.transition = 'opacity 0.6s';\n qAI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n dashboard.style.transition = 'opacity 0.6s';\n dashboard.style.opacity = '1';\n \/\/ Wait 6 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startWasteComparison);\n }, 6000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startWasteComparison();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startWasteComparison();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-af8c63c e-con-full e-flex e-con e-child\" data-id=\"af8c63c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90fdcd2 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"90fdcd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Monatliches Ops-Review. Sie wollen Muster erkennen.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ec7ea ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"15ec7ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><i><span style=\"font-weight: 400;\">\u201eVergleiche den Warenverlust in diesem Monat mit dem letzten Monat.\u201c<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Analysiert Verlustprotokolle \u00fcber alle Standorte.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Erkennt Muster wie \u00dcberproduktion oder Verderb.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Zeigt, wo Prozesse angepasst werden m\u00fcssen.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-90ec96c e-flex e-con-boxed e-con e-parent\" data-id=\"90ec96c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b963223 e-con-full e-flex e-con e-child\" data-id=\"b963223\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b6b1330 e-con-full e-flex e-con e-child\" data-id=\"b6b1330\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaaffa5 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"aaaffa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Integrierte Enterprise-Sicherheit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5962a6 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"c5962a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">MCP-Verbindungen sind berechtigungsbasiert, verschl\u00fcsselt und vollst\u00e4ndig auditierbar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ihre Daten bleiben immer unter Ihrer Kontrolle. <\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9273103 elementor-align-left exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-button\" data-id=\"9273103\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_butterbutton_use_it":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/get.apicbase.com\/de\/vertrauen-sicherheit-compliance\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Mehr \u00fcber Apicbase Enterprise Data Security \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-43589ee e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"43589ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6735ead exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"6735ead\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_shadough_use":"yes","_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"1540\" height=\"1200\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1.jpg\" class=\"attachment-large size-large wp-image-79689\" alt=\"Enterprise Data Security\" srcset=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1.jpg 1540w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1-768x598.jpg 768w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1-1536x1197.jpg 1536w\" sizes=\"auto, (max-width: 1540px) 100vw, 1540px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-44f5317 e-grid e-con-boxed e-con e-parent\" data-id=\"44f5317\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c7688a4 e-con-full e-flex e-con e-child\" data-id=\"c7688a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-735d861 elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"735d861\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"30\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/user-permission.svg\" class=\"attachment-full size-full wp-image-79636\" alt=\"user-permission\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Berechtigungsbasiert<\/h5><p class=\"elementor-image-box-description\">Nutzer sehen nur Daten, f\u00fcr die sie berechtigt sind<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-14809d4 e-con-full e-flex e-con e-child\" data-id=\"14809d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5955f4 elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"c5955f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"32\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/audit-logged.svg\" class=\"attachment-full size-full wp-image-79631\" alt=\"audit-logged\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Audit-protokolliert<\/h5><p class=\"elementor-image-box-description\">Jede Abfrage wird f\u00fcr die Compliance protokolliert<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-39d6e30 e-con-full e-flex e-con e-child\" data-id=\"39d6e30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5601c9c elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"5601c9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"25\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/lock.svg\" class=\"attachment-full size-full wp-image-79626\" alt=\"lock\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Verschl\u00fcsselt<\/h5><p class=\"elementor-image-box-description\">Jede Daten\u00fcbertragung nutzt Enterprise-Verschl\u00fcsselungsstandards<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-31d6c9a e-con-full e-flex e-con e-child\" data-id=\"31d6c9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed74725 elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"ed74725\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"26\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/shield.svg\" class=\"attachment-full size-full wp-image-79621\" alt=\"shield\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Widerrufbar<\/h5><p class=\"elementor-image-box-description\"> Die IT kann den Zugriff bei Bedarf sofort deaktivieren<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bc8bc4d e-flex e-con-boxed e-con e-parent\" data-id=\"bc8bc4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4554f70b e-con-full e-flex e-con e-child\" data-id=\"4554f70b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"gradient","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-100b8a63 e-con-full e-flex e-con e-child\" data-id=\"100b8a63\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2377e372 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"2377e372\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bereit f\u00fcr die KI-Revolution in der Gastronomie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d070bc6 cta-link ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"3d070bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Mit Apicbase MCP ist Ihr Betrieb bereit f\u00fcr die KI-Revolution in der Gastronomie.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Warenverlust senken. Margen sch\u00fctzen. Schneller entscheiden mit operativer Echtzeit-Intelligenz.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32ff30b1 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-button\" data-id=\"32ff30b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_butterbutton_use_it":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/get.apicbase.com\/de\/demo-anfragen\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Sprechen Sie mit unserem Team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-78d9768f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"78d9768f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d3d48f0 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"2d3d48f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"1963\" height=\"1206\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash.png\" class=\"attachment-full size-full wp-image-79641\" alt=\"import-recipe-ai-dash\" srcset=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash.png 1963w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash-768x472.png 768w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash-1536x944.png 1536w\" sizes=\"auto, (max-width: 1963px) 100vw, 1963px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5c4812a8 e-con-full e-flex e-con e-parent\" data-id=\"5c4812a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-293c68fa e-con-full e-flex e-con e-child\" data-id=\"293c68fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4c0fb ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"7c4c0fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bereit, KI in Ihrem Betrieb einzusetzen?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55a5ffe2 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-button\" data-id=\"55a5ffe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_butterbutton_use_it":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/get.apicbase.com\/de\/demo-anfragen\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Sprechen Sie mit unserem Team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3419876f elementor-absolute exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"3419876f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"135\" height=\"155\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/01\/Group-1116-1-2.svg\" class=\"attachment-large size-large wp-image-71475\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70f1614a elementor-absolute elementor-hidden-mobile exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"70f1614a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"235\" height=\"109\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/01\/Ellipse-3.4-2.svg\" class=\"attachment-large size-large wp-image-71476\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\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>Apicbase MCP: Chatten Sie mit Ihren Restaurantdaten Fragen Sie Claude, ChatGPT, Gemini oder Copilot nach Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Erhalten Sie sofort Antworten aus Ihren Live-Apicbase-Daten. Sprechen Sie mit unserem Team Vertraut von Cateringunternehmen, die Betriebe mit mehreren Standorten und hohem Volumen steuern. Was sich \u00e4ndert Schneller entscheiden Die Antworten, die […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-82266","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Apicbase MCP: Chatten Sie mit Ihren Restaurantdaten<\/title>\n<meta name=\"description\" content=\"Fragen Sie Claude, ChatGPT, Gemini oder Copilot zu Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Sofortantworten aus Ihren Live-Apicbase-Daten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/get.apicbase.com\/mcp\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apicbase MCP\" \/>\n<meta property=\"og:description\" content=\"Fragen Sie Claude, ChatGPT, Gemini oder Copilot zu Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Sofortantworten aus Ihren Live-Apicbase-Daten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/get.apicbase.com\/mcp\/\" \/>\n<meta property=\"og:site_name\" content=\"Apicbase\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/apicbase\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-07T09:23:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1422\" \/>\n\t<meta property=\"og:image:height\" content=\"1131\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@apicbase\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/get.apicbase.com\/mcp\/\",\"url\":\"https:\/\/get.apicbase.com\/mcp\/\",\"name\":\"Apicbase MCP: Chatten Sie mit Ihren Restaurantdaten\",\"isPartOf\":{\"@id\":\"https:\/\/get.apicbase.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/get.apicbase.com\/mcp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/get.apicbase.com\/mcp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\",\"datePublished\":\"2026-07-07T09:23:17+00:00\",\"dateModified\":\"2026-07-07T09:23:24+00:00\",\"description\":\"Fragen Sie Claude, ChatGPT, Gemini oder Copilot zu Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Sofortantworten aus Ihren Live-Apicbase-Daten.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/get.apicbase.com\/mcp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/get.apicbase.com\/mcp\/#primaryimage\",\"url\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\",\"contentUrl\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/get.apicbase.com\/#website\",\"url\":\"https:\/\/get.apicbase.com\/\",\"name\":\"Apicbase\",\"description\":\"#1 Restaurant Management Software\",\"publisher\":{\"@id\":\"https:\/\/get.apicbase.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/get.apicbase.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/get.apicbase.com\/#organization\",\"name\":\"Apicbase\",\"url\":\"https:\/\/get.apicbase.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg\",\"contentUrl\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg\",\"caption\":\"Apicbase\"},\"image\":{\"@id\":\"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/apicbase\/\",\"https:\/\/x.com\/apicbase\",\"https:\/\/www.instagram.com\/apicbase\/\",\"https:\/\/www.linkedin.com\/company-beta\/5036984\/\",\"https:\/\/www.pinterest.com\/apicbase\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Apicbase MCP: Chatten Sie mit Ihren Restaurantdaten","description":"Fragen Sie Claude, ChatGPT, Gemini oder Copilot zu Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Sofortantworten aus Ihren Live-Apicbase-Daten.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/get.apicbase.com\/mcp\/","og_locale":"de_DE","og_type":"article","og_title":"Apicbase MCP","og_description":"Fragen Sie Claude, ChatGPT, Gemini oder Copilot zu Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Sofortantworten aus Ihren Live-Apicbase-Daten.","og_url":"https:\/\/get.apicbase.com\/mcp\/","og_site_name":"Apicbase","article_publisher":"https:\/\/www.facebook.com\/apicbase\/","article_modified_time":"2026-07-07T09:23:24+00:00","og_image":[{"width":1422,"height":1131,"url":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@apicbase","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/get.apicbase.com\/mcp\/","url":"https:\/\/get.apicbase.com\/mcp\/","name":"Apicbase MCP: Chatten Sie mit Ihren Restaurantdaten","isPartOf":{"@id":"https:\/\/get.apicbase.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/get.apicbase.com\/mcp\/#primaryimage"},"image":{"@id":"https:\/\/get.apicbase.com\/mcp\/#primaryimage"},"thumbnailUrl":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png","datePublished":"2026-07-07T09:23:17+00:00","dateModified":"2026-07-07T09:23:24+00:00","description":"Fragen Sie Claude, ChatGPT, Gemini oder Copilot zu Wareneinsatz, Umsatz und Compliance \u2013 \u00fcber alle Standorte. Sofortantworten aus Ihren Live-Apicbase-Daten.","inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/get.apicbase.com\/mcp\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/get.apicbase.com\/mcp\/#primaryimage","url":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png","contentUrl":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png"},{"@type":"WebSite","@id":"https:\/\/get.apicbase.com\/#website","url":"https:\/\/get.apicbase.com\/","name":"Apicbase","description":"#1 Restaurant Management Software","publisher":{"@id":"https:\/\/get.apicbase.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/get.apicbase.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/get.apicbase.com\/#organization","name":"Apicbase","url":"https:\/\/get.apicbase.com\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/","url":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg","contentUrl":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg","caption":"Apicbase"},"image":{"@id":"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/apicbase\/","https:\/\/x.com\/apicbase","https:\/\/www.instagram.com\/apicbase\/","https:\/\/www.linkedin.com\/company-beta\/5036984\/","https:\/\/www.pinterest.com\/apicbase\/"]}]}},"_links":{"self":[{"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/pages\/82266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/comments?post=82266"}],"version-history":[{"count":2,"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/pages\/82266\/revisions"}],"predecessor-version":[{"id":82270,"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/pages\/82266\/revisions\/82270"}],"wp:attachment":[{"href":"https:\/\/get.apicbase.com\/de\/wp-json\/wp\/v2\/media?parent=82266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}